hswaw/site: attempt multi-column layout
Change-Id: I19924b40cbed51866ed25260962bb5454fb8e544
diff --git a/hswaw/site/static/landing.css b/hswaw/site/static/landing.css
index 6d32537..431d8ea 100644
--- a/hswaw/site/static/landing.css
+++ b/hswaw/site/static/landing.css
@@ -9,10 +9,76 @@
}
#page {
- max-width: 42rem;
+ max-width: 75rem;
margin: auto;
padding-top: 2rem;
padding: 1rem;
+
+ display: flex;
+ flex-direction: column;
+}
+
+.top {
+ display: flex;
+ flex-direction: row;
+ margin-bottom: 1rem;
+}
+
+.top .logo {
+ display: flex;
+ flex-direction: row;
+ flex-grow: 1;
+ justify-content: right;
+}
+
+.top .logo img {
+ margin-top: 2rem;
+ max-height: 25rem
+}
+
+.top .mapcontainer {
+ flex-grow: 1;
+ min-width: 35%;
+}
+
+#map {
+ margin-bottom: 1rem;
+ height: 16rem;
+}
+
+
+.logo h1 {
+ display: block;
+ max-width: 20rem;
+ text-align: center;
+ font-size: 52px;
+ margin-right: 8rem;
+ padding-top: 5rem;
+}
+
+.covid {
+ padding: 1rem 2rem;
+ background-color: #9f0000;
+}
+
+.covid span {
+ font-size: 20px;
+ font-style: italic;
+}
+
+.bottom {
+ display: flex;
+ flex-direction: row;
+}
+
+.bottom .about {
+ padding: 1rem 1rem 1rem 2rem;
+}
+
+.bottom .blog {
+ padding: 1rem 2rem 1rem 1rem;
+ flex-grow: 1;
+ min-width: 40%;
}
p {
@@ -20,11 +86,6 @@
text-align: justify;
}
-.logo {
- max-width: 10rem;
- max-height: 20vh
-}
-
h1 {
font-size: 30px;
}
@@ -33,11 +94,7 @@
}
h1, h2, h3, h4 {
- padding-top: 1rem;
- text-align: center;
font-family: 'Allerta', sans-serif;
- margin: 0;
- color: #fff;
}
pre {
@@ -65,12 +122,6 @@
font-size: 0.8em;
}
-#map {
- width: 100%;
- height: 40vh;
- margin-bottom: 1rem;
-}
-
#background-logo {
position: absolute;
width: 100%;
diff --git a/hswaw/site/templates/index.html b/hswaw/site/templates/index.html
index 4f4dff1..48f0acd 100644
--- a/hswaw/site/templates/index.html
+++ b/hswaw/site/templates/index.html
@@ -9,53 +9,48 @@
<link href="https://fonts.googleapis.com/css2?family=Allerta&family=Lato&display=swap" rel="stylesheet">
<style>
</style>
-<div id="background-logo">
- <img src="/static/site/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
+ <div class="top">
+ <div class="logo">
+ <img src="/static/site/syrenka.png" />
+ <h1>Warszawski Hackerspace</h1>
+ </div>
+ <div class="mapcontainer">
+ <h2>Gdzie jesteśmy?</h2>
+ <div id="map"></div>
+ <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>
+ </div>
+ <div class="covid">
+ <span>Na okres pandemii Hackerspace jest <b>zamknięty</b>, więcej informacji: <a href="">projekt covid-19</a></span>
+ </div>
+ <div class="bottom">
+ <div class="about">
+ <h2>Czym jest Hackerspace?</h2>
+ <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>
+ </div>
+ <div class="blog">
+ <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>
+ <p>
+ </div>
+ </div>
<div id="footer">
<span>© 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>