diff --git a/content/resources/blog.css b/content/resources/blog.css index b5404f1..801c290 100644 --- a/content/resources/blog.css +++ b/content/resources/blog.css @@ -1,3 +1,11 @@ +@font-face { + font-family: "Reenie Beanie"; + font-weight: 400; + font-style: normal; + font-display: swap; + src: url("https://cdn.mckayla.cloud/fonts/ReenieBeanie-Regular.woff2") format(woff2); +} + @font-face { font-family: "Outfit"; font-style: normal; @@ -5,6 +13,20 @@ src: url("https://cdn.mckayla.cloud/fonts/Outfit.woff2") format(woff2); } +@font-face { + font-family: "Cormorant"; + font-style: normal; + font-display: swap; + src: url("https://cdn.mckayla.cloud/fonts/Cormorant.woff2") format(woff2); +} + +@font-face { + font-family: "Cascadia Code"; + font-style: normal; + font-display: swap; + src: url("https://cdn.mckayla.cloud/fonts/CascadiaCode.woff2") format(woff2); +} + html { font-family: "Outfit", sans-serif; font-size: 18px; @@ -12,8 +34,7 @@ html { } main { - margin: auto; - padding: 3em 1em; + padding: 3em 5em; max-width: 70ch; } @@ -28,23 +49,11 @@ h4, h5, h6 { margin: 3em 0 1em; -} - -@font-face { - font-family: "Cormorant"; - font-style: normal; - font-display: swap; - src: url("https://cdn.mckayla.cloud/fonts/Cormorant.woff2") format(woff2); -} - -@font-face { - font-family: "Cascadia Code"; - font-style: normal; - font-display: swap; - src: url("https://cdn.mckayla.cloud/fonts/CascadiaCode.woff2") format(woff2); + line-height: 1.2; } body { + background-color: #fff7ec; margin: 0; } @@ -60,18 +69,35 @@ article { margin: 2em 0 3em; } +.post-summary sub { + opacity: 0.8; +} + .post-summary p { - margin: 0; + margin: 0.5em 0 0; } a { /*color: #caab00;*/ /*color: #ca0075;*/ - color: #f8c; + /* color: #f8c; */ + color: #1441e0; } .index-header { - text-align: center; + color: #1441e0; +} + +.site-links { + font-family: "Reenie Beanie"; + display: flex; + align-items: baseline; + gap: 64px; + font-size: 24px; +} + +.main-title { + font-size: 54px; } aside { @@ -145,7 +171,7 @@ footer nav { @media (prefers-color-scheme: dark) { body { - background-color: #1b1b1b; + background-color: #060607; color: #fff; } diff --git a/src/config.rs b/src/config.rs index 043be2a..3dd6097 100644 --- a/src/config.rs +++ b/src/config.rs @@ -26,8 +26,8 @@ pub static BLOG: Lazy = Lazy::new(|| BlogMetadata { canonical_origin: Url::parse("https://mckayla.blog").unwrap(), favicon: "https://cdn.mckayla.cloud/-/764b1512ee1f490a951e9c00d9ded4b2/Doodle.avif", thumbnail: "https://cdn.mckayla.cloud/-/764b1512ee1f490a951e9c00d9ded4b2/Doodle.avif", - title: "Kayla", - subtitle: "Aspiring wannabe, human shaped, slightly minty • she/her 🏳️‍⚧️", + title: "McKayla", + subtitle: "Senior UX Engineer, aspiring wannabe, human shaped • she/her 🏳️‍⚧️", og_title: "mckayla.blog", og_image: "https://cdn.mckayla.cloud/-/97ef05b2b92b44c687dfcccfb32dff16/cute3.avif", updated: Utc::now().format("%Y-%m-%dT%H:%M:00.000Z").to_string(), diff --git a/src/templates/index.html b/src/templates/index.html index 210f032..15875d0 100644 --- a/src/templates/index.html +++ b/src/templates/index.html @@ -5,6 +5,8 @@ {{title}} + @@ -17,12 +19,12 @@
- - - - - -

{{title}}

+

{{subtitle}}

{{/with}} @@ -30,8 +32,8 @@

{{title}}

{{#each posts}}

{{{title}}}

 - {{#if summary}}
{{{summary}}}
{{/if}} by {{author}}{{#if date}} — {{date}}{{/if}} + {{#if summary}}
{{{summary}}}
{{/if}}
{{/each}} @@ -39,7 +41,7 @@

{{title}}