]> littlesong.place Git - littlesongplace.git/commitdiff
Form improvements
authorChris Fulljames <christianfulljames@gmail.com>
Sun, 2 Feb 2025 20:08:19 +0000 (15:08 -0500)
committerChris Fulljames <christianfulljames@gmail.com>
Sun, 2 Feb 2025 20:08:19 +0000 (15:08 -0500)
static/styles.css
templates/signup.html
todo.txt

index 37c0b5f308d91dce29bd2d033e53997aec13eb0e..3500ea4e0ebc75b45520895d4588676bd18c3e70 100644 (file)
@@ -29,39 +29,42 @@ h2 {
 
 textarea {
     font-family: sans-serif;
+    font-size: 16px;
     color: var(--black);
     border: 3px solid var(--purple);
     border-radius: 10px;
     padding: 10px;
     background: var(--yellow);
     height: 100px;
-    width: 100%;
-    margin: 5px;
+    width: calc(100% - 20px);
     box-sizing: border-box;
     resize: vertical;
+    margin: 10px;
 }
 
 input[type=text], input[type=password] {
     background: var(--yellow);
+    margin: 10px;
     font-family: sans-serif;
-    font-weight: bold;
+    font-size: 16px;
     color: var(--black);
     border: 3px solid var(--purple);
     border-radius: 10px;
     padding: 5px;
     width: 200px;
-    margin: 5px;
 }
 
 .button, input[type=submit] {
+    cursor: pointer;
     font-family: sans-serif;
+    font-size: 16px;
     font-weight: bold;
     color: var(--yellow);
     background: var(--purple);
     border: 0px;
     border-radius: 5px;
     padding: 8px;
-    margin: 5px;
+    margin: 10px;
 }
 
 div.main {
@@ -79,7 +82,7 @@ div.page-header {
 .flashes {
     border: 3px solid var(--blue);
     border-radius: 10px;
-    margin-top: 20px;
+    margin: 20px;
 }
 
 .title-image {
@@ -148,7 +151,7 @@ div.navbar {
 /* Upload/Edit Form */
 
 div.upload-form input[type=text] {
-    width: 100%;
+    width: calc(100% - 20px);
     box-sizing: border-box;
 }
 
index da5027057b8190082e8aab27a274cc888a69757a..09bd89369083c3025ac53108b528606da192300f 100644 (file)
@@ -5,16 +5,6 @@
 {% block body %}
 <h1>Create a new account</h1>
 <p>Welcome to the site!</p>
-<h2>Rules:</h2>
-<ol>
-    <li>Upload your songs!  All of them!!</li>
-    <li>Don't upload other people's songs without permission.
-        This website is for sharing songs you've made, not for uploading your
-        entire 10,000 song
-        <a href="https://en.wikipedia.org/wiki/LimeWire">limewire</a>
-        collection. Please be nice to cfull's hosting budget.  :P
-    </li>
-</ol>
 <form method="post">
     <div class="signup-form">
         <label for="username">Username</label><br>
index 2c23db4f27691bdf8361596ceb3c43f28ab9407d..8dda91cde09ce67a600c93d443db3aa2d9b62072 100644 (file)
--- a/todo.txt
+++ b/todo.txt
@@ -1,10 +1,10 @@
 NEXT
-- Textarea text size on mobile
+??
 
 UNSORTED
 - YouTube importer
-- Autoplay toggle
 - Shuffle all
+- Autoplay toggle
 - Song sorter for song lists
 - Additional song info in player (collabs, description, tags)
 - Profile pictures