From ef9666d592e1b74f6f8838c3ecc8c79fd50fe595 Mon Sep 17 00:00:00 2001 From: Cody Shearer Date: Thu, 26 Oct 2023 16:24:26 -0400 Subject: [PATCH] feat!: add drawer This commit adds a second column to the right of the original content (e.g. experience and education sections) at and above the `md` breakpoint. At smaller breakpoints, this column defaults to hidden, although it can be opened as a drawer through a new hamburger menu button. This new column/drawer is used to display a photo, contact information, and a list of skills. --- README.md | 2 +- assets/css/main.css | 8 ++- data/resume.yaml | 77 ++++++++++++++++++++++------ layouts/index.html | 2 +- layouts/partials/resume/avatar.html | 7 +++ layouts/partials/resume/drawer.html | 59 +++++++++++++++++++++ layouts/partials/resume/footer.html | 6 +-- layouts/partials/resume/header.html | 73 +++++++++----------------- layouts/partials/resume/index.html | 17 ++++-- layouts/partials/resume/section.html | 50 +++++++++--------- tailwind.config.js | 43 +++++++++------- 11 files changed, 224 insertions(+), 120 deletions(-) create mode 100644 layouts/partials/resume/avatar.html create mode 100644 layouts/partials/resume/drawer.html diff --git a/README.md b/README.md index f8ee532..56df088 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ ## Overview -_A minimal static resume builder; inspired by [Sproogen's modern-resume-theme](https://github.com/sproogen/modern-resume-theme) and powered by Hugo, Tailwind CSS, and GitHub Pages._ +_A minimal static resume builder; inspired by [sproogen's modern-resume-theme](https://github.com/sproogen/modern-resume-theme) and [mnjul's html-resume](https://github.com/mnjul/html-resume).Powered by Hugo, Tailwind CSS, and GitHub Pages._ _Host your own resume on GitHub for free!_ diff --git a/assets/css/main.css b/assets/css/main.css index d757c24..c4f78cd 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2,6 +2,12 @@ @tailwind components; @tailwind utilities; +@media screen { + a { + text-decoration: underline; + } +} + html { @apply bg-neutral-800; } @@ -13,7 +19,7 @@ body { } a { - @apply underline decoration-1 underline-offset-4 hover:text-neutral-100; + @apply decoration-1 underline-offset-4 hover:text-neutral-100; } code { diff --git a/data/resume.yaml b/data/resume.yaml index aff048c..d7b0ece 100644 --- a/data/resume.yaml +++ b/data/resume.yaml @@ -1,17 +1,63 @@ -header: - avatar: avatar.jpg - name: - first: Cody - last: Shearer - titles: - - Software Developer, Krumware - - B.S. Computer Science, USC - email: cjshearer@live.com - links: - - svg: github - link: https://github.com/cjshearer - - svg: linkedin - link: https://linkedin.com/in/cjshearer +avatar: avatar.jpg +website: cjshearer.dev +links: + - svg: node_modules/@fortawesome/fontawesome-free/svgs/brands/github + link: github.com/cjshearer + protocol: https + - svg: node_modules/@fortawesome/fontawesome-free/svgs/brands/linkedin + link: linkedin.com/in/cjshearer + protocol: https + - svg: node_modules/@fortawesome/fontawesome-free/svgs/solid/envelope + link: cjshearer@live.com + protocol: mailto +name: + first: Cody + last: Shearer +summary: | + Software developer with ~3 years of experience in full stack web and mobile development. +footer: | + Fully typeset with HTML and CSS. See [github.com/cjshearer/modern-hugo-resume](https://github.com/cjshearer/modern-hugo-resume). + +skills: + - languages: + - TypeScript + - Go + - SQL + - Rust + - Python + - Java + - C++ + - frameworks: + - React + - React-Native + - TailwindCSS + - Vue + - Nuxt + - Hugo + - concepts: + - Cloud-Native + - Microservices + - REST + - GitOps + - Agile/Scrum + - tools: + - Git + - Docker + - ESLint + - Postman + - ci/cd: + - CircleCI + - GitHub Actions + - Fastlane + - databases: + - MySQL + - PostgreSQL + - MongoDB + - services: + - Auth0 + - LogRocket + - Sentry + - Stripe sections: about: @@ -59,8 +105,7 @@ sections: date: start: 2017-08-17 end: 2021-05-06 - title: | - [BS Computer Science](pdf/usc-diploma.pdf) + title: BS Computer Science subtitle: Minor Mathematics icon: fa fa-file-pdf description: | diff --git a/layouts/index.html b/layouts/index.html index e2bbc18..d748163 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -3,7 +3,7 @@ {{ partial "head.html" . }} - + {{ partial "resume/index.html" $data }} diff --git a/layouts/partials/resume/avatar.html b/layouts/partials/resume/avatar.html new file mode 100644 index 0000000..05ca5e8 --- /dev/null +++ b/layouts/partials/resume/avatar.html @@ -0,0 +1,7 @@ +
+
+ {{ partial "imgh.html" (dict "src" .) }} +
+
diff --git a/layouts/partials/resume/drawer.html b/layouts/partials/resume/drawer.html new file mode 100644 index 0000000..f7aa0b4 --- /dev/null +++ b/layouts/partials/resume/drawer.html @@ -0,0 +1,59 @@ + + + + + diff --git a/layouts/partials/resume/footer.html b/layouts/partials/resume/footer.html index 9b33ed0..5a4dec5 100644 --- a/layouts/partials/resume/footer.html +++ b/layouts/partials/resume/footer.html @@ -1,5 +1,3 @@ -