diff --git a/README.md b/README.md index 9a90b56..dae718e 100644 --- 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 index 363318a..5ed6659 100644 --- 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 ", "bugs": "https://github.com/metaory/jsonresume-theme-legacy/issues", diff --git a/sample.pdf b/sample.pdf index baaee58..eab0d31 100644 Binary files a/sample.pdf and b/sample.pdf differ diff --git a/screenshot.png b/screenshot.png index 4aa5043..e3128be 100644 Binary files a/screenshot.png and b/screenshot.png differ diff --git a/src/components/basics.hbs b/src/components/basics.hbs index 51ef6e6..788089a 100644 --- a/src/components/basics.hbs +++ b/src/components/basics.hbs @@ -23,6 +23,14 @@ {{#location}}
+ {{#if residency}} +
+ + + {{ residency }} + +
+ {{/if}} {{#if address}} @@ -32,13 +40,13 @@ {{ postalCode }}, {{/if}} {{#if city}} - {{ city }}, + {{ city }} {{/if}} {{#if region}} - {{ region }} + · {{ region }} {{/if}} {{#if countryCode}} - {{ countryCode }} + · {{ countryCode }} {{/if}}
diff --git a/src/components/education.hbs b/src/components/education.hbs index 5af664e..76b2371 100644 --- a/src/components/education.hbs +++ b/src/components/education.hbs @@ -19,12 +19,15 @@ {{#if studyType}}
{{ studyType }}
{{/if}} - {{#if area}} -
{{ area }}
- {{/if}} {{#if institution}}
{{ institution }}
{{/if}} + {{#if area}} +
({{ area }})
+ {{/if}} + {{#if summary}} +
{{ summary }}
+ {{/if}}
{{#if startDate}} @@ -63,9 +66,6 @@ Grade: {{ gpa }}
{{/if}} - {{#if summary}} -
{{ summary }}
- {{/if}} {{/each}} diff --git a/src/components/footer.hbs b/src/components/footer.hbs new file mode 100644 index 0000000..837f064 --- /dev/null +++ b/src/components/footer.hbs @@ -0,0 +1,14 @@ +{{> components/hr.hbs size="lg" }} +{{#basics}} +{{#if url}} + +{{/if}} +{{/basics}} diff --git a/src/components/publications.hbs b/src/components/publications.hbs index e93de6f..8e4de03 100644 --- 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" }}

diff --git a/src/components/references.hbs b/src/components/references.hbs index 11d95b4..080b619 100644 --- 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" }}

diff --git a/src/layouts/main.hbs b/src/layouts/main.hbs index 268a89c..a37e429 100644 --- 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 }} diff --git a/src/pages/index.json b/src/pages/index.json index bc71730..0a0ded3 100644 --- a/src/pages/index.json +++ b/src/pages/index.json @@ -6,7 +6,7 @@ "logo": "/src/assets/logo.svg", "email": "john@gmail.com", "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": "
  • Yberz vcfhz bqbe nzrg, pbafrpgrghre nqvcvfpvat ryvg
  • Ornare ac vehicula diam fermentum interdum finibus tincidunt
  • Pbafrpgrghe rtrg ryvg frarpghf avou cbeggvgbe hean
  • Arghf frz irarangvf srhtvng np phenovghe cryyragrfdhr gbedhrag rg
  • Volutpat ultrices sed, mi curabitur magna sit libero
  • Mauris maecenas nisi nulla; vehicula auctor magnis
  • Gravida mauris commodo taciti gravida netus
  • Elementum nec curae ultrices nec himenaeos nibh
  • Fames magna gravida parturient tincidunt suspendisse ipsum congue nam
  • Ultrices curabitur justo lacus felis nam a consequat
  • Proin penatibus lacinia adipiscing; scelerisque id per mauris
  • Inevhf zbagrf qhvf ryrzraghz npphzfna ahyynz znkvzhf fvg
  • Nostra placerat eu fringilla dapibus amet magna
", "location": { @@ -192,6 +192,7 @@ "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", @@ -199,11 +200,13 @@ "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 index fac95f5..0697d9a 100644 --- 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; + } +} + diff --git a/src/styles/main.css b/src/styles/main.css index 7f886cd..05337f8 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -23,6 +23,7 @@ --g3: var(--pk9); --g4: var(--cc5); --g5: var(--cx5); + --ho: var(--cy2); } @media not print { @@ -41,6 +42,7 @@ --g3: var(--sk5); --g4: var(--sk6); --g5: var(--sk7); + --ho: var(--sk2); --xgg: #fDCCFF11; #scheme-toggle { @@ -52,26 +54,11 @@ /* fonts from monaspace.githubnext.com */ -@font-face { - font-family: KR-B; - src: url("/src/assets/fonts/MonaspaceKrypton-SemiWideBold.woff") format('woff'); -} - -@font-face { - font-family: KR-X; - src: url("/src/assets/fonts/MonaspaceKrypton-SemiWideExtraBold.woff") format('woff'); -} - @font-face { font-family: KR-M; src: url("/src/assets/fonts/MonaspaceKrypton-Medium.woff") format('woff'); } -@font-face { - font-family: AR-B; - src: url("/src/assets/fonts/MonaspaceArgon-Bold.woff") format('woff'); -} - @font-face { font-family: AR-M; src: url("/src/assets/fonts/MonaspaceArgon-Medium.woff") format('woff'); @@ -82,11 +69,6 @@ src: url("/src/assets/fonts/MonaspaceRadon-Medium.woff") format('woff'); } -@font-face { - font-family: RN-I; - src: url("/src/assets/fonts/MonaspaceRadon-MediumItalic.woff") format('woff'); -} - html { background-color: var(--bg); } @@ -105,7 +87,7 @@ body { } main { - padding: 3em; + padding: 3em 3em 1em; width: 210mm; background-color: var(--xgg); } @@ -131,6 +113,7 @@ div.line-pattern { height: 30px; background-size: 61px 51px; } + } section.main-summary, @@ -157,17 +140,16 @@ section.work-item, } -h1 { - font-family: KR-X, monospace; -} +/* h1 { font-family: KR-X, monospace; } */ +h1, h2, h3, h4, h5, h6, header { - font-family: KR-B, monospace; + font-family: KR-M, monospace; } ul.keywords li, @@ -181,9 +163,10 @@ em { } blockquote { - font-family: RN-I, serif; + font-family: RN-M, serif; } +.studyType, section { font-family: AR-M, system-ui, sans-serif; } diff --git a/vite.config.js b/vite.config.js index c6650b6..99e7d40 100644 --- a/vite.config.js +++ b/vite.config.js @@ -26,10 +26,13 @@ const { ICONS, TITLES } = readdirSync('./src/pages').reduce( } ) -const getIcon = x => `icon-[${ICONS[x.toLowerCase()] || ICONS.na}]`.replace(':', '--') +const getIcon = x => `icon-[${ICONS[x.toLowerCase()]}]`.replace(':', '--') const getTitle = x => TITLES[x] || x -const mkDateFormatter = opt => str => new Intl.DateTimeFormat('en-US', opt).format(new Date(str)) +const mkDateFormatter = opt => str => + Date.parse(str) + ? new Intl.DateTimeFormat('en-US', opt).format(new Date(str)) + : str export default { plugins: [ @@ -39,10 +42,15 @@ export default { helpers: { Y: mkDateFormatter({ year: 'numeric' }), MY: mkDateFormatter({ year: 'numeric', month: 'short' }), - DMY: mkDateFormatter({ year: 'numeric', month: 'short', day: 'numeric' }), + DMY: mkDateFormatter({ year: 'numeric', month: 'short', day: 'numeric', }), ICO: getIcon, TITLE: getTitle, URL: url => url.split('/').at(-1), + URL_SEMI: url => url.split('https://').at(-1), + URL_ICO: url => { + const [,domain] = url.match(/https:..(\w+).\w+/) + return getIcon(domain) + } }, }), tailwindcss({