songs2slides

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

commit 99dbe7c5896aa2b43998b4a16b4233e74d918841
parent 2afd56481076997bff7c0070ad80cfbe25b13a46
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date:   Wed, 10 Jun 2020 11:46:46 -0700

Add page header.

Diffstat:
MSongs2Slides/static/index.css | 15+++++++++++++++
MSongs2Slides/templates/index.html | 4+++-
2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/Songs2Slides/static/index.css b/Songs2Slides/static/index.css @@ -3,8 +3,23 @@ body { text-align: center; font-family: Arial, Helvetica, sans-serif; touch-action: manipulation; + margin-top: 80px; } +h1 { + margin-top: 15px; + margin-bottom: 15px; +} + +#header { + position: fixed; + top: 0px; + left: 0px; + width: 100%; + background-color: #ffff50; +} + + .container { margin: auto; padding: 10px; diff --git a/Songs2Slides/templates/index.html b/Songs2Slides/templates/index.html @@ -8,7 +8,9 @@ <script src="{{ url_for('static', filename='index.js') }}"></script> </head> <body onload="onLoad();"> - <h1>Songs2Slides</h1> + <div id="header"> + <h1>Songs2Slides</h1> + </div> <div id="songsContainer" class="container"> <h3>Choose your songs</h3>