Skip to content

Commit 6b7bf20

Browse files
VerdantFoxVerdantFox
committed
Add 2026 to history
1 parent c33b0ba commit 6b7bf20

4 files changed

Lines changed: 84 additions & 8 deletions

File tree

‎app/web/html/templates/main/about/sections/philosophies.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,7 @@ <h3 class="text-center mb-6 font-semibold ">Let's Connect!</h3>
113113
target="_blank"
114114
rel="noopener noreferrer"
115115
class="flex flex-col gap-4 justify-center items-center font-semibold link"
116+
title="Teddy's LinkedIn"
116117
>{{ render_partial('shared/partials/icons/logo-linkedin.html', class="w-12", aria_hidden="true") }}
117118
<span>Connect with me on LinkedIn</span></a
118119
>
@@ -121,6 +122,7 @@ <h3 class="text-center mb-6 font-semibold ">Let's Connect!</h3>
121122
target="_blank"
122123
rel="noopener noreferrer"
123124
class="flex flex-col gap-4 justify-center items-center font-semibold link"
125+
title="Teddy's GitHub"
124126
>{{ render_partial('shared/partials/icons/logo-github.html', class="w-12", aria_hidden="true") }}
125127
<span>Check out my GitHub</span></a
126128
>
@@ -129,6 +131,7 @@ <h3 class="text-center mb-6 font-semibold ">Let's Connect!</h3>
129131
target="_blank"
130132
rel="noopener noreferrer"
131133
class="flex flex-col gap-4 justify-center items-center font-semibold link"
134+
title="Teddy's Mastodon"
132135
>{{ render_partial('shared/partials/icons/logo-mastodon.html', class="w-12", aria_hidden="true") }}
133136
<span>Follow me on Mastodon</span></a
134137
>

‎app/web/html/templates/main/experience/sections/history.html‎

Lines changed: 43 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
<section class="">
22
<div class="section-container mb-32">
33
<h2 class="text-5xl mb-16 text-center font-semibold">History</h2>
4-
<div class="relative md:h-545 lg:h-350">
4+
<div class="relative md:h-590 lg:h-370">
55
<!-- Center line -->
66
<div
77
class="max-md:hidden absolute top-0 left-1/2 max-lg:left-5 lg:-translate-x-1/2 bg-grayscale-700 dark:bg-grayscale-400 w-2 h-full -z-10"
88
></div>
99

1010
<!-- Years -->
11-
{# For Tailwind parsing: <div class="top-[2rem] top-[7rem] top-[12rem] top-[17rem] top-[22rem] top-[27rem] top-[32rem] top-[37rem] top-[42rem] top-[47rem] top-[52rem] top-[57rem] top-[62rem] top-[67rem] top-[72rem] top-[77rem] top-[82rem] top-[87rem] top-[92rem] top-[97rem] top-[102rem] top-[107rem] top-[112rem]
11+
{# For Tailwind parsing: <div class="top-[2rem] top-[7rem] top-[12rem] top-[17rem] top-[22rem] top-[27rem] top-[32rem] top-[37rem] top-[42rem] top-[47rem] top-[52rem] top-[57rem] top-[62rem] top-[67rem] top-[72rem] top-[77rem] top-[82rem] top-[87rem] top-[92rem] top-[97rem] top-[102rem] top-[107rem] top-[112rem] top-[117rem] top-[122rem] top-[127rem]
1212
13-
top-[3rem] top-[11rem] top-[19rem] top-[27rem] top-[35rem] top-[43rem] top-[51rem] top-[59rem] top-[67rem] top-[75rem] top-[83rem] top-[91rem] top-[99rem] top-[107rem] top-[115rem] top-[123rem] top-[131rem] top-[139rem] top-[147rem]"></div> #}
14-
{% for year in range(2009, 2026) %}
13+
top-[3rem] top-[11rem] top-[19rem] top-[27rem] top-[35rem] top-[43rem] top-[51rem] top-[59rem] top-[67rem] top-[75rem] top-[83rem] top-[91rem] top-[99rem] top-[107rem] top-[115rem] top-[123rem] top-[131rem] top-[139rem] top-[147rem] top-[155rem] top-[163rem] top-[171rem]"></div> #}
14+
{% for year in range(2009, 2027) %}
1515
<span
1616
aria-hidden="true"
1717
class="max-lg:hidden absolute bg-primary-700 border-2 border-transparent dark:bg-grayscale-800 dark:border-primary-800 text-white font-semibold px-6 py-2 rounded-xl top-[{{ loop.index * 5 - 3 }}rem] left-1/2 max-lg:left-6 -translate-x-1/2"
@@ -255,7 +255,7 @@ <h3 class="text-lg font-semibold mb-2">
255255
<p class="italic mb-2">2020</p>
256256
<h3 class="text-lg font-semibold mb-2">Pandemic hit</h3>
257257
<ul class="list-disc ml-4">
258-
<li>I moved in with my partner, Tristine</li>
258+
<li>Moved in with my partner, Tristine</li>
259259
<li>Adopted some cats and some fish</li>
260260
</ul>
261261
</article>
@@ -316,11 +316,47 @@ <h3 class="text-lg font-semibold mb-2">
316316
<li>REST API and full-stack engineer</li>
317317
<li>Work across several teams with top engineers</li>
318318
<li>
319-
Technologies include Python, Flask, javascript, React, Azure,
320-
Postgres, and docker
319+
Technologies include Python, Flask, Litestar, javascript, React,
320+
Azure, Postgres, and docker
321321
</li>
322322
</ul>
323323
</article>
324+
325+
<!-- >lg -->
326+
<!-- <div
327+
class="max-lg:hidden lg:absolute bg-grayscale-700 dark:bg-grayscale-400 -z-20 h-2 w-1/3 left-1/2 top-360"
328+
></div> -->
329+
<div
330+
class="max-lg:hidden lg:absolute bg-grayscale-700 dark:bg-grayscale-400 -z-20 h-2 w-16 left-1/2 top-360"
331+
></div>
332+
<div
333+
class="max-lg:hidden lg:absolute bg-grayscale-700 dark:bg-grayscale-400 -z-20 w-2 h-18 left-1/2 translate-x-16 -translate-y-full top-362"
334+
></div>
335+
<div
336+
class="max-lg:hidden lg:absolute bg-grayscale-700 dark:bg-grayscale-400 -z-20 h-2 w-1/4 left-1/2 translate-x-16 top-344"
337+
></div>
338+
339+
<!-- >md -->
340+
<div
341+
class="max-md:hidden lg:hidden md:absolute bg-grayscale-700 dark:bg-grayscale-400 -z-20 h-2 w-16 left-6 top-568"
342+
></div>
343+
<div
344+
class="max-md:hidden lg:hidden md:absolute bg-grayscale-700 dark:bg-grayscale-400 -z-20 h-38 w-2 left-20 -translate-y-full top-568"
345+
></div>
346+
<div
347+
class="max-md:hidden lg:hidden md:absolute bg-grayscale-700 dark:bg-grayscale-400 -z-20 h-2 w-1/2 left-20 top-530"
348+
></div>
349+
<article
350+
class="max-lg:relative lg:absolute lg:bg-offset-100 bg-primary-100 border-2 border-transparent dark:bg-grayscale-800 lg:dark:border-offset-800 dark:border-primary-800 p-8 rounded-lg ml-auto max-md:mx-auto max-w-md max-lg:max-w-xl mb-4 lg:top-325 right-0 group"
351+
>
352+
{{ render_partial('shared/partials/icons/heart-bold.html', title="A heart", class="absolute top-4 right-4 h-10 w-10 group-hover:wiggle-once") }}
353+
<p class="italic mb-2">2026</p>
354+
<h3 class="text-lg font-semibold mb-2">Married my partner, Tristine</h3>
355+
<ul class="list-disc ml-4">
356+
<li>Married the love of my life</li>
357+
<li>Honeymooned in Hawaii</li>
358+
</ul>
359+
</article>
324360
</div>
325361
</div>
326362
</section>

‎app/web/html/templates/shared/base.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{% set libraries_static_version = 'e454b3c1' %}
22
{% set custom_static_version = '56505df6' %}
3-
{% set tailwind_static_version = '254b2dde' %}
3+
{% set tailwind_static_version = 'ee72e7b5' %}
44
<!doctype html>
55
<html
66
lang="en"

‎app/web/html/templates/shared/partials/icons/_README.md‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
# Icons
2+
3+
SVG icons used across the site are stored here. They are added to jinja templates with the `render_partial` function, which allows for passing in a title and styling classes.
4+
5+
## Sources
6+
7+
Icons come from either of these two sources:
8+
9+
- <https://phosphoricons.com>: preferred
10+
- <https://ionic.io/ionicons>: mostly logos, but can be used for other icons as well
11+
12+
## Templates
13+
14+
Follow this format when creating a new SVG file.
15+
16+
```md
17+
<svg
18+
{% include 'shared/partials/svg_extras.html' %}
19+
xmlns="http://www.w3.org/2000/svg"
20+
width="32"
21+
height="32"
22+
fill="currentColor"
23+
viewBox="0 0 256 256"
24+
25+
> {% if title %}<title>{{ title }}</title>{% endif %}
26+
27+
<!-- INNER SVG CONTENT -->
28+
</svg>
29+
```
30+
31+
## Adding to jinja template (HTML page)
32+
33+
Add to a jinja template with the `render_partial` function, passing in the path to the SVG file and any desired title or styling classes.
34+
35+
```jinja
36+
{{ render_partial('shared/partials/icons/<my-svg>.html', title="<your title>", class="<styling classes>") }}
37+
```

0 commit comments

Comments
 (0)