From 7b11fd4e654255c57b77495b93071bdec54b3058 Mon Sep 17 00:00:00 2001
From: Szymon Nowicki <sznowicki@eskalacja.com>
Date: Wed, 3 Jan 2024 21:06:34 +0100
Subject: [PATCH] fix: better layout and refresh link

---
 dist/static/layout.css          | 8 +++++++-
 functions/inspire/index.js      | 2 +-
 functions/inspire/template.html | 3 ++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/dist/static/layout.css b/dist/static/layout.css
index 18eb684..c632057 100644
--- 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
index f13bf2d..dc1dccd 100644
--- 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
index 3bb292c..b8fd3d8 100644
--- 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>