Frontend/Homepage
Frontend
/
Homepage
Archived
13
2
Fork 5
Code Issues 1 Pull Requests Projects Releases Activity

Rewrite main page use shortcuts to prevent inline html - also break into single column on small viewports

This commit is contained in:
sixtus 2023-01-05 18:51:17 +01:00
parent 0a63382c22
commit b9ed97675c
3 changed files with 86 additions and 102 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

173
content/dezentrale.md
View File

@ -12,137 +12,106 @@ showmetalinks: false
{{< full_logo >}} {{< full_logo >}}
<div class="pure-g"> {{< page_row >}}
<div class="pure-u-1-2 centered"> {{< page_col centered >}}
<h2>Hardware</h2>
<div> ## Hardware
Hardware kann repariert, zerlegt und wieder neu zusammen gesetzt werden. Hardware kann repariert, zerlegt und wieder neu zusammen gesetzt werden.
Der Drucker muss kein Bürogerät bleiben, ein alter Bildschirm Der Drucker muss kein Bürogerät bleiben, ein alter Bildschirm
kann Kunst werden. kann Kunst werden.
</div>
</div> {{< /page_col >}}
<div class="pure-u-1-2 centered"> {{< page_col centered >}}
<h2>Netzpolitik</h2>
<div> ## Netzpolitik
Die Auswirkungen der Digitalisierung auf die Gesellschaft werden immer Die Auswirkungen der Digitalisierung auf die Gesellschaft werden immer
Umfassender. Eine kritische Auseinandersetzung mit den Potenzialen und Gefahren Umfassender. Eine kritische Auseinandersetzung mit den Potenzialen und Gefahren
der sich ausbildenden Informationsgesellschaft ist notwendig. der sich ausbildenden Informationsgesellschaft ist notwendig.
</div>
</div>
</div>
{{< /page_col >}}
{{< page_col centered >}}
## Soziales
<div class="pure-g">
<div class="pure-u-1-2 centered">
<h2>Soziales</h2>
<div>
Zusammen etwas zu verwirklichen ist eine gute Sache. Sich auszutauschen und Zusammen etwas zu verwirklichen ist eine gute Sache. Sich auszutauschen und
voneinander zu lernen bringt am Ende alle weiter, und sogar Minecraft macht voneinander zu lernen bringt am Ende alle weiter, und sogar Minecraft macht
gemeinsam mehr Spaß. gemeinsam mehr Spaß.
</div>
</div> {{< /page_col >}}
<div class="pure-u-1-2 centered"> {{< page_col centered >}}
<h2>Software</h2>
<div> ## Software
Wenn die Programme unser Umfeld strukturieren, sollten wir diejenigen sein, Wenn die Programme unser Umfeld strukturieren, sollten wir diejenigen sein,
die sie schreiben. die sie schreiben.
</div>
</div>
</div>
{{< /page_col >}}
{{< page_col centered >}}
<br> ## Projekte
[{{< value "links" "ffle_name" >}}]({{< value "links" "ffle_href" >}})
\
[{{< value "links" "hw4f_name" >}}]({{< value "links" "hw4f_href" >}})
\
[{{< value "links" "techniksprechstunde_name" >}}]({{< value "links" "techniksprechstunde_href" >}})
<div class="pure-g"> {{< /page_col >}}
<div class="pure-u-1-2 centered"> {{< page_col centered >}}
<h2>Projekte</h2>
<div>
<a href="{{< value "links" "ffle_href" >}}">
{{< value "links" "ffle_name" >}}
</a>
</div>
<div>
<a href="{{< value "links" "hw4f_href" >}}">
{{< value "links" "hw4f_name" >}}
</a>
</div>
<div>
<a href="{{< value "links" "techniksprechstunde_href" >}}">
{{< value "links" "techniksprechstunde_name" >}}
</a>
</div>
</div>
<div class="pure-u-1-2 centered">
<h2>Dokumente</h2>
<div>
<a href="/docs/dezentrale-satzung.pdf">Satzung</a>
</div>
<div>
<a href="/docs/dezentrale-geschaeftsordnung.pdf">Geschäftsordnung</a>
</div>
<div>
<a href="/docs/dezentrale-hygienekonzept.pdf">Hygienekonzept</a>
</div>
</div>
</div>
## Dokumente
<div class="pure-g"> [Satzung](/docs/dezentrale-satzung.pdf)
<div class="pure-u-1-2 centered"> \
<h3>Telefon</h3> [Geschäftsordnung](/docs/dezentrale-geschaeftsordnung.pdf)
<div> \
<a href="{{< value "phone" "landline_href" >}}"> [Hygienekonzept](/docs/dezentrale-hygienekonzept.pdf)
{{< value "phone" "landline_number" >}}
</a>
</div>
<div>
<a href="{{< value "phone" "mobile_href" >}}">
{{< value "phone" "mobile_number" >}}
</a>
</div>
</div>
<div class="pure-u-1-2 centered">
<h3>Listen</h3>
<div>
<a href="{{< value "links" "lists_href" >}}">
{{< value "links" "lists_name" >}}
</a>
</div>
</div>
</div>
{{< /page_col >}}
{{< page_col centered >}}
<div class="pure-g"> ### Telefon
<div class="pure-u-1-2 centered">
<h3>Chat</h3> [{{< value "phone" "landline_number" >}}]({{< value "phone" "landline_href" >}})
<div> \
<a href="{{< value "chat" "matrix_space_href" >}}"> [{{< value "phone" "mobile_number" >}}]({{< value "phone" "mobile_href" >}})
{{< /page_col >}}
{{< page_col centered >}}
### Listen
[{{< value "links" "lists_name" >}}]({{< value "links" "lists_href" >}})
{{< /page_col >}}
{{< page_col centered >}}
### Chat
[
{{< value "chat" "matrix_space" >}} {{< value "chat" "matrix_space" >}}
— —
{{< value "chat" "matrix_server" >}} {{< value "chat" "matrix_server" >}}
</a> ]({{< value "chat" "matrix_space_href" >}})
</div> \
<div> [
<a href="{{< value "chat" "matrix_channel_href" >}}">
{{< value "chat" "matrix_channel" >}} {{< value "chat" "matrix_channel" >}}
— —
{{< value "chat" "matrix_server" >}} {{< value "chat" "matrix_server" >}}
</a> ]({{< value "chat" "matrix_channel_href" >}})
</div> {{< /page_col >}}
</div> {{< page_col centered >}}
<div class="pure-u-1-2 centered">
<h3>Adresse</h3> ### Adresse
<div>
<a href="{{< value "address" "osm_href" >}}"> [
{{< value "address" "street_number" >}} {{< value "address" "street_number" >}}
— —
{{< value "address" "zip_city" >}} {{< value "address" "zip_city" >}}
</a> ]({{< value "address" "osm_href" >}})
</div>
</div>
</div>
{{< /page_col >}}
<br> {{< /page_row >}}

8
layouts/shortcodes/page_col.html Normal file
View File

@ -0,0 +1,8 @@
{{- $content := .Inner }}
{{- if not $content }}
{{- errorf "missing content for column: %s" .Position }}
{{- end }}
{{- $centered := cond (default true (.Get "centered")) " centered" "" }}
<div class="pure-u-1-1 pure-u-md-1-2{{ $centered }}">
{{ markdownify $content }}
</div>

7
layouts/shortcodes/page_row.html Normal file
View File

@ -0,0 +1,7 @@
{{- $content := .Inner }}
{{- if not $content }}
{{- errorf "missing content for row: %s" .Position }}
{{- end }}
<div class="pure-g">
{{ markdownify $content }}
</div>