Switch to geekblog

2021-05-07 12:21:40 +02:00
parent c581cf96dd
commit ac750460a8
94 changed files with 2480 additions and 2 deletions
@@ -0,0 +1,17 @@
+{{ $ref := "" }}
+{{ $target := "" }}
+
+{{ with .Get "href" }}
+  {{ $ref = . }}
+  {{ $target = "_blank" }}
+{{ end }}
+
+{{ with .Get "relref" }}
+  {{ $ref = relref $ . }}
+{{ end }}
+
+<span class="gblog-button{{ with .Get "class" }} {{ . }}{{ end }}">
+<a {{ with $ref }} href="{{.}}" {{ end }} {{ with $target }} target="{{.}}" {{ end }} class="gblog-button__link">
+  {{ $.Inner }}
+</a>
+</span>
@@ -0,0 +1,7 @@
+<div class="gblog-columns flex flex-wrap">
+  {{ range split .Inner "<--->" }}
+  <div class="gblog-columns__content gblog-markdown--nested flex-even">
+    {{ . | $.Page.RenderString }}
+  </div>
+  {{ end }}
+</div>
@@ -0,0 +1 @@
+<span class="emoji">{{ .Get 0 | emojify }}</span>
@@ -0,0 +1,11 @@
+{{ $id := substr (sha1 .Inner) 0 8 }}
+<div class="gblog-expand">
+  <label class="gblog-expand__head flex justify-between" for="{{ $id }}-{{ .Ordinal }}">
+    <span>{{ default "Expand" (.Get 0) }}</span>
+    <span>{{ default "↕" (.Get 1) }}</span>
+  </label>
+  <input id="{{ $id }}-{{ .Ordinal }}" type="checkbox" class="gblog-expand__control hidden" />
+  <div class="gblog-markdown--nested gblog-expand__content">
+    {{ .Inner | $.Page.RenderString }}
+  </div>
+</div>
@@ -0,0 +1,3 @@
+<blockquote class="gblog-hint {{ .Get 0 }}">
+  {{ .Inner | $.Page.RenderString }}
+</blockquote>
@@ -0,0 +1,40 @@
+{{ $source := ($.Page.Resources.ByType "image").GetMatch (printf "*%s*" (.Get "name")) }}
+{{ $customAlt := .Get "alt" }}
+{{ $customSize := .Get "size" }}
+{{ $lazyLoad := default (default true $.Site.Params.GeekblogImageLazyLoading) (.Get "lazy") }}
+
+{{ with $source }}
+{{ $caption := default .Title $customAlt }}
+
+{{ $tiny := (.Resize "320x").RelPermalink }}
+{{ $small := (.Resize "600x").RelPermalink }}
+{{ $medium := (.Resize "1200x").RelPermalink }}
+{{ $large := (.Resize "1800x").RelPermalink }}
+
+{{ $size := dict "tiny" $tiny "small" $small "medium" $medium "large" $large }}
+
+<div class="flex justify-center">
+<figure class="gblog-post__figure">
+    <a class="gblog-post__link--raw" href="{{ .RelPermalink }}">
+        <img
+            {{ if $lazyLoad }}loading="lazy"{{ end }}
+            {{ with $customSize }}
+            src="{{ index $size $customSize }}" alt="{{ $caption }}"
+            {{ else }}
+            srcset="{{ $size.tiny }} 320w,
+                    {{ $size.small }} 600w,
+                    {{ $size.medium }} 1200w,
+                    {{ $size.large }} 2x"
+            sizes="(max-width: 320px) 320w,
+                   (max-width: 600px) 600w,
+                   (max-width: 1200px) 1200w,
+                   2x"
+            src="{{ $size.large }}" alt="{{ $caption }}"
+            {{ end }}/>
+    </a>
+    {{ with $caption }}
+    <figcaption>{{ . }}{{ with $source.Params.credits }} ({{ . | $.Page.RenderString }}){{ end }}</figcaption>
+    {{ end }}
+</figure>
+</div>
+{{ end }}
@@ -0,0 +1,16 @@
+{{ if not (.Page.Scratch.Get "mermaid") }}
+<!-- Include mermaid only first time -->
+<script defer src="{{ index .Site.Data.assets "js/mermaid.min.js" | relURL }}"></script>
+<script>
+    document.addEventListener("DOMContentLoaded", function(event) {
+        mermaid.initialize({
+            flowchart: { useMaxWidth: true }
+        });
+    });
+</script>
+{{ .Page.Scratch.Set "mermaid" true }}
+{{ end }}
+
+<pre class="gblog-mermaid mermaid{{ with .Get "class" }} {{ . }}{{ end }}">
+  {{- .Inner -}}
+</pre>
@@ -0,0 +1,12 @@
+{{ if .Parent }}
+  {{ $name := .Get 0 }}
+  {{ $group := printf "tabs-%s" (.Parent.Get 0) }}
+
+  {{ if not (.Parent.Scratch.Get $group) }}
+    {{ .Parent.Scratch.Set $group slice }}
+  {{ end }}
+
+  {{ .Parent.Scratch.Add $group (dict "Name" $name "Content" .Inner) }}
+{{ else }}
+  {{ errorf "%q: 'tab' shortcode must be inside 'tabs' shortcode" .Page.Path }}
+{{ end}}
@@ -0,0 +1,16 @@
+{{ if .Inner }}{{ end }}
+{{ $id := .Get 0 }}
+{{ $group := printf "tabs-%s" $id }}
+
+<div class="gblog-tabs">
+  {{ range $index, $tab :=  .Scratch.Get $group }}
+    <input type="radio" class="gblog-tabs__control hidden" name="{{ $group }}" id="{{ printf "%s-%d" $group $index }}"
+      {{ if not $index }}checked="checked" {{ end }} />
+    <label for="{{ printf "%s-%d" $group $index }}" class="gblog-tabs__label">
+      {{ $tab.Name }}
+    </label>
+    <div class="gblog-markdown--nested gblog-tabs__content">
+      {{ .Content | $.Page.RenderString }}
+    </div>
+  {{ end }}
+</div>
@@ -0,0 +1,5 @@
+{{ $tocLevels := default (default 6 .Site.Params.GeekblogToC) .Page.Params.GeekblogToC }}
+
+{{ if and $tocLevels .Page.TableOfContents }}
+  <div class="gblog-toc gblog-toc__level--{{$tocLevels}}">{{ .Page.TableOfContents }}<hr></div>
+{{ end }}
				`@@ -0,0 +1 @@`
				`<span class="emoji">{{ .Get 0 \| emojify }}</span>`