diff --git a/notes/static/notes/stylesheets/style.css b/notes/static/notes/stylesheets/style.css
index 6d18786..cd2a9f7 100644
--- a/notes/static/notes/stylesheets/style.css
+++ b/notes/static/notes/stylesheets/style.css
@@ -20,6 +20,7 @@ header > .home {
font-size: 3em;
text-decoration: none;
color: #000;
+ margin-left: 20px;
}
header img {
@@ -31,6 +32,24 @@ main {
padding: 0 30px;
}
+input, select, textarea {
+ padding: 5px;
+ min-width: 200px;
+ display: block;
+ box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.1);
+ margin: 10px 0;
+}
+
+textarea {
+ resize: vertical;
+ padding: 20px;
+}
+
+button {
+ padding: 10px;
+ min-width: 100px;
+}
+
.notes {
width: 100%;
columns: auto 300px;
@@ -58,15 +77,15 @@ main {
margin-bottom: 40px;
}
-.note:nth-child(3n) {
+select:nth-child(3n), textarea:nth-child(3n), input:nth-child(3n), .note:nth-child(3n) {
border-radius: 155px 25px 15px 25px / 15px 225px 230px 150px;
}
-.note:nth-child(3n + 1) {
+select:nth-child(3n + 1), textarea:nth-child(3n + 1), input:nth-child(3n + 1), .note:nth-child(3n + 1) {
border-radius: 25px 155px 15px 25px / 115px 25px 225px 150px;
}
-.note:nth-child(3n + 2) {
+select:nth-child(3n + 2), textarea:nth-child(3n + 2), input:nth-child(3n + 2), .note:nth-child(3n + 2) {
border-radius: 25px 150px 25px 155px / 115px 25px 225px 50px;
}
@@ -104,4 +123,3 @@ main {
border-radius: 25px 155px 15px 25px / 115px 25px 225px 150px;
background-color: #fac9dc;
}
-
diff --git a/notes/templates/notes/base.html b/notes/templates/notes/base.html
index 405ff0d..c657d83 100644
--- a/notes/templates/notes/base.html
+++ b/notes/templates/notes/base.html
@@ -13,7 +13,7 @@
-
+
diff --git a/notes/templates/notes/user_form.html b/notes/templates/notes/user_form.html
new file mode 100644
index 0000000..5c84dc9
--- /dev/null
+++ b/notes/templates/notes/user_form.html
@@ -0,0 +1,12 @@
+{% extends "notes/base.html" %}
+
+{% block title %}Profile{% endblock %}
+
+{% block body %}
+