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

2
src/_includes/base.njk
View file

@ -4,7 +4,6 @@
{% include "src/_includes/partials/header.njk" %}
<body>
<section class="section">
{% include "src/_includes/partials/darktoggle.njk" %}
{% include "src/_includes/partials/nav.njk"%}
@ -14,6 +13,5 @@
</div>
{% include "src/_includes/partials/footer.njk" %}
</section>
</body>
</html>

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

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

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

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

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

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