Add about, minor tweaks

diff --git a/src/littlesongplace/__init__.py b/src/littlesongplace/__init__.py
index f63eb4afe3716e5863a146970b05a82f9a355f9a..29fa0202a45606159cbf72bfef254fba66794d0f 100644 (file)
--- a/src/littlesongplace/__init__.py
+++ b/src/littlesongplace/__init__.py
@@ -69,6 +69,10 @@ def index():
 def site_news():
     return render_template("news.html")
 
+@app.get("/about")
+def about():
+    return render_template("about.html")
+
 def get_gif_data():
     # Convert all .gifs to base64 strings and embed them as dataset entries
     # in <div>s.  This is used by nav.js:customImage() - it replaces specific

diff --git a/src/littlesongplace/templates/about.html b/src/littlesongplace/templates/about.html
new file mode 100644 (file)
index 0000000..a4d3194
--- /dev/null
+++ b/src/littlesongplace/templates/about.html
@@ -0,0 +1,52 @@
+{% extends "base.html" %}
+
+{% block title %}About{% endblock %}
+
+{% block body %}
+
+<h1>About littlesong.place</h1>
+
+<p>
+Hello there, I'm <a href="/users/cfulljames">cfull</a>.  Thanks for stopping by!
+</p>
+
+<p>
+This site is meant to be a little place for your songs.  Of course, there are
+already lots of <em>big</em> places for songs out there.  But I wanted
+somewhere to share music that was free from algorithms, ads, rankings, and the
+general noise that comes with most of those big places.  A place that
+encourages and celebrates creativity, and a place for community with other
+humans.  If any of that resonates with you, then welcome!  I hope you enjoy
+your stay.
+</p>
+
+<p>
+I also love <a href="https://indreams.me">Dreams</a>, and the music community
+that formed there.  But now that live service support for Dreams has ended, and
+given the uncertain future of Media Molecule and the games industry more
+broadly, I worry that it's only a matter of time before the servers shut down
+for good.  Part of my goal with this site is to give others a place to archive
+their music from Dreams.  But beyond that, I hope it can also eventually become
+a similar platform for creativity and community of its own - albeit on a much
+smaller scale.
+</p>
+
+<p>
+The site is open source!  You can 
+<a href="https://github.com/cfulljames/littlesongplace">view it on GitHub</a>.
+</p>
+
+<h2>Contact Me!</h2>
+
+<p>
+I'm always looking for new ways to improve the site!  If you have ideas (or if
+you encounter a bug), there are a few ways you can get in touch:
+<ul>
+    <li>Open an issue on <a href="https://github.com/cfulljames/littlesongplace/issues">GitHub</a></li>
+    <li>Leave a comment on <a href="/users/cfulljames">my profile</a></li>
+    <li>Send an email to <a href="mailto:littlesongplace@gmail.com">littlesongplace@gmail.com</a></li>
+    <li>Send me (@cfulljames) a message on Discord</li>
+</ul>
+</p>
+
+{% endblock %}

diff --git a/src/littlesongplace/templates/base.html b/src/littlesongplace/templates/base.html
index 95f1356856c2f1ff74bb4d53207050f0e845492e..a3075938fd8c9a905bdc76b60d3e0079699ddf2b 100644 (file)
--- a/src/littlesongplace/templates/base.html
+++ b/src/littlesongplace/templates/base.html
@@ -27,8 +27,9 @@
             <!-- Navbar -->
             <div class="navbar">
                 <a href="/">Home</a>
-                <a href="/songs">Random</a>
+                <a href="/about">About</a>
                 <a href="/site-news">News</a>
+                <a href="/songs">Random</a>
 
                 <a href="/users/{{ session["username"] }}" class="nav-logged-in" id="my-profile" hidden>My Profile</a>
                 <a href="/activity" class="nav-logged-in" hidden><span id="activity-indicator" hidden></span>Activity</a>

diff --git a/src/littlesongplace/templates/index.html b/src/littlesongplace/templates/index.html
index c2e0f876ec14182965ee32cbd122940196725e73..b30de19731b9a6410d3f794f3f8df2524ffcffbd 100644 (file)
--- a/src/littlesongplace/templates/index.html
+++ b/src/littlesongplace/templates/index.html
@@ -6,19 +6,15 @@
 
 <h2>Hello!</h2>
 <p>
-Welcome to the little song place!
+🎶 Welcome to a little song place.  Make music, and share it with friends! 🎵
 </p>
 
+<h2>Humans</h2>
 <p>
-If you encounter a bug or have ideas for things that would make the site
-better, I'm open to any thoughts or feedback you have!  Just leave a comment on
-my <a href="/users/cfulljames">profile</a>, send me a message on Discord, or email
-<a href="mailto:littlesongplace@gmail.com">littlesongplace@gmail.com</a>. :)
+Check out the music and profiles of the fine folks below!
+{% if not session["userid"] %}If you create an account, you'll show up here too.{% endif %}
 </p>
 
-<h2>Profiles</h2>
-<p>Check out the music of the fine folks below!{% if not session["userid"] %}  If you create an account, you'll show up here too.{% endif %}</p>
-
 <div class="user-list">
     {% for user in users %}
     <div class="user-list-entry-container">
@@ -32,8 +28,8 @@ my <a href="/users/cfulljames">profile</a>, send me a message on Discord, or ema
     {% endfor %}
 </div>
 
-<h2>Recently Uploaded Songs</h2>
-<p>Listen to all the newest tunes!</p>
+<h2>Hot New Tunes</h2>
+<p>Listen to the 50 latest tracks!</p>
 {% include "song-list.html" %}
 
 {% endblock %}