about summary refs log tree commit diff
path: root/pages
diff options
context:
space:
mode:
Diffstat (limited to 'pages')
-rw-r--r--pages/oboz/2020.vue37
1 files changed, 35 insertions, 2 deletions
diff --git a/pages/oboz/2020.vue b/pages/oboz/2020.vue
index 34764d1..2605b75 100644
--- a/pages/oboz/2020.vue
+++ b/pages/oboz/2020.vue
@@ -1,7 +1,13 @@
 <template>
   <section class="oboz">
-    <h1>Obóz 2020</h1>
-    <p>W tym roku obóz odbędzie się nad jeziorem Sporym</p>
+    <div class="header">
+      <h1>Obóz 2020</h1>
+      <div class="troops">
+        <h3>19 PDH Puszcza</h3>
+        <h3>7 PDH Binduga</h3>
+        <h3>7 PDH Watra</h3>
+      </div>
+    </div>
     <div class="mapouter">
       <div class="gmap_canvas">
         <iframe
@@ -22,8 +28,35 @@
   margin-top: 40px;
 }
 
+.header {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: 20px 0;
+}
+
 h1 {
   font-size: 2em;
+  background: black;
+  color: white;
+  padding: 0.5em 1em;
+  width: max-content;
+}
+
+.troops {
+  display: flex;
+  flex-direction: row;
+}
+
+.troops h3 {
+  margin: 10px;
+}
+
+@media (max-width: 480px) {
+  .troops {
+    flex-direction: column;
+  }
 }
 
 .mapouter,