hswaw/site: add landing page prototype

This rips out the existing HTML and CSS. In the end, we're not going to
use it.

In its place, it adds a simplistic landing page, hoping to gather more
attention and curiosity from other hackers that would like to make it
prettier.

Change-Id: I322b071a8510536bd6aad9252ae7aa8fe3a734bc
diff --git a/hswaw/site/templates/index.html b/hswaw/site/templates/index.html
new file mode 100644
index 0000000..e8f21e8
--- /dev/null
+++ b/hswaw/site/templates/index.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<!-- https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission -->
+<title>Warszawski Hackerspace</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link rel="stylesheet" href="/static/landing.css"/>
+<link rel="stylesheet" href="/static/leaflet.css"/>
+<link href="https://fonts.googleapis.com/css2?family=Allerta&family=Lato&display=swap" rel="stylesheet">
+<style>
+</style>
+<div id="background-logo">
+    <img src="/static/syrenka.png" />
+</div>
+<div id="quicklinks">
+    <a href="https://wiki.hackerspace.pl/">wiki</a> | <a href="https://blog.hackerspace.pl/">blog</a> | <a href="https://profile.hackerspace.pl/">profil</a> | <a href="https://wiki.hackerspace.pl/partnerzy">partnerzy</a>
+</div>
+<div id="page">
+    <h1>Warszawski Hackerspace</h1>
+    <p>
+      Przestrzeń stworzona i utrzymywana przez grupę kreatywnych osób, które łączy fascynacja ogólno pojętym tworzeniem w duchu <a href="https://pl.wikipedia.org/wiki/Spo%C5%82eczno%C5%9B%C4%87_haker%C3%B3w">kultury hackerskiej</a>.
+    </p>
+    <p>
+      <b>Hackerspace nie zna barier.</b> Jeśli masz ciekawy pomysł i szukasz ludzi chętnych do współpracy lub po prostu potrzebujesz miejsca i sprzętu - <a href="">zapraszamy</a>!
+    </p>
+    <h2>Nadchodzące wydarzenia</h2>
+    <p>
+        <center><i>Nic zaplanowanego...</i></center>
+    </p>
+    <h2>Blog</h2>
+    <p>
+        Najnowsze wpisy z naszego <a href="https://blog.hackerspace.pl">bloga</a>:
+        <ul>
+            {{ range .Entries }}
+            <li><a href="{{ .Link.Href }}">{{ .Title }}</a> <i>{{ .UpdatedHuman }}, {{ .Author }}</i></li>
+            {{ else }}
+            <li><i>Ups, nie udało się załadować wpisów.</i></li>
+            {{ end }}
+        </ul>
+    <h2>Gdzie jesteśmy?</h2>
+    <p>
+      Warszawski Hackerspace mieści się na <a href="https://wiki.hackerspace.pl/jak-trafic">podwyższonym parterze w budynku na ul. Wolność 2A</a>.
+      <pre>Warszawski Hackerspace
+ul. Wolność 2A
+01-018 Warszawa 
+52°14'29.8"N 20°59'5.5"E</pre>
+    </p>
+    <div id="map"></div>
+    <h2>Kontakt</h2>
+    <p>
+      Mamy <a href="https://matrix.to/#/#general:hackerspace.pl">aktywny pokój na Matrixie</a> połączony z IRC (#hswaw na irc.libera.chat) gdzie możesz porozmawiać na żywo z naszymi członkami i wkręcić się w naszą społeczność online.
+    </p>
+    <p>
+      Możesz też zapisać się na nasze listy dyskusyjne: <a href="https://lists.hackerspace.pl/postorius/lists/waw.lists.hackerspace.pl/">waw@</a> (publiczna o HSWAW) oraz <a href="https://lists.hackerspace.pl/postorius/lists/waw-proj.lists.hackerspace.pl/">waw-proj@</a> (o projektach).
+    </p>
+    <p>
+      Zapraszamy też do bezpośredniego kontaktu mejlowego na <a href="mailto:kontakt@hackerspace.pl">kontakt@hackerspace.pl</a>.
+    </p>
+
+    <div id="footer">
+        <span>&copy; 2021 <a href="https://cs.hackerspace.pl/hscloud/-/tree/hswaw/site">Autorzy Strony</a>. Ten utwór jest dostępny na <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">licencji Creative Commons Uznanie autorstwa 4.0 Międzynarodowe</a>.</span>
+    </div>
+</div>
+
+<script>
+window.loadMap = () => {
+    let map = L.map('map', {
+        center: [52.24158, 20.9848],
+        zoom: 13,
+        scrollWheelZoom: false,
+    });
+
+    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+    }).addTo(map);
+
+    L.marker([52.24158, 20.9848]).addTo(map);
+}
+</script>
+<script src="/static/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin="" onload="loadMap()"></script>