adding some flavour

cookiewho · Oct 22, 2021 · 1044116 · 1044116
1 parent 5ab92a1
commit 1044116
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 67 deletions.
diff --git a/wishlist/home/templates/home/base.html b/wishlist/home/templates/home/base.html
@@ -24,7 +24,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
 
-<body class="gradientBody2">
+<body>
     <header class="site-header">
         <nav class="gradientNav navbarStyling navbar navbar-expand-md fixed-top">
             <div class="container">
@@ -51,15 +51,18 @@
     <main role="main" class="container">
         <div class="row">
             <div class="col-md-8">
-                {% if messages %}
-                    {% for message in messages %}
-                        <div class"alert alert-{{ message.tags }}">
-                            {{ message }}
-                        </div>
-                    {% endfor %}
-                {% endif %}
-                {% block content %}{% endblock %}
-            </div>
+                <div class="messageBox">
+                    {% if messages %}
+                        {% for message in messages %}
+                            <div class"alert alert-{{ message.tags }}">
+                                {{ message }}
+                            </div>
+                        {% endfor %}
+                    {% endif %}
+                </div>
+                <div class="content">
+                    {% block content %}{% endblock %}
+                </div>
             </div>
         </div>
     </main>

diff --git a/wishlist/home/templates/home/home.html b/wishlist/home/templates/home/home.html
@@ -1,6 +1,6 @@
 {% extends "home/base.html" %}
 {% block content %}
-<div class="content">
+
   <div>
     <h1 id="centeredText">Welcome to Nick's Naks!</h1>
     <h4 id="centeredText">Where dreams can... sometimes come true! For a price 😈</h4>
@@ -38,5 +38,5 @@ <h2>Register</h2>
     </div>
 
   </div>
-</div>
+
 {% endblock content %}
diff --git a/wishlist/static/css/style.css b/wishlist/static/css/style.css
@@ -1,37 +1,8 @@
   .content {
-
     align-items: center;
     justify-content: center;
+    padding-top: 10%;
   }
-  /* .navbarStyling{
-    background-color: rgb(245, 154, 17);
-  }
-  .navbar-nav .nav-link{
-    font-weight: 500;
-  }
-
-  .navbar-nav .nav-link:hover{
-    color: #ffffff;
-  }
-
-  .navbar-nav .nav-link{
-    color: #cbd5db;
-  }
-  .navbarStyling{
-    background-color: rgb(245, 154, 17);
-  }
-  .navbar-nav .nav-link{
-    font-weight: 500;
-  }
-
-  .navbar-nav .nav-link:hover{
-    color: #ffffff;
-  }
-
-  .navbar-nav .nav-link{
-    color: #cbd5db;
-  } */
-
   #horizontalSign{
     text-align: center;
     margin: 5% auto;
@@ -53,23 +24,22 @@
     text-align: center;
   }
 
-  .gradientNav {
-    background: linear-gradient(45deg, #d17c78, #cf9eb6, #fcb4cc);
-    background-size: 400% 400%;
-    animation: gradient 20s ease infinite;
+  .navbarStyling a{
+    font-weight: bold;
+    color: black;
   }
-  .gradientBody{
-    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
-    background-size: 400% 400%;
-    animation: gradient 5s ease infinite;
+
+  .navbarStyling a{
+    font-weight: bold;
+    color: black;
   }
-  .gradientBody2 {
 
-    background: linear-gradient(-45deg, #ffcc4c,#1fde91, #864bff, #19aad1 );
-    background-size: 200% 1000%;
+  .gradientNav {
+    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+    background-size: 400% 400%;
     animation: gradient 20s ease infinite;
-
   }
+
   @keyframes gradient {
     0% {
         background-position: 0% 50%;
@@ -88,6 +58,11 @@
     justify-content: space-between;
   }
 
+  .messageBox{
+    background-color: rgb(56, 255, 56);
+    padding: 2px 5px;
+  }
+
   .errorBox{
     background-color: rgb(255, 75, 75);
     padding: 2px 5px;

diff --git a/wishlist/users/templates/users/accountDetails.html b/wishlist/users/templates/users/accountDetails.html
@@ -1,20 +1,18 @@
 {% extends "home/base.html" %}
 {% block content %}
-    <div class="content">
-        <p>Welcome to you account page <b>{{ first_name }} {{ last_name }}</b></p>
+    <p>Welcome to you account page <b>{{ first_name }} {{ last_name }}</b></p>
 
-        <div class="wideButtonSelection">
-            <form method="POST" onsubmit="return confirm('Are you sure you want to DELETE your account?')">
-                {% csrf_token %}
-                <button class="btn btn-outline-danger" type="submit" name="delete_acc"><b>Delete Account</b></button>
-            </form>
+    <div class="wideButtonSelection">
+        <form method="POST" onsubmit="return confirm('Are you sure you want to DELETE your account?')">
+            {% csrf_token %}
+            <button class="btn btn-outline-danger" type="submit" name="delete_acc"><b>Delete Account</b></button>
+        </form>
 
-            <form method="POST">
-                {% csrf_token %}
-            <button class="btn btn-outline-warning" type="submit" name="log_out"><b>Log Out</b></button>
-            </form> 
+        <form method="POST">
+            {% csrf_token %}
+        <button class="btn btn-outline-warning" type="submit" name="log_out"><b>Log Out</b></button>
+        </form> 
 
-        </div>
-
     </div>
+
 {% endblock content %}