Misc

Author: s-rd

src/assets/styles/_main.scss

@@ -4,7 +4,7 @@
 :global {
   body {
     font-family: 'Public Sans', Helvetica, sans-serif;
-    font-size: 1.25rem;
+    font-size: 1.5rem;
     font-weight: 500;
     background: var(--color-salmon);
   }

src/components/AppHeader.svelte

@@ -8,8 +8,12 @@
     <Logo/>
   </a>
   <h2 class="header-intro">
-    Design needs a code of ethics. This is a start—but we only know what we know. Our point of view is limited to our own experiences.
-    This code belongs to you. Make it yours, make it great.
+    <span>
+      Design needs a code of ethics. This is a start—but we only know what we know. Our point of view is limited to our own experiences.
+    </span>
+    <span>
+      This code belongs to you. Make it yours, make it great.
+    </span>
   </h2>
   <div class="header-nav">
     <AppNav/>
@@ -30,10 +34,16 @@
     padding: 1rem;
 
     &-intro {
-      width: 70%;
+      width: 100%;
+      max-width: 25rem;
       white-space: pre-line;
       line-height: 0.95em;
-      text-indent: 2em;
+
+      span {
+        margin-bottom: 0.35rem;
+        display: inline-block;
+        text-indent: 2em;
+      }
     }
   }
 </style>

src/components/Logo.svelte

@@ -1,3 +1,10 @@
-<svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg class="logo" width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9219 0H14.2559V1.48242C14.2559 2.11328 13.7617 2.63086 13.1387 2.66602L13.0703 2.66797L8.92188 2.66602V4.14844C8.92188 4.78516 8.41992 5.30469 7.78906 5.33203L7.73633 5.33398H6.25586V6.81445C6.25586 7.46875 5.72461 8 5.07031 8H3.58789V12.1484C3.58789 12.7793 3.09375 13.2969 2.4707 13.332L2.40234 13.334L0.921875 13.332V18.666V21.332V26.666H2.40234C2.82617 26.666 3.19727 26.8887 3.4082 27.2246C3.48242 27.3457 3.53711 27.4805 3.56641 27.623C3.58008 27.6973 3.58789 27.7734 3.58789 27.8516V32H5.07031C5.72461 32 6.25586 32.5312 6.25586 33.1855V34.666H7.73633L7.78906 34.668C8.16211 34.6836 8.49023 34.873 8.69531 35.1562C8.73047 35.2051 8.76172 35.2559 8.78906 35.3105L8.84961 35.4434C8.89648 35.5703 8.92188 35.709 8.92188 35.8516V37.334L13.0703 37.332L13.1387 37.334C13.5508 37.3574 13.9082 37.5938 14.1016 37.9336L14.1406 38.0117L14.1719 38.084L14.2129 38.209C14.2402 38.3066 14.2559 38.4102 14.2559 38.5176V40H16.9219H24.9219H27.5879V38.5176C27.5879 37.8867 28.082 37.3691 28.7051 37.334L28.7734 37.332L32.9219 37.334V35.8516C32.9219 35.2148 33.4238 34.6953 34.0547 34.668L34.1074 34.666H35.5879V33.1855C35.5879 32.9531 35.6562 32.7344 35.7734 32.5508C35.9824 32.2207 36.3516 32 36.7734 32H38.2539L38.2559 27.8516C38.2559 27.6016 38.334 27.3711 38.4648 27.1797C38.5039 27.123 38.5488 27.0703 38.5977 27.0215C38.6797 26.9355 38.7754 26.8633 38.8809 26.8066C38.9766 26.7539 39.082 26.7148 39.1914 26.6914C39.2715 26.6758 39.3555 26.666 39.4414 26.666H40.9219V21.332V18.666V13.332L39.4414 13.334L39.373 13.332C38.75 13.2969 38.2559 12.7793 38.2559 12.1484L38.2539 8H36.7734C36.1191 8 35.5879 7.46875 35.5879 6.81445V5.33398H34.1074L34.0547 5.33203C33.4238 5.30469 32.9219 4.78516 32.9219 4.14844V2.66602L28.7734 2.66797L28.7051 2.66602C28.082 2.63086 27.5879 2.11328 27.5879 1.48242V0H24.9219H16.9219ZM3.62305 14.2285C3.59961 14.3203 3.58789 14.418 3.58789 14.5176V18.666H8.92188V13.332L10.4023 13.334L10.4707 13.332C10.7148 13.3184 10.9414 13.2305 11.125 13.0898C11.4062 12.873 11.5879 12.5312 11.5879 12.1484V10.666H8.92188V9.18555C8.92188 8.53125 8.39062 8 7.73633 8H7.44141C6.78711 8 6.25586 8.53125 6.25586 9.18555L6.25391 13.334L4.77344 13.332H4.72852C4.5293 13.3398 4.34375 13.3965 4.18164 13.4902C4.04492 13.5684 3.92383 13.6758 3.82812 13.8008C3.79688 13.8418 3.76953 13.8848 3.74414 13.9297L3.70117 14.0098C3.66992 14.0781 3.64258 14.1523 3.62305 14.2285ZM8.92188 6.81445C8.92188 7.46875 9.45312 8 10.1074 8H11.5879H13.0703C13.4648 8 13.8145 7.80664 14.0312 7.50781L14.0801 7.43555L14.1191 7.36328L14.1523 7.29297L14.1992 7.17578C14.2305 7.07812 14.25 6.97461 14.2539 6.86719L14.2559 6.81445V5.33398H15.7363C16.3906 5.33398 16.9219 4.80273 16.9219 4.14844V2.66602H15.4414C14.7871 2.66602 14.2559 3.19727 14.2559 3.85156V5.33398L10.1074 5.33203H10.0762C9.4375 5.34961 8.92188 5.87305 8.92188 6.51758V6.81445ZM17.2949 5.6543C17.4922 5.46875 17.752 5.34961 18.0391 5.33398L18.1074 5.33203L19.5879 5.33398V10.666L15.4414 10.668L15.373 10.666C14.75 10.6309 14.2559 10.1133 14.2559 9.48242V9.18555C14.2559 8.53125 14.7871 8 15.4414 8H16.9219V6.51758C16.9219 6.32422 16.9688 6.14062 17.0508 5.97852C17.082 5.91602 17.1191 5.85742 17.1621 5.80078C17.2031 5.74805 17.2461 5.69922 17.2949 5.6543ZM12.7734 13.332C12.1191 13.332 11.5879 13.8633 11.5879 14.5176V18.666H19.5879V13.332H14.2559H12.7734ZM37.1152 13.332C37.748 13.3555 38.2559 13.8789 38.2559 14.5176V18.666H32.9219V13.332L31.4414 13.334L31.373 13.332C31.0137 13.3125 30.6973 13.1309 30.4941 12.8613C30.3438 12.6621 30.2559 12.416 30.2559 12.1484V10.666H32.9219V9.18555C32.9219 8.67188 33.25 8.23242 33.707 8.06836C33.832 8.02344 33.9668 8 34.1074 8H34.4023C35.0566 8 35.5879 8.53125 35.5879 9.18555V13.334L37.0703 13.332H37.1152ZM27.5898 13.332H29.0703C29.7148 13.332 30.2383 13.8477 30.2559 14.4863V14.5176L30.2539 18.666H22.2539V13.332H27.5898ZM32.5547 7.67188C32.3418 7.875 32.0527 8 31.7363 8H30.2559H28.7734C28.3008 8 27.8926 7.72266 27.7031 7.32227L27.6562 7.20312L27.627 7.11133C27.6055 7.0332 27.5938 6.95117 27.5898 6.86719L27.5879 6.81445V5.33398L31.7363 5.33203H31.7676C32.4062 5.34961 32.9219 5.87305 32.9219 6.51758V6.81445C32.9219 7.15234 32.7812 7.45703 32.5547 7.67188ZM27.5879 5.33398H26.1074C25.4531 5.33398 24.9219 4.80273 24.9219 4.14844V2.66602H26.4023C27.0566 2.66602 27.5879 3.19727 27.5879 3.85156V5.33398ZM24.9219 8H26.4023C27.0566 8 27.5879 8.53125 27.5879 9.18555V9.48242C27.5879 9.79883 27.4629 10.0859 27.2617 10.2988C27.0605 10.5117 26.7812 10.6484 26.4707 10.666L26.4023 10.668L22.2539 10.666L22.2559 5.33398L23.7363 5.33203L23.8047 5.33398C24.1543 5.35352 24.4629 5.52539 24.666 5.7832C24.8262 5.98633 24.9219 6.24023 24.9219 6.51758V8ZM38.0039 26.2129C38.1621 26.0117 38.2559 25.7578 38.2559 25.4824V21.332H32.9219V26.666H31.4414C30.7871 26.666 30.2559 27.1973 30.2559 27.8516V29.334H32.9219V30.8145C32.9219 31.4688 33.4531 32 34.1074 32H34.4023C34.5957 32 34.7773 31.9531 34.9395 31.8711C35.0371 31.8223 35.127 31.7598 35.207 31.6836C35.2734 31.623 35.332 31.5547 35.3828 31.4805L35.4551 31.3574L35.4727 31.3223L35.5234 31.2012C35.5664 31.0801 35.5879 30.9492 35.5879 30.8145V26.666L37.0703 26.668L37.1387 26.666C37.252 26.6602 37.3633 26.6367 37.4688 26.5996C37.5312 26.5781 37.5918 26.5508 37.6484 26.5176C37.7852 26.4395 37.9062 26.3359 38.0039 26.2129ZM30.2559 25.4824L30.2539 21.332H22.2539V26.666L27.5898 26.668H29.0703L29.123 26.666C29.2734 26.6602 29.416 26.625 29.5469 26.5684C29.9551 26.3887 30.2441 25.9863 30.2559 25.5137V25.4824ZM31.7363 34.668L27.5879 34.666V33.1855L27.5898 33.1328C27.6172 32.502 28.1367 32 28.7734 32H30.2559H31.7363C32.3906 32 32.9219 32.5312 32.9219 33.1855V33.4824C32.9219 34.127 32.4062 34.6504 31.7676 34.668H31.7363ZM27.5879 34.666V36.1484C27.5879 36.8027 27.0566 37.334 26.4023 37.334H24.9219V35.8516C24.9219 35.5586 25.0293 35.291 25.2051 35.084C25.4219 34.8281 25.7461 34.666 26.1074 34.666H27.5879ZM27.5879 30.5176V30.8145C27.5879 31.1133 27.4785 31.3848 27.2969 31.5938C27.0781 31.8418 26.7578 32 26.4023 32H24.9219V33.4824C24.9219 34.1191 24.4199 34.6387 23.7891 34.666L23.7363 34.668H22.2559L22.2539 29.334L26.4023 29.332L26.4707 29.334C27.0938 29.3691 27.5879 29.8867 27.5879 30.5176ZM3.97656 26.3594C4.17188 26.5371 4.42578 26.6504 4.70508 26.666L4.77344 26.668L6.25391 26.666L6.25586 30.8145C6.25586 31.4688 6.78711 32 7.44141 32H7.73633C8.39062 32 8.92188 31.4688 8.92188 30.8145V29.334H11.5879V27.8516C11.5879 27.1973 11.0566 26.666 10.4023 26.666H8.92188V21.332H3.58789V25.4824C3.58789 25.8301 3.73828 26.1426 3.97656 26.3594ZM9.50195 32.166C9.67969 32.0605 9.88672 32 10.1074 32H11.5879H13.0703C13.707 32 14.2266 32.502 14.2539 33.1328L14.2559 33.1855V34.666L10.1074 34.668H10.0762C9.4375 34.6504 8.92188 34.127 8.92188 33.4824V33.1855C8.92188 33.0059 8.96094 32.8359 9.0332 32.6836C9.08789 32.5664 9.16211 32.459 9.25195 32.3672C9.32617 32.2891 9.41016 32.2207 9.50195 32.166ZM14.2559 34.666H15.7363C16.3906 34.666 16.9219 35.1973 16.9219 35.8516V37.334H15.4414C14.7871 37.334 14.2559 36.8027 14.2559 36.1484V34.666ZM16.9219 33.4824C16.9219 34.1191 17.4238 34.6387 18.0547 34.666L18.1074 34.668H19.5879V29.334L15.4414 29.332L15.373 29.334C15.1816 29.3457 15.002 29.4023 14.8457 29.4941C14.4922 29.6992 14.2559 30.082 14.2559 30.5176V30.8145C14.2559 31.4688 14.7871 32 15.4414 32H16.9219V33.4824ZM12.7734 26.668L12.7207 26.666C12.0898 26.6387 11.5879 26.1191 11.5879 25.4824V21.332H19.5879V26.666L14.2559 26.668H12.7734Z" fill="#FF0000"/>
 </svg>
+
+<style lang="scss">
+  .logo {
+    width: 3rem;
+    height: auto;
+  }
+</style>