🎓 Add Education section to resume

💬 Various tweaks (including adding summary)
- Add summary to resume - Move LinkedIn link first on front page - Update some text in resume - Minor tweak to XMPP link - Remove debug line in JS
2024-05-31 16:40:39 -05:00 · 2024-05-20 09:19:57 -05:00 · 2024-05-16 08:29:00 -05:00 · 2024-05-15 16:32:30 -05:00 · 2024-04-29 15:48:56 -05:00 · 2024-04-29 15:42:07 -05:00
12 changed files with 342 additions and 86 deletions
--- a/assets/scss/extra.scss
+++ b/assets/scss/extra.scss
@ -23,7 +23,79 @@ figure {
 ul.skills {
    display: grid;
    grid-gap: .25rem;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+}
+
+#projects > .projects {
+    @media print {
+        display: grid;
+        grid-gap: .35rem;
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    }
+    @media screen {
+        display: flex;
+
+        overflow-x: auto;
+        scroll-snap-type: x mandatory;
+        scroll-behavior: smooth;
+        -webkit-overflow-scrolling: touch;
+
+        &::-webkit-scrollbar {
+            width: 10px;
+            height: 10px;
+        }
+        &::-webkit-scrollbar-thumb {
+            background: black;
+            border-radius: 10px;
+        }
+        &::-webkit-scrollbar-track {
+            background: transparent;
+        }
+    }
+
+    .project {
+        a {
+            text-decoration: none;
+        }
+        @media print {
+            display: inline-block;
+            page-break-inside: avoid;
+        }
+        @media screen {
+            scroll-snap-align: start;
+            flex-shrink: 0;
+            width: 300px;
+            margin-right: 50px;
+            padding: 0 0.5rem;
+            border-radius: 10px;
+            transform-origin: center center;
+            transform: scale(1);
+            transition: transform 0.5s;
+            position: relative;
+            justify-content: center;
+            align-items: center;
+
+            @media (prefers-color-scheme: dark) {
+                background: $dark-background-secondary;
+            }
+
+            @media (prefers-color-scheme: light) {
+                background: $light-background-secondary;
+            }
+
+            [data-theme=dark] & {
+                background: $dark-background-secondary;
+            }
+
+            [data-theme=light] & {
+                background: $light-background-secondary;
+            }
+        }
+    }
+}
+
+section > h2 {
+    line-height: 1.0;
 }

 #theater-contact {
@ -41,6 +113,9 @@ ul.skills {
        display: none;
        & + hr { display: none; }
    }
+    section > h2 {
+        line-height: 0.75;
+    }
 }

 figure.headshot {
--- a/content/contact.md
+++ b/content/contact.md
@ -3,6 +3,6 @@ title = "Contact"
 +++
 You can find [all my links](https://links.danielrayjones.com), including a few ways to contact me.

-You can also email me at [dan&#x40;danielrayjones&#x2e;com](mailto:dan&#x40;danielrayjones&#x2e;com), or get me on XMPP at [danjones000@conversations.im](xmpp:danjones000@conversations.im), or Matrix at [@danjones000:matrix.org](https://matrix.to/#/@danjones000:matrix.org).
+You can also email me at [dan&#x40;danielrayjones&#x2e;com](mailto:dan&#x40;danielrayjones&#x2e;com), or get me on XMPP at [danjones000@conversations.im](xmpp://danjones000@conversations.im), or Matrix at [@danjones000:matrix.org](https://matrix.to/#/@danjones000:matrix.org).

 Or just a plain old telephone call at [704-326-1626](tel:704-326-1626).
--- a/content/web/dan-jones-resume.pdf
+++ b/content/web/dan-jones-resume.pdf
--- a/content/web/index.md
+++ b/content/web/index.md
@ -2,102 +2,86 @@
 title = "Web Résumé"
 post_title = "Dan Jones"
 toc = true
+layout = "web-resume"
 Description = "Experienced web developer"
 +++
-
-<section id="contact">
-
-Fort Bend, TX 77069   
-+1 (704) 326-1626 &bull; [dan&#x40;danielrayjones&#x2e;com](mailto:dan&#x40;danielrayjones&#x2e;com)
-<span class="printonly"><br/>https://danielrayjones.com/</span>
-
-</section>
-
-<section id="summary">
-
-## Summary
-
-Web developer with broad experience in both large (educational and commercial) and small(commercial) websites. Designed custom web applications from the ground up, and modified existing open-source applications to meet specific needs. Effective communicator, with experience researching and writing content for educational websites.
-
-Skills include:
-
- HTML
- CSS
- SCSS
- JavaScript
- vue.js
- jQuery
- AJAX
- React
- PHP
- go
- MySQL
- Laravel
- Yii
- Wordpress
- Git
- Grunt
- node.js
- MongoDB
- Apache
- Linux
- Docker
- AWS
- Google App Engine
-{.skills}
-
-</section>
-
 <section id="workhistory">

-## Work History
-
-I have been developing websites for over twenty years. I'm primarily self-taught.
+## Work Experience

 - [**GRIN**](https://grin.co)   
-  *Principal Software Engineer/Back-end Architect*
+  *Principal Software Engineer/Back-end Architect*   
+  <span class="work-period"><time datetime="2021-08">August 2021</time> - present</span>
  
-  Principal full-stack developer for SaaS company in creator marketing. Built out unit testing in Laravel project. Coached junior developers. Helped set standards for back-end architecture.
-  Built microservices in go.
+  Principal Engineer and Architect at social media SaaS company
  
-  Laravel, PHP, go, PHPUnit, MySql, mongodb, Vue
+  + Enabled engineering team to focus more on feature work by implementing unit testing framework
+  + Contributed to end-to-end testing framework in Python
+  + Improved platform stability through the addition of microservices in go
+  + Held training sessions for development team
+  + Interviewed prospective new hires
+  + Expanded platform with multiple Vue components
+  
+  Laravel, PHP, go, microservices, PHPUnit, MySql, mongodb, Vue
  {.tech}
 - [**BubbleUp**](https://www.bubbleup.net/)   
-  *Senior Web Developer*
+  *Senior Web Developer*   
+  <span class="work-period"><time datetime="2020-02">February 2020</time> - <time datetime="2021-07">July 2021</time></span>
  
  Senior Developer for marketing firm with clients in multiple industries. Sites range from low traffic, to extremely high.
  
  Yii, WordPress, PHP, MySQL, AWS, Drupal, custom sites
  {.tech}
- [**Starfish**](https://www.raven.com/)   
-  *Project Manager/Tech Lead*
+- [**Raven**](https://www.raven.com/)   
+  *Project Manager/Tech Lead*   
+  <span class="work-period"><time datetime="2017-10">October 2017</time> - <time datetime="2020-01">January 2020</time></span>
  
-  Lead for API project. Developed Laravel-based API for document management service. Managed team. Set goals. Ensured development was on track.
+  Lead for API project. Developed Laravel-based API for document management service.
+  
+  + Partner with CEO to develop technical vision
+  + Articulate vision to stakeholders
+  + Supervised team of five developers
+  + Mentored and encouraged junior developers
+  + Ran weekly Scrum meetings
  
  Laravel/Lumen, PHP, PHPUnit, MySQL, Google Cloud Platform, Google App Engine, Google Cloud SQL, mongodb, redis, Google Datastore, Google Cloud Storage
  {.tech}
- **University of Texas Coding Bootcamp**   
-  *Instructor*
-  
-  Taught Full-stack coding bootcamp. Six month program to introduce students to basics of full-stack <abbr title="Mean, Express, React, Node">MERN</abbr> development.
-  
-  HTML, CSS, Javascript, jQuery, APIs, AJAX, Node, Express, MySQL, sequelize, MongoDB, mongoose, PHP, Laravel, Python, React, React-Native
-  {.tech}
 - [**Analyte Health**](https://www.analytehealth.com/)   
-  *Senior Full-Stack Developer*
+  *Senior Full-Stack Developer*   
+  <span class="work-period"><time datetime="2016-07">July 2016</time> - <time datetime="2017-10">October 2017</time></span>
  
  Full-stack development for multiple websites in the health industry, including [STDCheck](https://www.stdcheck.com/), [HealthLabs](https://www.healthlabs.com), [UTI Treatment](https://www.utitreatment.com/).
  
+  + Spearheaded significant code refactor, leading to better code quality and maintainability
+  + Developed secure applications, compliant with HIPAA regulations
+  + Built frontend components in AngularJS and React
+  
  PHP, PHPUnit, MySQL, Laravel, Eloquent, Javascript, jQuery, AngularJS, React
  {.tech}
- [**Server Monkey**](https://servermonkey.com/)   
-  *Back-end web developer*
+- **Trilogy Education in association with the University of Texas**   
+  *Bootcamp Instructor*   
+  <span class="work-period"><time datetime="2016-10">October 2016</time> - <time datetime="2017-05">May 2017</time></span>
  
-  Develop Magento-based eCommerce site <span class="tech">PHP, MySQL, Magento, XML, Javascript, jQuery</span>
-  + Extend functionality of current site
-  + Modify existing site plugins to better fit workflow of sales team.
+  Taught Full-stack coding bootcamp. Six month program to introduce students to basics of full-stack MERN development and computer science principles.
+  
+  Eucation, HTML, CSS, Javascript, jQuery, APIs, AJAX, Node, Express, MySQL, sequelize, MongoDB, mongoose, PHP, Laravel, Python, React, React Native
+  {.tech}
+- [**Server Monkey**](https://servermonkey.com/)   
+  *Back-end web developer*   
+  <span class="work-period"><time datetime="2015-11">November 2015</time> - <time datetime="2016-07">July 2016</time></span>
+  
+  Develop Magento-based eCommerce site
+  
+  PHP, MySQL, Magento, XML, Javascript, jQuery
+  {.tech}
 - **Hubbard Radio** &ndash; [**WTOP**](https://wtop.com/)/[**Federal News Radio**](https://federalnewsradio.com/)   
-  *Back-end web developer*
+  *Back-end web developer*   
+  <span class="work-period"><time datetime="2010-07">July 2010</time> - <time datetime="2015-11">November 2015</time></span>
+  
+  Web developer (primarily focused on back-end) for two major news organizations.
+  
+  PHP, WordPress, HTML, CSS, Javascript, jQuery, MySQL, Memcache
+  {.tech}
  
  + [*WTOP StormDesk Closings*](https://wtop.com/closings-and-delays/)
    * Wordpress plugin to display school, business, and government closings during inclement weather.
@ -108,7 +92,8 @@ I have been developing websites for over twenty years. I'm primarily self-taught
    * Wrote application to fetch data from various social media sites (Facebook, Twitter, Digg, etc.) in order to rank stories according to popularity.
    * Created front-end resources to display data.
 - [**University of Texas &ndash; Mechanical Engineering Department**](https://www.me.utexas.edu/)   
-  *Programmer*
+  *Programmer*   
+  <span class="work-period"><time datetime="2008-05">May 2008</time> - <time datetime="2010-05">May 2010</time></span>
  
  PHP, XHTML, HTML Forms, Wordpress, CSS, Writing
  {.tech}
@ -122,21 +107,20 @@ I have been developing websites for over twenty years. I'm primarily self-taught
  + [*About Section*](https://web.archive.org/web/20100609155029/http://www.me.utexas.edu/about/)   
    Created entire section of website for recruiting purposes. Did extensive research.
  {.noprint}
- Selection of Assorted projects
+- Selection of assorted freelance projects
  + [*Dave's Pest Control*](https://web.archive.org/web/20010719153431/http://www.davespestcontrol.com/)
  + [*Dan and Kali*](https://web.archive.org/web/20110201140251/http://danandkali.com/)
  + [*Joe Stryker*](https://web.archive.org/web/20090428115520/http://joestryker.com/)
 {.history}

-</section>
+</section><!-- /#workhistory -->

-<section id="codesamples">
+<section id="education">

-## Code Samples
+## Education

- [Codeberg](https://codeberg.org/danjones000)
- [GitLab](https://gitlab.com/danjones000)
- [GitHub](https://github.com/goodevilgenius)
- [GitHub Gists](https://gist.github.com/goodevilgenius)
+University of Texas at Austin   
+August 2024 - May 2028   
+Bachelor of the Arts - Theater

-</section>
+</section><!-- /#education -->
--- a/content/web/sections/005-contact.md
+++ b/content/web/sections/005-contact.md
@ -0,0 +1,6 @@
+---
+id: contact
+---
+Fort Bend, TX 77069   
+1 (704) 326-1626 &bull; [dan&#x40;danielrayjones&#x2e;com](mailto:dan&#x40;danielrayjones&#x2e;com)
+<span class="printonly"><br/>https://danielrayjones.com/</span>
--- a/content/web/sections/007-summary.md
+++ b/content/web/sections/007-summary.md
@ -0,0 +1,4 @@
+---
+id: summary
+---
+Highly skilled and talented Software Engineer with experience working productively in dynamic environments. Fluent in go, PHP, and other programming languages. Enthusiastic and influential collaborator focused on achieving project objectives with speed and accuracy. Proven track record of innovation.
--- a/content/web/sections/010-skills.md
+++ b/content/web/sections/010-skills.md
@ -0,0 +1,27 @@
+---
+id: skills
+---
+## Skills
+
+- HTML
+- CSS
+- SCSS
+- JavaScript
+- vue.js
+- jQuery
+- AJAX
+- React
+- PHP
+- go
+- MySQL
+- Laravel
+- Yii
+- Wordpress
+- Git
+- node.js
+- MongoDB
+- Linux
+- Docker
+- AWS
+- Google App Engine
+{.skills}
--- a/content/web/sections/040-code.md
+++ b/content/web/sections/040-code.md
@ -0,0 +1,10 @@
+---
+id: codesamples
+class: noprint
+---
+## Code Samples
+
+- [Codeberg](https://codeberg.org/danjones000)
+- [GitLab](https://gitlab.com/danjones000)
+- [GitHub](https://github.com/goodevilgenius)
+- [GitHub Gists](https://gist.github.com/goodevilgenius)
--- a/content/web/sections/050-projects.md
+++ b/content/web/sections/050-projects.md
@ -0,0 +1,67 @@
+---
+id: projects
+---
+## Open Source Projects
+
+<section class="projects">
+
+<section class="project middleware">
+
+### gin error middleware
+
+<a href="https://pkg.go.dev/codeberg.org/danjones000/gin-error-handler" class="noprint">🔗</a>
+A middleware for go gin framework and wrapper functions to make handling errors easier and more idiomatic.
+
+</section><!-- /.project.middleware -->
+
+<section class="project responsable">
+
+### Responsable Errors
+
+<a href="https://pkg.go.dev/codeberg.org/danjones000/responsable-errors" class="noprint">🔗</a>
+A small go library that provides errors that can be more useful in the context of a web app. The heart of gin error middleware.
+
+</section><!-- /.project.responsable -->
+
+<section class="project log">
+
+### droplogger
+
+<a href="https://gitlab.com/danjones000/droplogger" class="noprint">🔗</a>
+Python logging application especially suited for life-logging with IFTTT and Dropbox.
+
+#### my-log
+
+<a href="https://codeberg.org/danjones000/my-log/" class="noprint">🔗</a>
+A work-in-progress complete rewrite of droplogger in go.
+
+</section><!-- /.project.log -->
+
+<section class="project strip-beats">
+
+### strip-beats
+
+<a href="https://codeberg.org/danjones000/strip-beats" class="noprint">🔗</a>
+go cli app for transforming a folder of music videos and music files, with semi-automatic tagging, and user-friendly TUI. *This is a work in progress. Not yet fully functional.*
+
+</section><!-- /.project.strip-beats -->
+
+<section class="project object-spy">
+
+### Object Spy
+
+<a href="https://packagist.org/packages/danjones000/object-spy" class="noprint">🔗</a>
+PHP debugging library that makes it easy to inspect private properties and methods without using reflection.
+
+</section><!-- /.project.object-spy -->
+
+<section class="project go-status">
+
+### http go status
+
+<a href="https://codeberg.org/danjones000/http-go-status" class="noprint">🔗</a>
+Super simple web server that just returns the HTTP status you ask for. Useful for testing.
+
+</section><!-- /.project.go-status -->
+
+</section><!-- /.projects -->
--- a/hugo.toml
+++ b/hugo.toml
@ -20,6 +20,10 @@ logoText = "RUN"
 [params.portrait]
 path = "https://www.gravatar.com/avatar/073daa566095477f8ecc5cf4d0f59448"

+[[params.social]]
+name = "linkedin"
+url = "https://www.linkedin.com/in/danjones000/"
+
 [[params.social]]
 name = "gitea"
 url = "https://codeberg.org/danjones000/"
@ -32,10 +36,6 @@ url = "https://gitlab.com/danjones000/"
 name = "github"
 url = "https://github.com/goodevilgenius/"

-[[params.social]]
-name = "linkedin"
-url = "https://www.linkedin.com/in/danjones000/"
-
 [[params.social]]
 name = "matrix"
 url = "https://matrix.to/#/@danjones000:matrix.org"
@ -47,6 +47,11 @@ url = "https://microwords.goodevilgenius.org/"
 [markup]
 defaultMarkdownHandler = 'goldmark'

+[markup.tableOfContents]
+ordered = false
+startLevel = 2
+endLevel = 4
+
 [markup.goldmark.parser.attribute]
 block = true
 title = true
--- a/layouts/_default/web-resume.html
+++ b/layouts/_default/web-resume.html
@ -0,0 +1,79 @@
+{{ define "body" }}
+<body id="web-resume">
+{{ end }}
+
+{{ define "main" }}
+    <main class="post">
+
+        <div class="post-info">
+            {{ if .IsTranslated }}
+            <p>
+                {{ i18n "postAvailable" }}
+                {{ range .Translations }}
+                    <a href="{{ .Permalink }}"><span class="flag fi fi-{{ index $.Site.Data.langFlags (.Lang) }}"></span></a>
+                {{ end}}
+            </p>
+            {{ end }}
+        </div>
+
+        <article>
+            <h2 class="post-title">
+                <a href="{{ .Permalink }}">{{ with .Params.post_title }}{{ . | markdownify }}{{ else }}{{ .Title | markdownify }}{{ end }}</a>
+            </h2>
+
+            {{ if .Params.Cover }}
+                <figure class="post-cover">
+                    <img src="{{ .Params.Cover | absURL }}" alt="{{ .Title }}" />
+
+                    {{ if .Params.CoverCaption }}
+                        <figcaption class="center">{{ .Params.CoverCaption | markdownify }}</figcaption>
+                    {{ end }}
+                </figure>
+            {{ end }}
+
+            {{ if .Params.toc }}
+                <hr />
+                <aside id="toc">
+                <div class="toc-title">{{ i18n "tableOfContents" }}</div>
+                <nav id="TableOfContents">
+                    <ul>
+                        {{ range .Resources.Match "sections/*.md" }}
+                            {{ $toc := strings.Substr .TableOfContents 37 }}
+                            {{ $toc = strings.TrimSuffix "</ul>\n</nav>" $toc }}
+                            {{ $toc | safeHTML }}
+                        {{ end }}
+
+                        {{ $toc := strings.Substr .TableOfContents 37 }}
+                        {{ $toc = strings.TrimSuffix "</ul>\n</nav>" $toc }}
+                        {{ $toc | safeHTML }}
+                    </ul>
+                    {{ with .Resources.GetMatch "dan-jones-resume.pdf" }}
+                    <p><a href="{{ .RelPermalink }}">Download a PDF</a></p>
+                    {{ end }}
+                </nav>
+                </aside>
+                <hr />
+            {{ end }}
+            {{ range .Resources.Match "sections/*.md" }}
+                <aside id="{{ .Params.id }}" class="{{ .Params.class }}">
+                    {{ .Content }}
+                </aside>
+            {{ end }}
+
+            <div class="post-content">
+                {{ .Content }}
+            </div>
+        </article>
+
+        <hr />
+
+        <div class="post-info">
+            {{ partial "tags.html" .Params.tags }}
+            {{ partial "categories.html" . }}
+
+            {{- if .GitInfo }}
+			    <p><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-git-commit"><circle cx="12" cy="12" r="4"></circle><line x1="1.05" y1="12" x2="7" y2="12"></line><line x1="17.01" y1="12" x2="22.96" y2="12"></line></svg><a href="{{ .Site.Params.gitUrl -}}{{ .GitInfo.Hash }}" target="_blank" rel="noopener">{{ .GitInfo.AbbreviatedHash }}</a> @ {{ if .Site.Params.dateformNum }}{{ dateFormat .Site.Params.dateformNum .GitInfo.AuthorDate.Local }}{{ else }}{{ dateFormat "2006-01-02" .GitInfo.AuthorDate.Local }}{{ end }}</p>
+			{{- end }}
+  		</div>
+    </main>
+{{ end }}
--- a/layouts/partials/javascript.html
+++ b/layouts/partials/javascript.html
@ -3,7 +3,6 @@
 {{ $prism := resources.Get "js/prism.js" }}
 {{ $secureJS := slice $main $menu $prism | resources.Concat "bundle.js" | resources.Minify | resources.Fingerprint "sha512" }}
 <script type="text/javascript" src="{{ $secureJS.RelPermalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
-<script>console.log('here');</script>

 {{ $app := resources.Get "js/application.js" | resources.Minify | resources.Fingerprint "sha512" }}
 <script type="text/javascript" src="{{ $app.RelPermalink }}" integrity="{{ $app.Data.Integrity }}"></script>
Author	SHA1	Message	Date
Dan Jones	bda22111f7	🎓 Add Education section to resume	2024-05-31 16:40:39 -05:00
Dan Jones	aac1a6f0cc	💬 Various tweaks (including adding summary) - Add summary to resume - Move LinkedIn link first on front page - Update some text in resume - Minor tweak to XMPP link - Remove debug line in JS	2024-05-20 09:19:57 -05:00
Dan Jones	64e2ac8084	✏️ Fix misspellings	2024-05-16 08:29:00 -05:00
Dan Jones	5ce8954b11	💬 Update resume to be more like official one	2024-05-15 16:32:30 -05:00
Dan Jones	a0664bdba8	📦️ Add resume.pdf	2024-04-29 15:48:56 -05:00
Dan Jones	6292c91b3d	♻️ Move resume parts to separate content pieces	2024-04-29 15:42:07 -05:00
Dan Jones	8d09360dcb	♻️ Make projects better accessible	2024-04-22 20:12:18 -05:00
Dan Jones	b20f84799a	💬 Update projects Don't print code links	2024-04-14 16:42:01 -05:00
Dan Jones	a4a124ce9b	✨ Add projects to resume	2024-01-24 22:21:01 -06:00
Dan Jones	1e585feac4	✨ Add dates back in to resume	2023-12-21 21:52:36 -06:00