update

content/en/docs/7granddad.md

@@ -0,0 +1,11 @@
++++
+title = "7 GRAND DAD.nes"
+slug = "7granddad"
+description = "interact with the page to enable sound - use arrows/a/s/esc/enter to play"
+date = "2023-06-14"
+link = "https://7grand.dad/"
+icon = "https://win98icons.alexmeub.com/icons/png/game_solitaire-0.png"
+icon16 = "https://win98icons.alexmeub.com/icons/png/game_solitaire-1.png"
+ispage = true
++++
+<iframe src="https://7grand.dad" width=100% height=550></iframe>

content/en/docs/readme.md

@@ -0,0 +1,12 @@
++++
+title = "README.md"
+slug = "readme"
+description = "text file"
+date = "2023-06-19"
+icon = "https://win98icons.alexmeub.com/icons/png/notepad_file-0.png"
+icon16 = "https://win98icons.alexmeub.com/icons/png/notepad_file-1.png"
++++
+
+## c:\a39\docs
+
+This folder contains a collection of fun toys, notes and other random BS I made (or not). Have fun.

hugo.toml

@@ -17,6 +17,9 @@ disqusShortname = "juju2143"
     weight = 2
     contentDir = "content/fr"
 
+[markup.goldmark.renderer]
+  unsafe = true
+
 [[menu.main]]
   name = "Home"
   pre = "https://www.opencode.net/nestoris/Win98SE/-/raw/main/SE98/actions/32/go-home.png"
@@ -37,21 +40,26 @@ disqusShortname = "juju2143"
   pre = "https://win98icons.alexmeub.com/icons/png/newspaper.png"
   pageRef = "/blog"
   weight = 4
+[[menu.main]]
+  name = "Documents"
+  pre = "https://win98icons.alexmeub.com/icons/png/directory_open_file_mydocs-1.png"
+  pageRef = "/docs"
+  weight = 5
 [[menu.main]]
   name = "Forums"
   pre = "https://win98icons.alexmeub.com/icons/png/network_normal_two_pcs-0.png"
   url = "https://codewalr.us"
-  weight = 5
+  weight = 6
 [[menu.main]]
   name = "Contact"
   pre = "https://win98icons.alexmeub.com/icons/png/message_envelope_open-0.png"
   pageRef = "/contact"
-  weight = 6
+  weight = 7
 [[menu.main]]
   name = "Français"
   pre = "https://win98icons.alexmeub.com/icons/png/globe_map-5.png"
   pageRef = "/fr"
-  weight = 7
+  weight = 8
   
 [[menu.social]]
   name = "Mastodon"
@@ -73,6 +81,7 @@ disqusShortname = "juju2143"
   pre = "las la-envelope-open"
   url = "mailto:info@a39.ca"
   weight = 4
+
 [[menu.buttons]]
   name = "a39 studios"
   pre = "img/buttons/a39.png"
@@ -93,18 +102,24 @@ disqusShortname = "juju2143"
   pre = "img/buttons/hl98.png"
   url = "https://yukiis.moe"
   weight = 4
+
 [[menu.friends]]
   name = "DJ Omnimaga Music"
   pre = "/img/buttons/djomni.png"
   url = "https://djomnimaga.music-2000.com/"
-  weight = 0
+  weight = 1
 [[menu.friends]]
   name = "Ezio's website"
   pre = "/img/buttons/ezio.png"
   url = "https://reimu.info/"
-  weight = 1
+  weight = 2
 [[menu.friends]]
   name = "mjdxp's website"
   pre = "/img/buttons/mjdxp.png"
   url = "https://mjdxp.neocities.org/"
-  weight = 2
+  weight = 3
+[[menu.friends]]
+  name = "silk.ms"
+  pre = "https://silk.ms/button.gif"
+  url = "https://silk.ms/"
+  weight = 4

themes/a39/layouts/_default/baseof.html

@@ -9,13 +9,19 @@
                 {{ block "title" . }}{{ .Site.Title }}{{ end }}
                 </div>
                 <div class="title-bar-controls">
-                <button aria-label="Close"></button>
+                    {{ block "controls" . }}
+                    {{ with .Params.link }}
+                    <a href="{{ . }}"><button aria-label="Maximize"></button></a>
+                    {{ end }}
+                    {{ with .Parent }}
+                    <a href="{{ .Permalink }}"><button aria-label="Close"></button></a>
+                    {{ end }}
+                    {{ end }}
                 </div>
             </div>
             <div class="window-body">
                 {{ partial "menu" . }}
-                    {{- block "main" . }}{{- end }}
-                </main>
+                {{- block "main" . }}{{- end }}
             </div>
             <div class="status-bar">
                 <p class="status-bar-field">{{ block "status" . }}{{ end }}</p>

themes/a39/layouts/docs/list.html

@@ -0,0 +1,26 @@
+{{ define "title" }}{{ .Title }}{{ end }}
+{{ define "main" }}
+<div class="inner-window white">C:\
+    {{ range .Ancestors.Reverse }}
+        <a href="{{ .Permalink }}">{{ .LinkTitle }}</a> \
+    {{ end }}
+    <a href="{{ .Permalink }}">{{ .Title }}</a>
+</div>
+<main class="inner-window white content">
+    {{ range .Paginator.Pages }}
+    <div class="icon center">
+        <a href="{{ .Permalink }}" title="{{ .Title }}">
+        {{ printf "<img src=\"%s\" alt=\"%s\"/>" .Params.icon .Title | safeHTML }}<br/>
+        {{ .Title }}</a>
+    </div>
+    {{ end }}
+    {{ template "_internal/pagination.html" . }}
+</main>
+<!--aside class="inner-window white content left">
+<h2>{{ .Title }}</h2>
+{{ .Description }}
+</aside-->
+{{ end }}
+{{ define "status" }}{{ .Description }}{{ end }}
+{{ define "footer" }}
+{{ end }}

themes/a39/layouts/docs/single.html

@@ -0,0 +1,16 @@
+{{ define "title" }}{{ .Title }}{{ end }}
+{{ define "main" }}
+{{ if not .Params.IsPage }}
+<main class="inner-window white content">
+{{ end }}
+    {{ .Content }}
+{{ if not .Params.IsPage }}
+</main>
+{{ end }}
+{{ end }}
+{{ define "status" }}{{ .Description }}{{ end }}
+{{ define "footer" }}
+  {{ if not .Params.HideComments }}
+        {{ partial "comments" . }}
+  {{ end }}
+{{ end }}

themes/a39/layouts/index.html

@@ -3,6 +3,9 @@
     <h1 class="logo"><img src="/img/a39icon.png" alt="a39 studios logo">a39 studios</h1>
 </main>
 {{ end }}
+{{ define "controls" }}
+<button aria-label="Close"></button>
+{{ end }}
 {{ define "status" }}
 made with &lt;3 in Québec City, Canada
 {{ end }}

themes/a39/layouts/projects/list.html

@@ -1,4 +1,12 @@
 {{ define "title" }}{{ .Title }}{{ end }}
+{{ define "controls" }}
+{{ with .Params.link }}
+<a href="{{ . }}"><button aria-label="Maximize"></button></a>
+{{ end }}
+{{ with .Parent }}
+<a href="{{ .Permalink }}"><button aria-label="Close"></button></a>
+{{ end }}
+{{ end }}
 {{ define "main" }}
 <main class="inner-window white content">
 {{ .Content }}

themes/a39/static/css/styles.css

@@ -117,4 +117,22 @@ code
 .button-menu button
 {
     padding: 3px 0;
+}
+
+.icon
+{
+  width: 64px;
+  font-family: "Pixelated MS Sans Serif",Arial;
+  font-size: 11px;
+  display: inline-block;
+  vertical-align: top;
+}
+
+.left
+{
+  width: 40%;
+}
+.right
+{
+  width: 60%;
 }