Add hot new designs to Ohlhafv 🔥

webapp/static/css/kaehmy_nav.css

@@ -7,5 +7,5 @@
 }
 
 .navbar-light .navbar-nav .nav-link {
-    color: #102a40;
+    color: black;
 }

webapp/static/css/ohlhafv/base.css

@@ -0,0 +1,95 @@
+html, body {
+  background-color: rgb(252, 225, 69);
+}
+
+body {
+  padding: 0 1rem 0;
+}
+
+.bg-faded, .form-control {
+  /*background-color: rgb(252, 225, 69);*/
+  border-color: black;
+  color: black;
+
+  border-radius: 0;
+  box-shadow: 10px 10px rgba(0, 0, 0, 0.5);
+}
+
+.form-control:focus {
+  border-color: black;
+  outline-style: solid;
+  outline-color: black;
+  outline-width: 2px;
+}
+
+.form-control::placeholder {
+  color: rgb(63, 63, 63);
+}
+
+.form-group label {
+  color: black;
+}
+
+footer {
+  color: black;
+}
+
+footer select.form-control {
+  box-shadow: 0 0;
+}
+
+h3 {
+  padding: 2rem 0 2rem;
+  color: black;
+}
+
+.navbar {
+  border-radius: 0;
+  background-color: rgb(252, 225, 69);
+  box-shadow: 0 0;
+}
+
+.btn.btn-primary {
+  border-color: black;
+  background-color: white;
+  border-radius: 0;
+  color: black;
+
+  margin-top: 1rem;
+  box-shadow: 10px 10px rgba(0, 0, 0, 0.5);
+}
+
+.btn.btn-primary:hover {
+  outline-style: solid;
+  outline-color: black;
+  outline-width: 2px;
+}
+
+.card {
+  background-color: rgb(252, 225, 69);
+  border-color: black;
+  border-radius: 0;
+
+  box-shadow: 10px 10px rgba(0, 0, 0, 0.5);
+
+  margin-bottom: 2rem;
+}
+
+.card-header {
+  border-width: 0 0 1px 0;
+  border-style: solid;
+  border-color: black;
+  /*background-color: rgb(252, 225, 69);*/
+}
+
+.card h5 {
+  color: black;
+}
+
+.card p {
+  color: black;
+}
+
+h6 {
+  color: black;
+}

webapp/static/img/heevi_banner.svg

@@ -2,9 +2,9 @@
 <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1920px"
-	 height="600px" viewBox="0 0 1920 600" enable-background="new 0 0 1920 600" xml:space="preserve">
+	 height="600px" viewBox="0 0 1920 600" xml:space="preserve">
 <g id="Layer_1">
-	<rect fill="#FCE145" stroke="#000000" stroke-miterlimit="10" width="1920" height="1080"/>
+	<rect fill="#FCE145" stroke-miterlimit="10" width="1920" height="600"/>
 	<circle fill="#FFFFFF" cx="665.65" cy="525.563" r="7.936"/>
 	<circle fill="#FFFFFF" cx="681.691" cy="506.813" r="5.123"/>
 	<circle fill="#FFFFFF" cx="136.777" cy="141.821" r="6.566"/>

webapp/templates/ohlhafv/base.html

@@ -3,7 +3,9 @@
 {% load static %}
 {% load i18n %}
 
+
 {% block header %}
+    <link rel="stylesheet" href="/static/css/ohlhafv/base.css">
     {% include "ohlhafv/header.html" %}
 {% endblock header %}
 

webapp/templates/ohlhafv/list.html

@@ -5,7 +5,7 @@
 
 {% block content %}
 <div>
-    <h2 style="padding-top: 1rem">{% trans "All challenges" %}</h2>
+    <h3>{% trans "All challenges" %}</h3>
 </div>
 
 <div>

webapp/templates/ohlhafv/new.html

@@ -9,7 +9,7 @@
 
 {% block content %}
 <div>
-    <h3>{% trans "Ohlhafv" %}</h3>
+    <h3>{% trans "Challenge your foe(s) to combat!" %}</h3>
 
     <div id="input_form">
         <form name="ohlhafvForm" action="/ohlhafv/submit/" method="post" class="form">{% csrf_token %}