Content edits

.gitignore

@@ -2,3 +2,4 @@ venv/
 __pycache__/
 work/
 .env
+*.swp

slides.json

@@ -6,8 +6,8 @@
             "title": "Goodbye from George",
             "params": {
                 "theme": "sky",
-                "background-image": "static/img/bekir-donmez-stones-4.png",
-                "background-opacity": "0.25",
+                "background-image": "static/img/valley-1.svg",
+                "background-opacity": "0.5",
                 "background-position": "top left"
             },
             "markdown": "This is my **farewell ceremony**.\n\nI [love](https://en.wikipedia.org/wiki/Love) you all."
@@ -16,10 +16,9 @@
             "id": "memory",
             "title": "How I'd like to be remembered",
             "params": {
-                "theme": "sky",
-                "background-image": "static/img/bekir-donmez-stones-5.png",
-                "background-opacity": "0.25",
-                "background-position": "top left"
+                "theme": "solarized",
+                "background-image": "static/img/valley-1.svg",
+                "background-opacity": "0.5"
             },
             "markdown": "I've done many things. Some of them I'm proud of:",
             "slides": [
@@ -27,23 +26,21 @@
                     "id": "work",
                     "title": "My work",
                     "params": {
-                        "theme": "black",
-                        "background-image": "static/img/horse.png",
-                        "background-position": "center middle",
-                        "background-size": "contain"
+                        "background-image": "static/img/valley-1.svg",
+                        "background-opacity": "0.5"
                     },
-                    "markdown": "I've worked like a horse."
+                    "markdown": "### I've worked like a horse.\n\n![A horse (of course)|w-50 centered](static/img/horse.png)"
                 },
                 {
                     "id": "rest",
                     "title": "The rest",
                     "params": {
-                        "theme": "dracula",
-                        "background-image": "static/img/cat-resting.png",
+                        "theme": "moon",
+                        "background-image": "static/img/particles-1.png",
                         "background-position": "center middle",
                         "background-size": "contain"
                     },
-                    "markdown": "I've rested like a cat."
+                    "markdown": "#### I've rested like a cat.\n\n![A cat resting|w-50 centered](static/img/cat-resting.png)"
                 }
             ]
         },
@@ -51,33 +48,25 @@
             "id": "sorry",
             "title": "Who I seek forgiveness from",
             "params": {
-                "theme": "blood",
-                "background-image": "static/img/bekir-donmez-stones-6.png",
-                "background-opacity": "0.25",
-                "background-position": "top left"
+                "theme": "league",
+                "background-image": "static/img/particles-1.svg",
+                "background-opacity": "0.5"
             },
             "markdown": "I've made many mistakes.\n\nI hope you can forgive me:",
             "slides": [
                 {
                     "id": "horse",
                     "title": "My horse",
-                    "params": {
-                        "background-image": "static/img/horse.png",
-                        "background-position": "center middle",
-                        "background-size": "contain"
-                    },
-                    "markdown": "Please forgive me, horse, for this and that"
+                    "markdown": "![My horse|w-50 float-right](static/img/horse2.png)\n\nPlease forgive me, horse, for this and that."
                 },
                 {
                     "id": "cat",
                     "title": "My cat",
                     "params": {
-                        "theme": "night",
-                        "background-image": "static/img/cat-resting.png",
                         "background-position": "center middle",
                         "background-size": "contain"
                     },
-                    "markdown": "Please forgive me, cat, for that and this"
+                    "markdown": "![My cat|w-50 float-left](static/img/cat-resting.png)\n\nPlease forgive me, cat, for that and this"
                 }
             ]
         }

static/css/style.css

@@ -53,3 +53,34 @@
 .slide-number {
 	border-radius: 0.5em;
 }
+
+.float-left {
+	float: left;
+	margin-right: 1em;
+}
+
+.float-right {
+	float: right;
+	margin-left: 1em;
+}
+
+.centered {
+	display: block;
+	margin: 0.5em auto !important;
+}
+
+.w-50 {
+	width: 50%;
+}
+
+.w-66 {
+	width: 33%;
+}
+
+.w-33 {
+	width: 33%;
+}
+
+.w-25 {
+	width: 33%;
+}

static/img/particles-1.svg

@@ -0,0 +1,304 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; z-index: 1; position: relative; shape-rendering: auto;" width="1920" height="947" preserveAspectRatio="xMidYMid" viewBox="0 0 1920 947">
+<g transform="translate(960,473.5) scale(1,1) translate(-960,-473.5)"><path id="path0" d="M 734.2771399914394 301.4800792181411
+c 0 20.47449444980161 -5.009716727079117 5.8809718100494 -10.890688537128517 5.8809718100494
+S 712.4957629171823 321.9545736679427 712.4957629171823 301.4800792181411
+s 5.009716727079117 -5.8809718100494 10.890688537128517 -5.8809718100494
+S 734.2771399914394 281.0055847683395 734.2771399914394 301.4800792181411
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="6.182998422375306" fill="#f8f8f8" opacity="0.9">
+  <animateMotion begin="-7.259693360351854s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path0"></mpath>
+  </animateMotion>
+</circle><path id="path1" d="M 1072.1475192991943 875.67452161044
+c 0 25.723892566745683 -6.294143925905858 7.388777652150355 -13.682921578056213 7.388777652150355
+S 1044.7816761430818 901.3984141771857 1044.7816761430818 875.67452161044
+s 6.294143925905858 -7.388777652150355 13.682921578056213 -7.388777652150355
+S 1072.1475192991943 849.9506290436943 1072.1475192991943 875.67452161044
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="4.3206102961629025" fill="#e2e2e2" opacity="0.9">
+  <animateMotion begin="-9.416464254711725s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path1"></mpath>
+  </animateMotion>
+</circle><path id="path2" d="M 1869.0862427596103 141.93819228255305
+c 0 28.266764259707273 -6.916335935885821 8.119176968213791 -15.035512904099612 8.119176968213791
+S 1839.0152169514113 170.20495654226033 1839.0152169514113 141.93819228255305
+s 6.916335935885821 -8.119176968213791 15.035512904099612 -8.119176968213791
+S 1869.0862427596103 113.67142802284577 1869.0862427596103 141.93819228255305
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="7.482774771415093" fill="#bdbdbd" opacity="0.9">
+  <animateMotion begin="-9.291072032588731s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path2"></mpath>
+  </animateMotion>
+</circle><path id="path3" d="M 379.59993249668685 263.6169167881961
+c 0 35.24810778485608 -8.624537011188188 10.124456491394831 -18.74899350258302 10.124456491394831
+S 342.10194549152084 298.86502457305215 342.10194549152084 263.6169167881961
+s 8.624537011188188 -10.124456491394831 18.74899350258302 -10.124456491394831
+S 379.59993249668685 228.36880900334 379.59993249668685 263.6169167881961
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="5.330721114350776" fill="#e2e2e2" opacity="0.9">
+  <animateMotion begin="-4.583548551101674s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path3"></mpath>
+  </animateMotion>
+</circle><path id="path4" d="M 1005.4689711722785 843.6178008479787
+c 0 31.238512815239982 -7.643465901601271 8.972764319271059 -16.616230220872332 8.972764319271059
+S 972.2365107305338 874.8563136632188 972.2365107305338 843.6178008479787
+s 7.643465901601271 -8.972764319271059 16.616230220872332 -8.972764319271059
+S 1005.4689711722785 812.3792880327387 1005.4689711722785 843.6178008479787
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="7.796533922913849" fill="#bdbdbd" opacity="0.9">
+  <animateMotion begin="-9.637895645030541s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path4"></mpath>
+  </animateMotion>
+</circle><path id="path5" d="M 1272.168663585709 4.790139512181596
+c 0 36.884323014925265 -9.024887546205116 10.594433206414703 -19.61932075261982 10.594433206414703
+S 1232.9300220804694 41.67446252710686 1232.9300220804694 4.790139512181596
+s 9.024887546205116 -10.594433206414703 19.61932075261982 -10.594433206414703
+S 1272.168663585709 -32.09418350274367 1272.168663585709 4.790139512181596
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="4.543488275534817" fill="#979797" opacity="0.9">
+  <animateMotion begin="-6.922873396811574s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path5"></mpath>
+  </animateMotion>
+</circle><path id="path6" d="M 1875.5614626038973 879.6132114818615
+c 0 29.39116541227678 -7.191455366833679 8.442143256717799 -15.633598623551478 8.442143256717799
+S 1844.2942653567943 909.0043768941383 1844.2942653567943 879.6132114818615
+s 7.191455366833679 -8.442143256717799 15.633598623551478 -8.442143256717799
+S 1875.5614626038973 850.2220460695847 1875.5614626038973 879.6132114818615
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="7.399646791635367" fill="#f8f8f8" opacity="0.9">
+  <animateMotion begin="-2.0897915414367896s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path6"></mpath>
+  </animateMotion>
+</circle><path id="path7" d="M 1412.134479624761 704.1115555821777
+c 0 32.29501919652423 -7.901972782128268 9.276228918150576 -17.178201700278844 9.276228918150576
+S 1377.7780762242035 736.406574778702 1377.7780762242035 704.1115555821777
+s 7.901972782128268 -9.276228918150576 17.178201700278844 -9.276228918150576
+S 1412.134479624761 671.8165363856535 1412.134479624761 704.1115555821777
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="5.194352237288423" fill="#bdbdbd" opacity="0.9">
+  <animateMotion begin="-2.0753496879369115s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path7"></mpath>
+  </animateMotion>
+</circle><path id="path8" d="M 1238.1371107590217 804.30333425349
+c 0 35.695854113890675 -8.734091964037079 10.253064479521791 -18.98715644355887 10.253064479521791
+S 1200.1627978719039 839.9991883673806 1200.1627978719039 804.30333425349
+s 8.734091964037079 -10.253064479521791 18.98715644355887 -10.253064479521791
+S 1238.1371107590217 768.6074801395994 1238.1371107590217 804.30333425349
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="4.468859269269572" fill="#6a6a6a" opacity="0.9">
+  <animateMotion begin="-9.658195046956685s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path8"></mpath>
+  </animateMotion>
+</circle><path id="path9" d="M 1239.7176609481605 600.1403587684814
+c 0 27.705847348101262 -6.779090308577968 7.958062536156746 -14.737152844734712 7.958062536156746
+S 1210.243355258691 627.8462061165827 1210.243355258691 600.1403587684814
+s 6.779090308577968 -7.958062536156746 14.737152844734712 -7.958062536156746
+S 1239.7176609481605 572.4345114203801 1239.7176609481605 600.1403587684814
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="5.145607814415563" fill="#6a6a6a" opacity="0.9">
+  <animateMotion begin="-6.7365848950845955s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path9"></mpath>
+  </animateMotion>
+</circle><path id="path10" d="M 568.6421876894356 299.9878492164836
+c 0 25.508864774521545 -6.241530742702079 7.327014350128529 -13.568545092830608 7.327014350128529
+S 541.5050975037743 325.49671399100515 541.5050975037743 299.9878492164836
+s 6.241530742702079 -7.327014350128529 13.568545092830608 -7.327014350128529
+S 568.6421876894356 274.47898444196204 568.6421876894356 299.9878492164836
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="5.735201673037759" fill="#6a6a6a" opacity="0.9">
+  <animateMotion begin="-9.95741190293348s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path10"></mpath>
+  </animateMotion>
+</circle><path id="path11" d="M 572.3611925264503 772.7110575618791
+c 0 31.395731620443712 -7.681934332661759 9.01792291225511 -16.699857244916867 9.01792291225511
+S 538.9614780366165 804.1067891823228 538.9614780366165 772.7110575618791
+s 7.681934332661759 -9.01792291225511 16.699857244916867 -9.01792291225511
+S 572.3611925264503 741.3153259414354 572.3611925264503 772.7110575618791
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="6.96848641627733" fill="#bdbdbd" opacity="0.9">
+  <animateMotion begin="-8.37908269382267s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path11"></mpath>
+  </animateMotion>
+</circle><path id="path12" d="M 1343.912957022047 860.4605994233326
+c 0 28.679909432882887 -7.017424648471343 8.23784632646636 -15.255270974937705 8.23784632646636
+S 1313.4024150721716 889.1405088562155 1313.4024150721716 860.4605994233326
+s 7.017424648471343 -8.23784632646636 15.255270974937705 -8.23784632646636
+S 1343.912957022047 831.7806899904497 1343.912957022047 860.4605994233326
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="7.312968784782985" fill="#e2e2e2" opacity="0.9">
+  <animateMotion begin="-1.1800205986893764s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path12"></mpath>
+  </animateMotion>
+</circle><path id="path13" d="M 611.6674787110302 799.7814167483025
+c 0 32.67146451265012 -7.994081742456943 9.38435682810163 -17.378438570558572 9.38435682810163
+S 576.910601569913 832.4528812609526 576.910601569913 799.7814167483025
+s 7.994081742456943 -9.38435682810163 17.378438570558572 -9.38435682810163
+S 611.6674787110302 767.1099522356524 611.6674787110302 799.7814167483025
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="4.091786416250396" fill="#e2e2e2" opacity="0.9">
+  <animateMotion begin="-4.923731712809788s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path13"></mpath>
+  </animateMotion>
+</circle><path id="path14" d="M 160.58960236678107 102.22264731708995
+c 0 29.556882940513802 -7.232003272678908 8.489742972275241 -15.721746244954149 8.489742972275241
+S 129.14610987687277 131.77953025760377 129.14610987687277 102.22264731708995
+s 7.232003272678908 -8.489742972275241 15.721746244954149 -8.489742972275241
+S 160.58960236678107 72.66576437657615 160.58960236678107 102.22264731708995
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="7.66843744897067" fill="#e2e2e2" opacity="0.9">
+  <animateMotion begin="-3.8067963339511457s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path14"></mpath>
+  </animateMotion>
+</circle><path id="path15" d="M 656.7225626810875 631.3910529481379
+c 0 18.843093534740785 -4.6105441627557235 5.412377930191503 -10.022922092947226 5.412377930191503
+S 636.676718495193 650.2341464828787 636.676718495193 631.3910529481379
+s 4.6105441627557235 -5.412377930191503 10.022922092947226 -5.412377930191503
+S 656.7225626810875 612.5479594133972 656.7225626810875 631.3910529481379
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="6.121421514994513" fill="#f8f8f8" opacity="0.9">
+  <animateMotion begin="-8.377680798308976s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path15"></mpath>
+  </animateMotion>
+</circle><path id="path16" d="M 694.3287070002561 322.6317837670952
+c 0 25.162200194007497 -6.156708558108217 7.227440481257473 -13.384149039365688 7.227440481257473
+S 667.5604089215249 347.7939839611027 667.5604089215249 322.6317837670952
+s 6.156708558108217 -7.227440481257473 13.384149039365688 -7.227440481257473
+S 694.3287070002561 297.46958357308773 694.3287070002561 322.6317837670952
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="6.658520598201703" fill="#6a6a6a" opacity="0.9">
+  <animateMotion begin="-7.132039978534505s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path16"></mpath>
+  </animateMotion>
+</circle><path id="path17" d="M 1851.247232935401 719.5260537071924
+c 0 33.7231611934783 -8.251411781382988 9.686439917275681 -17.93785169865867 9.686439917275681
+S 1815.3715295380835 753.2492149006707 1815.3715295380835 719.5260537071924
+s 8.251411781382988 -9.686439917275681 17.93785169865867 -9.686439917275681
+S 1851.247232935401 685.8028925137141 1851.247232935401 719.5260537071924
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="5.324802767214178" fill="#e2e2e2" opacity="0.9">
+  <animateMotion begin="-3.3513361754319284s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path17"></mpath>
+  </animateMotion>
+</circle><path id="path18" d="M 1024.6868053683993 313.6354635653714
+c 0 21.710153479580924 -5.312058830110225 6.235895148390266 -11.547953978500491 6.235895148390266
+S 1001.5908974113983 335.34561704495235 1001.5908974113983 313.6354635653714
+s 5.312058830110225 -6.235895148390266 11.547953978500491 -6.235895148390266
+S 1024.6868053683993 291.9253100857905 1024.6868053683993 313.6354635653714
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="7.82324206882268" fill="#bdbdbd" opacity="0.9">
+  <animateMotion begin="-9.537272665202758s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path18"></mpath>
+  </animateMotion>
+</circle><path id="path19" d="M 1884.3029403368232 426.0596418894824
+c 0 25.22906542861538 -6.173069200618657 7.246646452900163 -13.41971565351882 7.246646452900163
+S 1857.4635090297857 451.2887073180978 1857.4635090297857 426.0596418894824
+s 6.173069200618657 -7.246646452900163 13.41971565351882 -7.246646452900163
+S 1884.3029403368232 400.830576460867 1884.3029403368232 426.0596418894824
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="5.3709865491147495" fill="#f8f8f8" opacity="0.9">
+  <animateMotion begin="-0.7155102387320744s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path19"></mpath>
+  </animateMotion>
+</circle><path id="path20" d="M 839.0846538347721 568.1973626995391
+c 0 27.759996185330127 -6.792339492155244 7.973615925573547 -14.76595541772879 7.973615925573547
+S 809.5527429993144 595.9573588848692 809.5527429993144 568.1973626995391
+s 6.792339492155244 -7.973615925573547 14.76595541772879 -7.973615925573547
+S 839.0846538347721 540.437366514209 839.0846538347721 568.1973626995391
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="4.235662050468012" fill="#979797" opacity="0.9">
+  <animateMotion begin="-8.937917900438318s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path20"></mpath>
+  </animateMotion>
+</circle><path id="path21" d="M 655.7107065841884 548.2684805680324
+c 0 22.402279403943748 -5.481408790326661 6.434697275600864 -11.916106065927526 6.434697275600864
+S 631.8784944523333 570.6707599719762 631.8784944523333 548.2684805680324
+s 5.481408790326661 -6.434697275600864 11.916106065927526 -6.434697275600864
+S 655.7107065841884 525.8662011640886 655.7107065841884 548.2684805680324
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="4.084161408991385" fill="#f8f8f8" opacity="0.9">
+  <animateMotion begin="-4.721414042431963s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path21"></mpath>
+  </animateMotion>
+</circle><path id="path22" d="M 1740.598493015806 571.3938269425051
+c 0 32.573999108928994 -7.970233824525179 9.356361446181733 -17.326595270706914 9.356361446181733
+S 1705.945302474392 603.9678260514341 1705.945302474392 571.3938269425051
+s 7.970233824525179 -9.356361446181733 17.326595270706914 -9.356361446181733
+S 1740.598493015806 538.8198278335761 1740.598493015806 571.3938269425051
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="7.4042685274854" fill="#e2e2e2" opacity="0.9">
+  <animateMotion begin="-8.943798466919038s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path22"></mpath>
+  </animateMotion>
+</circle><path id="path23" d="M 1452.843154838417 273.50219965301045
+c 0 36.180544924797275 -8.852686524152524 10.392284180526877 -19.2449707046794 10.392284180526877
+S 1414.353213429058 309.68274457780774 1414.353213429058 273.50219965301045
+s 8.852686524152524 -10.392284180526877 19.2449707046794 -10.392284180526877
+S 1452.843154838417 237.32165472821316 1452.843154838417 273.50219965301045
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="7.777405038582474" fill="#bdbdbd" opacity="0.9">
+  <animateMotion begin="-1.7357187286185094s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path23"></mpath>
+  </animateMotion>
+</circle><path id="path24" d="M 1327.112724704681 640.6605456430511
+c 0 22.476648754961396 -5.499605546426724 6.45605868493572 -11.955664231362444 6.45605868493572
+S 1303.2013962419564 663.1371943980125 1303.2013962419564 640.6605456430511
+s 5.499605546426724 -6.45605868493572 11.955664231362444 -6.45605868493572
+S 1327.112724704681 618.1838968880897 1327.112724704681 640.6605456430511
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="4.293166188781209" fill="#6a6a6a" opacity="0.9">
+  <animateMotion begin="-8.379346645089107s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path24"></mpath>
+  </animateMotion>
+</circle><path id="path25" d="M 970.4660230491531 372.30368605159714
+c 0 29.833319844304576 -7.299642089563885 8.569145061661953 -15.868787151225838 8.569145061661953
+S 938.7284487467014 402.1370058959017 938.7284487467014 372.30368605159714
+s 7.299642089563885 -8.569145061661953 15.868787151225838 -8.569145061661953
+S 970.4660230491531 342.47036620729256 970.4660230491531 372.30368605159714
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="5.0364178825053365" fill="#6a6a6a" opacity="0.9">
+  <animateMotion begin="-3.679092432570262s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path25"></mpath>
+  </animateMotion>
+</circle><path id="path26" d="M 1217.4562009518218 613.1193934912939
+c 0 25.53866399704309 -6.248822041829691 7.335573701278335 -13.584395743108026 7.335573701278335
+S 1190.2874094656058 638.6580574883369 1190.2874094656058 613.1193934912939
+s 6.248822041829691 -7.335573701278335 13.584395743108026 -7.335573701278335
+S 1217.4562009518218 587.5807294942508 1217.4562009518218 613.1193934912939
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="6.712360284440651" fill="#979797" opacity="0.9">
+  <animateMotion begin="-6.057792728418572s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path26"></mpath>
+  </animateMotion>
+</circle><path id="path27" d="M 416.7851274161 696.0484654202946
+c 0 23.8097605796473 -5.825792482254126 6.838973783515714 -12.66476626576984 6.838973783515714
+S 391.4555948845603 719.858225999942 391.4555948845603 696.0484654202946
+s 5.825792482254126 -6.838973783515714 12.66476626576984 -6.838973783515714
+S 416.7851274161 672.2387048406473 416.7851274161 696.0484654202946
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="5.961952692345941" fill="#979797" opacity="0.9">
+  <animateMotion begin="-9.821321276899013s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path27"></mpath>
+  </animateMotion>
+</circle><path id="path28" d="M 307.6406937404626 214.7418713321218
+c 0 36.9215557050817 -9.03399767251999 10.605127702523466 -19.639125375043456 10.605127702523466
+S 268.36244299037565 251.66342703720352 268.36244299037565 214.7418713321218
+s 9.03399767251999 -10.605127702523466 19.639125375043456 -10.605127702523466
+S 307.6406937404626 177.8203156270401 307.6406937404626 214.7418713321218
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="5.518597995453899" fill="#979797" opacity="0.9">
+  <animateMotion begin="-2.803875913529299s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path28"></mpath>
+  </animateMotion>
+</circle><path id="path29" d="M 434.9448884266654 675.1826535116274
+c 0 21.76494725628807 -5.325465818027931 6.251633786380616 -11.577099604408547 6.251633786380616
+S 411.7906892178483 696.9476007679156 411.7906892178483 675.1826535116274
+s 5.325465818027931 -6.251633786380616 11.577099604408547 -6.251633786380616
+S 434.9448884266654 653.4177062553393 434.9448884266654 675.1826535116274
+z" fill="none" stroke="none"></path>
+<circle cx="0" cy="0" r="6.021617437481707" fill="#6a6a6a" opacity="0.9">
+  <animateMotion begin="-0.45085454311735496s" dur="10s" repeatCount="indefinite">
+    <mpath xlink:href="#path29"></mpath>
+  </animateMotion>
+</circle></g>
+</svg>

static/img/valley-1.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: none; display: block; z-index: 1; position: relative; shape-rendering: auto;" width="1920" height="947" preserveAspectRatio="xMidYMid" viewBox="0 0 1920 947">
+<g transform="translate(960,473.5) scale(1,1) translate(-960,-473.5)"><linearGradient id="lg-0.018728197518896983" x1="0" x2="1" y1="0" y2="0">
+  <stop stop-color="#6a6a6a" offset="0"></stop>
+  <stop stop-color="#979797" offset="1"></stop>
+</linearGradient><path d="" fill="url(#lg-0.018728197518896983)" opacity="0.4">
+  <animate attributeName="d" dur="10s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="0s" values="M0 0M 0 825.8921316147968Q 192 781.9890435110033 384 772.654030145777T 768 806.7899443526929T 1152 739.7111288567025T 1536 679.073213066675T 1920 627.9529706025914L 1920 232.33117891506444Q 1728 202.12002847433715 1536 196.37666271528417T 1152 177.24488682155192T 768 190.3972121002598T 384 172.17405574185793T 0 103.98511199817287Z;M0 0M 0 882.2060172112705Q 192 862.5702228764911 384 856.0221359581675T 768 791.5145540421769T 1152 790.7872144458578T 1536 743.5860335653072T 1920 650.3135327301505L 1920 306.4319834798548Q 1728 178.76057797482048 1536 175.6893586485288T 1152 250.9894719118572T 768 129.26454209503854T 384 118.7549175420925T 0 106.97658454737004Z;M0 0M 0 823.9302973358951Q 192 873.9130508143112 384 868.7366603417365T 768 819.6229595930771T 1152 756.4125547902194T 1536 746.9199108022891T 1920 633.1899889857493L 1920 301.21081197664705Q 1728 253.68828844821064 1536 251.17751809170193T 1152 193.91981449158243T 768 160.98186128428583T 384 112.82246532755528T 0 50.135800438221764Z;M0 0M 0 825.8921316147968Q 192 781.9890435110033 384 772.654030145777T 768 806.7899443526929T 1152 739.7111288567025T 1536 679.073213066675T 1920 627.9529706025914L 1920 232.33117891506444Q 1728 202.12002847433715 1536 196.37666271528417T 1152 177.24488682155192T 768 190.3972121002598T 384 172.17405574185793T 0 103.98511199817287Z"></animate>
+</path><path d="" fill="url(#lg-0.018728197518896983)" opacity="0.4">
+  <animate attributeName="d" dur="10s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-2.5s" values="M0 0M 0 851.7645710502114Q 192 781.1968259748924 384 779.0782180845345T 768 825.8452583670677T 1152 697.6717076590699T 1536 731.6221741861781T 1920 678.8587878947773L 1920 225.88210243450916Q 1728 194.9857203948503 1536 189.4840981875004T 1152 178.55174627854183T 768 109.19366160606515T 384 138.12881064711243T 0 60.159720823922186Z;M0 0M 0 840.3663099631947Q 192 817.7541904109057 384 813.6480348483014T 768 802.0979604423168T 1152 710.6294462836707T 1536 703.3395377133037T 1920 626.0168694660538L 1920 267.308029485584Q 1728 214.65177477209534 1536 206.33285742183043T 1152 169.53266174151304T 768 113.00834563421333T 384 98.57995114865517T 0 92.29710022524941Z;M0 0M 0 817.5919930607986Q 192 842.4390097146712 384 838.17666025431T 768 729.6185986458265T 1152 802.8799462087701T 1536 670.8914422836519T 1920 673.8885241877223L 1920 248.32445099164855Q 1728 293.76156261686657 1536 284.0121887262108T 1152 226.72033249162013T 768 143.63649634436007T 384 136.5225278565242T 0 54.35792637335982Z;M0 0M 0 851.7645710502114Q 192 781.1968259748924 384 779.0782180845345T 768 825.8452583670677T 1152 697.6717076590699T 1536 731.6221741861781T 1920 678.8587878947773L 1920 225.88210243450916Q 1728 194.9857203948503 1536 189.4840981875004T 1152 178.55174627854183T 768 109.19366160606515T 384 138.12881064711243T 0 60.159720823922186Z"></animate>
+</path><path d="" fill="url(#lg-0.018728197518896983)" opacity="0.4">
+  <animate attributeName="d" dur="10s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-5s" values="M0 0M 0 862.8697826190097Q 192 828.7037282730106 384 820.2484041977793T 768 770.0350468375598T 1152 716.9965394529462T 1536 696.6572971508284T 1920 695.776330287666L 1920 320.7278978833202Q 1728 258.6878613534892 1536 249.79207228963526T 1152 204.23824709156042T 768 117.17873130607416T 384 107.34957663354965T 0 68.29918465312798Z;M0 0M 0 897.6121099399365Q 192 787.6206902687279 384 779.7742376879683T 768 800.2901615331499T 1152 704.292946579557T 1536 695.168444050258T 1920 638.6706227465902L 1920 217.36673853265546Q 1728 241.85815675952014 1536 232.15631230558643T 1152 151.44125469227424T 768 219.3266775678088T 384 110.68831164523701T 0 98.36480608716354Z;M0 0M 0 886.1390051661439Q 192 872.643151759286 384 871.664671593974T 768 728.861253311233T 1152 794.167846255634T 1536 725.0736438096153T 1920 676.4436594402775L 1920 282.8564649148406Q 1728 270.9494891081333 1536 270.8691211342648T 1152 163.92328704834603T 768 160.3401514196689T 384 160.43309892053853T 0 142.41429567745357Z;M0 0M 0 862.8697826190097Q 192 828.7037282730106 384 820.2484041977793T 768 770.0350468375598T 1152 716.9965394529462T 1536 696.6572971508284T 1920 695.776330287666L 1920 320.7278978833202Q 1728 258.6878613534892 1536 249.79207228963526T 1152 204.23824709156042T 768 117.17873130607416T 384 107.34957663354965T 0 68.29918465312798Z"></animate>
+</path><path d="" fill="url(#lg-0.018728197518896983)" opacity="0.4">
+  <animate attributeName="d" dur="10s" repeatCount="indefinite" keyTimes="0;0.333;0.667;1" calcmod="spline" keySplines="0.2 0 0.2 1;0.2 0 0.2 1;0.2 0 0.2 1" begin="-7.5s" values="M0 0M 0 855.2408247912758Q 192 793.2653440367874 384 788.6050658191953T 768 792.2989414815344T 1152 728.4179546737735T 1536 727.9441276354967T 1920 716.6682210170834L 1920 219.4771831959346Q 1728 264.86275434246414 1536 263.078051996569T 1152 194.94917413368682T 768 199.721375969212T 384 73.99985449847529T 0 56.68250571749172Z;M0 0M 0 826.3508610351404Q 192 769.5144936639932 384 768.0395936362845T 768 767.6052324740964T 1152 773.8610330623108T 1536 732.0321692618506T 1920 671.7484718486194L 1920 229.73396998273142Q 1728 236.97994437704892 1536 227.2785013919135T 1152 191.3536175476521T 768 153.49298693816738T 384 182.24041506282637T 0 71.82524445924295Z;M0 0M 0 902.2597879575637Q 192 797.9947867563676 384 788.7255163166179T 768 812.7704696367122T 1152 757.9902203840153T 1536 757.2784492303218T 1920 720.1997694252261L 1920 251.6283438736501Q 1728 201.9175314663811 1536 194.18259095049788T 1152 196.4296073478406T 768 210.71989463315387T 384 165.693231991131T 0 101.93667824191786Z;M0 0M 0 855.2408247912758Q 192 793.2653440367874 384 788.6050658191953T 768 792.2989414815344T 1152 728.4179546737735T 1536 727.9441276354967T 1920 716.6682210170834L 1920 219.4771831959346Q 1728 264.86275434246414 1536 263.078051996569T 1152 194.94917413368682T 768 199.721375969212T 384 73.99985449847529T 0 56.68250571749172Z"></animate>
+</path></g>
+</svg>

templates/slides.html

@@ -26,12 +26,12 @@
                   <a href="#/" title="Home">
                   <!-- the zero-width-space is a tweak against tidy removing empty tags -->
                    <i class="fa fa-home">​</i></a> <a id="top-link" title="Section top"
-	                  disabled=""><i class="fa fa-angle-double-up">​</i></a>
+	                  disabled="disabled"><i class="fa fa-angle-double-up">​</i></a>
                 </div>
 		<div class="reveal">
 			<div class="slides">
                           {% for column in columns %}
-				<section{% for key, value in column.params|dictsort %} data-{{key}}="{{value}}"{% endfor %}>
+				<section{% if column.params %}{% for key, value in column.params|dictsort %} data-{{key}}="{{value}}"{% endfor %}{% endif %}>
                                     <section id="{{column.id|default('home')}}">
                                         {# column's top slide #}
                                         <h3 class="title slide_title">{{column.title}}</h3>
@@ -55,7 +55,7 @@
                                     </section>
                                     {# show all column's sub-slides #}
                                     {% for slide in column.slides %}
-				        <section id="{{column.id}}_{{slide.id}}"{% for key, value in slide.params|dictsort %} data-{{key}}="{{value}}"{% endfor %}>
+				        <section id="{{column.id}}_{{slide.id}}"{% if slide.params %}{% for key, value in slide.params|dictsort %} data-{{key}}="{{value}}"{% endfor %}{% endif %}>
                                             <p class="title">{{slide.title}}</p>
                                             {% if slide.content %}{{ slide.content|safe }}{% endif %}
 				        </section>
@@ -86,6 +86,15 @@
                         $(function() {
                             // open external links in new tab
                             $('.reveal a:not([href^="#"])').attr('target','_blank');
+                            // extract css classes from img alt
+                            $('.reveal img').each((index, element) => {
+                                var img = $(element),
+                                    altvec = img.attr('alt').split('|');
+                                if (altvec.length>1) {
+                                    img.attr('alt',altvec[0]).addClass(altvec[1]);
+                                }
+                            });
+                            $('.reveal h1, .reveal h2, .reveal h3').addClass('r-fit-text');
                             var enterSlide = function() {
                                 // set theme
                                 var the_slide=$(Reveal.getCurrentSlide()),
@@ -93,13 +102,12 @@
                                         the_slide.parent().data('theme') || 'sky';
                                 $('#theme').attr('href',`static/reveal/dist/theme/${the_theme}.css`);
                                 $('#nav-theme').attr('href',`static/css/nav/${the_theme}.css`);
-                                console.log({"theme":$('#theme').attr('href'), "nav":$('#nav-theme').attr('href')});
                                 // set (or hide) top link
                                 var here = Reveal.getIndices();
                                 if (here.v) {
                                     $('#top-link').removeAttr('disabled').attr('href', `#/${here.h}`);
                                 } else {
-                                    $('#top-link').attr('disabled', '');
+                                    $('#top-link').removeAttr('href').attr('disabled', 'disabled');
                                 }
                             };
                             enterSlide();