From c74eb9699ce5ecc55d3417068cf4d8a298d8aa24 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 00:07:03 +0100 Subject: [PATCH 01/19] Basic styling for mobile view on blog fixed --- themes/tsc_vfl/assets/css/main.scss | 57 +++++++++++++++++++++++++---- 1 file changed, 49 insertions(+), 8 deletions(-) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index 1ed6d50..02dce54 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -18,6 +18,12 @@ $gap_columns_persons: 25px; } } +@mixin media-large { + @media screen and (min-width: 700px) { + @content; + } +} + /* main styling */ body { @@ -50,16 +56,24 @@ h1 { #header { border-bottom: 2px solid rgba(173,173,173,.5); margin: 0 auto 30px; + width: 100%; > .logo-row { display: flex; justify-content: space-between; + width: 100%; .logo { - margin: 15px 0 10px 30px; + margin: 15px 30px 10px 30px; + img { + max-width: 100%; + } } .logo-vfl { margin: 12px 45px 0 0; + img { + max-width: 100%; + } } } @@ -67,7 +81,11 @@ h1 { width: calc(100% - 60px); // visibility: hidden; // height: 250px; - display: flex; + display: none; + + @include media-large() { + display: flex; + } padding: 0 10px; border-right: 20px solid $color_red; border-left: 20px solid $color_red; @@ -124,6 +142,11 @@ h1 { margin: 5px auto 0; font: 1.5em 'Open Sans Condensed', sans-serif; + display: none; + @include media-large() { + display: block; + } + nav { display: flex; height: 100%; @@ -146,9 +169,12 @@ h1 { > .left-side { flex: auto 0 0; - display: flex; flex-direction: column; margin-right: 40px; + display: none; + @include media-large() { + display: flex; + } .announcements { margin-top: 20px; @@ -204,6 +230,7 @@ h1 { #content { flex: 100% 0 1; text-align: justify; + max-width: 100%; table { width: 100%; @@ -383,10 +410,13 @@ h1 { } .news-blog { + max-width: 100%; .blog-entry { + max-width: 100%; .header { - + max-width: 100%; margin: 5px 0 10px; + text-align: left; a { font-size: larger; } @@ -395,6 +425,10 @@ h1 { display: flex; // min-height: 240px; margin-right: 2px; + flex-direction: column; + @include media-large(){ + flex-direction: row; + } .teaser-image { flex: 33% 1 0; @@ -432,11 +466,18 @@ h1 { .pagination { display: flex; list-style: none; + padding: 0; + max-width: 400px; + margin: auto; .page-item { - padding: 0px 5px; - a { - padding: 10px 20px; - display: inline-block; + flex: auto 1 0; + margin: 5px; + .page-link { + display: block; + text-align: center; + width: 100%; + height: 100%; + padding: 5px 0; } } From a0e42dd7cc55861b855f67d28a2af00d978b336d Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 00:07:18 +0100 Subject: [PATCH 02/19] Removed background from blog layout --- themes/tsc_vfl/assets/css/main.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index 02dce54..1cb5309 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -432,7 +432,6 @@ h1 { .teaser-image { flex: 33% 1 0; - background-color: lightcyan; img { width: 90%; From 1ab1a7b084c1f261c89e54947b40963a284b4915 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 10:41:22 +0100 Subject: [PATCH 03/19] By default publish the server result locally in the network for testing with real devices --- Makefile | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/Makefile b/Makefile index ed949f7..e201996 100644 --- a/Makefile +++ b/Makefile @@ -1,5 +1,6 @@ HUGO_PARAMS = DEV_PARAMS = -D +SERVER_PARAMS = --bind 0.0.0.0 all: @@ -10,10 +11,10 @@ dev: hugo ${HUGO_PARAMS} ${DEV_PARAMS} server: - hugo server ${HUGO_PARAMS} + hugo server ${HUGO_PARAMS} ${SERVER_PARAMS} dev-server: - hugo server ${HUGO_PARAMS} ${DEV_PARAMS} + hugo server ${HUGO_PARAMS} ${SERVER_PARAMS} ${DEV_PARAMS} tarball: build tar czf page.tar.gz -C public . From f477fa54501e8f4b79ee1ac5b4174bf5fdfb6b2d Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 10:42:21 +0100 Subject: [PATCH 04/19] Create basic structure for mobile menu in HTML DOM --- themes/tsc_vfl/layouts/_default/baseof.html | 4 ++++ themes/tsc_vfl/layouts/partials/page/header.html | 1 + themes/tsc_vfl/layouts/partials/page/mobile-menu.html | 6 ++++++ 3 files changed, 11 insertions(+) create mode 100644 themes/tsc_vfl/layouts/partials/page/mobile-menu.html diff --git a/themes/tsc_vfl/layouts/_default/baseof.html b/themes/tsc_vfl/layouts/_default/baseof.html index 4258d02..0a7b0d0 100644 --- a/themes/tsc_vfl/layouts/_default/baseof.html +++ b/themes/tsc_vfl/layouts/_default/baseof.html @@ -17,6 +17,10 @@ {{- block "main" . -}}{{- end -}} +
+ + {{- partial "page/mobile-menu" . -}} +
{{- partial "page/footer.html" . -}} + Menu diff --git a/themes/tsc_vfl/layouts/partials/page/mobile-menu.html b/themes/tsc_vfl/layouts/partials/page/mobile-menu.html new file mode 100644 index 0000000..34e9403 --- /dev/null +++ b/themes/tsc_vfl/layouts/partials/page/mobile-menu.html @@ -0,0 +1,6 @@ +{{ range .Site.Menus.main }} +
{{ .Title }}
+{{ range .Children }} +
{{ .Title }}
+{{ end }} +{{ end }} From 02d17099a4710f63b775cfc79efde9a2f253544d Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 10:42:50 +0100 Subject: [PATCH 05/19] Extract horizontal line color in variable --- themes/tsc_vfl/assets/css/main.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index 1cb5309..f5c9ced 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -2,6 +2,7 @@ $total_width: 95%; $color_red: #cd1013; +$color_background_mobile_menu_header: #e0e0e0; $gap_columns_persons: 25px; @@ -293,7 +294,7 @@ h1 { padding: 4px 10px 0; display: flex; justify-content: space-between; - border-top: 1px solid #a5a5a5; + border-top: 1px solid $color_hor_line; .first-entry { font: 1em 'Open Sans Condensed', sans-serif; From 85527b4467d649586628141b4e8b04aae0b16e5a Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 10:44:26 +0100 Subject: [PATCH 06/19] Create styles for mobile menu --- themes/tsc_vfl/assets/css/main.scss | 64 +++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index f5c9ced..14ff107 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -2,7 +2,9 @@ $total_width: 95%; $color_red: #cd1013; +$color_background_mobile_menu: #f5f5f5; $color_background_mobile_menu_header: #e0e0e0; +$color_hor_line: #a5a5a5; $gap_columns_persons: 25px; @@ -487,6 +489,68 @@ h1 { } } +.mobile-menu { + display: flex; + flex-wrap: wrap; + width: 100%; + margin: 30px 0; + padding: 30px 5% 0 5%; + box-sizing: border-box; + + @include media-large() { + display: none; + } + + border-top: 1px solid $color_hor_line; + + + .level-1 { + width: 100%; + + a { + background-color: $color_background_mobile_menu_header; + } + } + .level-2 { + width: 50%; + + a { + background-color: $color_background_mobile_menu; + } + } + .level-1, .level-2 { + display: flex; + padding: 3px; + box-sizing: border-box; + + a { + width: 100%; + height: 100%; + padding: 5px; + box-sizing: border-box; + @include menu-style(); + + &.active { + color: white; + background-color: $color_red; + } + } + } +} + +.mobile-menu-link { + display: block; + border: 1px solid black; + width: max-content; + padding: 5px 75px 5px 15px; + margin: 5px 0 5px 20px; + @include menu-style(); + + @include media-large() { + display: none; + } +} + .announcement-list { .entry { margin: 0 30px; From 2af99042cd6fa0a94efc0cb518b9e0128d95218b Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 10:54:15 +0100 Subject: [PATCH 07/19] Prevent aligned content in headings --- themes/tsc_vfl/assets/css/main.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index 14ff107..71e10a1 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -280,6 +280,10 @@ h1 { max-width: 100%; } + h1, h2 h3, h4, h5, h6 { + text-align: left; + } + .to-top { margin: 45px 0 0; } From 60c76c5e7852ddfb7a73eb3a5315bc28b20de877 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 10:54:37 +0100 Subject: [PATCH 08/19] Fix with of images in news (single images) --- themes/tsc_vfl/layouts/shortcodes/tsc/news/inline-float.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/tsc_vfl/layouts/shortcodes/tsc/news/inline-float.html b/themes/tsc_vfl/layouts/shortcodes/tsc/news/inline-float.html index 5fd9544..08e5d46 100644 --- a/themes/tsc_vfl/layouts/shortcodes/tsc/news/inline-float.html +++ b/themes/tsc_vfl/layouts/shortcodes/tsc/news/inline-float.html @@ -8,7 +8,7 @@ {{ $resource := .Page.Resources.Get $filename -}} src="{{ $resource.RelPermalink }}" style=" - {{- with .Get "width" -}}max-width: {{.}}px;{{- end -}} + {{- with .Get "width" -}}width: {{.}}px;{{- end -}} " > {{ with .Get "href" }} From 08513e79d33fa1b88cb46f8ef880130619fb28bc Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 11:39:19 +0100 Subject: [PATCH 09/19] Clean some comments from SCSS --- themes/tsc_vfl/assets/css/main.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index 71e10a1..de04bcd 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -461,9 +461,6 @@ h1 { text-align: right; } } - // .teaser-image, .intro { - // display: ; - // } } From b3c46080af0bdce0c93cf1d4ecf4658e49c6c6f3 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 11:53:26 +0100 Subject: [PATCH 10/19] Handle galleries view in news in mobile --- themes/tsc_vfl/assets/css/main.scss | 26 +++++++++++++++++--------- 1 file changed, 17 insertions(+), 9 deletions(-) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index de04bcd..7d8ca0d 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -373,6 +373,10 @@ h1 { padding: 10px; flex: 30% 0 0; // height: 30%; + + img { + max-width: 100%; + } } } } @@ -572,18 +576,22 @@ h1 { align-items: center; justify-items: center; - &.cols-2 { - grid-template-columns: 1fr 1fr; - } - &.cols-3 { - grid-template-columns: 1fr 1fr 1fr; - } - &.cols-4 { - grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr; + + @include media-large() { + &.cols-2 { + grid-template-columns: 1fr 1fr; + } + &.cols-3 { + grid-template-columns: 1fr 1fr 1fr; + } + &.cols-4 { + grid-template-columns: 1fr 1fr 1fr 1fr; + } } .tsc-gallery-img { - margin: 20px; + margin: 5px 0; } } From 7642b6ac2942fc4d547726aba9f676c5a9edf3ef Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 11:53:49 +0100 Subject: [PATCH 11/19] Handle video content for mobile views --- themes/tsc_vfl/assets/css/main.scss | 8 ++++++++ .../layouts/shortcodes/tsc/news/internal-video.html | 1 + .../layouts/shortcodes/tsc/news/youtube-video.html | 3 ++- 3 files changed, 11 insertions(+), 1 deletion(-) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index 7d8ca0d..d19d11f 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -595,6 +595,14 @@ h1 { } } +.youtube-video { + max-width: 100%; +} + +.internal-video { + max-width: 100%; +} + :root { --color-vhvorne: #ddcb55; --color-vhmitte: #c98879; diff --git a/themes/tsc_vfl/layouts/shortcodes/tsc/news/internal-video.html b/themes/tsc_vfl/layouts/shortcodes/tsc/news/internal-video.html index 5cdd47c..c908229 100644 --- a/themes/tsc_vfl/layouts/shortcodes/tsc/news/internal-video.html +++ b/themes/tsc_vfl/layouts/shortcodes/tsc/news/internal-video.html @@ -2,6 +2,7 @@ {{ with .Get "poster" }}poster="{{ . }}"{{ end }} {{ with .Get "width" }}width="{{ . }}"{{ end }} {{ with .Get "height" }}height="{{ . }}"{{ end }} +class="internal-video" > + allowfullscreen + class="youtube-video"> From f66e4aa19074b821cda3cedca64ee3dfae4d5ee9 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 12:51:52 +0100 Subject: [PATCH 12/19] Create mobile firndly archive Closes #22 --- content/page/aktuell/archiv/_index.md | 1 + themes/tsc_vfl/assets/css/main.scss | 46 ++++++++++++++ themes/tsc_vfl/layouts/_default/archive.html | 63 ++++++++++++++++++++ 3 files changed, 110 insertions(+) create mode 100644 themes/tsc_vfl/layouts/_default/archive.html diff --git a/content/page/aktuell/archiv/_index.md b/content/page/aktuell/archiv/_index.md index 86eab89..7c1bdfa 100644 --- a/content/page/aktuell/archiv/_index.md +++ b/content/page/aktuell/archiv/_index.md @@ -3,6 +3,7 @@ title: "Archiv" date: 2023-01-20T16:27:40+01:00 draft: false # type: home +layout: archive menu: main: weight: 4 diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index d19d11f..64da93d 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -27,6 +27,12 @@ $gap_columns_persons: 25px; } } +@mixin mouse-available { + @media screen and (pointer: fine) { + @content; + } +} + /* main styling */ body { @@ -630,6 +636,46 @@ h1 { } } +.archive-short-links { + display: flex; + flex-direction: row; + flex-wrap: wrap; + padding: 0; + + li { + display: block; + padding: 5px; + } +} + +.archive-year-list { + display: flex; + margin: 5px 0; + align-items: baseline; + + @include mouse-available() { + margin: 0; + } + + .date { + font-weight: bold; + // height: 100%; + } + .title { + margin: 0 0 0 10px; + text-align: left; + + a { + display: block; + padding: 6.5px 0; + + @include mouse-available() { + padding: 3px 0; + } + } + } +} + @font-face{ font-family: 'Open Sans Condensed'; font-style: normal; diff --git a/themes/tsc_vfl/layouts/_default/archive.html b/themes/tsc_vfl/layouts/_default/archive.html new file mode 100644 index 0000000..90e692c --- /dev/null +++ b/themes/tsc_vfl/layouts/_default/archive.html @@ -0,0 +1,63 @@ +{{ define "main" }} + +

{{ .Title }}

+ + {{ $archiveGroups := (( where .Site.RegularPages "Section" "==" "news").GroupByDate "2006" ) }} +
    + {{ range $archiveGroups }} +
  • {{ .Key }}
    • + {{ end }} +
+ + {{ range $archiveGroups }} +

{{ .Key }}

+ {{ range .Pages.ByDate.Reverse }} +
+
{{ .Date.Format "02.01.2006" }}
+
+ + {{ .Title }} + +
+
+ {{ end }} +
+ [Zurück] +
+ {{ end }} + + {{ partial "totop" }} +{{ end }} + From 6710562ea7bedbdd55a71aee4f1b7bb623808062 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 12:52:08 +0100 Subject: [PATCH 13/19] Reduce amount of blog entries not in the archive --- themes/tsc_vfl/layouts/_default/home.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/tsc_vfl/layouts/_default/home.html b/themes/tsc_vfl/layouts/_default/home.html index 84a11b3..310a6d8 100644 --- a/themes/tsc_vfl/layouts/_default/home.html +++ b/themes/tsc_vfl/layouts/_default/home.html @@ -3,7 +3,7 @@

{{ .Title }}

- {{ range (.Paginate (first 200 ( where .Site.RegularPages "Section" "==" "news")) 10 ).Pages }} + {{ range (.Paginate (first 30 ( where .Site.RegularPages "Section" "==" "news")) 10 ).Pages }} {{ $urlBlogEntry := .RelPermalink}}
From 19d939edd238085e617b76431e3f5662d8616710 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 13:00:47 +0100 Subject: [PATCH 14/19] Clean up archive layout --- themes/tsc_vfl/layouts/_default/archive.html | 34 -------------------- 1 file changed, 34 deletions(-) diff --git a/themes/tsc_vfl/layouts/_default/archive.html b/themes/tsc_vfl/layouts/_default/archive.html index 90e692c..a6b4ecf 100644 --- a/themes/tsc_vfl/layouts/_default/archive.html +++ b/themes/tsc_vfl/layouts/_default/archive.html @@ -25,39 +25,5 @@ [Zurück]
{{ end }} - - {{ partial "totop" }} {{ end }} From 46aa612ed510b75f58f7a836d3171ddde9c5e60b Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 14:17:52 +0100 Subject: [PATCH 15/19] MAke officials mobile aware --- themes/tsc_vfl/assets/css/main.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index 64da93d..e17c224 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -395,7 +395,10 @@ h1 { } .person { - width: calc(50% - #{$gap_columns_persons} / 2); + width: 100%; + @include media-large() { + width: calc(50% - #{$gap_columns_persons} / 2); + } height: 80px; // margin: 10px 25px 10px 0; display: flex; @@ -656,7 +659,7 @@ h1 { @include mouse-available() { margin: 0; } - + .date { font-weight: bold; // height: 100%; From 8d41136787b60997c9479c6fb3e5947ed0f0ace0 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 14:18:17 +0100 Subject: [PATCH 16/19] Make the list of rooms mobile aware --- content/page/club/raeume/index.md | 16 ++++++++++---- themes/tsc_vfl/assets/css/main.scss | 21 +++++++++++++++++++ .../layouts/shortcodes/tsc/rooms/address.html | 1 + .../layouts/shortcodes/tsc/rooms/image.html | 4 ++++ .../layouts/shortcodes/tsc/rooms/room.html | 1 + 5 files changed, 39 insertions(+), 4 deletions(-) create mode 100644 themes/tsc_vfl/layouts/shortcodes/tsc/rooms/address.html create mode 100644 themes/tsc_vfl/layouts/shortcodes/tsc/rooms/image.html create mode 100644 themes/tsc_vfl/layouts/shortcodes/tsc/rooms/room.html diff --git a/content/page/club/raeume/index.md b/content/page/club/raeume/index.md index e7b1aff..8fbfe42 100644 --- a/content/page/club/raeume/index.md +++ b/content/page/club/raeume/index.md @@ -10,10 +10,14 @@ menu: ## Vereinsheim vorne und mitte +{{< tsc/rooms/room >}} +{{< tsc/rooms/image image="vereinsheim.png" >}} +{{% tsc/rooms/address %}} Rudolf-Harbig-Str. 6 71063 Sindelfingen - -![Verinsheim vorne](vereinsheim.png) +{{% /tsc/rooms/address %}} +{{< /tsc/rooms/room >}} + Das Bild zeigt unsere zwei Trainingsräume im Vereinsheim mit geöffneter Trennwand. @@ -21,7 +25,11 @@ Abgeteilt in zwei Räume  "VH Mitte" und "VH Vorn" ## Neuer Saal "VH" neu" +{{< tsc/rooms/room >}} +{{< tsc/rooms/image image="VH_Neu.jpg" >}} +{{% tsc/rooms/address %}} Rudolf-Harbig-Str. 6 71063 Sindelfingen - -![Vereinsheim neu](VH_Neu.jpg) +{{% /tsc/rooms/address %}} +{{< /tsc/rooms/room >}} + diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index e17c224..fd1029b 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -612,6 +612,27 @@ h1 { max-width: 100%; } +.room { + .image { + max-width: 70%; + } + + @include media-large() { + display: flex; + align-items: start; + + .image { + flex: 50% 0 1; + } + .address { + margin-left: 10px; + } + p { + margin: 0; + } + } +} + :root { --color-vhvorne: #ddcb55; --color-vhmitte: #c98879; diff --git a/themes/tsc_vfl/layouts/shortcodes/tsc/rooms/address.html b/themes/tsc_vfl/layouts/shortcodes/tsc/rooms/address.html new file mode 100644 index 0000000..e600cbb --- /dev/null +++ b/themes/tsc_vfl/layouts/shortcodes/tsc/rooms/address.html @@ -0,0 +1 @@ +
{{ .Inner }}
diff --git a/themes/tsc_vfl/layouts/shortcodes/tsc/rooms/image.html b/themes/tsc_vfl/layouts/shortcodes/tsc/rooms/image.html new file mode 100644 index 0000000..fc22a6b --- /dev/null +++ b/themes/tsc_vfl/layouts/shortcodes/tsc/rooms/image.html @@ -0,0 +1,4 @@ +
+ {{ $resource := .Page.Resources.GetMatch (.Get "image") }} + +
diff --git a/themes/tsc_vfl/layouts/shortcodes/tsc/rooms/room.html b/themes/tsc_vfl/layouts/shortcodes/tsc/rooms/room.html new file mode 100644 index 0000000..abb815c --- /dev/null +++ b/themes/tsc_vfl/layouts/shortcodes/tsc/rooms/room.html @@ -0,0 +1 @@ +
{{ .Inner }}
From 164d114bfb57dda1af49d2b733c414eabff92d0b Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 15:53:59 +0100 Subject: [PATCH 17/19] Style iframe using normal SCSS --- themes/tsc_vfl/assets/css/main.scss | 7 +++++++ themes/tsc_vfl/layouts/shortcodes/tsc/iframe.html | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index fd1029b..ec7869e 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -700,6 +700,13 @@ h1 { } } +.iframe-generic { + display: block; + width: 100%; + height: 800px; + max-height: 75vh; +} + @font-face{ font-family: 'Open Sans Condensed'; font-style: normal; diff --git a/themes/tsc_vfl/layouts/shortcodes/tsc/iframe.html b/themes/tsc_vfl/layouts/shortcodes/tsc/iframe.html index 653f8b0..23fd61b 100644 --- a/themes/tsc_vfl/layouts/shortcodes/tsc/iframe.html +++ b/themes/tsc_vfl/layouts/shortcodes/tsc/iframe.html @@ -1 +1 @@ - + From 3a4f208914975795758b513c1cf7940903954d65 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 15:54:47 +0100 Subject: [PATCH 18/19] Fix type in CSS --- themes/tsc_vfl/assets/css/main.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index ec7869e..09de81b 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -286,7 +286,7 @@ h1 { max-width: 100%; } - h1, h2 h3, h4, h5, h6 { + h1, h2, h3, h4, h5, h6 { text-align: left; } From c2ef20b9851b0debd7ae852aca98abb333c07212 Mon Sep 17 00:00:00 2001 From: Christian Wolf Date: Sun, 7 Jan 2024 15:55:19 +0100 Subject: [PATCH 19/19] Make time tables responsive --- themes/tsc_vfl/assets/css/main.scss | 40 +++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss index 09de81b..231888e 100644 --- a/themes/tsc_vfl/assets/css/main.scss +++ b/themes/tsc_vfl/assets/css/main.scss @@ -700,6 +700,46 @@ h1 { } } +table.time { + // width: 100%; + display: flex; + flex-direction: column; + tr { + display: flex; + flex-direction: column; + width: 100%; + + td:nth-child(1) { + font-weight: bold; + } + + } + tr:first-child { + display: none; + } + + &.time-no-age { + td:nth-child(3)::before { + content: "Uhrzeit: "; + } + td:nth-child(4)::before { + content: "Ort: "; + } + } + + &.time-age { + td:nth-child(2)::before { + content: "Jahrgang: "; + } + td:nth-child(4)::before { + content: "Uhrzeit: "; + } + td:nth-child(5)::before { + content: "Ort: "; + } + } +} + .iframe-generic { display: block; width: 100%;