forked from hswaw/hscloud
hswaw/site: attempt multi-column layout
Change-Id: I19924b40cbed51866ed25260962bb5454fb8e544
This commit is contained in:
parent
1f0623064f
commit
383fefa14b
2 changed files with 105 additions and 59 deletions
|
|
@ -9,10 +9,76 @@ body {
|
|||
}
|
||||
|
||||
#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 @@ p {
|
|||
text-align: justify;
|
||||
}
|
||||
|
||||
.logo {
|
||||
max-width: 10rem;
|
||||
max-height: 20vh
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
|
@ -33,11 +94,7 @@ h2 {
|
|||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
padding-top: 1rem;
|
||||
text-align: center;
|
||||
font-family: 'Allerta', sans-serif;
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
pre {
|
||||
|
|
@ -65,12 +122,6 @@ li i {
|
|||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
#map {
|
||||
width: 100%;
|
||||
height: 40vh;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#background-logo {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue