Merge branch 'main' into design/media

Author: tatianamac

src/_includes/css/main.css

@@ -2,36 +2,15 @@
 title: engineer, writer, speaker
 layout: layouts/base.njk
 templateClass: content
-navClass: bg-primary
-bgColor: baby-blue
+navClass: bg-black
+bgColor: black
 eleventyExcludeFromCollections: true
 colorMode: light
 canonical: https://www.tatianamac.com
 ---
-<section class="container flex--half bg-primary" id="hero">
-<div class="flex--half--child t-white">
-    <h1 class="t-thiccfont@xl t-thiccfont@l t-thiccfont@m t-normiefont@s t-normiefont@xs t-thinnfont@xxs t-height-tight t-serifweight ">Tatiana Mac is an American engineer who builds inclusive, accessible, and ethical products with thoughtful practices.</h1>
-    <p class="t-white t-typeweight t-thinnfont@xl t-thinnfont@l t-thinnfont@m t-thinnfont@s t-thinnfont@xs t-thinnfont@xxs t-height-tight">An <s>designer</s> engineer who codes.
-        <br/>A writer who reads.
-        <br/>A speaker who listens.</p>
-</div>
-<div class="flex--half--child">
-   <svg xmlns="http://www.w3.org/2000/svg" class="animate--float" id="floating-hands" x="0" y="0" version="1.1" viewBox="0 0 1792 1568" xml:space="preserve">
-   <title>Floating hands</title>
-   <desc>Two hands forming a circle with a triangle in between.</desc>
-   <path fill="#FFD926" d="M915 501L714 851h403z"/><path fill="#FFF3F3" d="M740 483c-97 16-441 6-483 5h-11l-87-256h22c1 0 63-2 136-23 72-21 132-83 133-84l1-1 2-1L659 0l179 23-4 32-168-22-195 116c-11 11-71 69-145 90-52 15-98 21-123 23l65 194c177 6 442 7 479-7l239-105a194 194 0 00-120 1c-18 5-41 7-63 9-28 3-59 6-75 16l-7 6-22-22 9-9 170-148 145-68h4c45 0 125-7 146-23 12-8 23-18 32-26l-205 18-161 49-161 115-18-25 165-119 169-51 291-26-27 30c-1 1-31 35-66 61-35 25-139 28-162 29l-135 62-115 102 20-2c20-2 42-4 57-9 104-30 174 15 176 17l24 16-26 12c-9 4-219 97-272 119l-19 5z"/><path fill="#FFF3F3" d="M597 202l-18-26 121-82 127-24-30-9-97 17-128 49-12-29 131-51 109-18 161 48-248 46z"/><path fill="#FF0DD1" d="M84 223h256v405H84z" transform="rotate(-30 212 425)"/><g><path fill="#FFF3F3" d="M1506 994s-23-17-73-43c-48-26-158-30-159-30l1-31c5 0 118 4 173 33 52 28 76 45 77 46l-19 25zM1264 1026h-32c0-14 0-64 8-82l29 14c-4 7-6 41-5 68z"/><path fill="#FFF3F3" d="M1632 980l-24-21s39-46 75-123l59-125-9 1c-9 3-17 9-24 17-19 20-40 54-60 86-15 25-31 50-46 71-33 46-83 89-109 96l-8-30v-1c13-3 56-35 91-83 15-20 30-45 45-69 22-36 43-69 63-91 11-12 24-21 38-25 26-9 46 0 49 1l14 7-74 158c-38 81-79 129-80 131z"/><path fill="#FFF3F3" d="M1426 946l-8-31 4 15-4-15s21-6 55-26c32-20 60-58 84-97 18-28 92-141 117-172 27-33 89-29 96-29l22 2-51 109-28-14 30-65c-16 2-36 6-45 17-22 27-88 128-114 169-27 42-57 83-95 107-38 23-62 29-63 30z"/><path fill="#FFF3F3" d="M1388 929l-20 4-4-31c71-10 99-64 117-100l9-16c21-36 33-60 42-79 16-31 24-49 56-81 55-55 108-41 111-41l18 5-32 68-29-14 14-28c-15 2-37 10-59 32-29 29-36 43-51 73-9 18-21 44-43 81l-8 14c-18 36-49 95-121 113z"/><path fill="#FFF3F3" d="M1125 1338l-13-6-251-117 6-14c1-3 28-67 52-111 28-52 134-116 179-141 40-22 74-30 104-37l41-11 28-9c27-7 46-12 70-44 22-30 29-64 36-98 4-16 7-33 13-49v-1l1-2c0-1 14-26 30-46 17-21 44-21 58-18l16 3-5 17c-10 36-62 250-63 253l-30-8c2-8 40-168 57-233-3 1-6 3-8 6-13 15-24 35-27 40l-11 45c-8 37-16 74-42 110-30 41-59 49-87 56-8 2-17 4-25 8l-45 12a518 518 0 00-262 162c-17 30-36 72-45 93l212 99c17-24 62-77 120-87 82-13 182-37 217-65 28-22 96-90 141-134l27-27c-14-9-39-19-68-4-31 16-55 41-77 64-17 17-31 32-46 40-24 14-97 44-123 32l13-29c10 3 61-11 94-30 11-6 24-20 39-35 22-23 50-52 85-70 53-28 101 1 119 20l11 12-12 10-39 39c-46 45-115 114-145 137-47 38-177 63-231 71-59 10-106 84-106 85l-8 12z"/><path fill="#FFF3F3" d="M1389 1097c-1-1-108-55-180-58-58-3-159 69-193 97l-20-25c2-1 33-27 75-52 57-36 104-53 139-52 79 3 189 59 194 61l-15 29z"/><path fill="#FF0DD1" d="M839 1146h256v405H839z" transform="rotate(-56 967 1348)"/></g></svg>
-
-</div>
-</section>
-<!-- hero -->
-<div class="container clearspace">
-    <div class="zigzag-blue-yellow">
-    </div>
-    <div class="zigzag-yellow-white">
-    </div>
-</div>
-
-{% include "_writing.njk" %}
-
-
-{# </main> #}
+<section class="container grid--half bg-black" id="hero">
+  <div class="t-white">
+    <h1 class="t-ultrachonkfont@xl t-ultrachonkfont@l t-chonkfont@m t-chonkfont@s t-chonk@xs t-normiefont@xxs t-height-tight t-serifweight">Tatiana Mac</span>
+      is a writer, speaker, and engineer building accessible, performant, and supported products.</h1>
+  </div>
+  </section>

src/index.njk

@@ -1,6 +1,6 @@
-.flex--half {
-	display: flex;
-	flex-direction: row;
+.grid--half {
+	display: grid;
+	grid-template-columns: 2fr 1fr;
 	flex-wrap: wrap;
 }