chore: various updates (#23)

.github/workflows/deploy.yml

@@ -38,7 +38,6 @@ jobs:
             ggtext
             showtext
             knitr
-            webshot2
       
       - uses: quarto-dev/quarto-actions/setup@v2
         with:
@@ -48,8 +47,10 @@ jobs:
       - name: Render Quarto Project
         shell: bash
         run: |
-          quarto add mcanouil/quarto-revealjs-coeos --no-prompt
-          quarto render template.qmd --to coeos-revealjs --output index.html --output-dir _site
+          echo -e "project:\n  output-dir: _site" > _quarto.yml
+          quarto add mcanouil/quarto-iconify --no-prompt
+          sed -i 's|_extensions/mcanouil/coeos|_extensions/coeos|g' template.qmd
+          quarto render template.qmd --output index.html
       
       - uses: actions/configure-pages@v5
 
@@ -61,21 +62,37 @@ jobs:
         id: deployment
         uses: actions/deploy-pages@v4
 
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+
+      - name: Install Decktape
+        shell: bash
+        run: npm install -g decktape
+
       - name: Update Screenshot
         shell: bash
         run: |
+          decktape reveal \
+            --screenshots \
+            --screenshots-format png \
+            --screenshots-directory . \
+            --size "1920x1080" \
+            --slides 1 \
+            _site/index.html _site/index.pdf
+          
+          mv _site/index_1_1920x1080.png .github/template.png
           BRANCH=ci/update-thumbs
           if git show-ref --quiet refs/heads/${BRANCH}; then
             echo "Branch ${BRANCH} already exists."
             git branch -D "${BRANCH}"
             git push origin --delete "${BRANCH}"
           fi
           git checkout -b "${BRANCH}"
-          Rscript -e "webshot2::webshot(url = \"_site/index.html\", file = \"template.png\", vwidth = 1920, vheight = 1080)"
           git config --local user.name github-actions[bot]
           git config --local user.email 41898282+github-actions[bot]@users.noreply.github.com
-          git add template.png
+          git add .github/template.png
           git commit -m "ci: update thumbs"
           git push --force origin ${BRANCH}
           gh pr create --fill-first --base "main" --head "${BRANCH}"
+          sleep 15
           gh pr merge --auto --squash --delete-branch

.gitignore

@@ -1,7 +1,8 @@
 /.DS_Store
-about.qmd
-setup-ggplot2-coeos.R
-template.html
-template_files/
-
 /.luarc.json
+template_files/
+template.html
+_quarto.yml
+_site/
+_extensions/mcanouil/iconify/
+/.quarto/

README.md

@@ -6,17 +6,22 @@
 
 This is a repository for `Quarto` `revealjs` template.
 
-[![Screenshot of a dark grey title slide with a logo in the top right corner, a block left aligned in the center of the slide with a title in white, a subtitle in light grey, an horizontal rule in white, the author in white, institute in italics and light grey, and the full literal date. The footer of the slide includes from left to right, a menu icon, author and license, and the slide number.](template.png)](https://m.canouil.dev/quarto-revealjs-coeos/)
+[![Screenshot of a dark grey title slide with a logo in the top right corner, a block left aligned in the center of the slide with a title in white, a subtitle in light grey, an horizontal rule in white, the author in white, institute in italics and light grey, and the full literal date. The footer of the slide includes from left to right, a menu icon, author and license, and the slide number.](.github/template.png)](https://m.canouil.dev/quarto-revealjs-coeos/)
 
 ## Installation
 
 This [Quarto](quarto.org) extension can be installed/used using the following command:
 
 - Install
+
   ```bash
   quarto add mcanouil/quarto-revealjs-coeos
+  quarto add mcanouil/quarto-iconify # Optional
   ```
+
 - Use
+
   ```bash
   quarto use template mcanouil/quarto-revealjs-coeos
+  quarto add mcanouil/quarto-iconify # Optional
   ```

_extensions/coeos/_about.qmd

@@ -1,12 +1,21 @@
 # About
 
+::: {.content-hidden}
+This requires Iconify.
+
+```sh
+quarto add mcanouil/quarto-iconify
+```
+:::
+
 ::: {layout="[0.38, -0.02, 0.60]" layout-valign="center"}
-<img src = "https://github.com/mcanouil.png" class = "picture" />
-
-- [{{< iconify fa6-solid house-chimney-user >}} mickael.canouil.fr](https://mickael.canouil.fr/){style="text-decoration: none;"}
-- [{{< iconify fa6-solid envelope >}} pro@mickael.canouil.dev](mailto:pro@mickael.canouil.dev){style="text-decoration: none;"}
-- [{{< iconify fa6-brands linkedin >}} mickaelcanouil](https://www.linkedin.com/in/mickaelcanouil/){style="text-decoration: none;"}
-- [{{< iconify fa6-brands github >}} \@mcanouil](https://github.com/mcanouil/){style="text-decoration: none;"}
-- [{{< iconify fa6-brands twitter >}} \@MickaelCanouil](https://twitter.com/MickaelCanouil/){style="text-decoration: none;"}
-- [{{< iconify fa6-brands mastodon >}} \@MickaelCanouil\@fosstodon.org](https://fosstodon.org/@MickaelCanouil/){style="text-decoration: none;"}
+`<img src="https://github.com/mcanouil.png" class="picture" />`{=html}
+
+- [{{< iconify fa6-solid:house-chimney-user >}} mickael.canouil.fr](https://mickael.canouil.fr/){style="text-decoration: none;"}
+- [{{< iconify fa6-solid:envelope >}} pro@mickael.canouil.dev](mailto:pro@mickael.canouil.dev){style="text-decoration: none;"}
+- [{{< iconify fa6-brands:github >}} \@mcanouil](https://github.com/mcanouil/){style="text-decoration: none;"}
+- [{{< iconify fa6-brands:linkedin >}} mickaelcanouil](https://www.linkedin.com/in/mickaelcanouil/){style="text-decoration: none;"}
+- [{{< iconify fa6-brands:bluesky >}} \@mickael.canouil.fr](https://bsky.app/profile/mickael.canouil.fr/){style="text-decoration: none;"}
+- [{{< iconify fa6-brands:mastodon >}} \@MickaelCanouil\@fosstodon.org](https://fosstodon.org/@MickaelCanouil/){style="text-decoration: none;"}
+- [{{< iconify fa6-brands:x-twitter >}} \@MickaelCanouil](https://x.com/MickaelCanouil/){style="text-decoration: none;"}
 :::

_extensions/coeos/_extension.yml

@@ -1,13 +1,14 @@
 title: Coeos Presentation Template
 author: Mickaël CANOUIL
-version: 1.3.0
-quarto-required: ">=1.3.450"
+version: 1.4.0
+quarto-required: ">=1.6.40"
 contributes:
   formats:
     revealjs:
-      slide-number: c
-      highlight-style: github-dark
       theme: coeos.scss
+      highlight-style: github-dark
+      date-format: 'dddd[, the] Do [of] MMMM, YYYY'
+      slide-number: c
       footer: |
         <a href="https://mickael.canouil.fr/">mickael.canouil.fr</a>
         |
@@ -16,3 +17,14 @@ contributes:
       include-in-header:
         - text: |
             <link rel="shortcut icon" href="https://raw.githubusercontent.com/mcanouil/hex-stickers/main/SVG/coeos.svg" />
+      include-after-body:
+        - text: |
+            <script type="text/javascript">
+              const dateElements = document.querySelectorAll("p.date, div.listing-date");
+              dateElements.forEach((el) => {
+                el.innerHTML = el.innerHTML.replace(
+                  /(\d+)(rd|st|th)/g,
+                  "$1<sup style='font-size:0.5em;font-style:italic;'>$2</sup>"
+                );
+              });
+            </script>

template.qmd

@@ -1,10 +1,9 @@
 ---
 title: "A Title"
 subtitle: "A Subtitle"
-author: Mickaël Canouil, *Ph.D.*
-institute: Inserm U1283 / CNRS UMR8199 / Institut Pasteur de Lille / Université de Lille
+author: "Mickaël Canouil, *Ph.D.*"
+institute: "Freelance"
 date: today
-date-format: "dddd, [the] D[<sup style='font-size:65%;font-style:italic;'>th</sup>] [of] MMMM, YYYY"
 embed-resources: false
 format: coeos-revealjs
 ---
@@ -16,6 +15,8 @@ showtext::showtext_auto()
 source("_extensions/mcanouil/coeos/setup-ggplot2-coeos.R")
 ```
 
+# PART 1 With `code` {.center .center-x}
+
 ## Introduction
 
 ### Subtitle
@@ -43,10 +44,14 @@ library(ggplot2)
 ggplot(mtcars, aes(wt, mpg)) + geom_point()
 ```
 
-# PART 1 With `code` {.center .center-x}
+# PART 2 Without `code` {.center .center-x}
+
+## New slide {.smaller}
+
+{{< lipsum 1 >}}
 
-## New slide
+## Another slide {.smaller}
 
-With only text
+![An image]({{< placeholder 900 300>}})
 
 {{< include _extensions/mcanouil/coeos/_about.qmd >}}