0.3.2

metaory · Sep 23, 2024 · 40ae90e · 40ae90e
1 parent b850a60
commit 40ae90e
Show file tree

Hide file tree

Showing 14 changed files with 106 additions and 64 deletions.
diff --git a/README.md b/README.md
@@ -129,15 +129,11 @@ Images
 
 ---
 
-Colors
-------
+Summary
+-------
 
 > [!Tip]
-> ~~You can overwrite color values~~
->
-> ~~Under `meta.themeOptions.colors`~~
->
-> 🚧 Not implemented
+> The `basics.summary` is placed as **raw HTML**
 
 ---
 
@@ -151,6 +147,18 @@ Titles
 
 ---
 
+Colors
+------
+
+> [!Tip]
+> ~~You can overwrite color values~~
+>
+> ~~Under `meta.themeOptions.colors`~~
+>
+> 🚧 Not implemented
+
+---
+
 Troubleshooting
 ---------------
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jsonresume-theme-legacy",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "✱ Legacy handlebars jsonresume theme port to vite",
   "author": "metaory <[email protected]>",
   "bugs": "https://github.com/metaory/jsonresume-theme-legacy/issues",

diff --git a/sample.pdf b/sample.pdf
diff --git a/screenshot.png b/screenshot.png
diff --git a/src/components/basics.hbs b/src/components/basics.hbs
@@ -23,6 +23,14 @@
     </header>
     {{#location}}
     <div class="location username">
+      {{#if residency}}
+        <div class="residency username">
+          <span class="url">
+            <span class="icon {{ ICO "residency" }}"></span>
+            {{ residency }}
+          </span>
+        </div>
+      {{/if}}
       <span class="url">
         <span class="icon {{ ICO "location" }}"></span>
         {{#if address}}
@@ -32,13 +40,13 @@
           <span class="postalCode">{{ postalCode }},</span>
         {{/if}}
         {{#if city}}
-          <span class="city">{{ city }},</span>
+          <span class="city">{{ city }}</span>
         {{/if}}
         {{#if region}}
-          <span class="region">{{ region }}</span>
+          · <span class="region">{{ region }}</span>
         {{/if}}
         {{#if countryCode}}
-          <span class="countryCode">{{ countryCode }}</span>
+          · <span class="countryCode">{{ countryCode }}</span>
         {{/if}}
       </span>
     </div>

diff --git a/src/components/education.hbs b/src/components/education.hbs
@@ -19,12 +19,15 @@
               {{#if studyType}}
                 <div class="studyType">{{ studyType }}</div>
               {{/if}}
-              {{#if area}}
-                <div class="area">{{ area }}</div>
-              {{/if}}
               {{#if institution}}
                 <div class="institution">{{ institution }}</div>
               {{/if}}
+              {{#if area}}
+                <div class="area">({{ area }})</div>
+              {{/if}}
+          {{#if summary}}
+            <div class="summary">{{ summary }}</div>
+          {{/if}}
             </div>
             <div class="date">
               {{#if startDate}}
@@ -63,9 +66,6 @@
               <strong>Grade:</strong> <span>{{ gpa }}</span>
             </div>
           {{/if}}
-          {{#if summary}}
-            <div class="summary">{{ summary }}</div>
-          {{/if}}
         </div>
       </section>
     {{/each}}

diff --git a/src/components/footer.hbs b/src/components/footer.hbs
@@ -0,0 +1,14 @@
+{{> components/hr.hbs size="lg" }}
+{{#basics}}
+{{#if url}}
+  <footer>
+    <div class="username">
+      <span class="url">
+        <span class="icon {{ URL_ICO url }}"></span>
+        <a class="hide-href-print" target="_blank" href="{{ url }}">{{ URL_SEMI url }}</a>
+        <span class="icon {{ ICO 'heart' }}"></span>
+      </span>
+    </div>
+  </footer>
+{{/if}}
+{{/basics}}
diff --git a/src/components/publications.hbs b/src/components/publications.hbs
@@ -1,5 +1,5 @@
-{{> components/hr.hbs size="md" }}
 {{#if publications.length}}
+  {{> components/hr.hbs size="md" }}
   <section class="section">
     <header>
       <h2 class='section-title'>

diff --git a/src/components/references.hbs b/src/components/references.hbs
@@ -1,5 +1,5 @@
-{{> components/hr.hbs size="md" }}
 {{#if references.length}}
+  {{> components/hr.hbs size="md" }}
   <section class="section">
     <header>
       <h2 class='section-title'>

diff --git a/src/layouts/main.hbs b/src/layouts/main.hbs
@@ -36,6 +36,7 @@
       {{> components/certificates.hbs }}
       {{> components/publications.hbs }}
       {{> components/references.hbs }}
+      {{> components/footer.hbs }}
     </main>
   </body>
 </html>
diff --git a/src/pages/index.json b/src/pages/index.json
@@ -6,7 +6,7 @@
     "logo": "/src/assets/logo.svg",
     "email": "[email protected]",
     "phone": "(912) 555-4321",
-    "url": "https://johndoe.com",
+    "url": "https://github.com/metaory",
     "label": "Cyngsbez Ratvarre · Yrnq  Fbyhgvba Nepuvgrpg · QriBcf Shyy-Fgnpx · NJF · Yhn   Abqr · Yvahk · aIvz",
     "summary": "<ul style='margin-bottom: 0px;'> <li> Yberz vcfhz bqbe nzrg, pbafrpgrghre nqvcvfpvat ryvg </li> <li> Ornare ac vehicula diam fermentum interdum finibus tincidunt </li> <li> Pbafrpgrghe rtrg ryvg frarpghf avou cbeggvgbe hean</li> <li> Arghf frz irarangvf srhtvng np phenovghe cryyragrfdhr gbedhrag rg</li> <li> Volutpat ultrices sed, mi curabitur magna sit libero</li> <li> Mauris maecenas nisi nulla; vehicula auctor magnis</li> <li> Gravida mauris commodo taciti gravida netus</li> <li> Elementum nec curae ultrices nec himenaeos nibh</li> <li> Fames magna gravida parturient tincidunt suspendisse ipsum congue nam</li> <li> Ultrices curabitur justo lacus felis nam a consequat</li> <li> Proin penatibus lacinia adipiscing; scelerisque id per mauris</li> <li> Inevhf zbagrf qhvf ryrzraghz npphzfna ahyynz znkvzhf fvg</li> <li> Nostra placerat eu fringilla dapibus amet magna </li> </ul>",
     "location": {
@@ -192,18 +192,21 @@
     "themeOptions": {
       "iconMap": {
         "ai": "hugeicons:ai-brain-04",
+        "alacritty": "simple-icons:alacritty",
         "angular": "nonicons:angular-16",
         "api": "hugeicons:api",
         "architecture": "carbon:ibm-engineering-systems-design-rhapsody-model-manager",
         "arm": "simple-icons:arm",
         "article": "solar:document-text-linear",
         "automation": "icon-park-outline:flashlamp",
         "award": "mage:star-square",
+        "awesomewm": "tabler:layout-board-split",
         "aws": "tabler:brand-aws",
         "backbone.js": "tabler:brand-backbone",
         "backup": "mingcute:package-2-line",
         "bash": "simple-icons--gnubash",
         "build pipelines": "hugeicons:pipeline",
+        "cal":"hugeicons--calendar-02",
         "certificate": "hugeicons:certificate-01",
         "challenge": "hugeicons:test-tube-03",
         "ci/cd": "carbon:continuous-integration",
@@ -242,8 +245,10 @@
         "glyph": "material-symbols:glyphs-rounded",
         "go": "tabler:brand-golang",
         "haskell": "simple-icons--haskell",
+        "helix":"clarity:helix-line",
         "heroku": "simple-icons:heroku",
         "html": "hugeicons:html-5",
+        "hyprland": "simple-icons:hyprland",
         "image": "mage:image",
         "integrations": "carbon:integration",
         "interest": "solar:gameboy-linear",
@@ -268,12 +273,6 @@
         "mongodb": "tabler:brand-mongodb",
         "mqtt": "mdi:mq",
         "na": "gravity-ui--circle-exclamation-fill",
-        "alacritty": "simple-icons:alacritty",
-        "tui": "gravity-ui:terminal",
-        "awesomewm": "tabler:layout-board-split",
-        "wezterm": "simple-icons:wezterm",
-        "hyprland": "simple-icons:hyprland",
-        "helix":"clarity:helix-line",
         "neovim": "simple-icons:neovim",
         "nlp": "flowbite:language-outline",
         "nodejs": "tabler:brand-nodejs",
@@ -284,7 +283,7 @@
         "patching": "fluent:patch-24-regular",
         "payment gateways": "carbon:gateway-api",
         "performance": "solar:graph-up-linear",
-        "phone": "fluent:phone-16-regular",
+        "phone": "hugeicons--smart-phone-01",
         "promise": "logos:promises",
         "proxy": "mingcute:route-line",
         "python": "gravity-ui:logo-python",
@@ -294,6 +293,7 @@
         "react": "hugeicons:react",
         "redis": "fontisto:redis",
         "reference": "hugeicons:thumbs-up-rectangle",
+        "residency": "hugeicons--global",
         "rust": "tabler:brand-rust",
         "search": "mingcute:search-3-line",
         "security": "iconamoon:scanner",
@@ -311,15 +311,18 @@
         "tmux": "fluent:layout-row-two-split-bottom-24-regular",
         "transformer": "icon-park-outline:transform",
         "transpiler": "tabler:transform",
+        "tui": "gravity-ui:terminal",
         "twitter": "hugeicons:new-twitter-rectangle",
         "unicode": "basil:university-outline",
         "vanilla": "icon-park-outline:icecream-three",
         "volunteer": "mage:heart-square",
+        "heart": "mage:heart",
         "vue": "mingcute:vue-line",
         "vulnerability": "hugeicons:danger",
         "watch": "solar:eye-linear",
         "webcomponent": "ion:logo-web-component",
         "websocket": "solar:socket-linear",
+        "wezterm": "simple-icons:wezterm",
         "wm": "fluent:panel-left-header-16-regular",
         "work": "hugeicons:office",
         "zig": "simple-icons--zig"

diff --git a/src/styles/legacy.css b/src/styles/legacy.css
@@ -139,6 +139,7 @@ strong {
     width: 100%;
     display: grid;
     justify-content: center;
+    grid-auto-flow: column;
   }
 
   .label {
@@ -400,13 +401,22 @@ section#interests {
 
 .position,
 .studyType,
-.area,
 .title,
 .language,
 .name {
   font-weight: 900;
+  letter-spacing: -.6px;
   font-size: 1.4em;
 }
+.studyType {
+  color: var(--f3);
+  font-style: italic;
+  font-size: 1.2em;
+}
+.area {
+  color: var(--g2);
+  font-size: 1em;
+}
 
 .company::before,
 .institution::before,
@@ -448,13 +458,12 @@ section#interests {
   color: var(--f2);
   border-radius: var(--brs);
   background-color: var(--xgg);
-  border: 0 solid var(--cy2);
 }
 
 span.url:hover,
 .keywords li:hover,
 .courses li:hover {
-  background: var(--cy2);
+  background: var(--ho);
 }
 
 .highlights {
@@ -567,10 +576,6 @@ span.url:hover,
   }
 }
 
-.section>section>section {
-  margin-bottom: 1rem;
-}
-
 .clear::after {
   content: "";
   display: table;
@@ -585,7 +590,7 @@ span.url:hover,
 
 section>header {
   display: grid;
-  grid-template-columns: 3fr 2fr;
+  grid-template-columns: 4fr 1fr;
   align-items: center;
 
   & .date {
@@ -658,6 +663,9 @@ section.education-item {
   border-radius: 2em;
   backdrop-filter: blur(var(--blur));
   border-radius: var(--brm);
+  .date {
+    justify-self: left;
+  }
 }
 
 svg.hr {
@@ -711,3 +719,12 @@ ul.keywords {
     }
   }
 }
+
+footer {
+  color: var(--f3);
+  text-align: center;
+  a {
+    padding: 0 8px;
+  }
+}
+