From 718a8c2ce8f061e15c61c48998efa639e12dfe01 Mon Sep 17 00:00:00 2001 From: Asher Morgan <59518073+ashermorgan@users.noreply.github.com> Date: Thu, 11 Apr 2024 20:21:38 -0700 Subject: [PATCH] Add header with maximize button to slides page --- songs2slides/static/maximize.svg | 1 + songs2slides/static/slides.css | 25 ++++++++++ songs2slides/templates/base.html | 19 +++++++ songs2slides/templates/layout.html | 37 +++++--------- songs2slides/templates/slides.html | 80 +++++++++++++++++------------- 5 files changed, 103 insertions(+), 59 deletions(-) create mode 100644 songs2slides/static/maximize.svg create mode 100644 songs2slides/static/slides.css create mode 100644 songs2slides/templates/base.html diff --git a/songs2slides/static/maximize.svg b/songs2slides/static/maximize.svg new file mode 100644 index 0000000..e41fc0b --- /dev/null +++ b/songs2slides/static/maximize.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/songs2slides/static/slides.css b/songs2slides/static/slides.css new file mode 100644 index 0000000..f1aaf7a --- /dev/null +++ b/songs2slides/static/slides.css @@ -0,0 +1,25 @@ +/* Revert reveal.js styling */ +header a { + line-height: normal; +} + +/* Position header button */ +header button { + float: right; +} + +/* Adjust button styles for header */ +header .icon img { + filter: none !important; +} +header .icon:hover { + background-color: #00000010; +} +header .icon:active { + background-color: #00000020; +} + +/* Hide header in fullscreen mode */ +:fullscreen header { + display: none; +} diff --git a/songs2slides/templates/base.html b/songs2slides/templates/base.html new file mode 100644 index 0000000..a0dfafd --- /dev/null +++ b/songs2slides/templates/base.html @@ -0,0 +1,19 @@ + + + + + + {% if title %}{{ title }} - {% endif %}SongsSlides + + + + + + + {% block head %}{% endblock %} + + + + {% block body %}{% endblock %} + + diff --git a/songs2slides/templates/layout.html b/songs2slides/templates/layout.html index cac36a7..a1ba977 100644 --- a/songs2slides/templates/layout.html +++ b/songs2slides/templates/layout.html @@ -1,27 +1,14 @@ - - - - +{% extends "base.html" %} - {% if title %}{{ title }} - {% endif %}SongsSlides - - - - - +{% block body %} +
+ + + Songs2Slides + +
- {% block head %}{% endblock %} - - -
- - - Songs2Slides - -
- -
- {% block main %}{% endblock %} -
- - +
+ {% block main %}{% endblock %} +
+{% endblock body %} diff --git a/songs2slides/templates/slides.html b/songs2slides/templates/slides.html index 7ee73df..27e4505 100644 --- a/songs2slides/templates/slides.html +++ b/songs2slides/templates/slides.html @@ -1,37 +1,49 @@ - - - - Web View - SongsSlides +{% extends "base.html" %} - - - - +{% set title = 'Web View' %} - -
-
- {% for slide in slides %} -
- {% for line in slide.split('\n') %} -

{{ line }}

- {% endfor %} -
- {% endfor %} -
-
+{% block head %} + + + + +{% endblock head %} - - - +{% block body %} +
+ + + Songs2Slides + + +
+ +
+
+ {% for slide in slides %} +
+ {% for line in slide.split('\n') %} +

{{ line }}

+ {% endfor %} +
+ {% endfor %} +
+
+ + +{% endblock body %}