Skip to content

Commit 79fd44b

Browse files
tatianamactatianamac
committed
feat: update fonts
1 parent de8f249 commit 79fd44b

32 files changed

+640
-286
lines changed

‎src/_includes/_excerpt.njk

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<section id="writing" class="container">
2+
<div class="wrapper">
3+
<div class="grid-whole@xs grid-half@s grid-half@m grid-half@l grid-half@xl padding-thinn">
4+
<h2 class="t-eyebrow t-thiccfont@xs t-thiccfont@s t-thiccfont@m t-thiccfont@l t-thiccfont@xl t-green t-space-strip">
5+
Selected Writings</h1>
6+
<p class="t-thiccfont@xs t-thiccfont@s t-ultrachonkfont@m t-ultrachonkfont@l t-ultrachonkfont@xl t-height-tight
7+
t-serif t-white t-height-tight t-space-strip">
8+
Bah-hum-blog.</p>
9+
<svg id="spilled-glasses" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1178 1033">
10+
<title>Spilled glasses</title>
11+
<desc>Green puddle with several goblets</desc>
12+
<path fill="#42ff0d" d="M414 182c-90-25-358-22-358 104s-126 110 0 247 28 155 88 281 224 240 388 216 498 18 466-54 256-112
13+
161-197-355-153-307-206 114-155 0-170 33-164-87-133-264-64-351-88z"/><path fill="#fff" d="M1134 302h-5a93 93 0 00-87 61c-6-21-17-40-33-55l-2-164h-5a93 93 0 00-86 61 122 122 0 00-70-79l-1-99h-5a93 93 0 00-86
14+
61A122 122 0 00637 0L484 1l2 244 153-2v1l8-1 1 119 125-1 1 159 153-1a122 122 0 00116-90 93 93 0 0086 59h6l-1-186zm-135
15+
18a83 83 0 01-63-34c24 2 45 11 63 27v7zm-360-86l-143 1-2-224 143-1a112 112 0 01112 103h10a83 83 0
16+
0177-75v85c-12-4-24-6-37-6l-153 1 1 115-8 1zm198-31a83 83 0 01-78-74h-10a112 112 0 01-92 103l-1-104 143-1c13 0 26 2 37
17+
6l1 70zM658 352l-1-110a121 121 0 0098-88 93 93 0 0086 59h6v-76c10 5 20 12 28 20 21 19 34 45 36 73h10a83 83 0 0177-75l1
18+
145c-20-15-44-24-69-25-5-9-8-19-9-29h-10c-1 10-3 20-6 29l-133 1 1 75-115 1zm261-77h-3l1-4 2 4zm-137 11l119-1a112 112 0
19+
01-100 66h-18l-1-65zm292 171a82 82 0 01-27-54l-10 1a112 112 0 01-110 105l-143 1-1-149h18a122 122 0 00111-76h12a93 93 0
20+
0080 45h5v-7c16 18 26 41 28 65h10a83 83 0 0176-75l2 165c-19-1-37-9-51-21z"/>
21+
</svg>
22+
</div>
23+
<div class="bg-black t-white padding-thinn padding-thicc@lg grid-whole@xs grid-half@s grid-half@m grid-half@l grid-half@xl">
24+
<p class="t-white">Whatever your question scope, determine what form your strawman is—a diagram, a list of options, pseudocode. Not even correct, perfect, or even particularly good, the strawman's main job is to just exist. I'd strongly suggest doing it quickly and not allowing for too much editing or analysis as you put down the first draft.</p>
25+
</div>
26+
27+
</div>
28+
29+
</section>

‎src/_includes/_speaking.njk

Lines changed: 29 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,31 @@
11
{% for post in collections.event | reverse %}
2-
<figure class="stamp stamp{% if post.data.eventStampRot %}--{{ post.data.eventStampRot }}@m stamp--{{ post.data.eventStampRot }}@l stamp--{{ post.data.eventStampRot }}@xl {% endif %}stamp stamp@m stamp@l stamp@xl grid-whole@xs grid-half@s grid-third@m grid-quarter@l grid-quarter@xl">
3-
<div class="stamp-date {% if post.data.eventStampLoc %} stamp--{{ post.data.eventStampLoc }}{% endif %}">
4-
<svg viewbox="0 0 100 100">
5-
<path d="M 0,50 a 32, 30 0 1, 1 0,1 z" id="stamp-{{ post.data.eventCityAbbr }}"/>
6-
<text>
7-
<textpath href="#stamp-{{ post.data.eventCityAbbr }}" aria-label="{{ post.data.eventCityName }}">
8-
{{ post.data.eventCityName }}
9-
</textpath>
10-
</text>
11-
</svg>
12-
</div>
13-
<div class="calendar-item grid-whole@xs grid-half@s grid-third@m grid-quarter@l grid-quarter@xl">
14-
<p class="t-black details t-typeweight t-babyfont">{{ post.data.eventMonthYear }}</p>
15-
<p>
16-
<a href="{{ post.data.eventURL }}" rel="noreferrer noopener" class="t-black t-link-accent-black t-titlingfont t-thiccfont@xs t-thiccfont@s t-thiccfont@m t-thiccfont@l t-thiccfont@xl t-height-tight">{{ post.data.eventName }}</a>
17-
</p>
18-
<p>
19-
{% if post.data.eventSlidesURL %}<a class="details t-link-accent-blue" href="{{ post.data.eventSlidesURL }}" rel="noopener noreferrer">Slides</a>{% endif %}{% if post.data.eventVideoURL %} · <a class="details t-link-accent-blue" href="{{ post.data.eventVideoURL }}" rel="noopener noreferrer">Video</a>{% endif %} {% if post.data.eventKeynote %}🗝🎵{% endif %}
20-
</p>
21-
22-
</div>
23-
</figure>
2+
<figure class="stamp stamp{% if post.data.eventStampRot %}--{{ post.data.eventStampRot }}@m stamp--{{ post.data.eventStampRot }}@l stamp--{{ post.data.eventStampRot }}@xl {% endif %}stamp stamp@m stamp@l stamp@xl grid-whole@xs grid-half@s grid-third@m grid-quarter@l grid-quarter@xl">
3+
<div class="stamp-date {% if post.data.eventStampLoc %} stamp--{{ post.data.eventStampLoc }}{% endif %}">
4+
<svg viewbox="0 0 100 100">
5+
<path d="M 0,50 a 32, 30 0 1, 1 0,1 z" id="stamp-{{ post.data.eventCityAbbr }}"/>
6+
<text>
7+
<textpath href="#stamp-{{ post.data.eventCityAbbr }}" aria-label="{{ post.data.eventCityName }}">
8+
{{ post.data.eventCityName }}
9+
</textpath>
10+
</text>
11+
</svg>
12+
</div>
13+
<div class="calendar-item grid-whole@xs grid-half@s grid-third@m grid-quarter@l grid-quarter@xl">
14+
<p class="t-black details t-typeweight t-babyfont">{{ post.data.eventMonthYear }}</p>
15+
<p>
16+
<a href="{{ post.data.eventURL }}" rel="noreferrer noopener" class="t-black t-link-accent-black t-titlingfont t-thiccfont@xs t-thiccfont@s t-thiccfont@m t-thiccfont@l t-thiccfont@xl t-height-tight">{{ post.data.eventName }}</a>
17+
</p>
18+
<p>
19+
{% if post.data.eventSlidesURL %}
20+
<a class="details t-link-accent-blue" href="{{ post.data.eventSlidesURL }}" rel="noopener noreferrer">Slides</a>
21+
{% endif %}
22+
{% if post.data.eventVideoURL %}
23+
·
24+
<a class="details t-link-accent-blue" href="{{ post.data.eventVideoURL }}" rel="noopener noreferrer">Video</a>
25+
{% endif %}
26+
{% if post.data.eventKeynote %}🗝🎵{% endif %}
27+
</p>
28+
29+
</div>
30+
</figure>
2431
{% endfor %}

‎src/_includes/_writing.njk

Lines changed: 30 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -1,97 +1,49 @@
11
<section id="writing" class="container">
22
<div class="wrapper">
3-
<div class="grid-whole@xs grid-half@s grid-half@m grid-half@l grid-half@xl padding-thinn">
4-
<h1 class="t-eyebrow t-thiccfont@xs t-thiccfont@s t-thiccfont@m t-thiccfont@l t-thiccfont@xl t-black t-space-strip">
5-
Selected Writings</h1>
6-
<p class="t-thiccfont@xs t-thiccfont@s t-ultrachonkfont@m t-ultrachonkfont@l t-ultrachonkfont@xl t-height-tight
7-
t-serifweight t-black t-height-tight t-space-strip">
8-
Bah-hum-blog.</p>
9-
<svg id="spilled-glasses" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1178 1033">
10-
<title>Spilled glasses</title>
11-
<desc>Green puddle with several goblets</desc>
12-
<path fill="#42ff0d" d="M414 182c-90-25-358-22-358 104s-126 110 0 247 28 155 88 281 224 240 388 216 498 18 466-54 256-112
13-
161-197-355-153-307-206 114-155 0-170 33-164-87-133-264-64-351-88z"/><path fill="#fff" d="M1134 302h-5a93 93 0 00-87 61c-6-21-17-40-33-55l-2-164h-5a93 93 0 00-86 61 122 122 0 00-70-79l-1-99h-5a93 93 0 00-86
14-
61A122 122 0 00637 0L484 1l2 244 153-2v1l8-1 1 119 125-1 1 159 153-1a122 122 0 00116-90 93 93 0 0086 59h6l-1-186zm-135
15-
18a83 83 0 01-63-34c24 2 45 11 63 27v7zm-360-86l-143 1-2-224 143-1a112 112 0 01112 103h10a83 83 0
16-
0177-75v85c-12-4-24-6-37-6l-153 1 1 115-8 1zm198-31a83 83 0 01-78-74h-10a112 112 0 01-92 103l-1-104 143-1c13 0 26 2 37
17-
6l1 70zM658 352l-1-110a121 121 0 0098-88 93 93 0 0086 59h6v-76c10 5 20 12 28 20 21 19 34 45 36 73h10a83 83 0 0177-75l1
18-
145c-20-15-44-24-69-25-5-9-8-19-9-29h-10c-1 10-3 20-6 29l-133 1 1 75-115 1zm261-77h-3l1-4 2 4zm-137 11l119-1a112 112 0
19-
01-100 66h-18l-1-65zm292 171a82 82 0 01-27-54l-10 1a112 112 0 01-110 105l-143 1-1-149h18a122 122 0 00111-76h12a93 93 0
20-
0080 45h5v-7c16 18 26 41 28 65h10a83 83 0 0176-75l2 165c-19-1-37-9-51-21z"/>
21-
</svg>
3+
<div class="grid-whole@xs grid-half@s grid-half@m grid-half@l grid-half@xl">
4+
<div>
5+
<h1 class="t-eyebrow t-thiccfont@xs t-thiccfont@s t-thiccfont@m t-thiccfont@l t-thiccfont@xl t-royal-blue t-space-strip">
6+
Selected Writings</h1>
7+
<p class="t-thiccfont@xs t-thiccfont@s t-ultrachonkfont@m t-ultrachonkfont@l t-ultrachonkfont@xl t-height-tight
8+
t-serifweight t-white t-height-tight t-space-strip mb-teeny">
9+
Bah-hum-blog.</p>
10+
11+
</div>
2212
</div>
23-
<div class="bg-black t-white padding-thinn padding-thicc@lg grid-whole@xs grid-half@s grid-half@m grid-half@l grid-half@xl">
24-
<p class="t-eyebrow t-blush-pink t-thinnfont t-thiccfont@l t-thiccfont@xl t-space-strip">
25-
Overview</p>
26-
<p class="t-blush-pink t-serifweight">My writing selfishly serves me first—it's a conduit for me to learn, to process, and to release. While this is the main goal of my writing, I do hope that others benefit as well. Most of the writing I share here falls into two broad categories.</p>
27-
<h2 class="t-thinnfont t-thiccfont@lg t-height-tight t-serifweight t-height-tight t-space-strip">
28-
Engineering</h2>
29-
<ul class="medialist--loose">
30-
{% for post in collections.engineering | reverse %}
31-
<li class="margin-bottom-thinn">
32-
<a class="t-white t-link-accent-white" href="{{ post.url | url }}">{{ post.data.title }}</a>
33-
</li>
34-
{% endfor %}
35-
</ul>
36-
<h2 class="t-thinnfont t-thiccfont@lg t-height-tight t-serifweight t-height-tight t-space-strip">
37-
Humans</h2>
38-
<ul class="medialist--loose">
39-
{% for post in collections.humans | reverse %}
40-
<li class="margin-bottom-thinn">
41-
<a class="t-white t-link-accent-white" href="{{ post.url | url }}">{{ post.data.title }}</a>
42-
</li>
43-
{% endfor %}
44-
</ul>
13+
<div class="grid-whole@xs grid-half@s grid-half@m grid-half@l grid-half@xl">
14+
<div class="t-baby-blue t-normiefont@s t-normiefont@m t-normiefont@l t-normiefont@xl callout pt-thinn">
15+
Pairing my emo LiveJournal tendencies with formal journalism training, writing is how I process what I learn and how to teach it in return.
16+
</div>
17+
</div>
18+
<div class="grid-whole@xs grid-whole@s grid-whole@m grid-whole@l grid-whole@xl">
19+
<div class="river">
20+
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewbox="0 528.2 3007.47 1307.18">
21+
<path fill="none" stroke="#0E4BFF" stroke-width="10" stroke-linecap="round" d="M2893.5 978.2s-1904 8.1-1951 117c-66 153 201.7 168.6 278 176 128.4 12.4 516 0 516 0s251.9 3.3 311 19c49 13 651 115-981 337s-896 180-896 180"></path>
22+
<path fill="none" stroke="#0E4BFF" stroke-width="10" stroke-linecap="round" d="M2962.4 1111.3s-1837.2-57.9-1839.1 54.9c-2.5 142.1 1183.1-94.4 1158.3 226.7-22.8 295.7-1530 279-1770 414.4"></path>
23+
<path fill="none" stroke="#0E4BFF" stroke-linecap="round" stroke-width="10" d="M2864.5 768.2s-2168.1 190-2186.8 332.7c-18.7 142.7 509.5 260.9 980.8 235.9 388.5-20.6 543 56.1 112.8 97.1-320.9 30.6-681.6 69.5-1292.3 31.1M404.5 1529.2h642s-612 48-642 90"></path>
24+
<path fill="none" stroke="#0E4BFF" stroke-linecap="round" stroke-width="10" d="m2824.5 828.2-698 65h738"></path>
25+
<path fill="#B28100" d="M2027.6 815.2v-287l498 201v409l-168-116s21.8-248.1-72-282c-169-61-143.5 150-143.5 150l-114.5-75z"></path>
26+
</svg>
27+
</div>
4528
</div>
4629
{% for post in collections.featured | reverse %}
47-
<div class="grid-whole@xs grid-third@s grid-third@m grid-third@l grid-third@xl padding-thinn">
48-
<p class="t-serifweight t-height-cozy t-black t-height-medium t-slimmfont@xs t-slimmfont@s t-slimmfont@m t-slimmfont@l
49-
t-slimmfont@xl">
30+
<div class="grid-whole@xs grid-third@s grid-third@m grid-third@l grid-third@xl padding-thinn t-azure">
31+
<p class="t-serifweight t-height-cozy t-height-medium t-slimmfont@xs t-normiefont@s t-normiefont@m t-normiefont@l
32+
t-normiefont@xl t-baby-blue">
5033
{{ post.data.summary }}
5134
</p>
5235
<p>
53-
<a class="t-link-accent-blue" href="{{ post.url | url }}">{{ post.data.title }}</a>
36+
<a class="t-link-accent-azure t-azure t-mono" href="{{ post.url | url }}">{{ post.data.title }}</a>
5437
</p>
5538
{% for tag in post.data.tags %}
5639
{% set tagBan = ['featured', 'selected', 'posts', 'event'] %}
5740
{% if tag not in tagBan %}
5841
{% set tagUrl %}/tags/{{ tag }}/{% endset %}
59-
<a class="t-tag tag" href="{{ tagUrl | url }}">{{ tag }}</a>
42+
<a class="tag t-tag" href="{{ tagUrl | url }}">{{ tag }}</a>
6043
{% endif %}
6144
{% endfor %}
6245
</div>
6346
{% endfor %}
64-
{% for post in collections.selected | reverse %}
65-
<div class="tiled grid-whole@xs grid-half@s grid-quarter@m grid-quarter@l grid-quarter@xl padding-thinn">
66-
<p class="t-height-cozy t-black t-height-medium">
67-
{{ post.data.summary }}
68-
</p>
69-
<p>
70-
<a class="t-link-accent-blue--block" href="{{ post.url | url }}">{{ post.data.title }}</a>
71-
</p>
72-
</div>
73-
{% endfor %}
74-
{#
75-
TO DO: Add summary for external post
76-
77-
<div class="grid-whole@xs grid-half@s grid-half@m grid-half@l grid-half@xl padding-thinn">
78-
79-
<p class="t-serifweight t-height-cozy t-black t-height-medium t-slimmfont@xs t-slimmfont@s t-slimmfont@m t-slimmfont@l t-slimmfont@xl">
80-
The question to answer isn't, &ldquo;Have I made a place where people have the freedom to express themselves?&rdquo; Instead we have to ask, &ldquo;Have I made a place where everyone has the safety to exist?&rdquo;
81-
</p>
82-
<p><a class="t-link-accent-blue" href="https://alistapart.com/article/canary-in-a-coal-mine-how-tech-provides-platforms-for-hate" rel="noopener noreferrer">Canary in a Coal Mine: How Tech Provides Platforms for Hate</a></p>
83-
</div>
84-
</div>
85-
#}
86-
</div>
87-
<div class="grid-whole@xs grid-half@s grid-quarter@m grid-quarter@l grid-quarter@xl padding-thicc rhyme-blob-big t-white">
88-
<p class="t-height-cozy t-thiccfont@m t-thiccfont@l t-thiccfont@xl t-white t-serifweight t-height-medium">
89-
#RhymesForTryingTimes
90-
</p>
91-
{% for post in collections.rhymes | reverse %}
92-
<a class="t-white t-height-loose t-link-accent-white" href="{{ post.url | url }}">
93-
{{ post.data.title }}</a>
94-
&middot;
95-
{% endfor %}
47+
9648
</div>
9749
</section>

0 commit comments

Comments
 (0)