Progress Report 2023 Q2 (#181)

* Initial push

* Add banner

* article: Address review comments

* article: Address review comments pt. 2

* shortcodes: Fix mp4 size

* Fix some errors (#1)

* Fix some errors

* Address feedback

* new juxtapose and media descriptions

* fix media

* Add missing stuff (#2)

* Add missing stuff

* Another small home menu fix

* Fix build isses from outdated packages

* Address reviews

* Address review comments pt. 3

* change date for release

* resize juxtapose images

---------

Co-authored-by: FearlessTobi <[email protected]>
Co-authored-by: GPUCode <[email protected]>

.github/workflows/deploy.yml

@@ -22,7 +22,7 @@ jobs:
     - name: Install dependencies
       run: |
         echo '========== Installing gulp & dependencies =========='
-        sudo apt-get install graphicsmagick
+        sudo apt-get update && sudo apt-get install graphicsmagick
     - name: Build
       env:
         TENANT: 'citra'

site/data/authors.json

@@ -14,5 +14,6 @@
   "zhaowenlan1779": {"key": "zhaowenlan1779", "name": "zhaowenlan1779", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/zhaowenlan1779/120/4424_2.png"},
   "flTobi": {"key": "flTobi", "name": "FearlessTobi", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/fltobi/120/1390_2.png"},
   "autumnburra": {"key": "autumnburra", "name": "autumnburra", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/autumnburra/120/273091_2.png"},
-  "sleepingsnake": {"key": "sleepingsnake", "name": "SleepingSnake", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/sleepingsnake/120/123364_2.png"}
+  "sleepingsnake": {"key": "sleepingsnake", "name": "SleepingSnake", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/sleepingsnake/120/123364_2.png"},
+  "emufan_4568": {"key": "emufan_4568", "name": "GPUCode", "avatar": "https://community.citra-emu.org/user_avatar/community.citra-emu.org/emufan_4568/120/298317_2.png"}
 }

site/themes/citra-bs-theme/layouts/shortcodes/imgs-compare-include-end.html

@@ -0,0 +1,2 @@
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/js/juxtapose.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/css/juxtapose.css">

site/themes/citra-bs-theme/layouts/shortcodes/mp4.html

@@ -0,0 +1,15 @@
+<figure>
+   <div style="position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;">
+      <video preload="auto" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" controls>
+         <source src="{{ .Get "src" }}" type="video/mp4">
+         Your browser doesn't support mp4 video. :(
+      </video>
+   </div>
+   {{ with .Get "title" }}
+   <figcaption>
+      <h4>
+         {{ . }}
+      </h4>
+   </figcaption>
+   {{ end }}
+</figure>

site/themes/citra-bs-theme/layouts/shortcodes/single-title-imgs-compare.html

@@ -0,0 +1,30 @@
+{{ $title := .Get 0 }}
+{{ $originals := (.Page.Resources.ByType "image") }}
+<div class="columns is-bottom-marginless">
+    <div class="column is-bottom-paddingless juxtapose">
+    {{ range $param := last 2 .Params }}
+    <!-- image -->
+    {{ $items := split $param "|" }}
+    {{ $src := (index $items 0) }}
+    {{ $subtitle := (index $items 1) }}
+    {{ $split_src := split $src "." }}
+    {{ $extension := index $split_src (sub (len $split_src) 1) }}
+        {{- if eq $extension "png" -}}
+        {{ $original := $originals.GetMatch (printf "*%s" (path.Base $src)) }}
+        {{ $resized_width := math.Min $original.Width 1024 }}
+        {{ $resized := $original.Resize (print $resized_width "x q90 jpg" ) }}
+        <img src="{{ $resized.Permalink }}" alt="{{ $title }}">
+        {{- else -}}
+        <img src="{{ $src }}" alt="{{ $title }}">
+        {{- end -}}
+    {{ end }}
+    </div>
+</div>
+
+{{ with "title" }}
+<figcaption>
+    <h4 style="text-align: center">
+        {{ $title }}
+    </h4>
+</figcaption>
+{{ end }}