[Page] events

site/styles/events.css

@@ -1,20 +1,18 @@
 .event {
   display: flex;
   flex-direction: row;
-}
 
-.event:hover {
+  &:hover {
-  border-bottom: 5px var(--hightlight) solid;
+    border-bottom: 5px var(--hightlight) solid;
-}
+    & > div {
-
+      padding-bottom: calc(0.5rem - 5px);
-.event:hover > div {
+    }
-  padding-bottom: calc(0.5rem - 5px);
+  }
-}
+  & > div {
-
+    padding-top: 0.5rem;
-.event > div {
+    padding-bottom: 0.5rem;
-  padding-top: 0.5rem;
+    white-space: nowrap;
-  padding-bottom: 0.5rem;
+  }
-  white-space: nowrap;
 }
 
 .date {
@@ -46,19 +44,17 @@
     flex-direction: column;
     margin-bottom: 1rem;
     border-left: 3px solid var(--border);
-  }
+    &:hover {
-
+      border-bottom: none;
-  .event > div {
+      border-left: 3px solid var(--hightlight);
-    padding: 0 0.5rem;
+      & > div {
-    white-space: normal;
+        padding-bottom: 0;
-  }
+      }
-
+    }
-  .event:hover {
+    & > div {
-    border-bottom: none;
+      padding: 0 0.5rem;
-  }
+      white-space: normal;
-
+    }
-  .event:hover > div {
-    padding-bottom: 0;
   }
 
   .date {

template/events-en.html

@@ -1,8 +1,19 @@
 <h1>Events</h1>
-<p>
+
-  Following list contains all forthcoming events. Held events are listed in
+<div class="description">
-  <a href="/en/events_archive">archive</a>.
+  <p>
-</p>
+    Following list contains all forthcoming events. Held events are listed in
-<br />
+    <a href="/en/events_archive">archive</a>.
-<p>We also provide <a href="https://dmz.rs/events.ical">ical file</a></p>
+  </p>
-<br />
+  <p>
+    Events are also available as an
+    <a href="https://dmz.rs/events.ical">ical</a> file.
+  </p>
+  <p>We also provide <a href="https://dmz.rs/events.ical">ical</a> file</p>
+  <p>
+    <a href="https://wiki.dmz.rs/en/kako-pronaci-prostor" target="_blank">
+      Short description
+    </a>
+    how to find a space
+  </p>
+</div>

template/events-sr.html

@@ -1,19 +1,18 @@
 <h1>Događaji</h1>
-<p>
+
-  Naredna lista sadrži sve predstojeće događaje. Za listu održanih događaja
+<div class="description">
-  pogledaj <a href="/events_archive">arhivu</a>.
+  <p>
-</p>
+    Naredna lista sadrži sve predstojeće događaje. Za listu održanih događaja
-<br />
+    pogledaj <a href="/events_archive">arhivu</a>.
-<p>
+  </p>
-  Događaje možeš učitati i sa
+  <p>
-  <a href="https://dmz.rs/events.ical">ical</a> datotekom.
+    Događaje možeš učitati i sa
-</p>
+    <a href="https://dmz.rs/events.ical">ical</a> datotekom.
-<br />
+  </p>
-<p>
+  <p>
-  <a href="https://wiki.dmz.rs/en/kako-pronaci-prostor" target="_blank">
+    <a href="https://wiki.dmz.rs/en/kako-pronaci-prostor" target="_blank">
-    Kratako uputstvo
+      Kratako uputstvo
-  </a>
+    </a>
-  kako pronaci prostor
+    kako pronaci prostor
-</p>
+  </p>
-<br />
+</div>
-<br />