Add Events and Favicons

config.toml

@@ -18,11 +18,11 @@ copyright_years = "2023"
 [menu]
 [[menu.main]]
 name = "About"
-pageRef = "/about"
+pageRef = "about"
 
 [[menu.main]]
 name = "Facilities"
-pageRef = "/facilities"
+pageRef = "facilities"
 
 [[menu.main]]
 name = "Blog"
@@ -32,6 +32,10 @@ pageRef = "/blog"
 name = "Visit Us"
 pageRef = "visit"
 
+[[menu.main]]
+name = "Events"
+pageRef = "events"
+
 # Social links
 [[params.social]]
 name = "twitter"

content/blog/_index.md

@@ -1,4 +1,4 @@
 ---
-title: Blogs
----
-CCC
+title: Blog
+subtitle: Stories about what is going on in the hackspace.
+---

content/blog/powerbook-g4-disk-replacement/index.md

@@ -0,0 +1,27 @@
+---
+title: "Powerbook G4 Disk Replacement"
+subtitle: "Andrew shares his journey in replacing a failed disk in a Powerbook G4"
+date: 2023-11-05T15:55:43Z
+tags: []
+draft: false
+author: Andrew Williams
+author_email: andy@tensixtyone.com
+---
+
+{{< figure src="outside.jpg" width="400" class="is-pulled-right">}}
+
+In October 2003, I made my first leap into using an Apple device. For quite some time i'd been trying to find a reasonable and portable machine to use daily, and i'd slowly got frustrated with the current offerings by Dell, HP, and other major laptop manufactures. In the hunt for something new and I picked an Powerbook G4 12", this machine was my daily workhorse for several years and at the end of its life it was stuffed into a draw and forgotten about.
+
+Sometime around 2014 when I was purchasing a new Macbook Pro I decided to grab my old laptop out of storage and get it booted to hopefully pull a few files from the system. I had lost the power adapter and (obviously) the battery had given up. I purchased a new power adapter on eBay and ended up throwing everything back in the draw to sort out another day.
+
+Roll on to 2023, in the Leigh Hackspace [Slack](https://join.slack.com/t/leighhack/shared_invite/enQtNDYzMjEyMDMxNDExLTE1MWY5N2IwMzdhMzQ0ZWFiNDkyNzJmMGM1ZmFkODcwMGM5ODFmYmI4MjhmM2JiMWEyY2E3NTRjMTQzMzljZWU) a fellow member was discussing his newly acquired iBook G4. I was reminded about my poor Powerbook that had been left unloved in a draw close to a decade, I found all the parts and powered it up...
+
+Only to be confronted with the sound of screeching metal and clicking. The internal disk had given up. This model of Powerbook runs on a 2.5" IDE disk, usually manufactured by Toshiba, not one of the usual brands that would fail. After a few moments of poking it did seem that either the bearings or motor was damaged. If I wanted a working system then i'd need to replace it.
+
+{{< figure src="open.jpg" width="400" title="The Powerbook torn apart." class="is-pulled-left">}}
+
+iFixIt [rates the hard-drive replacement](https://www.ifixit.com/Guide/PowerBook+G4+Aluminum+12-Inch+1-1.5+GHz+Hard+Drive+Replacement/548) as 'Difficult', and I walked into this thinking it wouldn't be that hard. You can really respect the modern repairability of most systems after looking at this, even just having a standard set to screws alone would be a huge improvement!
+
+The initial disassembly took about an hour, most of that time was spent trying to get the top case to release from the tiny plastic clasps on the inside of the case. Lots of tape, sensitive connections that can snap at a moment notice, and again more screws to finally get to the hard drive within. 
+
+The replacement hard drive I purchased was a 'Bingogo 2.5" IDE 128GB', my fellow hackspace member purchased a cheaper mSATA to IDE converter to replace is iBook drive, but I felt like a fool when my drive arrived and it was also a simple mSATA to IDE converter. Lesson learned. 

content/events.md

@@ -0,0 +1,5 @@
+---
+title: Events
+subtitle: See what is going on at the hackspace.
+layout: calendar
+---

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"
+}