engineering blog at https://blog.tangled.sh

keep fonts consistent with main site

Signed-off-by: Anirudh Oppiliappan <anirudh@tangled.sh>

anirudh.fi c5629eb7 ca6e8f5c

verified
Changed files
+39 -8
templates
partials
+37 -6
input.css
··· 13 13 @font-face { 14 14 font-family: "InterVariable"; 15 15 src: url("/static/fonts/InterVariable-Italic.woff2") format("woff2"); 16 - font-weight: 400; 16 + font-weight: normal; 17 17 font-style: italic; 18 18 font-display: swap; 19 19 } 20 20 21 21 @font-face { 22 22 font-family: "InterVariable"; 23 - src: url("/static/fonts/InterDisplay-SemiBold.woff2") format("woff2"); 24 - font-weight: 600; 25 - font-style: bold; 23 + src: url("/static/fonts/InterDisplay-Bold.woff2") format("woff2"); 24 + font-weight: bold; 25 + font-style: normal; 26 + font-display: swap; 27 + } 28 + 29 + @font-face { 30 + font-family: "InterVariable"; 31 + src: url("/static/fonts/InterDisplay-BoldItalic.woff2") format("woff2"); 32 + font-weight: bold; 33 + font-style: italic; 26 34 font-display: swap; 27 35 } 28 36 ··· 34 42 font-display: swap; 35 43 } 36 44 45 + @font-face { 46 + font-family: "IBMPlexMono"; 47 + src: url("/static/fonts/IBMPlexMono-Italic.woff2") format("woff2"); 48 + font-weight: normal; 49 + font-style: italic; 50 + font-display: swap; 51 + } 52 + 53 + @font-face { 54 + font-family: "IBMPlexMono"; 55 + src: url("/static/fonts/IBMPlexMono-Bold.woff2") format("woff2"); 56 + font-weight: bold; 57 + font-style: normal; 58 + font-display: swap; 59 + } 60 + 61 + @font-face { 62 + font-family: "IBMPlexMono"; 63 + src: url("/static/fonts/IBMPlexMono-BoldItalic.woff2") format("woff2"); 64 + font-weight: bold; 65 + font-style: italic; 66 + font-display: swap; 67 + } 68 + 37 69 h1 { 38 70 @apply text-2xl; 39 71 @apply text-black; ··· 41 73 } 42 74 43 75 ::selection { 44 - @apply bg-yellow-400; 45 - @apply bg-opacity-30; 76 + @apply bg-yellow-400 text-black bg-opacity-30 dark:bg-yellow-600 dark:bg-opacity-50 dark:text-white; 46 77 } 47 78 48 79 @layer base {
+2 -2
templates/partials/footer.html
··· 1 - <div class="w-full p-4 md:p-8 bg-white dark:bg-gray-800 rounded-t drop-shadow-sm mt-8"> 1 + <div class="w-full p-4 md:p-8 bg-white dark:bg-gray-800 rounded-t drop-shadow-sm mt-16"> 2 2 <div class="container mx-auto max-w-7xl px-4"> 3 3 <div class="flex flex-col lg:flex-row justify-between items-start text-gray-600 dark:text-gray-400 text-sm gap-8"> 4 4 <div class="mb-4 md:mb-0"> 5 - <a href="/" class="flex gap-2 font-semibold italic no-underline hover:no-underline"> 5 + <a href="https://tangled.sh" class="flex gap-2 font-semibold italic no-underline hover:no-underline"> 6 6 {{ template "fragments/logotypeSmall" }} 7 7 </a> 8 8 </div>