Script to print resume.

Author: tbrockman

Makefile

@@ -10,8 +10,16 @@ build:
 run:
 	docker run -v .:/app -p 4000:4000 --rm --name theo-web -it theo-web
 
-# print-resume:
-# 	docker run --rm -p 3000:3000 browserless/chrome
-# 	# go to PDF tab
-# 	# just navigate to https://theo.lol/resume
-# 	# return page.pdf()
+up: 
+	docker compose up
+
+print-resume: up print-resume-pdf print-resume-json print-resume-docx
+
+print-resume-pdf:
+	sh scripts/print-resume.sh resume.pdf
+
+print-resume-docx:
+	echo "Not implemented yet"
+
+print-resume-json:
+	cp _data/resume.json resume.json

_data/resume.json

@@ -433,7 +433,7 @@
         },
         {
           "label": "Builds appreciation culture",
-          "icon": "🪙",
+          "icon": "🤝🏻",
           "text": "Built an internal Slack application for co-workers to show each other appreciation through coin emojis, dubbed 'Earnin Coin', which went viral internally. Regularly reached *100s of weekly transactions*. Included a real economy, a weekly leaderboard to celebrate high coin earners, and was consistently touted as making employees feel better about giving and receiving help."
         }
       ]

_layouts/resume.html

@@ -110,23 +110,23 @@
             </div>
             {% elsif key == "work" %}
             <div class="work-experience-container">
-                {% for job in site.data.resume[key] %}
+                {%- for job in site.data.resume[key] -%}
                 <div class="work-experience-entry floating-block">
                     <div class="work-experience-header">
-                        <span class="green">{{ job.position }}</span>
-                        <span class="white">,&nbsp;</span>
-                        <span><a href="{{ job.url }}" class="gold">{{ job.organization }}</a>&nbsp</span>
-                        <span class="comment-grey">// {{ job.start | date: "%b %Y" }} - {% if job.end %} {{ job.end |
+                        <span class="green">{{- job.position -}}</span><span class="white">,&nbsp;</span><span><a
+                                href="{{ job.url }}" class="gold">{{- job.organization -}}</a>&nbsp;</span><span
+                            class="comment-grey">// {{ job.start | date: "%b %Y" }} - {% if job.end %} {{ job.end
+                            |
                             date: "%b, %Y" }} {% else %} present {% endif %}</span>
                     </div>
                     <div class="work-experience-body">
-                        {% for highlight in job.highlights %}
+                        {%- for highlight in job.highlights -%}
                         <p class="gold">{{ highlight.icon | append: " " | append: highlight.label }}</p>
                         {{ highlight.text | markdownify }}
-                        {% endfor %}
+                        {%- endfor -%}
                     </div>
                 </div>
-                {% endfor %}
+                {%- endfor -%}
             </div>
             {% elsif key == "volunteer" %}
             <div class="column-container">

_sass/resume.scss

@@ -1,4 +1,4 @@
-$breakpoint-mobile: 74ch;
+$breakpoint-mobile: 640px;
 $breakpoint-combine-header: 640px;
 
 @media (max-width: $breakpoint-combine-header) {
@@ -125,7 +125,7 @@ pre {
 
 .resume-container {
 	max-width: 100%;
-	width: 74ch;
+	width: 640px;
 	display: block;
 }
 
@@ -280,9 +280,7 @@ div.section {
 	display: flex;
 }
 
-.work-experience-header {
-	font-size: 0;
-}
+.work-experience-header {}
 
 .work-experience-header>span {
 	font-size: 1rem;
@@ -296,6 +294,10 @@ div.section {
 	margin-bottom: 2rem;
 }
 
+.work-experience-body>p:nth-child(2n+1) {
+	margin-top: 2rem;
+}
+
 .work-experience-body>p>a {
 	color: #e0ab3b;
 }
@@ -334,11 +336,10 @@ div.section {
 }
 
 .projects-header {
-	font-size: 0;
+	margin-bottom: 1rem;
 }
 
 .projects-header>span {
-	font-size: 1rem;
 	word-break: break-word;
 }
 
@@ -352,11 +353,10 @@ div.section {
 }
 
 .open-source-header {
-	font-size: 0;
+	margin-bottom: 1rem;
 }
 
 .open-source-header>span {
-	font-size: 1rem;
 	word-break: break-word;
 }
 

docker-compose.yml

@@ -0,0 +1,23 @@
+services:
+  web:
+    build: .
+    ports:
+      - 4000:4000
+    volumes:
+      - .:/app
+  browserless:
+    image: ghcr.io/browserless/chromium
+    ports:
+      - 3000:3000
+    restart: always
+    environment:
+      - MAX_CONCURRENT_SESSIONS=10
+      - MAX_QUEUE_LENGTH=10
+      - PREBOOT_CHROME=true
+      - CHROME_REFRESH_TIME=60000
+      - TIMEOUT=60000
+      - TOKEN=who-cares-token
+      - PORT=3000
+      - ALLOW_GET=true
+      - WORKSPACE_DELETE_EXPIRED=true
+      - DOWNLOAD_DIR=/downloads