Buttons page

layouts/404.html

@@ -1,8 +1,6 @@
-{{ define "header" }}{{ partial "page-header.html" . }}{{ end }}
-{{ define "main" }}
+{{ define "header" }}{{ partial "page-header.html" . }}{{ end }} {{ define
+"main" }}
 <article>
-	<h1>
-		This is not the page you were looking for
-	</h1>
+  <h1>This is not the page you were looking for</h1>
 </article>
-{{ end }}
+{{ end }}

layouts/buttons/single.html

@@ -3,18 +3,8 @@
   <div class="wall"></div>
   <div class="desk"></div>
 
-  <div class="button-lavalamp">
-    <script
-      src="https://ritual.sh/js/adoptables/lavalamp.js"
-      data-bg-color-1="#62a0ea"
-      data-bg-color-2="#1c71d8"
-      data-blob-color-1="#f8e45c"
-      data-blob-color-2="#f6d32d"
-      data-case-color="#c0bfbc"
-      data-blob-count="6"
-      data-speed="1.0"
-      data-blob-size="1.4"
-    ></script>
+  <div class="buttons-window hidden-lg-down">
+    {{ partial "elements/window.html" . }}
   </div>
 
   <article class="buttons-page">
@@ -41,8 +31,21 @@
       </div>
     </div>
 
-    <section class="buttons-content">
-      <div class="buttons-paper">{{ .Content }}</div>
+    <section class="buttons-content handwritten-wrap">
+      <div class="buttons-paper">
+        {{ .Content }}
+        <div class="link-me-buttons">
+          <img src="ritual_1.gif" style="--rotation: 3deg" />
+          <img src="ritual_2.gif" style="--rotation: -2deg" />
+          <img src="ritual_3.gif" style="--rotation: 1deg" />
+          <img src="ritual_4.gif" style="--rotation: 2deg" />
+        </div>
+      </div>
+      <div>
+        <!-- prettier-ignore -->
+        {{ partial "responsive-image.html" (dict "src"
+        "images/misc/thinkpad_t480s.jpg" "alt" "My Thinkpad T480s with stickerbomb" "width" "900x" "page" .) }}
+      </div>
     </section>
   </article>
 </div>

layouts/index.html

@@ -265,7 +265,7 @@
   </div>
 
   <div>
-    <div class="nav-floppy">
+    <div class="nav-floppy top">
       <a href="/guestbook/">
         {{ partial "elements/floppy.html" (dict "title" "Guestbook" "lines"
         (slice "" "" "DO NOT DELETE" "" "") "bgColor" "#1a4d8f" "bgColorDark"
@@ -273,6 +273,14 @@
         <div class="nav-floppy-text">Guestbook</div>
       </a>
     </div>
+    <div class="nav-floppy bottom">
+      <a href="/buttons/">
+        {{ partial "elements/floppy.html" (dict "title" "Buttons" "lines" (slice
+        "" "" "NOT STICKERS" "" "") "bgColor" "#85112e" "bgColorDark" "#660a21")
+        }}
+        <div class="nav-floppy-text">Buttons &amp; Links</div>
+      </a>
+    </div>
   </div>
 
   <div>{{ partial "elements/crt-tv.html" . }}</div>

layouts/partials/responsive-image.html

@@ -0,0 +1,21 @@
+<!-- prettier-ignore -->
+{{ $src := .src }}
+{{ $alt := .alt | default "" }}
+{{ $width := .width | default "800x" }}
+
+<figure class="blog-img-container">
+{{ with .page.Resources.GetMatch $src }}
+  {{ $resized := .Resize $width }}
+  <img src="{{ $resized.RelPermalink }}" alt="{{ $alt }}" loading="lazy" class="blog-img" />
+{{ else }}
+  {{ with resources.Get $src }}
+    {{ $resized := .Resize $width }}
+    <img src="{{ $resized.RelPermalink }}" alt="{{ $alt }}" loading="lazy" class="blog-img" />
+  {{ else }}
+    <img src="{{ $src }}" alt="{{ $alt }}" loading="lazy" class="blog-img" />
+  {{ end }}
+{{ end }}
+{{ if $alt }}
+  <figcaption class="blog-img-caption">{{ $alt }}</figcaption>
+{{ end }}
+</figure>

layouts/partials/site-footer.html

@@ -4,9 +4,7 @@
 
      • 
 
-    <a href="https://neocities.org/site/ritualsh" target="_blank"
-      >Follow on Neocities</a
-    >
+    <a href="/guestbook">Sign My Guestbook</a>
 
     &nbsp;&bull;&nbsp;
 

layouts/shortcodes/img.html

@@ -1,16 +1 @@
-<!-- prettier-ignore -->
-{{ $src := .Get "src" }}
-{{ $alt := .Get "alt" | default "" }}
-{{ $width := .Get "width" | default "800x" }}
-
-<figure class="blog-img-container">
-{{ with .Page.Resources.GetMatch $src }}
-  {{ $resized := .Resize $width }}
-  <img src="{{ $resized.RelPermalink }}" alt="{{ $alt }}" loading="lazy" class="blog-img" />
-{{ else }}
-  <img src="{{ $src }}" alt="{{ $alt }}" loading="lazy" class="blog-img" />
-{{ end }}
-{{ if $alt }}
-  <figcaption class="blog-img-caption">{{ $alt }}</figcaption>
-{{ end }}
-</figure>
+{{ partial "responsive-image.html" (dict "src" (.Get "src") "alt" (.Get "alt") "width" (.Get "width") "page" .Page) }}