Merge pull request #21 from HackerspaceKRK/at

add subpage with cameras

_config.yml

@@ -140,7 +140,7 @@ header_pages:
   - title: kontakt
     url: /kontakt
   - title: status siedziby
-    url: https://at.hskrk.pl/
+    url: /at
 
 # Page default value
 # defaults:

_includes/views/banner.html

@@ -63,6 +63,7 @@
     }
   </style>
   {%- endif -%}
+  {%- if banner_image != "" -%}
   <section class="page-banner">
     <div class="page-banner-img">
         <div style="background-image: url({{ banner_image }})"></div>
@@ -71,5 +72,10 @@
     <div class="wrapper">
     </div>
   </section>
+  {%- else -%}
+  <div style="height: 90px">
+
+  </div>
+  {%- endif -%}
 {%- endif -%}
 

_sass/yat/_layout.scss

@@ -139,6 +139,7 @@ html {
     // Gaps between nav items, but not on the last one
     &:not(:last-child) {
       margin-right: 24px;
+
       &:hover {
         text-decoration: underline;
       }
@@ -569,6 +570,7 @@ html {
     &:not(:first-child) {
       margin-top: 18px;
     }
+
     margin-bottom: 8px;
   }
 
@@ -815,14 +817,32 @@ img.sponsors {
   margin: 0 auto;
 }
 
+.camera-container {
+  display: flex;
+}
+
+@include media-query($on-laptop) {
+  .camera-container {
+    display: block;
+  }
+}
 
 .camera-col {
   flex-grow: 0;
   flex-shrink: 0.9;
   flex-basis: auto;
   padding: 0 1em;
+
+  div {
+    margin-bottom: 1.5em;
+  }
 }
 
 #map {
   height: 500px;
 }
+
+.charts {
+  padding: 2em 0;
+  text-align: center;
+}

assets/css/main.scss

@@ -33,7 +33,7 @@ $brand-color: map-get($brand-colors, "orangered");
   $brand-color: "{{ site.brand_color | default: '#ff5100' }}";
 }
 
-$content-width: {{ site.content_width | default: '920px' }};
+$content-width: {{ site.content_width | default: '1080px' }};
 
 // Click to top theme
 $click-to-top-light-background-color: "{{ site.click_to_top.light.background_color | default: white }}";

at.html

@@ -0,0 +1,43 @@
+---
+layout: home
+title: at
+sidebar: ""
+banner: ""
+---
+<div class="camera-container">
+
+  <div class="camera-col">
+    <div>
+      <h2>Hardroom</h2>
+      <img src="https://at.hskrk.pl/dynamic/hardroom.jpeg" alt="Widok na hardroom">
+    </div>
+
+    <div>
+      <h2>Lab elektro</h2>
+      <img src="https://at.hskrk.pl/dynamic/elelab.jpeg" alt="Widok na lab elektroniczny">
+    </div>
+  </div>
+
+  <div class="camer-col">
+    <div>
+      <h2>Korytarz</h2>
+      <img src="https://at.hskrk.pl/dynamic/korytarz.jpeg" alt="Widok na korytarz">
+    </div>
+
+  </div>
+  <div class="camera-col">
+    <div>
+      <h2>Magazynek</h2>
+      <img src="https://at.hskrk.pl/dynamic/netlab.jpeg" alt="Widok na magazynek">
+    </div>
+    <div>
+      <h2>Softroom</h2>
+      <img src="https://at.hskrk.pl/dynamic/softroom.jpeg" alt="Widok na softroom">
+    </div>
+
+  </div>
+</div>
+
+<div class="charts">
+  <img src="https://grafana.apps.hskrk.pl/render/d-solo/efd454c7-2714-4507-b5b5-188e1feceeb7/public-network-stats?orgId=1&from=1691763084987&to=1691935884987&theme=light&panelId=2&width=1000&height=500&tz=Europe%2FWarsaw" alt="">
+</div>