From 838b5a1cd240359a4d5a1dbb70ec11dcdb97f194 Mon Sep 17 00:00:00 2001 From: philipp lang Date: Wed, 9 Oct 2024 19:36:44 +0200 Subject: [PATCH] Update layout --- .gitignore | 1 + ...-kluft-aufnaeher.htm => service-kluft.htm} | 47 ++--- layouts/base.htm | 11 -- layouts/event.htm | 13 +- layouts/fliesstext.htm | 22 +-- layouts/friedenslicht.htm | 38 ---- layouts/home.htm | 13 +- layouts/sections.htm | 52 ------ layouts/stufen.htm | 41 ++--- meta/menus/mainmenu.yaml | 8 +- meta/static-pages.yaml | 28 +-- partials/button.htm | 17 ++ partials/facebookpagefeed/default.htm | 29 +++ partials/shared/foot.htm | 25 ++- partials/shared/head.htm | 3 - partials/shared/header.htm | 165 ++++++++---------- partials/ui/heading.htm | 8 + partials/ui/menulink.htm | 4 +- resources/css/app.css | 7 + resources/css/fonts.css | 17 ++ resources/fonts/arvo-v22-latin-regular.woff2 | Bin 0 -> 17300 bytes .../fonts/noto-sans-v36-latin-regular.woff2 | Bin 0 -> 13336 bytes resources/icons/chevron.svg | 36 ++++ resources/icons/dpsgstart.svg | 1 + resources/icons/facebook-slider.svg | 3 + resources/icons/facebook.svg | 1 + resources/icons/instagram.svg | 5 + resources/icons/menu.svg | 1 + tailwind.config.js | 23 ++- 29 files changed, 312 insertions(+), 307 deletions(-) rename content/static-pages/{service-kluft-aufnaeher.htm => service-kluft.htm} (53%) delete mode 100644 layouts/base.htm delete mode 100755 layouts/friedenslicht.htm delete mode 100644 layouts/sections.htm create mode 100755 partials/button.htm create mode 100644 partials/facebookpagefeed/default.htm create mode 100644 partials/ui/heading.htm create mode 100644 resources/css/fonts.css create mode 100644 resources/fonts/arvo-v22-latin-regular.woff2 create mode 100644 resources/fonts/noto-sans-v36-latin-regular.woff2 create mode 100644 resources/icons/chevron.svg create mode 100644 resources/icons/dpsgstart.svg create mode 100644 resources/icons/facebook-slider.svg create mode 100644 resources/icons/facebook.svg create mode 100644 resources/icons/instagram.svg create mode 100755 resources/icons/menu.svg diff --git a/.gitignore b/.gitignore index f598023..9fddc43 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ .DS_Store .idea node_modules +/assets/ diff --git a/content/static-pages/service-kluft-aufnaeher.htm b/content/static-pages/service-kluft.htm similarity index 53% rename from content/static-pages/service-kluft-aufnaeher.htm rename to content/static-pages/service-kluft.htm index ed64391..d051702 100755 --- a/content/static-pages/service-kluft-aufnaeher.htm +++ b/content/static-pages/service-kluft.htm @@ -1,19 +1,20 @@ [viewBag] title = "Kluft & Aufnäher" url = "/service/kluft-aufnaeher" -layout = "sections" +layout = "stufen" is_hidden = 0 navigation_hidden = 0 -sections[0][heading] = "Wie komme ich an eine Kluft?" -sections[0][content] = "

Die Kluft bestellst du in der Regel selbst direkt beim Rüsthaus in der für dich passenden Größe. Wir empfehlen die langärmlige Kluft, da sie für die meisten Zwecke besser geeignet ist als eine kurzärmlige.

+groups[0][header] = "Wie komme ich an eine Kluft?" +groups[0][content] = "

Die Kluft bestellst du in der Regel selbst direkt beim Rüsthaus in der für dich passenden Größe. Wir empfehlen die langärmlige Kluft, da sie für die meisten Zwecke besser geeignet ist als eine kurzärmlige.

Es gibt häufig auch günstigere Angebote von gebrauchten Kluften - z.B. bei Ebay Kleinanzeigen. Jedoch trägst du eine Kluft i.d.R. mehrere Jahre bis sie dir nicht mehr passt. Daher ist es auf jeden Fall eine gute Investition.

Du bekommst nur das Hemd in Blanko - also ohne Aufnäher und Halstuch. Wir empfehlen dir zudem, ein Standard-Aufnäher-Paket direkt bei uns zu kaufen nachdem du deine Kluft angeschafft hast. Mehr dazu weiter unten.

" -sections[0][subcontent] = "" -sections[0][image] = "" -sections[1][heading] = "Welche Aufnäher gehören auf die Kluft?" -sections[1][content] = "

Es gibt 6 Aufnäher, die standardmäßig auf jeder Kluft an vorgesehenen Positionen sein müssen. Dies wären die folgenden:

+groups[0][contact_mail] = "" +groups[0][align] = "right" +groups[0][image] = "" +groups[1][header] = "Welche Aufnäher gehören auf die Kluft?" +groups[1][content] = "

Es gibt 6 Aufnäher, die standardmäßig auf jeder Kluft an vorgesehenen Positionen sein müssen. Dies wären die folgenden:

" -sections[1][subcontent] = "

Du findest im Schaubild die passenden Aufnäher und die Positionen markiert. Diese Aufnäher kannst du (mit Ausnahme des Stufenabzeichens) als ein Paket direkt bei der Gruppenstunde bei uns vor Ort für 7.30 € kaufen. Melde dich dazu einfach bei deinem*r Gruppenleitenden. Das Stufenabzeichen gibt's hingegen beim Versprechen.

+ + +

Du findest im Schaubild die passenden Aufnäher und die Positionen markiert. Diese Aufnäher kannst du (mit Ausnahme des Stufenabzeichens) als ein Paket direkt bei der Gruppenstunde bei uns vor Ort für 7.30 € kaufen. Melde dich dazu einfach bei deinem*r Gruppenleitenden. Das Stufenabzeichen gibt's hingegen beim Versprechen.

Hier geht's zur Preisliste.

" -sections[1][image] = "/seiten/positionen.jpg" -sections[2][heading] = "Kann ich andere Aufnäher aufnähen?" -sections[2][content] = "

Es gibt noch viele andere bunte Abzeichen in jeglicher Form, die du auf Lagern erwerben, dir selbst zulegen oder auch mit anderen Pfadfinder*innen tauschen kannst.

+groups[1][contact_mail] = "" +groups[1][align] = "right" +groups[1][image] = "/seiten/positionen.jpg" +groups[2][header] = "Kann ich andere Aufnäher aufnähen?" +groups[2][content] = "

Es gibt noch viele andere bunte Abzeichen in jeglicher Form, die du auf Lagern erwerben, dir selbst zulegen oder auch mit anderen Pfadfinder*innen tauschen kannst.

Wo du die aufnähst ist völlig egal. Und auch die Menge an Aufnähern kannst du selbst bestimmen.

@@ -42,17 +46,18 @@ sections[2][content] = "

Es gibt noch viele andere bunte Abzeichen in jegliche

Spreche dazu einfach mit deinem*r Gruppenleitenden.

Wenn du Aufnäher gerne haben willst, die wir aber noch nicht haben, spreche uns auch gerne an.

" -sections[2][subcontent] = "" -sections[2][image] = "" -sections[3][heading] = "Wo bekomme ich das Halstuch / Stufenabzeichen her und wie viel kostet das?" -sections[3][content] = "

Das Halstuch und das Stufenabzeichen gibt es beim Versprechen. Dies wird in der Regel alle zwei Jahre abgelegt wenn ihr in eine neue Altersstufe aufsteigt.

+groups[2][contact_mail] = "" +groups[2][align] = "right" +groups[2][image] = "" +groups[3][header] = "Wo bekomme ich das Halstuch / Stufenabzeichen her und wie viel kostet das?" +groups[3][content] = "

Das Halstuch und das Stufenabzeichen gibt es beim Versprechen. Dies wird in der Regel alle zwei Jahre abgelegt wenn ihr in eine neue Altersstufe aufsteigt.

Die Kosten hierfür sind durch den Jahresbeitrag gedeckt, sodass ihr hierfür alle zwei Jahre ein Stufenabzeichen und ein Halstuch bekommt. Lediglich bei Verlust muss dieses nachgekauft werden. Der Halstuchknoten muss einmalig extra erworben werden, denn den behälst du i.d.R. ein Leben lang.

Außerdem kannst du bei uns unabhängig von deinem Stufen-Halstuch ein Stammeshalstuch zum Preis von 20 € erwerben.

" -sections[3][subcontent] = "" -sections[3][image] = "/seiten/halstuch.png" +groups[3][contact_mail] = "" +groups[3][align] = "right" +groups[3][image] = "/seiten/halstuch.png" header_image = "header/weinberg.jpg" -show_submenu = 1 -== -

Das beige Hemd was wir alle tragen wird "Kluft" genannt. Jeder Pfadfinder sollte eine Kluft besitzen. Daher gibt es hier eine kleine FAQ-Sektion zur Kluft.

\ No newline at end of file +show_submenu = 0 +== \ No newline at end of file diff --git a/layouts/base.htm b/layouts/base.htm deleted file mode 100644 index 4462e4e..0000000 --- a/layouts/base.htm +++ /dev/null @@ -1,11 +0,0 @@ -[headAssets] -== - - - {% partial 'shared/head' %} - - {% partial 'shared/header' %} - {% page %} - {% partial 'shared/footer' %} - - diff --git a/layouts/event.htm b/layouts/event.htm index 0719218..15ff660 100644 --- a/layouts/event.htm +++ b/layouts/event.htm @@ -6,14 +6,7 @@ code = "mainmenu" [staticMenu footmenu] code = "footmenu" == -{% partial 'site/head' logo='logos/wappen.png' header_image='header/weinberg.jpg' %} -

-
- {{'dpsgstart' | sprite('w-8 h-4 text-dpsgred mr-2')}} - - {{this.page.title}} - -
-

+{% partial 'shared/head' logo='logos/wappen.png' header_image='header/weinberg.jpg' %} +{% partial 'ui/heading' %} {% page %} -{% partial 'site/foot' %} +{% partial 'shared/foot' %} diff --git a/layouts/fliesstext.htm b/layouts/fliesstext.htm index 5ab2a70..dc1b427 100644 --- a/layouts/fliesstext.htm +++ b/layouts/fliesstext.htm @@ -10,23 +10,11 @@ code=mainmenu [staticMenu footmenu] code=footmenu == -{% partial 'site/head' logo='logos/wappen.png' %} -

-
- {{'dpsgstart' | sprite('w-8 h-4 text-dpsgred mr-2')}} - - {{this.page.title}} - -
-

-
- -
+{% partial 'shared/head' logo='logos/wappen.png' %} +{% partial 'ui/heading' %} +
+
{% page %}
-{% partial 'site/foot' %} +{% partial 'shared/foot' %} diff --git a/layouts/friedenslicht.htm b/layouts/friedenslicht.htm deleted file mode 100755 index 2c4ccb3..0000000 --- a/layouts/friedenslicht.htm +++ /dev/null @@ -1,38 +0,0 @@ -[staticPage] -useContent = 1 -default = 0 - -[secondmenu] - -[staticMenu mainmenu] -code = "mainmenu" - -[staticMenu footmenu] -code = "footmenu" - -[eventform] -== -{% partial 'site/head' logo='logos/friedenslicht.png' %} -

-
- {{'dpsgstart' | sprite('w-8 h-4 text-dpsgred mr-2')}} - - {{this.page.title}} - -
-

-
-
-
- {% page %} -
-
-

Anmeldung zur Friedenslicht-Aktion 2022

-
- {% component 'eventform' %} -
-
-
- -
-{% partial 'site/foot' %} diff --git a/layouts/home.htm b/layouts/home.htm index ec977f4..1941109 100755 --- a/layouts/home.htm +++ b/layouts/home.htm @@ -15,21 +15,14 @@ logo = "logos/facebook-slider.png" code=footmenu == {% partial 'shared/head' logo='logos/wappen.png' %} -

-
- {{'dpsgstart' | sprite('w-8 h-4 text-dpsgred mr-2')}} - - {{this.page.title}} - -
-

+{% partial 'ui/heading' %}
-
+
{% page %}
-

Neuigkeiten

+

Neuigkeiten

{% component 'facebookpagefeed' %}
diff --git a/layouts/sections.htm b/layouts/sections.htm deleted file mode 100644 index ac5080e..0000000 --- a/layouts/sections.htm +++ /dev/null @@ -1,52 +0,0 @@ -[staticPage] -useContent = 1 -default = 0 - -[secondmenu] - -[staticMenu mainmenu] -code=mainmenu - -[staticMenu footmenu] -code=footmenu -== -{% partial 'site/head' logo='logos/wappen.png' %} -

-
- {{'dpsgstart' | sprite('w-8 h-4 text-dpsgred mr-2')}} - - {{this.page.title}} - -
-

-
- -
-
- {% page %} -
- {repeater name="sections" tab="Sektionen" prompt="Neue Sektion"} - -

{{fields.heading}}

-
-
{{fields.content | raw}}
- {% if fields.image %} -
- -
- {% endif %} -
-
{{fields.subcontent | raw}}
- {/repeater} -
-
-{% partial 'site/foot' %} diff --git a/layouts/stufen.htm b/layouts/stufen.htm index 1212766..c6ef2f1 100644 --- a/layouts/stufen.htm +++ b/layouts/stufen.htm @@ -10,38 +10,33 @@ code=mainmenu [staticMenu footmenu] code=footmenu == -{% partial 'site/head' logo='logos/wappen.png' %} -

-
- {{'dpsgstart' | sprite('w-8 h-4 text-dpsgred mr-2')}} - - {{this.page.title}} - -
-

+{% partial 'shared/head' logo='logos/wappen.png' %} +{% partial 'ui/heading' %} +
{% page %} - {repeater name="groups" tab="Gruppen" prompt="Neuer Eintrag"} +
+

{text name="header" label="Überschrift"}{/text}

+ {{html_email(fields.contact_mail)}} +
+
+
+
{richeditor name="content" label="Inhalt" hidden}{/richeditor}
+
+ {% if fields.image %} +
+ +
+ {% endif %} +
-
-
-
-

{text name="header" label="Überschrift"}{/text}

- {{html_email(fields.contact_mail)}} -
-
{richeditor name="content" label="Inhalt" hidden}{/richeditor}
-
-
- -
-
{/repeater}
-{% partial 'site/foot' %} +{% partial 'shared/foot' %} diff --git a/meta/menus/mainmenu.yaml b/meta/menus/mainmenu.yaml index 8915076..a80d11e 100755 --- a/meta/menus/mainmenu.yaml +++ b/meta/menus/mainmenu.yaml @@ -148,10 +148,8 @@ items: title: 'Kluft & Aufnäher' nesting: 0 type: static-page - url: null code: '' - reference: service-kluft-aufnaeher - cmsPage: null + reference: service-kluft replace: 0 viewBag: isHidden: '0' @@ -172,9 +170,13 @@ items: isExternal: '0' - title: Anmeldung + nesting: false type: cms-page + url: null code: '' reference: event-index + cmsPage: null + replace: false viewBag: isHidden: '0' cssClass: '' diff --git a/meta/static-pages.yaml b/meta/static-pages.yaml index 2a9445a..5ef65da 100755 --- a/meta/static-pages.yaml +++ b/meta/static-pages.yaml @@ -1,17 +1,17 @@ static-pages: - index: { } + index: {} stamm: - stamm-geschichte: { } - stamm-dpsg: { } - stamm-gemeinde-und-pfarrverband: { } - stamm-bezirk-bergisch-land: { } - stamm-pfadfindergesetz: { } - kontakt: { } - stufen: { } + stamm-geschichte: {} + stamm-dpsg: {} + stamm-gemeinde-und-pfarrverband: {} + stamm-bezirk-bergisch-land: {} + stamm-pfadfindergesetz: {} + kontakt: {} + stufen: {} service: - service-anmeldung: { } - service-kluft-aufnaeher: { } - service-materialverleih: { } - service-wichtige-downloads: { } - datenschutzerklaerung: { } - impressum: { } + service-anmeldung: {} + service-materialverleih: {} + service-kluft: {} + service-wichtige-downloads: {} + datenschutzerklaerung: {} + impressum: {} diff --git a/partials/button.htm b/partials/button.htm new file mode 100755 index 0000000..58287f0 --- /dev/null +++ b/partials/button.htm @@ -0,0 +1,17 @@ +description = "Button" + +[viewBag] +snippetCode = "button" +snippetName = "Button" +snippetProperties[href][title] = "href" +snippetProperties[href][type] = "string" +snippetProperties[href][default] = "" +snippetProperties[href][options][] = "" +snippetProperties[label][title] = "label" +snippetProperties[label][type] = "string" +snippetProperties[label][default] = "" +snippetProperties[label][options][] = "" +== + +{{label}} + diff --git a/partials/facebookpagefeed/default.htm b/partials/facebookpagefeed/default.htm new file mode 100644 index 0000000..deca461 --- /dev/null +++ b/partials/facebookpagefeed/default.htm @@ -0,0 +1,29 @@ +
+ +
+ {% for post in __SELF__.posts %} + + {% if post.featuredImage %} + + {% endif %} +
+ {% if __SELF__.logo %} + +
+ {% endif %} +
{{post.created_at | human}}
+
+
+ {{post.intro}} … +
+
+ {% partial 'ui/sprite' icon=post.page.icon class='w-6 h-6 mr-3 fill-current text-sky-700' %} + Beitrag anschauen +
+ + {% endfor %} +
+
+ diff --git a/partials/shared/foot.htm b/partials/shared/foot.htm index 396a33d..4d98c28 100644 --- a/partials/shared/foot.htm +++ b/partials/shared/foot.htm @@ -2,24 +2,33 @@ == -