page for each video

src/memes/index.org

@@ -0,0 +1,59 @@
+#+TITLE: Funny References
+#+AUTHOR: Yann Esposito
+#+EMAIL: yann@esposito.host
+#+KEYWORDS: humor
+#+DESCRIPTION: Funny videos, and images to use when chatting
+#+OPTIONS: H:5
+#+OPTIONS: auto-id:t
+
+@@html:<nav>
+<a href="/index.html">Home</a> |
+<a href="/slides.html">Slides</a> |
+<a href="/about-me.html">About</a>
+<span class="details">
+(<a href="https://gitea.esy.fun/yogsototh">code</a>
+<a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
+<a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)
+</span>
+</nav>@@
+
+#+MACRO: vid @@html:<video width="100%" controls><source src="./vids/$1" type="video/mp4"/>Your browser does not support the video tag</video>@@
+#+MACRO: anchor @@html:<a href='#$1'>§</a>@@
+#+MACRO: lnk @@html:<a href='vids/$1.html'>»</a>@@
+
+** Memes in random order
+:PROPERTIES:
+:CUSTOM_ID: memes-in-random-order
+:END:
+
+*** {{{anchor(3-coquillages)}}} Il ne sait pas se servir des 3 coquillages {{{lnk(3-coquillages)}}}
+:PROPERTIES:
+:CUSTOM_ID: 3-coquillages
+:END:
+{{{vid(3-coquillages.mp4)}}}
+
+*** {{{anchor(rocky)}}} If he dies, he dies {{{lnk(rocky)}}}
+:PROPERTIES:
+:CUSTOM_ID: rocky
+:END:
+{{{vid(rocky.mp4)}}}
+
+*** {{{anchor(another-war)}}} What we need is another war! {{{lnk(another-war)}}}
+:PROPERTIES:
+:CUSTOM_ID: another-war
+:END:
+#+begin_quote
+Yes Dear!
+#+end_quote
+{{{vid(another-war.mp4)}}}
+
+
+*** {{{anchor(creme-anglaise)}}} Damn Fine Custard {{{lnk(creme-anglaise)}}}
+:PROPERTIES:
+:CUSTOM_ID: creme-anglaise
+:END:
+#+begin_quote
+Rich and creamy, just the way I like it!
+#+end_quote
+
+{{{vid(creme-anglaise.mp4)}}}

src/memes/vids/3-coquillages.org

@@ -0,0 +1,27 @@
+#+TITLE: 3 coquillages
+#+AUTHOR: Yann Esposito
+#+EMAIL: yann@esposito.host
+#+KEYWORDS: humor
+#+DESCRIPTION: Il ne sait pas se servir des trois coquillages !
+#+OPTIONS: H:5
+#+OPTIONS: auto-id:t
+
+@@html:<nav>
+<a href="/index.html">Home</a> |
+<a href="/slides.html">Slides</a> |
+<a href="/about-me.html">About</a>
+<span class="details">
+(<a href="https://gitea.esy.fun/yogsototh">code</a>
+<a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
+<a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)
+</span>
+</nav>@@
+
+#+MACRO: vid @@html:<video width="100%" controls><source src="$1" type="video/mp4"/>Your browser does not support the video tag</video>@@
+#+MACRO: anchor @@html:<a href='#$1'>§</a>@@
+
+** {{{anchor(3-coquillages)}}} Il ne sait pas se servir des 3 coquillages
+:PROPERTIES:
+:CUSTOM_ID: 3-coquillages
+:END:
+{{{vid(3-coquillages.mp4)}}}

src/memes/vids/another-war.org

@@ -0,0 +1,30 @@
+#+TITLE: What we need is another war!
+#+AUTHOR: Yann Esposito
+#+EMAIL: yann@esposito.host
+#+KEYWORDS: humor
+#+DESCRIPTION: Yes Dear!
+#+OPTIONS: H:5
+#+OPTIONS: auto-id:t
+
+@@html:<nav>
+<a href="/index.html">Home</a> |
+<a href="/slides.html">Slides</a> |
+<a href="/about-me.html">About</a>
+<span class="details">
+(<a href="https://gitea.esy.fun/yogsototh">code</a>
+<a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
+<a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)
+</span>
+</nav>@@
+
+#+MACRO: vid @@html:<video width="100%" controls><source src="$1" type="video/mp4"/>Your browser does not support the video tag</video>@@
+#+MACRO: anchor @@html:<a href='#$1'>§</a>@@
+
+** {{{anchor(another-war)}}} What we need is another war!
+:PROPERTIES:
+:CUSTOM_ID: another-war
+:END:
+#+begin_quote
+Yes Dear!
+#+end_quote
+{{{vid(another-war.mp4)}}}

src/memes/vids/convert.sh

@@ -0,0 +1,11 @@
+#!/usr/bin/env zsh
+ffmpeg -i $1 \
+  -vcodec libx264 \
+  -profile:v main \
+  -level 3.1 \
+  -preset medium \
+  -crf 23 \
+  -x264-params ref=4 \
+  -acodec ac3_fixed \
+  -movflags +faststart \
+  ${1:r}.mp4

src/memes/vids/creme-anglaise.org

@@ -0,0 +1,31 @@
+#+TITLE: Damn Fine Custard
+#+AUTHOR: Yann Esposito
+#+EMAIL: yann@esposito.host
+#+KEYWORDS: humor
+#+DESCRIPTION: Rich and creamy, just the way I like it!
+#+OPTIONS: H:5
+#+OPTIONS: auto-id:t
+
+@@html:<nav>
+<a href="/index.html">Home</a> |
+<a href="/slides.html">Slides</a> |
+<a href="/about-me.html">About</a>
+<span class="details">
+(<a href="https://gitea.esy.fun/yogsototh">code</a>
+<a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
+<a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)
+</span>
+</nav>@@
+
+#+MACRO: vid @@html:<video width="100%" controls><source src="$1" type="video/mp4"/>Your browser does not support the video tag</video>@@
+#+MACRO: anchor @@html:<a href='#$1'>§</a>@@
+
+** {{{anchor(creme-anglaise)}}} Damn Fine Custard
+:PROPERTIES:
+:CUSTOM_ID: creme-anglaise
+:END:
+#+begin_quote
+Rich and creamy, just the way I like it!
+#+end_quote
+
+{{{vid(creme-anglaise.mp4)}}}

src/memes/vids/rocky.org

@@ -0,0 +1,26 @@
+#+TITLE: If he dies, he dies
+#+AUTHOR: Yann Esposito
+#+EMAIL: yann@esposito.host
+#+KEYWORDS: humor
+#+OPTIONS: H:5
+#+OPTIONS: auto-id:t
+
+@@html:<nav>
+<a href="/index.html">Home</a> |
+<a href="/slides.html">Slides</a> |
+<a href="/about-me.html">About</a>
+<span class="details">
+(<a href="https://gitea.esy.fun/yogsototh">code</a>
+<a href="https://espial.esy.fun/u:yogsototh">bookmarks</a>
+<a href="https://espial.esy.fun/u:yogsototh/notes">notes</a>)
+</span>
+</nav>@@
+
+#+MACRO: vid @@html:<video width="100%" controls><source src="$1" type="video/mp4"/>Your browser does not support the video tag</video>@@
+#+MACRO: anchor @@html:<a href='#$1'>§</a>@@
+
+** {{{anchor(rocky)}}} If he dies, he dies
+:PROPERTIES:
+:CUSTOM_ID: rocky
+:END:
+{{{vid(rocky.mp4)}}}