From: Chris Fulljames <christianfulljames@gmail.com>
Date: Wed, 15 Jan 2025 02:30:25 +0000 (-0500)
Subject: Add title gif
X-Git-Url: https://littlesong.place/gitweb/?a=commitdiff_plain;h=c1325e04efffe8fb57ea08ea5622f045d252e304;p=littlesongplace.git

Add title gif
---

diff --git a/static/littlesongplace01.gif b/static/littlesongplace01.gif
new file mode 100644
index 0000000..d6bb789
Binary files /dev/null and b/static/littlesongplace01.gif differ
diff --git a/static/styles.css b/static/styles.css
index 27a6a42..4beab5c 100644
--- 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 2cb33f1..c0d9b4a 100644
--- 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 5cb6467..006c915 100644
--- 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 d1c3ad7..fcbdd26 100644
--- a/todo.txt
+++ b/todo.txt
@@ -1,6 +1,8 @@
 TODO (BEFORE RELEASE)
 - CSS/Design
 - Automated Tests
+- Homepage
+- Tips and Tricks
 
 - RELEASE IT