Add styles + favicon

This commit is contained in:
Shav Kinderlehrer 2023-09-19 09:01:41 -04:00
parent f52a1ed7fd
commit e463918bac
4 changed files with 5 additions and 4 deletions

View File

@ -9,7 +9,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link <link
href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap" href="https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,700;1,400;1,700&family=JetBrains+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"> rel="stylesheet">
%sveltekit.head% %sveltekit.head%

View File

@ -7,14 +7,14 @@
<main> <main>
<div id="title"> <div id="title">
<h1>trinket blog</h1> <h1>trinket blog</h1>
<h2 class="sub">dev writing about anything under the sun</h2>
</div> </div>
<div id="articles"> <div id="articles">
<ul> <ul>
{#each data.articles as article, i} {#each data.articles as article, i}
<li class={i % 2 == 0 ? "even" : "odd"}> <li class={i % 2 == 0 ? "even" : "odd"}>
<a href="/articles/{article.slug}">{article.date} ~> {article.title}</a <a href="/articles/{article.slug}"
>{article.date} ~> {article.title}</a
> >
</li> </li>
{/each} {/each}

View File

@ -1,9 +1,10 @@
* { * {
font-family: 'Poppins', sans-serif; font-family: 'Asap', sans-serif;
} }
pre, code, span { pre, code, span {
font-family: 'JetBrains Mono', monospace !important; font-family: 'JetBrains Mono', monospace !important;
font-size: 0.9rem;
} }
img { img {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB