`generate_indices` is conditional, add openai

`/img` is an image generator (handy)

app.py

@@ -1,4 +1,5 @@
 from flask import Flask, render_template, request, abort, send_from_directory
+import openai
 from dotenv import load_dotenv
 from markdown import markdown
 from glob import glob
@@ -12,9 +13,6 @@ import re
 RE_VID = re.compile("""\[video ["']([^['"]*?)["']\]""")
 TEMPLATE_VID = """<video controls class="centered"><source src="{}" type="video/{}"></video>"""
 
-RE_SOUNDTRACK = re.compile("""\[soundtrack ["']([^['"]*?)["']\]""")
-TEMPLATE_SOUNDTRACK = """<audio loop data-autoplay><source src="{}" type="audio/{}"></audio>"""
-
 def preprocess_content(defs):
     md = defs.get("markdown", "")
     if md:
@@ -44,6 +42,7 @@ def preprocess_payload(payload):
             slide["content"] = preprocess_content(slide)
 
 load_dotenv()
+openai.organization = "org-GFWgNyt7NSKpCv6GhzXYZTpi"
 
 application = Flask(__name__)
 
@@ -51,7 +50,7 @@ application = Flask(__name__)
 def home():
     payload = json.load(open("static/slides.json"))
     preprocess_payload(payload)
-    return render_template("slides.html", **payload)
+    return render_template("slides.html", generate_indices=False, **payload)
 
 @application.post("/update")
 def update():
@@ -64,7 +63,7 @@ def update():
     print(type(payload))
     json.dump(payload, sys.stdout, indent=4)
     json.dump(payload, open("static/slides.json", "w"), indent=4)
-    return({"status": "success"})
+    return {"status": "success"}
 
 @application.get("/enum/<topic>")
 def choices(topic):
@@ -72,14 +71,23 @@ def choices(topic):
         return {"type": "string", "enum": glob("static/{}/*.*".format(topic))}
     abort(404)
 
-@application.get("/schema.json")
-def schema():
-    return render_template("slides.schema.json", backgrounds=choices("bg"))
-
 @application.get("/editor")
 def editor():
     return render_template("editor.html")
 
+@application.route("/img", methods=['GET', 'POST'])
+def image():
+    if request.method=='GET':
+        src = "static/img/marble-question-mark.png"
+        alt = "A question mark"
+        prompt = ""
+    else:
+        prompt = request.form["prompt"]
+        alt = prompt
+        response = openai.Image.create(prompt=prompt, n=1, size="1024x1024")
+        src = response['data'][0]['url']
+    return render_template("image.html", src=src, alt=alt, prompt=prompt)
+
 @application.route("/favicon.ico")
 def favicon():
     return send_from_directory(os.path.join(application.root_path, "static"),

requirements.txt

@@ -1,3 +1,4 @@
 python-dotenv
 flask
+openai
 markdown

static/slides.json

@@ -41,11 +41,8 @@
                 {
                     "id": "sins_against_others",
                     "title": "Sins against others",
-                    "params": {
-                        "background-opacity": "0.5",
-                        "background-size": "contain"
-                    },
-                    "markdown": "* Anger\n* Disrespect",
+                    "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"
                 }
             ]
@@ -54,15 +51,32 @@
             "id": "intospection",
             "title": "Introspection",
             "params": {
-                "theme": "league",
+                "theme": "beige",
                 "background-video": "static/bg-video/underwater.mp4",
                 "background-video-loop": true,
-                "background-video-mute": true,
-                "background-opacity": "0.25"
+                "background-video-mute": true
             },
             "markdown": "# \u262f\n",
             "soundtrack": "static/audio/sonar.wav",
-            "slides": []
+            "slides": [
+                {
+                    "id": "test",
+                    "title": "This is a test",
+                    "params": {
+                        "theme": "simple",
+                        "background-image": "static/bg/sea-view-garden.png",
+                        "background-opacity": "0.5",
+                        "background-size": "cover"
+                    },
+                    "image": {
+                        "placement": "none",
+                        "width": "50",
+                        "source": "static/img/horse.png",
+                        "alt": ""
+                    },
+                    "markdown": "Stay tuned..."
+                }
+            ]
         }
     ]
-}
+}

templates/slides.html

@@ -36,21 +36,24 @@
                                         {# column's top slide #}
                                         <h3 class="title slide_title">{{column.title}}</h3>
                                         {% if column.content %}{{ column.content|safe }}{% endif %}
-                                        {# Main column shows links to other columns #}
-                                        {% if loop.first %}
-                                            <ul>
-                                                {% for other in columns %}
-                                                    {% if not loop.first %}<li><a href="#/{{other.id}}">{{other.title}}</a></li>{% endif %}
-                                                {% endfor %}
-                                            </ul>
-                                        {% endif %}
-                                        {# if column has sub-slides, link to them #}
-                                        {% if column.slides %}
-                                            <ul>
-                                                {% for slide in column.slides %}
-                                                    <li><a href="#/{{column.id}}_{{slide.id}}">{{slide.title}}</a></li>
-                                                {% endfor %}
-                                            </ul>
+
+                                        {% if generate_indices %}
+                                            {# Main column shows links to other columns #}
+                                            {% if loop.first %}
+                                                <ul>
+                                                    {% for other in columns %}
+                                                        {% if not loop.first %}<li><a href="#/{{other.id}}">{{other.title}}</a></li>{% endif %}
+                                                    {% endfor %}
+                                                </ul>
+                                            {% endif %}
+                                            {# if column has sub-slides, link to them #}
+                                            {% if column.slides %}
+                                                <ul>
+                                                    {% for slide in column.slides %}
+                                                        <li><a href="#/{{column.id}}_{{slide.id}}">{{slide.title}}</a></li>
+                                                    {% endfor %}
+                                                </ul>
+                                            {% endif %}
                                         {% endif %}
                                     </section>
                                     {# show all column's sub-slides #}