From c1325e04efffe8fb57ea08ea5622f045d252e304 Mon Sep 17 00:00:00 2001
From: Chris Fulljames <christianfulljames@gmail.com>
Date: Tue, 14 Jan 2025 21:30:25 -0500
Subject: [PATCH] Add title gif

---
 static/littlesongplace01.gif | Bin 0 -> 3220 bytes
 static/styles.css            |  10 ++++++++++
 templates/base.html          |   4 +++-
 templates/index.html         |   7 +++++++
 todo.txt                     |   2 ++
 5 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 static/littlesongplace01.gif

diff --git a/static/littlesongplace01.gif b/static/littlesongplace01.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d6bb789095924d5d9e829b608cb72b160c453689
GIT binary patch
literal 3220
zcmeH}X*?8)8pet0mUHSVb(H1UvLqpiEa$dh$h9Q<TK2VN?7IvGW5&c7%P=%E3}%dF
zCSeu~Wf{g`ED4jX5JpkRiL3kZe(L+}{qVlO-}8R`|DNXon3?G6JP;6+5x@xi7&)1%
z#>xh(OQo%}r2h&(mh8TWrLpb3+c&L^uUys;68s_U2p>~ExR-wX1q5XT1cdf=TPF83
zdd&!Q-H-j${rk!=?*O#_8RDgv4?`{vh)Zyyyt~fvw?R{C0EOcaW7MI_7(+ysJg_Lo
z#?Ror@Wi-r37eqH9fAR7?th~S)V_87vK~)zLHJU;y5^6A-JS$KewrK;p&15_4G2rH
ze;D`7!#yhrf;7)8(8vcx+9aZVf-=yCzV?sPQt>4^*#w0=PbkVN50jtU07Q~n+DSm7
z1(VT@=qPfkzV{#*<%~(W!FlPD=H3<0tp(udeH4Oq)VO2P=nxFITvr~tsHdLOzmU>9
z%Nr~G%ASWWw6{Y}r36$_dR&k-Xf>DFy>lx!*s_{&ea_z<yX#hsXpqx7jAM>#hz{81
zH>e2ZiWe)saz&JS<Sx$yetlL&c(g`b)vqj2F;u0eg7~y4jNQ5T*@qBKmWHjoximQp
zdUYP=TzR+Ro}2b9<5}f!SACpP^<HiuX|*0lwcfk_ZPD8`ifJ0yFG2L?6<S-YOBqD0
zUSm25%CpNiCV6!rLDjE~y6fQP+<wyS-K)UfNQCOOzgSM#hNlJKJEOscxgXhfHb;$j
zS{g$xg1v?q{nW^n<k!x-(w392#zkTvsvhiamDJ8YtocBi*5c;JagfLWo31}OHQfOL
zUuV#EHWr5o9s>+ISokLhC=<)#h#M%LBL(Z1<5fYAkr+kvKpby`A#=EqJShn<vAhth
zm#6T4!%5XXM?}U}wj{=nx;Ex_20(FIk&%?3I<35{Gk>JR35s)NZ)x<$%ld?e7<ooT
zyMpbXLNhh9U{`IjjMLzE1A`-?1I3@^BwQ?eE{RAoH7ZFrPeK1tOQ^(IQ%uO%N_9~B
zy~M^y=jwJsdqD*{A5U*+yU<~W3h1b!)mt`)`xU<6DCM<wn@#ujRJXicC@fe>8<~3p
z{8)@DTgZm2NYwDSTbZvdGxWwzdT1GPPkc7pHa&_@8<6`Rqw9T|>Fm-XdRj+$e^4}v
zB&jDdWRAJ+>ia%GAbRlrd8oJ`bBN3L>JC`qJRs-SDjDYs0+?5u{!v=uBM6!L>=25n
zf6ix2{#y^~OUxMqO80-UT{15_nmSFjeL*0m|I5r*sH?%($$=^Ees?QR*#f&flo`By
zf;hyO+Wgurakj1@&3mKw_w!#>;klWq_RzSdb%WmI83RRv#=3o5l!%&i5j+%6e{?}2
z#NZrxv9qkJ&W5fhMviy78(ULAMeupKF<M6~X-(L1T7ZNH+hE(DqK7gsh3y_${lFy$
zl}hl3S6AP4bWQdfwrp>3)kwB5hT)UpX)S7LtK{|XyW8ROyn)ul?4M!cotW@j-8BDd
zQm|^FpV_U)LIV#;ep_o0oyk{51kIRMoQ<ff-cchtbziN^7$*Lj9rj_kjep~*znlw|
z_>ujZ)o%#v)L^vypn_hURRv>5#wX&Ire9QGDkw3@BiSoU8VCxv4@mR$KVcyi1HYnM
z5(2Sue_n*TnT_;ve3n@CCkm5cQ;rpTQ3ox1iGSGOK(N!ItA|x(KJPB=cB6H&PFA+K
zP*SjMT+jT3?D!mu{x)#U`5DJ(4q;-R(mrjr7H-_Nh=^z>FXqh_Zt?qu+&bo0^3{z-
zN3-6VsI$r=Yop>PUbB%#=^eT~%YecCJ`KC&clD<42{VAGlbV{vp3t{sh?L4wD2@ex
zm99BgKQxzvuR;i06dF)Y$w+4d_Rr`qS>I<y&!4|+_as!w0;R&2EY1|2!xdjl)b`5Y
z1aL`W^2fvLYtiGtRa`)7Q$&zyq6wr?LjRBSrhvbJh2^TJ`kH+Pht9g<ztmcHC08|D
z6eBOqcfhvx?0|km&k8j`dEZE&`U3#4e#Ee{3B1VJnjqPCzX)5IQ1(q6w%{ImWYq?`
zcVX3`>C+rsnQy|THJ_~)Ptq&3H2mkL><}S{$DnPkF((gP;rQ7x{-?zfz!7yV`tBCG
zo}6gay2Jdoz47sYiB{y#FmZod*jomDzy#3-DIxic9n=_=@P@KBW&jQ5dW|P^E7TTn
zd)x~j2nFIaQH~?)MI%?r&#WK%Z6RVns_LAS9Iu+Zh1f-q`Gd7m`=Y}O8lIOEy<&xI
z<1#>YX_>bi5|VBj#Tq_K77v1DKT1bQCPG62U>$UM1soSpq(mTAxgZOQ@pmF92y!i`
z3aeNnhBtqn+=*d!QRyYQEvanB>YP)7U8!_zWnD~f?~P7P9xHvOHJs%(l{NBep>4E&
zGH1#hlGQLfNUrQ(;(RLmZhaUom16FT31Ml=!dvguZwq#&5@+htshOSf+>@I<6xgBg
zLGs8+Ia=luqLBjgH<z2BZ_1v*$8x<@ivFr_ySmvc$pFzJxIITs%o}2LH&QTf$kNs*
zwXo$*Kq|Mo>~xU!?TMjWlgRcqABqD|k!*6jq|(-3yL+N`nsY_WB`?@P=RN5dG&V)u
zBt@CN4K=r`ptpZU%dt%<bsps@ETo~+ktewoV36mC0h=_Q5nhsd_;>9KK7Eh>9F6_^
znAL=a{s$)VJ4<wQv}uRdD6adG&l8G79r(ny4;T(TND2&)4?jqX52I0EH<rfn`mOGI
y)UA~mHO`);d$ZpsEQ_F&5PQJH`W&m2ry%$ff$_^6ewoAn*2rHa;{UBg=>G@rO?dbK

literal 0
HcmV?d00001

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
 
-- 
2.39.5