nova/kittygirl.online
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

unbreak styling (still very broken tho :(

Browse source
This commit is contained in:
nova ember madeline 2025-05-06 16:35:43 +02:00
parent 23529ffe03
commit 21827037dc
5 changed files with 22 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/_includes/base.njk
View file

@ -4,16 +4,14 @@
{% include "src/_includes/partials/header.njk" %} {% include "src/_includes/partials/header.njk" %}
<body> <body>
<section class="section"> {% include "src/_includes/partials/darktoggle.njk" %}
{% include "src/_includes/partials/darktoggle.njk" %}
{% include "src/_includes/partials/nav.njk"%} {% include "src/_includes/partials/nav.njk"%}
<div class="hero"> <div class="hero">
{{ content | safe }} {{ content | safe }}
</div> </div>
{% include "src/_includes/partials/footer.njk" %} {% include "src/_includes/partials/footer.njk" %}
</section>
</body> </body>
</html> </html>

6
src/_includes/blog-page.njk
View file

@ -1,9 +1,9 @@
--- ---
layout: "base.njk" layout: "base.njk"
--- ---
<main> <div class="main">
<h1 class="hero-title"> <h1 class="hero-title">
{{ title }} {{ title | safe }}
</h1> </h1>
<div class="page-content"> <div class="page-content">
@ -18,6 +18,6 @@ layout: "base.njk"
{%- endfor -%} {%- endfor -%}
</ul> </ul>
#} #}
</main> </div>
{% include "src/_includes/partials/blob.html" %} {% include "src/_includes/partials/blob.html" %}

4
src/_includes/blog-post.njk
View file

@ -1,7 +1,7 @@
--- ---
layout: "base.njk" layout: "base.njk"
--- ---
<main> <div class="main">
<h1 class="hero-title"> <h1 class="hero-title">
{{ title }} {{ title }}
</h1> </h1>
@ -11,4 +11,4 @@ layout: "base.njk"
<div class="page-content"> <div class="page-content">
{{ content | safe }} {{ content | safe }}
</div> </div>
</main> </div>

1
src/_includes/partials/header.njk
View file

@ -9,7 +9,6 @@
</script> </script>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title }}</title> <title>{{ title }}</title>
<link rel="stylesheet" type="text/css" media="screen" href="{{ "/css/main.css" | url }}"> <link rel="stylesheet" type="text/css" media="screen" href="{{ "/css/main.css" | url }}">

18
src/css/light.css
View file

@ -24,7 +24,7 @@ a {
transition: all 0.3s ease; transition: all 0.3s ease;
} }
main a { .hero a {
font-family: "Righteous"; font-family: "Righteous";
text-decoration: underline; text-decoration: underline;
color: #910c75; color: #910c75;
@ -312,12 +312,13 @@ a.card-link {
header { header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: 100%; width: 100%;
margin-bottom: 10vh; margin-bottom: 10vh;
font-family: "Righteous"; font-family: "Righteous";
font-size: 20px; font-size: 1.3em;
margin-top: 2em; margin-top: 2em;
} }
@ -336,6 +337,8 @@ nav {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 1.3em;
gap: 3em; gap: 3em;
background: linear-gradient(to right, #151515 1px, transparent 1px) 0 0, background: linear-gradient(to right, #151515 1px, transparent 1px) 0 0,
linear-gradient(to right, #151515 1px, transparent 1px) 0 100%, linear-gradient(to right, #151515 1px, transparent 1px) 0 100%,
@ -350,17 +353,17 @@ nav {
} }
.hero-title { .hero-title {
line-break: anywhere;
margin-top: 10vh; margin-top: 10vh;
font-size: 5em; font-size: 3.5em;
} }
.page-content { .page-content {
font-size: 20px;
margin: 0 20px; margin: 0 20px;
} }
main { .main {
max-width: 75em; max-width: 100%;
align-self: center; align-self: center;
} }
@ -369,7 +372,7 @@ main {
} }
p { p {
max-width: 45vw; max-width: 55vw;
} }
.link { .link {
@ -453,6 +456,7 @@ transition: opacity 0.3s ease;
background-color: hsl(220, 13%, 18%); background-color: hsl(220, 13%, 18%);
color: hsl(220, 14%, 71%); color: hsl(220, 14%, 71%);
border-radius: 0.3em; border-radius: 0.3em;
font-size: 1.3em;
white-space: nowrap; /* prevent line breaks in inline code */ white-space: nowrap; /* prevent line breaks in inline code */
} }