diff options
Diffstat (limited to '_includes')
| -rw-r--r-- | _includes/base.njk | 5 | ||||
| -rw-r--r-- | _includes/nav.njk | 2 | ||||
| -rw-r--r-- | _includes/og-image.og.njk | 29 |
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 |