added tabler icon pack and cc by sa license

This commit is contained in:
Luca 2024-11-06 19:12:34 +01:00
parent 4e0017adc2
commit 1302098199
10 changed files with 67 additions and 4 deletions

10
_includes/_footer.njk Normal file
View file

@ -0,0 +1,10 @@
<footer class="footer">
<div>
<span>CC-BY SA</span>
<div>
<i class="ti ti-creative-commons"></i
><i class="ti ti-creative-commons-by"></i
><i class="ti ti-creative-commons-sa"></i>
</div>
</div>
</footer>

View file

@ -1,4 +1,3 @@
<!-- Header for now -->
<header class="header">
<h1>runtimefee.lol</h1>
</header>

View file

@ -11,6 +11,8 @@ title: runtimefee.lol - Homepage
<title>{{ title }}</title>
</head>
<body>
{% include "_header.njk" %} {{ content | safe }}
{% include "_header.njk" %}
<main>{{ content | safe }}</main>
{% include "_footer.njk" %}
</body>
</html>

View file

@ -12,8 +12,10 @@ title: runtimefee.lol
</head>
<body>
{% include "_header.njk" %}
<nav><a href="/">back</a></nav>
<aside>Tags: {{ tags }}</aside>
<h1>{{ title }}</h1>
{{ content | safe }}
<main>{{ content | safe }}</main>
{% include "_footer.njk" %}
</body>
</html>

View file

@ -18,5 +18,8 @@
"canvas": "^2.11.2",
"simplex-noise": "^4.0.3"
},
"type": "module"
"type": "module",
"dependencies": {
"@tabler/icons": "^3.21.0"
}
}

View file

@ -6,6 +6,8 @@
@import url(./margins.css);
@import url(./icons.css);
:root {
--font-family: "Source Sans 3", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono,
@ -45,6 +47,25 @@ h6 {
font-weight: bold;
}
.footer {
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
flex-direction: column;
}
.footer * {
text-align: center;
}
.footer div {
background-color: #080808;
border-radius: 4px;
padding: 2px 4px 1px 2px;
}
.recent-posts-container {
margin: 12px 12px;
display: flex;

22
public/css/icons.css Normal file
View file

@ -0,0 +1,22 @@
@import url(../fonts/icons/tabler-icons.min.css);
.ti {
align-self: center;
font-size: 24px;
}
.ti.small {
font-size: 16px;
}
.ti.medium {
font-size: 20px;
}
.ti.large {
font-size: 24px;
}
.ti.xlarge {
font-size: 30px;
}

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long