Add title gif

diff --git a/static/littlesongplace01.gif b/static/littlesongplace01.gif
new file mode 100644 (file)
index 0000000..d6bb789
Binary files /dev/null and b/static/littlesongplace01.gif differ

diff --git a/static/styles.css b/static/styles.css
index 27a6a42a7043101be0a737985b1ce441da2becfc..4beab5cf42737a8870a6ea1cc2506b46c864c8d2 100644 (file)
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,3 +1,13 @@
+/* General */
+body {
+    background: #ede99f;
+}
+
+div.main {
+    max-width: 500px;
+    margin: auto;
+}
+
 /* Navbar */
 div.navbar {
     display: flex;

diff --git a/templates/base.html b/templates/base.html
index 2cb33f109d22f48395d5d85f9de4f759a04c3650..c0d9b4ae5eab1697f3883368430fab487e94c0b7 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -33,8 +33,10 @@
         {% endwith %}
 
         <!-- Page-Specific Content -->
+        <div class="main">
         {% block body %}
         {% endblock %}
+        </div>
 
         <!-- Padding to prevent player from obscuring content -->
         <div id="scroll-padding"></div>
@@ -45,7 +47,7 @@
                 <!-- TODO: Show song title, artist -->
                 <span id="player-title">Not Playing</span>
                 <span id="player-info-sep" hidden>-</span>
-                <a id="player-artist" hidden></span>
+                <a id="player-artist" hidden></a>
             </div>
             <div class="player-controls">
                 <a href="javascript:songPrevious()" class="player-button">&lt;&lt;</a>

diff --git a/templates/index.html b/templates/index.html
index 5cb6467e68d8df88f8b38a0114cf1897d80e3293..006c91564ab40a32ef5d38f3ee8187cf59e6b0a2 100644 (file)
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,2 +1,9 @@
 {% extends "base.html" %}
 
+{% block body %}
+
+<img src="/static/littlesongplace01.gif" style="image-rendering:pixelated;width:512px">
+
+<p>Hello, and welcome!</p>
+
+{% endblock %}

diff --git a/todo.txt b/todo.txt
index d1c3ad73b6fa85e734ae3dcc95021fb1c43b8594..fcbdd2616426a6d0c71077266510a23a00dff6d6 100644 (file)
--- a/todo.txt
+++ b/todo.txt
@@ -1,6 +1,8 @@
 TODO (BEFORE RELEASE)
 - CSS/Design
 - Automated Tests
+- Homepage
+- Tips and Tricks
 
 - RELEASE IT