Skip to content

Commit 9d24f82

Browse files
tatianamactatianamac
authored
🎨 style(fonts): change core fonts
2 parents e071b29 + 57835a5 commit 9d24f82

13 files changed

+258
-2564
lines changed

‎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+
From my emo LiveJournal and through my 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)