Add Events and Favicons

themes/lhs/layouts/_default/list.html

@@ -10,17 +10,10 @@
 {{ .Content }}
 
 {{- range .Data.Pages.GroupByDate "2006" }}
-<div class="posts-group">
-    <h3 id="{{ .Key }}">{{ .Key }}
-</div>
-<ul class="posts-list">
+<h3 id="{{ .Key }}">{{ .Key }}</h3>
+<ul>
     {{- range .Pages }}
-    <li class="post-item">
-        <a href="{{.Permalink}}">
-            <span class="post-title">{{.Title}}</span>
-            <span class="post-day">{{ .Date.Format "2006-01-01" }}</span>
-        </a>
-    </li>
+    <li><a href="{{.Permalink}}">{{.Title}}</a></li>
     {{- end }}
 </ul>
 </div>

themes/lhs/layouts/blog/list.html

@@ -0,0 +1,21 @@
+{{ define "title" }}
+{{ .Title }}
+{{ end }}
+
+{{ define "subtitle" }}
+{{ .Params.subtitle }}
+{{ end }}
+
+{{ define "content" }}
+{{ .Content }}
+
+{{- range .Data.Pages.GroupByDate "2006" }}
+<h3 id="{{ .Key }}">{{ .Key }}</h3>
+<ul>
+    {{- range .Pages }}
+    <li><a href="{{.Permalink}}">{{.Title}}</a> - <i>{{ .Params.author }}</i></li>
+    {{- end }}
+</ul>
+</div>
+{{- end }}
+{{ end }}

themes/lhs/layouts/page/calendar.html

@@ -0,0 +1,48 @@
+{{ define "title" }}
+{{ .Title }}
+{{ end }}
+
+{{ define "subtitle" }}
+{{ .Params.subtitle }}
+{{ end }}
+
+{{ define "content" }}
+<link rel="stylesheet" href="https://uicdn.toast.com/calendar/latest/toastui-calendar.min.css" />
+<script src="https://uicdn.toast.com/calendar/latest/toastui-calendar.min.js"></script>
+<div id="calendar" style="height: 800px"></div>
+<script>
+    /* in the browser environment namespace */
+    const Calendar = tui.Calendar;
+    const calendar = new Calendar('#calendar', {
+        defaultView: 'month',
+        isReadOnly: true,
+        useDetailPopup: true,
+        usageStatistics: false,
+        calendars: [
+            {
+                id: '1',
+                name: 'Hackspace Events',
+                backgroundColor: '#ff0000',
+            },
+        ],
+    });
+
+    console.log(calendar.getEvent());
+
+    $.getJSON('https://api.leighhack.org/events', function (data) {
+        data.forEach(function (event) {
+            calendar.createEvents([{
+                id: event['uid'],
+                calendarId: '1',
+                title: event['summary'],
+                body: event['description'],
+                state: 'Free',
+                dueDateClass: '',
+                start: event['start']['dateTime'],
+                end: event['end']['dateTime'],
+            }])
+        });
+    });
+    calendar.render();
+</script>
+{{ end }}

themes/lhs/layouts/partials/head.html

@@ -2,6 +2,16 @@
 <title>{{ block "title" . }}{{ .Site.Title }} - {{ .Title }}{{ end }}</title>
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
+
+<!-- favicons -->
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+<link rel="manifest" href="/site.webmanifest">
+<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#b91d47">
+<meta name="msapplication-TileColor" content="#b91d47">
+<meta name="theme-color" content="#ffffff">
+
 <script src="https://kit.fontawesome.com/589b48ea08.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
 

themes/lhs/static/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#b91d47</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

themes/lhs/static/safari-pinned-tab.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="726.000000pt" height="726.000000pt" viewBox="0 0 726.000000 726.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,726.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3613 7108 c-17 -21 -214 -458 -219 -488 -5 -23 1 -32 44 -64 62 -45
+143 -133 173 -186 13 -22 27 -39 32 -37 6 2 29 36 52 77 35 62 57 86 123 138
+l81 62 -20 48 c-11 26 -66 139 -122 252 -99 199 -120 228 -144 198z"/>
+<path d="M4159 6450 c-114 -18 -212 -70 -297 -158 -79 -82 -109 -154 -128
+-297 -16 -128 -30 -161 -69 -171 -59 -15 -101 16 -109 79 -3 23 -9 79 -14 124
+-24 207 -174 367 -380 403 -116 20 -410 -33 -670 -121 -155 -53 -446 -195
+-620 -303 -188 -117 -443 -332 -605 -511 -115 -127 -273 -335 -342 -448 -118
+-195 -133 -374 -48 -555 34 -72 146 -185 231 -232 147 -82 167 -95 176 -122 7
+-20 5 -33 -8 -53 -31 -47 -55 -51 -160 -27 -122 28 -246 29 -321 3 -121 -43
+-231 -150 -275 -269 -34 -89 -48 -181 -61 -385 -30 -470 48 -912 241 -1363
+100 -235 266 -510 429 -712 170 -210 297 -273 528 -259 117 7 184 36 303 132
+171 138 199 150 239 99 29 -37 26 -65 -14 -120 -98 -136 -114 -173 -122 -279
+-12 -157 69 -323 202 -415 117 -80 410 -202 625 -259 63 -17 196 -45 295 -62
+l180 -31 335 5 c371 6 453 16 755 94 310 79 477 152 575 252 164 166 200 361
+111 616 -22 65 -41 125 -41 132 0 8 11 25 25 38 41 42 71 34 166 -45 183 -153
+227 -173 364 -168 143 5 205 36 338 166 461 451 761 1101 828 1794 6 68 9 224
+7 370 -4 234 -6 258 -28 322 -29 84 -107 195 -177 252 -122 100 -302 135 -480
+95 -51 -12 -105 -21 -121 -21 -58 0 -92 67 -58 116 8 12 50 36 93 54 190 81
+192 82 252 146 102 109 143 237 122 385 -18 130 -171 407 -360 649 -80 104
+-287 318 -396 410 -286 242 -661 452 -1015 568 -244 80 -376 102 -501 82z
+m-199 -1385 l325 -325 -55 -55 -55 -55 392 -392 392 -392 59 51 59 51 326
+-326 327 -327 -483 -483 c-265 -265 -487 -482 -492 -482 -6 0 -156 146 -334
+324 l-325 325 104 106 104 105 -40 41 c-73 76 -46 92 -350 -212 -151 -151
+-274 -279 -274 -284 0 -6 22 -33 49 -59 l50 -49 89 81 c49 45 95 89 102 97 7
+8 19 15 26 15 15 0 649 -616 649 -630 0 -5 -220 -230 -489 -500 l-490 -492
+-265 268 c-147 148 -293 297 -325 331 l-60 64 54 54 55 55 -393 392 -392 393
+-55 -55 -55 -55 -325 325 c-179 179 -325 329 -325 335 0 14 962 975 976 975
+12 0 622 -619 638 -647 6 -12 -17 -41 -95 -119 l-104 -104 70 -70 70 -70 277
+277 c153 153 278 283 278 289 0 15 -115 124 -132 124 -7 0 -57 -44 -110 -97
+l-98 -97 -325 324 c-179 179 -325 329 -325 335 -1 9 959 964 970 965 3 0 151
+-146 330 -325z"/>
+<path d="M250 4559 c-123 -16 -229 -34 -235 -40 -7 -7 -1 -18 20 -36 17 -14
+102 -92 190 -173 173 -160 219 -200 229 -200 4 0 30 18 59 39 70 52 140 86
+210 101 32 8 60 17 63 22 3 5 -17 34 -45 64 -62 68 -93 120 -117 197 l-18 57
+-65 -1 c-36 0 -167 -14 -291 -30z"/>
+<path d="M6639 4503 c-29 -89 -39 -109 -100 -188 -28 -37 -49 -68 -47 -70 2
+-2 37 -11 78 -19 55 -12 97 -30 165 -71 50 -30 96 -55 102 -55 18 0 413 374
+413 392 0 13 -71 27 -220 43 -80 8 -178 20 -218 25 -40 6 -90 10 -112 10 l-38
+0 -23 -67z"/>
+<path d="M1800 895 c-64 -35 -132 -53 -231 -60 l-86 -7 -42 -232 c-54 -300
+-58 -336 -40 -336 15 0 104 48 357 190 96 54 152 91 152 101 0 9 -9 42 -21 75
+-14 40 -22 96 -26 177 -3 64 -9 117 -12 117 -3 -1 -26 -12 -51 -25z"/>
+<path d="M5381 863 c13 -59 10 -162 -7 -228 -9 -33 -17 -75 -18 -93 l-1 -34
+210 -114 c213 -116 291 -152 302 -141 5 6 -83 459 -105 542 l-8 30 -125 11
+c-95 9 -138 18 -182 38 -32 14 -61 26 -66 26 -5 0 -5 -16 0 -37z"/>
+</g>
+</svg>

themes/lhs/static/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Leig Hackspace",
+    "short_name": "Leig Hackspace",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}