Merge pull request #285 from hackupc/2024-styles

Added 2024 colors and background
hackupc · Feb 9, 2024 · b8335f6 · b8335f6
2 parents cd9f375 + 4d7fddd
commit b8335f6
Show file tree

Hide file tree

Showing 8 changed files with 80 additions and 363 deletions.
diff --git a/app/static/css/custom-bootstrap.css b/app/static/css/custom-bootstrap.css
diff --git a/app/static/css/main.css b/app/static/css/main.css
@@ -18,7 +18,7 @@
 
 body {
 
-    background: url("../img/background.svg") #f2ede6 center / 640px repeat;
+    background: url("../img/background.jpeg") #f2ede6 center center repeat fixed;
     font-family: ProximaNovaRegular, 'Roboto', sans-serif;
     font-size: 15px;
 }
@@ -71,7 +71,7 @@ a:hover, a:active, a:focus {
     /*-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);*/
     /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);*/
     border: 0;
-    border-top: 5px solid #e8e2d7;
+    border-top: 5px solid #E3C3FF;
 }
 
 .btn-primary {
@@ -110,7 +110,7 @@ nav.navbar {
     /*-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
     /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
     border: 0;
-    border-bottom: 5px solid #e8e2d7;
+    border-bottom: 5px solid #E3C3FF;
 }
 
 .table {
@@ -121,7 +121,7 @@ div.panel {
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    border: 5px solid #e8e2d7;
+    border: 5px solid #E3C3FF;
     z-index: 3;
 }
 
@@ -260,7 +260,7 @@ img {
     padding: 0.5em 1em;
     text-align: center;
     transition: bottom 1s;
-    background-color: #e8e2d7;
+    background-color: #E3C3FF;
     z-index:1031; /*footer was set to 1030*/
     box-shadow: 0px 15px 15px 15px black;
     color: black;

diff --git a/app/static/css/tabs.css b/app/static/css/tabs.css
@@ -2,7 +2,7 @@
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
-    background: #e8e2d7;
+    background: #E3C3FF;
     /*box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1);*/
     margin: 0;
     font-style: normal;

diff --git a/app/static/img/background.jpeg b/app/static/img/background.jpeg
diff --git a/app/static/img/background.svg b/app/static/img/background.svg
diff --git a/app/templates/403.html b/app/templates/403.html
@@ -7,13 +7,18 @@
 
 {% block body %}
     <style>
-        .text-black {
-            color: black;
+        .text-white {
+            color: white;
+        }
+        .custom-a {
+            color: #E3C3FF;
+            font-weight: bold;
+            text-decoration: underline;
         }
     </style>
-    <div class="text-black">
+    <div class="text-white">
         <h1 class="text-center margin-top">YOU SHALL NOT PASS!</h1>
         <h2 class="text-center">403 Access Forbidden</h2>
-        <p class="text-center">Please <a href="{% url 'account_login' %}">log in</a> with a more <b>powerful</b> account to access this page</p>
+        <p class="text-center">Please <a class='custom-a' "{% url 'account_login' %}">log in</a> with a more <b>powerful</b> account to access this page</p>
     </div>
 {% endblock %}
diff --git a/app/templates/404.html b/app/templates/404.html
@@ -7,11 +7,11 @@
 
 {% block body %}
     <style>
-        .text-black {
-            color: black;
+        .text-white {
+            color: white;
         }
     </style>
-    <div class="text-black">
+    <div class="text-white">
         <h1 class="text-center margin-top">¯\_(ツ)_/¯</h1>
         <h2 class="text-center">404 Page not found</h2>
         <p class="text-center">This specified file was not found on this website. Please check the URL for mistakes and

diff --git a/app/templates/500.html b/app/templates/500.html
@@ -8,19 +8,24 @@
 
 {% block body %}
     <style>
-        .text-black {
-            color: black;
+        .text-white {
+            color: white;
+        }
+        .custom-a {
+            color: #E3C3FF;
+            font-weight: bold;
+            text-decoration: underline;
         }
     </style>
-    <div class="text-black">
+    <div class="text-white">
         <h1 class="text-center margin-top">500 Oops</h1>
         <h2 class="text-center">Server Error </h2>
         <p class="text-center">It seems like you found an error. Please reach us out
             at {{ h_contact_email|urlize }} if the problem persists.</p>
         {% if h_repo %}
             <p class="text-center">
                 Or you can open an issue
-                <a target="_blank" href="{{ h_repo }}issues/new">here</a>.
+                <a class='custom-a' target="_blank" href="{{ h_repo }}issues/new">here</a>.
             </p>
         {% endif %}
     </div>