songs2slides

A tool that automatically finds song lyrics and creates lyric slideshows
git clone https://git.ashermorgan.net/songs2slides/
Log | Files | Refs | README

slides.html (1603B)

      1 {% extends "base.html" %}
      2 
      3 {% set title = 'Web View' %}
      4 
      5 {% block head %}
      6 <link rel="stylesheet" href="{{ url_for('static', filename='slides.css') }}"/>
      7 <link rel="stylesheet" href="https://unpkg.com/reveal.js@^4//dist/reveal.css">
      8 <link rel="stylesheet" href="https://unpkg.com/reveal.js@^4//dist/theme/black.css">
      9 <script src="https://unpkg.com/reveal.js@^4//dist/reveal.js"></script>
     10 {% endblock head %}
     11 
     12 {% block body %}
     13 <header>
     14     <a href="{{ url_for('main.home') }}">
     15         <img src="{{ url_for('static', filename='icon.svg') }}" alt=""/>
     16         Songs2Slides
     17     </a>
     18     <button class="icon" title="Fullscreen"
     19         onclick="document.body.requestFullscreen()">
     20         <img src="{{ url_for('static', filename='maximize.svg') }}"
     21              alt="Fullscreen icon"/>
     22     </button>
     23 </header>
     24 
     25 <noscript>
     26     <p id="noscript-message">
     27     Songs2Slides requires JavaScript to display slideshows in Web View.
     28     Please enable it to continue or go back and download your slideshow as a
     29     PowerPoint instead.
     30     </p>
     31 </noscript>
     32 
     33 <div class="reveal">
     34     <div class="slides">
     35         {% for slide in slides %}
     36         <section>
     37             {% for line in slide.split('\n') %}
     38             <p>{{ line }}</p>
     39             {% endfor %}
     40         </section>
     41         {% endfor %}
     42     </div>
     43 </div>
     44 
     45 <script>
     46     // Start Reveal.js slideshow without extra features
     47     Reveal.initialize({
     48         controls: false,
     49         help: false,
     50         jumpToSlide: false,
     51         overview: false,
     52         pause: false,
     53         progress: false,
     54         transition: 'none',
     55     });
     56 </script>
     57 {% endblock body %}