diff --git a/assets/scss/extra.scss b/assets/scss/extra.scss
index aa77e5f..9ab56c0 100644
--- 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 {
diff --git a/content/contact.md b/content/contact.md
index cb5057b..fe9b2f3 100644
--- 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@danielrayjones.com](mailto:dan@danielrayjones.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@danielrayjones.com](mailto:dan@danielrayjones.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).
diff --git a/content/web/dan-jones-resume.pdf b/content/web/dan-jones-resume.pdf
new file mode 100644
index 0000000..7685b99
Binary files /dev/null and b/content/web/dan-jones-resume.pdf differ
diff --git a/content/web.md b/content/web/index.md
similarity index 52%
rename from content/web.md
rename to content/web/index.md
index ff7d07a..9f37afa 100644
--- a/content/web.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 -->
diff --git a/content/web/sections/005-contact.md b/content/web/sections/005-contact.md
new file mode 100644
index 0000000..f6ca617
--- /dev/null
+++ 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>
diff --git a/content/web/sections/007-summary.md b/content/web/sections/007-summary.md
new file mode 100644
index 0000000..ee131be
--- /dev/null
+++ 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.
diff --git a/content/web/sections/010-skills.md b/content/web/sections/010-skills.md
new file mode 100644
index 0000000..d9be6fb
--- /dev/null
+++ 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}
diff --git a/content/web/sections/040-code.md b/content/web/sections/040-code.md
new file mode 100644
index 0000000..8edef19
--- /dev/null
+++ 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)
diff --git a/content/web/sections/050-projects.md b/content/web/sections/050-projects.md
new file mode 100644
index 0000000..3c4331d
--- /dev/null
+++ 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 -->
diff --git a/hugo.toml b/hugo.toml
index 5d4131f..0d1b4ec 100644
--- 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
diff --git a/layouts/_default/web-resume.html b/layouts/_default/web-resume.html
new file mode 100644
index 0000000..05bcff0
--- /dev/null
+++ 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 }}
diff --git a/layouts/partials/javascript.html b/layouts/partials/javascript.html
index f540a09..af9a20e 100644
--- 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>