Wooohaaa! Look! I did magic: I converted a list into a table. How beautiful ist that?

This commit is contained in:
Reto Bollinger 2024-11-19 12:16:08 +01:00
parent 17fdb4f3be
commit 4a6b860432
8 changed files with 92 additions and 8 deletions

View file

@ -39,21 +39,31 @@ div.page,footer,header {
} }
div.page { div.page {
color: #6c7d8c color: #6c7d8c;
} }
div.page>div.inner_page,footer>div.inner_footer,header>div.inner_header { div.page>div.inner_page,footer>div.inner_footer,header>div.inner_header {
padding: 20px 30px padding: 20px 30px;
} }
div.inner_page>* { div.inner_page > * {
margin: 0 margin: 0;
padding:0 ;
} }
body,div.page h1,div.page h2,div.page h3,div.page h4,div.page h5,div.page h6 {
color: #5d5d5d body,div.page h1, div.page h2, div.page h3, div.page h4, div.page h5, div.page h6 {
color: #5d5d5d;
padding: 20px 30px;
margin: 0;
} }
body,div.inner_page h1, div.inner_page h2, div.inner_page h3, div.inner_page h4, div.inner_page h5, div.inner_page h6 {
color: #5d5d5d;
padding: 0;
}
div.inner_page { div.inner_page {
position: relative; position: relative;
top: 0; top: 0;
@ -109,6 +119,62 @@ div.page {
width: 283.66px width: 283.66px
} }
.termine *{
box-sizing: border-box;
}
.termine ul {
list-style: none;
padding: 0;
margin: 0;
}
.termine li {
display: flex;
margin-bottom: 10px;
}
.termine ul > li {
font-weight: bold;
width: 1000px;
}
.termine ul > li > div {
width: 500px;
font-size: 0.75vw;
}
.termine ul > li > ul > li {
width: 175px;
}
.termine ul > li > ul > li:nth-child(1){
width: 250px;
}
.termine ul > li > ul > li:nth-child(2){
width: 75px;
}
.termine ul > li > ul {
display: flex;
padding-left: 0;
margin-left: 0;
}
.termine ul > li > ul > li {
margin-right: 0;
}
.termine ul > li > ul > li > div{
font-size: 0.75vw;
}
@media (max-width:768px) { @media (max-width:768px) {
header h1 { header h1 {
font-size: 3.15vw font-size: 3.15vw

View file

@ -34,3 +34,5 @@ Ob im Training oder an Schützenfesten, überall sind Mitglieder des Pistolenclu
| **2010** | | Einbau künstliche Kugelfänge System Leu + Helfenstein.<br>Umbau 50m Zugscheibenanlage von System Schmalz Uster auf System Leu + Helfenstein.<br>Einbau neuer Motoren und Steuerung. | | **2010** | | Einbau künstliche Kugelfänge System Leu + Helfenstein.<br>Umbau 50m Zugscheibenanlage von System Schmalz Uster auf System Leu + Helfenstein.<br>Einbau neuer Motoren und Steuerung. |
| | | | | | | |
| **2015** | | Einbau Schallschutzwände standseitig und Verkleidung der Hochblende mit Schalldämmplatten. | | **2015** | | Einbau Schallschutzwände standseitig und Verkleidung der Hochblende mit Schalldämmplatten. |
---
_template: page.html

View file

@ -53,3 +53,6 @@ body:
* <div>18:00</div>&nbsp; * <div>18:00</div>&nbsp;
* <div>&nbsp;</div>&nbsp; * <div>&nbsp;</div>&nbsp;
---
_template: termine_page.html

View file

@ -12,3 +12,5 @@ body:
| **Müller Konrad** | 1. Schützenmeister | schiesswesen@pc-stammertal.ch | | **Müller Konrad** | 1. Schützenmeister | schiesswesen@pc-stammertal.ch |
| **Bollinger Reto** | Schützenmeister, Beisitz | beisitz@pc-stammertal.ch | | **Bollinger Reto** | Schützenmeister, Beisitz | beisitz@pc-stammertal.ch |
| **Horvath Richard** | Schützenmeister, Fähnrich, Standwart | infrastruktur@pc-stammertal.ch | | **Horvath Richard** | Schützenmeister, Fähnrich, Standwart | infrastruktur@pc-stammertal.ch |
---
_template: page.html

View file

@ -1,8 +1,8 @@
{% extends "layout.html" %} {% extends "layout.html" %}
{% block title %}{{ this.title }}{% endblock %} {% block title %}{{ this.title }}{% endblock %}
{% block body %} {% block body %}
<div class="inner_page">
<h2>{{ this.title }}</h2> <h2>{{ this.title }}</h2>
<div class="inner_page">
{{ this.body }} {{ this.body }}
</div> </div>
{% endblock %} {% endblock %}

View file

@ -0,0 +1,8 @@
{% extends "layout.html" %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}
<h2>{{ this.title }}</h2>
<div class="inner_page termine">
{{ this.body }}
</div>
{% endblock %}

View file

@ -4,5 +4,5 @@
<div class="inner_page bgimage"> <div class="inner_page bgimage">
<h2>{{ this.title }}</h2> <h2>{{ this.title }}</h2>
{{ this.body }} {{ this.body }}
</div> </div>
{% endblock %} {% endblock %}

View file

@ -78,3 +78,6 @@ echo "$ICS_DATA" | awk 'BEGIN{FS=":"}
}' | awk -v today="$TODAY" 'substr($1,1,8) >= today' | sort | cut -d " " -f 2- | sed 's@</div>@</div>\&nbsp;\n@g' | sed '/^$/d' }' | awk -v today="$TODAY" 'substr($1,1,8) >= today' | sort | cut -d " " -f 2- | sed 's@</div>@</div>\&nbsp;\n@g' | sed '/^$/d'
echo "" echo ""
echo "---"
echo "_template: termine_page.html"
echo ""