diff options
Diffstat (limited to '_includes')
| -rw-r--r-- | _includes/base.njk | 8 | ||||
| -rw-r--r-- | _includes/meta.njk | 4 | ||||
| -rw-r--r-- | _includes/og-image.og.njk | 5 |
3 files changed, 11 insertions, 6 deletions
diff --git a/_includes/base.njk b/_includes/base.njk index e78e558..e846e0b 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/KodeMono.css" | url}}"> <link rel="stylesheet" href="{{ "/assets/fonts/JetBrains.css" | url}}"> <link rel="stylesheet" href="{{ "/assets/css/main.css" | url}}"> <link rel="stylesheet" href="{% getBundleFileUrl "css" %}"> @@ -14,11 +15,14 @@ {% endif %} {% include "./meta.njk" %} - + <link rel="shortcut icon" href="{{ "/assets/images/favicon.png" | url}}" type="image/png"> </head> <body> <header> - <a href="{{"/" | url}}"><h1>{{ site.title }}</h1></a> + <a href="{{"/" | url}}" class="logo"> + {{ "/assets/images/logo.svg" | embedSVG | safe }} + <h1>{{ site.title }}</h1> + </a> <button id="menu-open" aria-label="Navmenu open" class="mobile-menu">[OPEN]</button> {% include "nav.njk" %} </header> diff --git a/_includes/meta.njk b/_includes/meta.njk index da25a9b..7d3fa8e 100644 --- a/_includes/meta.njk +++ b/_includes/meta.njk @@ -9,10 +9,10 @@ <meta name="twitter:title" content="{{ title }}" /> <meta name="twitter:description" content="{{ description }}" /> <meta name="twitter:card" content="summary_large_image"> -<meta name="twitter:image" content="{% ogImage "/../_includes/og-image.og.njk", { title: t } %}" /> +<meta name="twitter:image" content="{% ogImage "/../_includes/og-image.og.njk", { title: t, siteTitle:site.title } %}" /> <meta name="twitter:image:width" content="1200"> <meta name="twitter:image:height" content="630"> -<meta property="og:image" content="{% ogImage "/../_includes/og-image.og.njk", { title: t } %}" /> +<meta property="og:image" content="{% ogImage "/../_includes/og-image.og.njk", { title: t, siteTitle:site.title } %}" /> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:type" content="image/png">
\ No newline at end of file diff --git a/_includes/og-image.og.njk b/_includes/og-image.og.njk index 6d3edb0..ab4fbe2 100644 --- a/_includes/og-image.og.njk +++ b/_includes/og-image.og.njk @@ -4,7 +4,7 @@ height: 100%; display: flex; - font-family: "JetBrains Mono"; + font-family: "Kode Mono"; flex-direction: column; justify-content: flex-end; background: #171715; @@ -20,11 +20,12 @@ .site { color: #efefd2; font-size: 20px; + display: contents; } </style> <div class="root"> - <div class="site">/home/spellis{{ siteTitle }}</div> + <div class="site">{{ siteTitle }}</div> <h1 class="title">{{ title }}</h1> </div>
\ No newline at end of file |
