Update kaehmy dates and change header to html instead of picture.

kaehmy/static/kaehmy/css/base.css

@@ -5,12 +5,6 @@
     margin-right: auto;
 }
 
-body {
-    max-width: 1000px;
-    margin-left: auto !important;
-    margin-right: auto !important;
-}
-
 div.tooltip-inner {
     max-width: 25rem;
 }
@@ -28,6 +22,10 @@ div.tooltip-inner {
 .kaehmy-content {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
+    max-width: 1000px;
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 p {

kaehmy/static/kaehmy/css/footer.css

@@ -3,13 +3,9 @@
 }
 
 footer {
-    /* position: absolute; */
     bottom: 0;
     width: 100%;
-    height: 60px; /* Set the fixed height of the footer here */
+    margin: 1rem;
-    /* line-height: 60px; /* Vertically center the text there */
-    margin-top: 2rem;
-    margin-bottom: 1rem;
 }
 
 footer .container .col .nav .nav-item {
@@ -26,6 +22,7 @@ footer .container .col .nav .nav-item {
 
 .lang-select {
     width: 10rem;
+    margin-bottom: 1rem;
     display: inline-block;
 }
 

kaehmy/static/kaehmy/css/header.css

@@ -1,37 +1,28 @@
-.header-content {
+.kaehmy-header {
-
+    background-color: #0c2938;
 }
 
-.header-content .logo {
+.kaehmy-header-content {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
 
-}
-
-.header-content .logo img {
-    display: block;
-    height: auto;
-    margin: auto;
-}
-
-.kaehmy-banner {
     max-width: 1000px;
+    width: 100%;
     margin-left: auto;
     margin-right: auto;
 }
 
-@media screen and (min-width: 1000px) {
-    .kaehmy_header-content {
-        position: absolute;
-        left: 0;
-        top: 0;
-        background-color: #0c2938;
-        width: 100%;
-    }
-
-    .kaehmy_header {
-        margin-bottom: 331px;
-    }
-}
-
 .kaehmy-banner-image {
-    width: 100%;
+    max-height: 10rem;
+    max-width: 100%;
 }
+
+.heading {
+    display: flex;
+    place-content: center;
+    flex-direction: column;
+    text-align: center;
+    margin: 1rem;
+}

kaehmy/static/kaehmy/css/nav.css

@@ -1,11 +1,15 @@
 .kaehmy_navigation {
     margin-bottom: 10px;
-}
-
-.navbar-border {
     border-bottom: 2px solid #282b3b;
 }
 
 .navbar-light .navbar-nav .nav-link {
     color: black;
 }
+
+.navbar {
+    max-width: 1000px;
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+}

locale/en/LC_MESSAGES/django.po

@@ -419,16 +419,22 @@ msgid "Päivämääriä & deadlineja"
 msgstr "Dates and deadlines"
 
 #: kaehmy/templates/kaehmy.html:31
+msgid "Toimikuntamessut @OK20"
+msgstr "Guild fair @OK20"
+
+msgid "Deadline hallitusvirkoihin hakemiselle."
+msgstr "Deadline for applying to the board."
+
+#: kaehmy/templates/kaehmy.html:32
 msgid "Vaalikokous, osa 1 (puheenjohtajan valinta) ja hallitustyrkkypaneeli"
 msgstr "Election meeting, part 1 (chairman election)"
 
-#: kaehmy/templates/kaehmy.html:32
+#: kaehmy/templates/kaehmy.html:33
 msgid "Vaalikokous, osa 2 (hallituksen valinta)"
 msgstr "Election meeting, part 2 (board election)"
 
-#: kaehmy/templates/kaehmy.html:33
+msgid "Deadline toimivirkoihin hakemiselle."
-msgid "Toimikunta-appro"
+msgstr "Deadline for applying to official roles."
-msgstr "Guild committee crawl"
 
 #: kaehmy/templates/kaehmy.html:34
 msgid "Vaalikokous, osa 3 (toimarien valinta)"
@@ -505,6 +511,15 @@ msgstr "New application"
 msgid "Statistics"
 msgstr ""
 
+msgid "Kähmyt ovat auki!"
+msgstr "Kaehmys have started!"
+
+msgid "Haku hallitukseen 24.10. mennessä ja toimihenkilöksi 18.11 mennessä."
+msgstr "Apply for the board by 24.10. and for official roles by 18.11."
+
+msgid "Hae nyt!"
+msgstr "Apply now!"
+
 #: members/forms.py:107 members/models.py:101 members/tables.py:41
 msgid "Member"
 msgstr "Member"

locale/fi/LC_MESSAGES/django.po

@@ -417,21 +417,27 @@ msgstr ""
 "            eikä siis missään nimessä sitova ilmoittautumien mihinkään "
 "tehtävään!"
 
+#: kaehmy/templates/kaehmy.html:31
+msgid "Toimikuntamessut @OK20"
+msgstr "Toimikuntamessut @OK20"
+
+msgid "Deadline hallitusvirkoihin hakemiselle."
+msgstr "Deadline hallitusvirkoihin hakemiselle."
+
 #: kaehmy/templates/kaehmy.html:29
 msgid "Päivämääriä & deadlineja"
 msgstr "Päivämääriä & deadlineja"
 
-#: kaehmy/templates/kaehmy.html:31
+#: kaehmy/templates/kaehmy.html:32
 msgid "Vaalikokous, osa 1 (puheenjohtajan valinta) ja hallitustyrkkypaneeli"
 msgstr "Vaalikokous, osa 1 (puheenjohtajan valinta) ja hallitustyrkkypaneeli"
 
-#: kaehmy/templates/kaehmy.html:32
+#: kaehmy/templates/kaehmy.html:33
 msgid "Vaalikokous, osa 2 (hallituksen valinta)"
 msgstr "Vaalikokous, osa 2 (hallituksen valinta)"
 
-#: kaehmy/templates/kaehmy.html:33
+msgid "Deadline toimivirkoihin hakemiselle."
-msgid "Toimikunta-appro"
+msgstr "Deadline toimivirkoihin hakemiselle."
-msgstr ""
 
 #: kaehmy/templates/kaehmy.html:34
 msgid "Vaalikokous, osa 3 (toimarien valinta)"
@@ -502,6 +508,15 @@ msgstr "Uusi kaehmy"
 msgid "Statistics"
 msgstr "Kaehmytilastot"
 
+msgid "Kähmyt ovat auki!"
+msgstr "Kähmyt ovat auki!"
+
+msgid "Haku hallitukseen 24.10. mennessä ja toimihenkilöksi 18.11 mennessä."
+msgstr "Haku hallitukseen 24.10. mennessä ja toimihenkilöksi 18.11 mennessä."
+
+msgid "Hae nyt!"
+msgstr "Hae nyt!"
+
 #: members/forms.py:107 members/models.py:101 members/tables.py:41
 msgid "Member"
 msgstr "Jäsen"

templates/kaehmy/base.html

@@ -13,7 +13,7 @@
 {% block body %}
 
 {% block header %}
-<div class="kaehmy_header">
+<div class="kaehmy-header">
     {% include "kaehmy/header.html" %}
 </div>
 {% endblock header %}

templates/kaehmy/header.html

@@ -1,7 +1,14 @@
 {% load i18n %}
 
-<div class="kaehmy_header-content">
+<div class="kaehmy-header-content center">
     <div class="kaehmy-banner logo">
-        <a href="/kaehmy"><img class="kaehmy-banner-image" src="/static/kaehmy/img/kaehmy_banner.png" alt="Aalto-yliopiston Sähköinsinöörikilta ry"></a>
+        <a href="/kaehmy">
+            <img class="kaehmy-banner-image" src="https://static.sahkoinsinoorikilta.fi/logot-ja-grafiikka/web/side/SIK_RGB_W_side.png" alt="Aalto-yliopiston Sähköinsinöörikilta ry">
+        </a>
+    </div>
+    <div class="kaehmy-banner heading">
+        <p style="color:#D57A2D; font-size:2rem">{% blocktrans %}Kähmyt ovat auki!{% endblocktrans %}</p>
+        <p style="color:#BFDBD9; font-size:1rem">{% blocktrans %}Haku hallitukseen 24.10. mennessä ja toimihenkilöksi 18.11 mennessä.{% endblocktrans %}</p>
+        <p style="color:#BFDBD9; font-size:1.5rem">{% blocktrans %}Hae nyt!{% endblocktrans %}</p>
     </div>
 </div>

templates/kaehmy/kaehmy.html

@@ -28,10 +28,12 @@
         </p>
         <h5>{% trans "Päivämääriä & deadlineja" %}</h5>
         <ul>
-            <li><strong>25.10.</strong>  {% blocktrans %}Vaalikokous, osa 1 (puheenjohtajan valinta) ja hallitustyrkkypaneeli{% endblocktrans %}</li>
+            <li><strong>11.10.</strong> {% blocktrans %}Toimikuntamessut @OK20{% endblocktrans %}</li>
-            <li><strong>01.11.</strong> {% blocktrans %}Vaalikokous, osa 2 (hallituksen valinta){% endblocktrans %}</li>
+            <li><strong>24.10.</strong> {% blocktrans %}Deadline hallitusvirkoihin hakemiselle.{% endblocktrans %}</li>
-            <li><strong>09.11.</strong>  {% blocktrans %}Toimikunta-appro{% endblocktrans %}</li>
+            <li><strong>25.10.</strong> {% blocktrans %}Vaalikokous, osa 1 (puheenjohtajan valinta) ja hallitustyrkkypaneeli{% endblocktrans %}</li>
-            <li><strong>17.11.</strong> {% blocktrans %}Vaalikokous, osa 3 (toimarien valinta){% endblocktrans %}</li>
+            <li><strong>07.11.</strong> {% blocktrans %}Vaalikokous, osa 2 (hallituksen valinta){% endblocktrans %}</li>
+            <li><strong>18.11.</strong> {% blocktrans %}Deadline toimivirkoihin hakemiselle.{% endblocktrans %}</li>
+            <li><strong>24.11.</strong> {% blocktrans %}Vaalikokous, osa 3 (toimarien valinta){% endblocktrans %}</li>
         </ul>
         <form name="kaehmyForm" action="/kaehmy/submit/" method="post" class="form">{% csrf_token %}
             {% bootstrap_field form.name %}

templates/kaehmy/message.html

@@ -2,7 +2,7 @@
 
 <div class="card" style="margin-top: 0.5rem; margin-bottom: 0">
     <div class="card-block">
-        <h4>{{ message.name }}</h4>
+        <h4>{{ message.name }}</h4>
         <p>{{ message.message|linebreaks|urlize }}</p>
 
         <h6 class="card-subtitle mb-2 text-muted">{{ message.timestamp }}</h6>

templates/kaehmy/navigation.html

@@ -1,8 +1,8 @@
 {% load i18n %}
 {% load static %}
 
-<div class="kaehmy_navigation">
+<div class="kaehmy_navigation bg-faded">
-    <nav class="navbar-border navbar navbar-toggleable-md navbar-light bg-faded">
+    <nav class="navbar navbar-toggleable-md navbar-light">
         <div class="navbar-nav">
             <a class="nav-item nav-link" href="/kaehmy">{% trans "List kaehmys" %}</a>
             <a class="nav-item nav-link" href="/kaehmy/new">{% trans "New kaehmy" %} <span class="sr-only">(current)</span></a>