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 {
.flashes {
border: 3px solid var(--blue);
border-radius: 10px;
- margin-top: 20px;
+ margin: 20px;
}
.title-image {
/* Upload/Edit Form */
div.upload-form input[type=text] {
- width: 100%;
+ width: calc(100% - 20px);
box-sizing: border-box;
}
{% 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>
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