Rearrange media, add descriptions

app.py

@@ -68,7 +68,19 @@ def update():
 @application.get("/enum/<topic>")
 def choices(topic):
     if topic in ["img", "bg", "bg-video", "audio"]:
-        return {"type": "string", "enum": glob("static/{}/*.*".format(topic))}
+        choices = glob("static/media/{}/*.*".format(topic))
+        titles = [os.path.basename(c) for c in choices]
+        try:
+            descdir = json.load(open("static/media/{}.json".format(topic)))
+        except FileNotFoundError:
+            descdir = {}
+        return {
+            "type": "string",
+            "enum": choices,
+            "options": {
+                "enum_titles": [descdir.get(t, t.rsplit(".", 1)[0]) for t in titles]
+            }
+        }
     abort(404)
 
 @application.get("/editor")

static/audio

@@ -0,0 +1 @@
+media/audio

static/bg

@@ -0,0 +1 @@
+media/bg

static/bg-video

@@ -0,0 +1 @@
+media/bg-video

static/img

@@ -0,0 +1 @@
+media/img

static/media/audio.json

@@ -0,0 +1,6 @@
+{
+    "ho-oponopono.mp3": "Ho'Oponopono - a Hawaiian song of reconciliation and forgiveness",
+    "sonar.wav": "Sonar beep",
+    "thunderstorm.mp3": "Thunderstorm",
+    "VJ_Memes_-_funkyGarden.mp3": "Mellow background music with slide guiter"
+}

static/media/bg-video.json

@@ -0,0 +1,5 @@
+{
+    "beach-sunset1.mp4": "Sun sets into the sea, shallow waves lick the shore, as seen from the beach",
+    "clouds1.mp4": "Flying among white clouds into light blue sky",
+    "underwater.mp4": "view from underwater of sun rays moving with the waves of the surface above"
+}

static/media/bg.json

@@ -0,0 +1,6 @@
+{
+    "particles-1.svg": "Randomly moving particles work best for colorful theme with simple design (vector animation)",
+    "rain-1.svg": "falling rain drops in pure lines (vector animation)",
+    "twilight-1.svg": "sky with crescent moon and blinking stars during twilight (vector animation)",
+    "valley-1.svg": "Beautiful, smooth gradient waves in multiple layers flowing slowly and gracefully (vector animation)"
+}

static/media/img.json

@@ -0,0 +1,10 @@
+{
+    "argument.jpg": "Monochromatic silohuettes of two men arguing (portrait proportions)",
+    "cat-resting.jpg": "A cat resting right side of head and left front paw at the edge of a table and looking at the camera (low color-resolution, brownish colors, transparent)",
+    "horse.png": "horse, facing right (monochromatic, etching, transparent)",
+    "horse2.png": "horse, facing left (brownish, simple 3d, transparent)",
+    "lightning.gif": "lightning striking downwards (video, gif animation, grayscale, portrait proportions)",
+    "lightning-tree.png": "a tree in front of a lightning and a stormy, cloudy dark blue sky",
+    "thunderstorm.gif": "trees shaking rapidly in front of stormy cloudy sky with frequent lightnings and rapid, cyclic cloud movement (gif animation)",
+    "marble-question-mark.png": "A huge marble question mark inside a hall with a skylight"
+}

static/media/video.json

@@ -0,0 +1,3 @@
+{
+    "bell.mp4": "30 minutes audion of bell and video of illustrated bell swinging (200x200 pixel)"
+}

static/slides.json

@@ -1,80 +1,47 @@
 {
-    "title": "Farewell Ceremony",
+    "title": "Vertical example",
     "columns": [
         {
             "id": "welcome",
-            "title": "My ceremony",
+            "title": "Welcome",
             "params": {
-                "theme": "sky",
-                "background-video": "static/bg-video/clouds1.mp4",
-                "background-video-loop": true,
-                "background-video-mute": true,
+                "theme": "simple",
+                "background-image": "static/media/bg/valley-1.svg",
                 "background-opacity": "0.5",
-                "background-size": "cover",
-                "background-video-autoplay": true
+                "background-size": "cover"
             },
-            "markdown": "First, let us meditate: [video \"static/video/bell.mp4\"]\nClose your eyes and concentrate on the sound of the bell.\n"
-        },
-        {
-            "id": "cast_off",
-            "title": "Cast off (tashlich)",
-            "params": {
-                "theme": "moon",
-                "background-video": "static/bg-video/beach-sunset1.mp4",
-                "background-video-loop": true,
-                "background-video-mute": true,
-                "background-opacity": "0.75"
-            },
-            "markdown": "Cast off all my sins to the sea (based on the Jewish [tashlich](https://en.wikipedia.org/wiki/Tashlikh) ritual)",
+            "markdown": "This is an example of a vertical sequence (single chapter containing pages)",
             "slides": [
                 {
-                    "id": "sins_against_god",
-                    "title": "Sins against God",
+                    "id": "regret",
+                    "title": "Regret and sorrow",
                     "params": {
-                        "background-image": "static/bg/rain-1.svg",
-                        "background-opacity": "0.25",
-                        "background-size": "cover"
-                    },
-                    "markdown": "* Vanity\n* Greed",
-                    "soundtrack": "static/audio/thunderstorm.mp3"
-                },
-                {
-                    "id": "sins_against_others",
-                    "title": "Sins against others",
-                    "params": {},
-                    "markdown": "You mentioned regret. You mentioned sorrow. \n\nLet me play for you a Hawaiian song called Ho'Opnopono. it has healing qualities for such moments.\n\n* Close your eyes.\n* Listen.\n* Sing in your heart.\n* Join with your voice.",
-                    "soundtrack": "static/audio/ho-oponopono.mp3"
-                }
-            ]
-        },
-        {
-            "id": "intospection",
-            "title": "Introspection",
-            "params": {
-                "theme": "beige",
-                "background-video": "static/bg-video/underwater.mp4",
-                "background-video-loop": true,
-                "background-video-mute": true
-            },
-            "markdown": "# \u262f\n",
-            "soundtrack": "static/audio/sonar.wav",
-            "slides": [
-                {
-                    "id": "test",
-                    "title": "This is a test",
-                    "params": {
-                        "theme": "simple",
-                        "background-image": "static/bg/sea-view-garden.png",
+                        "theme": "night",
+                        "background-image": "static/media/bg/rain-1.svg",
                         "background-opacity": "0.5",
                         "background-size": "cover"
                     },
                     "image": {
-                        "placement": "none",
-                        "width": "50",
-                        "source": "static/img/horse.png",
+                        "placement": "left",
+                        "width": "25",
+                        "source": "static/media/img/argument.png",
                         "alt": ""
                     },
-                    "markdown": "Stay tuned..."
+                    "markdown": "Let us dwell on the negative emotions you have mentioned:\n\n* Regret\n* sorrow\n\nWhen you are ready, we can [continue to forgiveness](#forgiveness).",
+                    "soundtrack": "static/media/audio/thunderstorm.mp3"
+                },
+                {
+                    "id": "forgiveness",
+                    "title": "Forgiveness and reconcilliation",
+                    "params": {
+                        "theme": "beige",
+                        "background-video": "static/media/bg-video/beach-sunset1.mp4",
+                        "background-video-loop": true,
+                        "background-video-mute": true,
+                        "background-opacity": "0.75"
+                    },
+                    "markdown": "Let me play for you a Hawaiian song called Ho'Opnopono. it has healing qualities for such moments.\n\n* Close your eyes.\n* Listen.\n* Sing in your heart.\n* Join with your voice.",
+                    "soundtrack": "static/media/audio/ho-oponopono.mp3"
                 }
             ]
         }

static/video

@@ -0,0 +1 @@
+media/video

templates/construction.html

@@ -0,0 +1,102 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
+		<title>Under construction</title>
+
+		<link rel="stylesheet" href="/static/css/style.css" />
+		<link rel="stylesheet" href="/static/reveal/dist/reset.css" />
+		<link rel="stylesheet" href="/static/reveal/dist/reveal.css" />
+		<link id="theme" rel="stylesheet" href="/static/reveal/dist/theme/white.css" />
+		<link id="nav-theme" rel="stylesheet" href="/static/css/nav/white.css" />
+                <link rel="stylesheet" href=
+                    "https://use.fontawesome.com/releases/v5.6.3/css/all.css"
+                    integrity=
+                        "sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
+                        crossorigin="anonymous">
+
+
+		<!-- Theme used for syntax highlighted code -->
+		<!-- link rel="stylesheet" href="/static/reveal/plugin/highlight/monokai.css" -->
+	</head>
+	<body>
+                <div id="custom-nav">
+                  <!-- the zero-width-space is a tweak against tidy removing empty tags -->
+                  <a href="#/" title="Home"><i class="fa fa-home">​</i></a>
+                  <a id="top-link" title="Section top" disabled="disabled"><i class="fa fa-angle-double-up">​</i></a>
+                  <a href="/editor" title="Edit"><i class="fa fa-user-edit">​</i></a>
+                </div>
+		<div class="reveal">
+			<div class="slides">
+                          
+				<section data-background-opacity="0.5" data-background-size="cover" data-background-video="static/bg-video/underwater.mp4" data-background-video-loop="True" data-background-video-mute="True" data-theme="simple">
+                                    <section id="construction">
+                                        
+                                        <h3 class="title slide_title">Under construction</h3>
+                                        
+
+                                        
+                                    </section>
+                                    
+                                    
+				</section>
+                          
+			</div>
+		</div>
+
+		<script src="/static/reveal/dist/reveal.js"></script>
+		<script src="/static/reveal/plugin/notes/notes.js"></script>
+		<script src="/static/reveal/plugin/markdown/markdown.js"></script>
+		<script src="/static/reveal/plugin/highlight/highlight.js"></script>
+                <script src="/static/js/jquery-3.7.1.min.js"></script> 
+		<script>
+			// More info about initialization & config:
+			// - https://revealjs.com/initialization/
+			// - https://revealjs.com/config/
+			Reveal.initialize({
+				hash: true,
+                                progress: false,
+                                transition: 'convex',
+                                controlsBackArrows: 'visible',  // would hopefully solve the faded-arrow thing
+                                // slideNumber: "h.v",
+				// Learn about plugins: https://revealjs.com/plugins/
+				plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
+			});
+                        $(function() {
+                            // force autoplay for bg videos (but why?!?)
+                            $('.reveal .slide-background-content video').each((index, element) => element.play());
+                            // 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]);
+                                }
+                            });
+			    // make all headers max-size
+                            // $('.reveal h1, .reveal h2, .reveal h3').addClass('r-fit-text');
+                            var enterSlide = function() {
+                                // set theme
+                                var the_slide=$(Reveal.getCurrentSlide()),
+                                    the_theme=the_slide.data('theme') ||
+                                        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`);
+                                // set (or hide) top link
+                                var here = Reveal.getIndices();
+                                if (here.v) {
+                                    $('#top-link').removeAttr('disabled').attr('href', `#/${here.h}`);
+                                } else {
+                                    $('#top-link').removeAttr('href').attr('disabled', 'disabled');
+                                }
+                            };
+                            enterSlide();
+                            Reveal.addEventListener('slidechanged', enterSlide);
+                        });
+		</script>
+	</body>
+</html>

templates/image.html

@@ -0,0 +1,32 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Image generator</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <link rel="stylesheet" href=
+        "https://use.fontawesome.com/releases/v5.6.3/css/all.css"
+        integrity=
+            "sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
+            crossorigin="anonymous">
+  </head>
+  <body>
+    <div class="container">
+      <div class="row">
+        <div class="col-md-6 offset-md-3">
+          <div class="card w-100 mt-2">
+            <img src="{{src}}" alt="{{alt}}" class="card-img-top">
+            <div class="card-body">
+              <form class="card-text" method="POST" action="">
+                <input class="form-control" name="prompt" placeholder="Image prompt" value="{{prompt}}" />
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+
+  </body>
+</html>