summaryrefslogtreecommitdiff
path: root/_includes
diff options
context:
space:
mode:
authorJan Palma <honzik@janpalma.cz>2026-02-28 16:24:59 +0100
committerJan Palma <honzik@janpalma.cz>2026-02-28 16:24:59 +0100
commit010e4e5250c6629e31ffd2716ac558e127e163d8 (patch)
tree018825689555207a4fc6f30b6d9c748c3c92ae8a /_includes
parent89492d3d14e853d3b14bd036484f9565c75bc420 (diff)
downloadspelis-web-010e4e5250c6629e31ffd2716ac558e127e163d8.tar
spelis-web-010e4e5250c6629e31ffd2716ac558e127e163d8.tar.gz
spelis-web-010e4e5250c6629e31ffd2716ac558e127e163d8.tar.bz2
spelis-web-010e4e5250c6629e31ffd2716ac558e127e163d8.tar.lz
spelis-web-010e4e5250c6629e31ffd2716ac558e127e163d8.tar.xz
spelis-web-010e4e5250c6629e31ffd2716ac558e127e163d8.tar.zst
spelis-web-010e4e5250c6629e31ffd2716ac558e127e163d8.zip
OG Image + Fonts
Diffstat (limited to '_includes')
-rw-r--r--_includes/base.njk5
-rw-r--r--_includes/nav.njk2
-rw-r--r--_includes/og-image.og.njk29
3 files changed, 34 insertions, 2 deletions
diff --git a/_includes/base.njk b/_includes/base.njk
index 2392b47..1bb30f9 100644
--- a/_includes/base.njk
+++ b/_includes/base.njk
@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="{{ "/assets/fonts/JetBrains.css" | url}}">
<link rel="stylesheet" href="{{ "/assets/css/main.css" | url}}">
<link rel="stylesheet" href="{% getBundleFileUrl "css" %}">
{% block head %}{% endblock %}
@@ -11,11 +12,13 @@
{% else %}
<title>{{ site.title }}</title>
{% endif %}
+ <meta name="description" content="{{ description }}">
+ {% ogImage "/../_includes/og-image.og.njk", { title: "Hello World!" } %}
</head>
<body>
<header>
<a href="{{"/" | url}}"><h1>{{ site.title }}</h1></a>
- <button id="menu-open" class="mobile-menu">[OPEN]</button>
+ <button id="menu-open" aria-label="Navmenu open" class="mobile-menu">[OPEN]</button>
{% include "nav.njk" %}
</header>
<main>
diff --git a/_includes/nav.njk b/_includes/nav.njk
index 6f94e88..74e93d2 100644
--- a/_includes/nav.njk
+++ b/_includes/nav.njk
@@ -1,5 +1,5 @@
<nav id="menu">
- <button id="menu-close" class="mobile-menu">[CLOSE]</button>
+ <button aria-label="Navmenu close" id="menu-close" class="mobile-menu">[CLOSE]</button>
<ul>
{%- for p in collections.navItems -%}
{% if p.data.nav %}
diff --git a/_includes/og-image.og.njk b/_includes/og-image.og.njk
new file mode 100644
index 0000000..9cad23d
--- /dev/null
+++ b/_includes/og-image.og.njk
@@ -0,0 +1,29 @@
+<style>
+ .root {
+ width: 100%;
+ height: 100%;
+ display: flex;
+
+ font-family: "JetBrains Mono";
+ flex-direction: column;
+ justify-content: flex-end;
+ background: #171715;
+ padding: 20px 50px;
+ border-bottom: 20px solid #efefd2;
+ }
+
+ .title {
+ color: #efefd2;
+ font-size: 70px;
+ }
+ .site {
+ color: #efefd2;
+ font-size: 20px;
+ }
+</style>
+
+<div class="root">
+ <div class="site">/home/spellis{{ siteTitle }}</div>
+
+ <h1 class="title">{{ title }}</h1>
+</div> \ No newline at end of file