fix: better layout and refresh link

Kukei-eu · Jan 3, 2024 · 7b11fd4 · 7b11fd4
1 parent 34e629a
commit 7b11fd4
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/dist/static/layout.css b/dist/static/layout.css
@@ -308,7 +308,13 @@ body.inspire {
 .inspire-entry {
 	margin: 2rem 0;
 	width: var(--width-max-content);
-	box-shadow: -.5rem 0 0 1px var(--color-background), calc(-.5rem - 3px) 0 0 0
+	box-shadow: -.5rem 0 0 1px var(--color-background), calc(-.5rem - 3px) 0 0 0;
+
+	& a {
+		word-break: break-word;
+		hyphens: auto;
+		hyphenate-character: "↵";
+	}
 }
 
 .jump-nav {

diff --git a/functions/inspire/index.js b/functions/inspire/index.js
@@ -3,7 +3,7 @@ import template from './template.html';
 import { getDefaultViewData } from '../../lib/view.js';
 import {emitPageView} from '../../lib/plausible.js';
 import {renderHtml} from '../../lib/sso-render.js';
-import {getRandomBlog} from "../../lib/search.js";
+import {getRandomBlog} from '../../lib/search.js';
 
 export const onRequestGet = async (context) => {
 	emitPageView(context);

diff --git a/functions/inspire/template.html b/functions/inspire/template.html
@@ -1,7 +1,8 @@
 {{{ before }}}
 <main>
 	<h1><a href="/">Kukei.eu <br/><span>get inspired</span></a></h1>
-	<p>Every page load shows one random blog link. <br/> Have fun! Be inspired!</p>
+	<p>Every page load shows one random blog link. <br/> Have fun!</p>
+	<p><a href="/inspire">Be inspired!</a></p>
 	<div class="inspire-entry">
 		{{#entries}}
 			<h4>{{ title }}</h4>