Skip to content
Snippets Groups Projects
Unverified Commit e3fae415 authored by Nik | Klampfradler's avatar Nik | Klampfradler
Browse files

Reformat templates

parent 4d4b70fc
No related branches found
No related tags found
No related merge requests found
Pipeline #193207 passed with warnings
Stage: test
Stage: build
Stage: deploy
Hide whitespace changes
Inline Side-by-side
Showing
with 346 additions and 346 deletions
templates/base.html
+ 27
− 27
View file @ e3fae415
{% if page -%}
{% set thing = page -%}
{% set thing = page -%}
{% elif section -%}
{% set thing = section -%}
{% set thing = section -%}
{% endif -%}
<!DOCTYPE html>
<html lang="{{ lang }}" data-theme="light" {% if current_path %}resource="https://www.teckids.org{{ current_path }}"{% endif %} typeof="{% block rdfa_type %}{{ thing.extra.microdata.type | default(value='schema:WebPage') }}{% endblock rdfa_type %}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="schema:publisher" href="https://teckids.org/" />
<meta property="schema:publisher" href="https://teckids.org/" />
{% block meta %}
<meta name="description" content="{{ thing.description | default(value=config.description) }}" />
<link rel="alternate" type="application/atom+xml" href="{{ get_url(path="atom.xml", trailing_slash=false) }}" />
<meta name="description" content="{{ thing.description | default(value=config.description) }}" />
<link rel="alternate" type="application/atom+xml" href="{{ get_url(path="atom.xml", trailing_slash=false) }}" />
{% endblock %}
{% block meta_extra %}{% endblock %}
{% block meta_extra %}{% endblock %}
{% block og %}
<meta property="og:site_name" content="{{ config.title }}" />
{% if thing %}
<meta property="og:title" content="{% block og_title %}{{ thing.title | default(value=config.title) }}{% endblock og_title %}" />
<meta property="og:description" content="{{ thing.description | default(value=config.description) }}" />
<meta property="og:type" content="{% block og_type %}{{ thing.extra.og.type | default(value='article') }}{% endblock og_type %}" />
<meta property="og:url" content="{% block og_url %}{{ thing.permalink | safe }}{% endblock og_url %}" />
{% if thing.extra.depiction %}
<meta property="og:image" content="{{ get_url(path="@/" ~ thing.relative_path, trailing_slash=true) }}{{ thing.extra.depiction.image | safe }}" /> <meta property="og:image:alt" content="{{ thing.extra.depiction.alt }}" />
{% elif config.extra.og.image %}
<meta property="og:image" content="{{ get_url(path=config.extra.og.image.url) }}" />
<meta property="og:image:alt" content="{{ config.extra.og.image.alt }}" />
<meta property="og:site_name" content="{{ config.title }}" />
{% if thing %}
<meta property="og:title" content="{% block og_title %}{{ thing.title | default(value=config.title) }}{% endblock og_title %}" />
<meta property="og:description" content="{{ thing.description | default(value=config.description) }}" />
<meta property="og:type" content="{% block og_type %}{{ thing.extra.og.type | default(value='article') }}{% endblock og_type %}" />
<meta property="og:url" content="{% block og_url %}{{ thing.permalink | safe }}{% endblock og_url %}" />
{% if thing.extra.depiction %}
<meta property="og:image" content="{{ get_url(path="@/" ~ thing.relative_path, trailing_slash=true) }}{{ thing.extra.depiction.image | safe }}" /> <meta property="og:image:alt" content="{{ thing.extra.depiction.alt }}" />
{% elif config.extra.og.image %}
<meta property="og:image" content="{{ get_url(path=config.extra.og.image.url) }}" />
<meta property="og:image:alt" content="{{ config.extra.og.image.alt }}" />
{% endif %}
{% if thing.extra.og.video %}
<meta property="og:video" content="{{ thing.extra.og.video.url }}" />
{% endif %}
{% endif %}
{% if thing.extra.og.video %}
<meta property="og:video" content="{{ thing.extra.og.video.url }}" />
{% endif %}
{% endif %}
{% endblock %}
<link rel="stylesheet" href="{{ get_url(path="fonts/roboto/index.css") }}" />
<link rel="stylesheet" href="{{ get_url(path="fonts/font-awesome/css/all.css") }}" />
<link rel="stylesheet" href="{{ get_url(path="style.css") }}" />
{% if thing.path %}
{% set local_style = get_url(path=thing.path ~ "/style.css") %}
{% if local_style is defined %}
<link rel="stylesheet" href="{{ local_style }}" />
{% endif %}
{% endif %}
{% if thing.path %}
{% set local_style = get_url(path=thing.path ~ "/style.css") %}
{% if local_style is defined %}
<link rel="stylesheet" href="{{ local_style }}" />
{% endif %}
{% endif %}
<title>{% block title %}{{ thing.title | default(value=config.title) }}{% endblock %}</title>
</head>
......
templates/blog/author_media.html
+ 20
− 20
View file @ e3fae415
<div class="media author-section is-flex" resource="{{ post.permalink }}" typeof="schema:BlogPosting">
<div class="media-left author-images is-align-self-center">
{% set authors_data = load_data(path="authors.json") -%}
{% for author in post.authors -%}
<figure class="image is-48x48 is-inline-block" property="schema:contributor" resource="https://teckids.org/authors/{{ author }}/" typeof="schema:Person">
{% set meta = get_image_metadata(path="authors/" ~ author ~ ".jpg", allow_missing=true) -%}
{% if meta -%}
{% set image = resize_image(path="authors/" ~ author ~ ".jpg", width=48, height=48) -%}
<img property="schema:image" class="is-rounded" src="{{ image.url }}" alt="Benutzerbild von {{ authors_data[post.authors.0].display_name }}" />
{% else -%}
<div class="is-flex is-fullheight">
<span class="fa-stack fa-lg is-block is-align-self-center">
<i class="fa-solid fa-circle fa-stack-2x"></i>
<i class="fa-solid fa-{{ author | truncate(length=1, end="") | lower() }} fa-stack-1x fa-inverse"></i>
</span>
</div>
{% endif -%}
</figure>
{% endfor %}
{% set authors_data = load_data(path="authors.json") -%}
{% for author in post.authors -%}
<figure class="image is-48x48 is-inline-block" property="schema:contributor" resource="https://teckids.org/authors/{{ author }}/" typeof="schema:Person">
{% set meta = get_image_metadata(path="authors/" ~ author ~ ".jpg", allow_missing=true) -%}
{% if meta -%}
{% set image = resize_image(path="authors/" ~ author ~ ".jpg", width=48, height=48) -%}
<img property="schema:image" class="is-rounded" src="{{ image.url }}" alt="Benutzerbild von {{ authors_data[post.authors.0].display_name }}" />
{% else -%}
<div class="is-flex is-fullheight">
<span class="fa-stack fa-lg is-block is-align-self-center">
<i class="fa-solid fa-circle fa-stack-2x"></i>
<i class="fa-solid fa-{{ author | truncate(length=1, end="") | lower() }} fa-stack-1x fa-inverse"></i>
</span>
</div>
{% endif -%}
</figure>
{% endfor %}
</div>
<ul class="media-content is-align-self-center">
<div class="title is-5">
{% for author in post.authors -%}
<span resource="https://teckids.org/authors/{{ author }}/" typeof="schema:Person" class="is-text-nowrap"><span property="schema:name">{{ authors_data[author].display_name }}</span></span>{% if not loop.last %}, {% endif %}
{% endfor %}
{% for author in post.authors -%}
<span resource="https://teckids.org/authors/{{ author }}/" typeof="schema:Person" class="is-text-nowrap"><span property="schema:name">{{ authors_data[author].display_name }}</span></span>{% if not loop.last %}, {% endif %}
{% endfor %}
</div>
</ul>
</div>
templates/blog/card.html
+ 32
− 32
View file @ e3fae415
<div class="card is-flex is-flex-direction-column is-fullheight is-justify-content-space-between" typeof="schema:BlogPosting" resource="{{ post.permalink }}" property="schema:blogPost">
<div class="card-image">
<a href="{{ post.permalink }}">
<figure class="image is-4by3">
{% set image = resize_image(path="@/" ~ post.colocated_path ~ "/" ~ post.extra.depiction.image, width=800, height=600) -%}
<img src="{{ image.url }}" alt="{{ post.extra.depiction.alt }}" />
{% if post.extra.depiction.credits %}
<figcaption class="p-1 has-text-white has-background-black is-size-7 is-italic">{{ post.extra.depiction.credits }}</figcaption>
{% endif %}
</figure>
</a>
</div>
<div class="card-content is-fullheight">
<a href="{{ post.permalink }}"><h3 class="title is-4" property="schema:headline">{{ post.title }}</h3></a>
<div class="content">
{% include "blog/meta_line.html" -%}
<span propery="schema:abstract">{{ post.summary | safe }}</span>
</div>
</div>
<div class="card-footer">
<div class="card-footer-item">
<div class="is-fullwidth">
{% include "blog/author_media.html" -%}
</div>
</div>
</div>
{% if post.extra.microdata.about %}
{% for about in post.extra.microdata.about %}
<meta property="schema:about" href="{{ about }}" />
{% endfor %}
{% endif %}
</div>
<div class="card is-flex is-flex-direction-column is-fullheight is-justify-content-space-between" typeof="schema:BlogPosting" resource="{{ post.permalink }}" property="schema:blogPost">
<div class="card-image">
<a href="{{ post.permalink }}">
<figure class="image is-4by3">
{% set image = resize_image(path="@/" ~ post.colocated_path ~ "/" ~ post.extra.depiction.image, width=800, height=600) -%}
<img src="{{ image.url }}" alt="{{ post.extra.depiction.alt }}" />
{% if post.extra.depiction.credits %}
<figcaption class="p-1 has-text-white has-background-black is-size-7 is-italic">{{ post.extra.depiction.credits }}</figcaption>
{% endif %}
</figure>
</a>
</div>
<div class="card-content is-fullheight">
<a href="{{ post.permalink }}"><h3 class="title is-4" property="schema:headline">{{ post.title }}</h3></a>
<div class="content">
{% include "blog/meta_line.html" -%}
<span propery="schema:abstract">{{ post.summary | safe }}</span>
</div>
</div>
<div class="card-footer">
<div class="card-footer-item">
<div class="is-fullwidth">
{% include "blog/author_media.html" -%}
</div>
</div>
</div>
{% if post.extra.microdata.about %}
{% for about in post.extra.microdata.about %}
<meta property="schema:about" href="{{ about }}" />
{% endfor %}
{% endif %}
</div>
templates/blog/overview.html
+ 21
− 21
View file @ e3fae415
......@@ -9,26 +9,26 @@
{% include "blog/section.html" %}
{% if paginator.number_pagers > 1 %}
<nav class="pagination is-centered section" role="navigation" aria-label="pagination">
<a href="{{ paginator.previous }}" class="pagination-previous">Vorherige</a>
<a href="{{ paginator.next }}" class="pagination-next">Nächste</a>
<ul class="pagination-list">
<li><a href="{{ paginator.first }}" class="pagination-link {% if paginator.current_index == 1 %}is-current{% endif %}" aria-label="Seite 1">1</a></li>
{% set range_start = paginator.current_index - 3 %}
{% if range_start < 2 %}{% set range_start = 2 %}{% endif %}
{% set range_end = paginator.current_index + 3 %}
{% if range_end > paginator.number_pagers - 1 %}{% set range_end = paginator.number_pagers - 1 %}{% endif %}
{% if range_start > 2 %}
<li><span class="pagination-ellipsis">&hellip;</span></li>
{% endif %}
{% for pn in range(start=range_start, end=range_end + 1) %}
<li><a href="{{ paginator.base_url ~ pn ~ "/" }}" class="pagination-link {% if pn == paginator.current_index %}is-current{% endif %}" aria-label="Seite {{ pn }}">{{ pn }}</a></li>
{% endfor %}
{% if range_end < paginator.number_pagers - 1 %}
<li><span class="pagination-ellipsis">&hellip;</span></li>
{% endif %}
<li><a href="{{ paginator.last }}" class="pagination-link {% if paginator.current_index == paginator.number_pagers %}is-current{% endif %}" aria-label="Seite {{ paginator.number_pagers }}">{{ paginator.number_pagers }}</a></li>
</ul>
</nav>
<nav class="pagination is-centered section" role="navigation" aria-label="pagination">
<a href="{{ paginator.previous }}" class="pagination-previous">Vorherige</a>
<a href="{{ paginator.next }}" class="pagination-next">Nächste</a>
<ul class="pagination-list">
<li><a href="{{ paginator.first }}" class="pagination-link {% if paginator.current_index == 1 %}is-current{% endif %}" aria-label="Seite 1">1</a></li>
{% set range_start = paginator.current_index - 3 %}
{% if range_start < 2 %}{% set range_start = 2 %}{% endif %}
{% set range_end = paginator.current_index + 3 %}
{% if range_end > paginator.number_pagers - 1 %}{% set range_end = paginator.number_pagers - 1 %}{% endif %}
{% if range_start > 2 %}
<li><span class="pagination-ellipsis">&hellip;</span></li>
{% endif %}
{% for pn in range(start=range_start, end=range_end + 1) %}
<li><a href="{{ paginator.base_url ~ pn ~ "/" }}" class="pagination-link {% if pn == paginator.current_index %}is-current{% endif %}" aria-label="Seite {{ pn }}">{{ pn }}</a></li>
{% endfor %}
{% if range_end < paginator.number_pagers - 1 %}
<li><span class="pagination-ellipsis">&hellip;</span></li>
{% endif %}
<li><a href="{{ paginator.last }}" class="pagination-link {% if paginator.current_index == paginator.number_pagers %}is-current{% endif %}" aria-label="Seite {{ paginator.number_pagers }}">{{ paginator.number_pagers }}</a></li>
</ul>
</nav>
{% endif %}
{% endblock %}
templates/blog/post.html
+ 17
− 17
View file @ e3fae415
......@@ -13,11 +13,11 @@
{% set blog_section = get_section(path="blog/_index.md") %}
{% set post = page -%}
<div class="columns mt-4">
<meta property="schema:isPartOf" href="{{ blog_section.permalink }}" />
<meta property="schema:isPartOf" href="{{ blog_section.permalink }}" />
{% if post.extra.microdata.about %}
{% for about in post.extra.microdata.about %}
<meta property="schema:about" href="{{ about }}" />
{% endfor %}
{% for about in post.extra.microdata.about %}
<meta property="schema:about" href="{{ about }}" />
{% endfor %}
{% endif %}
<div class="column is-three-quarters">
<div class="content" property="schema:articleBody">
......@@ -29,7 +29,7 @@
<div class="card-image">
<figure class="image is-4by3">
{% set image = resize_image(path="@/" ~ post.colocated_path ~ "/" ~ post.extra.depiction.image, width=800, height=600) -%}
<img src="{{ image.url }}" alt="{{ post.extra.depiction.alt }}" property="schema:thumbnailUrl" />
<img src="{{ image.url }}" alt="{{ post.extra.depiction.alt }}" property="schema:thumbnailUrl" />
{% if post.extra.depiction.credits %}
<figcaption class="p-1 has-text-white has-background-black is-size-7 is-italic">{{ post.extra.depiction.credits }}</figcaption>
{% endif %}
......@@ -46,18 +46,18 @@
</div>
<nav class="panel is-light mt-6">
<p class="panel-heading">Weitere Posts dazu</p>
{% for kind, terms in page.taxonomies %}
{% for term in terms %}
{% set taxonomy = get_taxonomy_term(kind=kind, term=term) %}
{% set posts = taxonomy.pages | filter(attribute="date") %}
{% if posts %}
<p class="panel-block subtitle is-7">{{ kind | title }}: {{ term }}</p>
{% for post in posts | slice(end=5) %}
<a class="panel-block" href="{{ post.permalink }}">{{ post.title}}</a>
{% endfor %}
{% endif %}
{% endfor %}
{% endfor %}
{% for kind, terms in page.taxonomies %}
{% for term in terms %}
{% set taxonomy = get_taxonomy_term(kind=kind, term=term) %}
{% set posts = taxonomy.pages | filter(attribute="date") %}
{% if posts %}
<p class="panel-block subtitle is-7">{{ kind | title }}: {{ term }}</p>
{% for post in posts | slice(end=5) %}
<a class="panel-block" href="{{ post.permalink }}">{{ post.title}}</a>
{% endfor %}
{% endif %}
{% endfor %}
{% endfor %}
</div>
</div>
</div>
......
templates/blog/tag_line.html
+ 6
− 6
View file @ e3fae415
<div class="tags">
{% for kind, terms in post.taxonomies %}
{% for term in terms %}
<span class="tag">{{ term }}</span>
{% endfor %}
<div class="tags">
{% for kind, terms in post.taxonomies %}
{% for term in terms %}
<span class="tag">{{ term }}</span>
{% endfor %}
</div>
{% endfor %}
</div>
templates/footer.html
+ 55
− 55
View file @ e3fae415
<div class="columns is-multiline" resource="https://teckids.org/" typeof="schema:Organization">
<meta property="rdfs:seeAlso" href="http://www.wikidata.org/entity/Q122507357" />
<div class="column is-one-fourth">
<p class="title is-5" property="schema:name">Teckids e.V.</p>
<address property="schema:address" typeof="schema:PostalAddress">
<span property="schema:streetAddress">{{config.extra.footer.address.street|safe}}</span><br/>
<span property="schema:postalCode">{{config.extra.footer.address.postal_code|safe}}</span>&nbsp;
<span property="schema:addressLocality">{{config.extra.footer.address.city|safe}}</span>
</address>
<aside class="mt-5">
<p class="title is-6">Spendenkonto</p>
<p>{{config.extra.footer.bank|safe}}</p>
</aside>
</div>
<div class="column is-half">
<p class="title is-5">Unterstützer und Partner*innen</p>
<div class="columns is-centered is-vcentered is-multiline">
{% for sponsor in config.extra.footer.sponsor %}
<div class="column is-one-quarter" property="schema:sponsor" typeof="schema:Organization">
<figure class="image">
<meta property="schema:name" content="{{sponsor.alt}}" />
<a property="schema:url" href="{{sponsor.link}}">
<img src="/images/sponsoren/{{sponsor.logo}}" alt="{{sponsor.alt}}" />
</a>
</figure>
</div>
{% endfor %}
</div>
</div>
<div class="column is-onw-fourth">
<p class="title is-5">Weiteres</p>
<aside class="menu">
{% for menu in config.extra.footer.menu %}
<p class="menu-label">{{menu.label}}</p>
<ul class="menu-list">
{% for item in menu.items %}
<li><a href="{{ item.url }}">{{ item.title }}</a></li>
{% endfor %}
</ul>
{% endfor %}
</aside>
<p class="title is-5 mt-5">Kanäle und Netzwerke</p>
<aside class="columns is-centered is-vcentered is-multiline is-mobile">
{% for social in config.extra.footer.social %}
<div class="column is-one-third">
<a href="{{social.link}}" rel="{{social.rel}}" class="icon is-large">
<i class="{{social.icon}} fa-2x"></i>
<div class="columns is-multiline" resource="https://teckids.org/" typeof="schema:Organization">
<meta property="rdfs:seeAlso" href="http://www.wikidata.org/entity/Q122507357" />
<div class="column is-one-fourth">
<p class="title is-5" property="schema:name">Teckids e.V.</p>
<address property="schema:address" typeof="schema:PostalAddress">
<span property="schema:streetAddress">{{config.extra.footer.address.street|safe}}</span><br/>
<span property="schema:postalCode">{{config.extra.footer.address.postal_code|safe}}</span>&nbsp;
<span property="schema:addressLocality">{{config.extra.footer.address.city|safe}}</span>
</address>
<aside class="mt-5">
<p class="title is-6">Spendenkonto</p>
<p>{{config.extra.footer.bank|safe}}</p>
</aside>
</div>
<div class="column is-half">
<p class="title is-5">Unterstützer und Partner*innen</p>
<div class="columns is-centered is-vcentered is-multiline">
{% for sponsor in config.extra.footer.sponsor %}
<div class="column is-one-quarter" property="schema:sponsor" typeof="schema:Organization">
<figure class="image">
<meta property="schema:name" content="{{sponsor.alt}}" />
<a property="schema:url" href="{{sponsor.link}}">
<img src="/images/sponsoren/{{sponsor.logo}}" alt="{{sponsor.alt}}" />
</a>
</div>
{% endfor %}
</aside>
</figure>
</div>
{% endfor %}
</div>
</div>
<aside class="section has-text-centered is-size-7">
© {{ config.author }} · Lizenziert unter <a property="schema:license" href="{{ config.extra.footer.license.url }}">{{ config.extra.footer.license.name }}</a><br/>
Erstellt mit <a href="https://www.getzola.org/">Zola</a> und <a href="https://bulma.io/">Bulma</a><br/>
{% if thing.path %}Diese Seite kann <a href="{{ config.extra.repo.web.tree }}/{{ thing.relative_path }}">auf EduGit editiert werden</a> oder <a href="{{ config.extra.repo.web.issues }}">eine Verbesserung vorgeschlagen werden</a>.<br/>{% endif %}
</aside>
<div class="column is-onw-fourth">
<p class="title is-5">Weiteres</p>
<aside class="menu">
{% for menu in config.extra.footer.menu %}
<p class="menu-label">{{menu.label}}</p>
<ul class="menu-list">
{% for item in menu.items %}
<li><a href="{{ item.url }}">{{ item.title }}</a></li>
{% endfor %}
</ul>
{% endfor %}
</aside>
<p class="title is-5 mt-5">Kanäle und Netzwerke</p>
<aside class="columns is-centered is-vcentered is-multiline is-mobile">
{% for social in config.extra.footer.social %}
<div class="column is-one-third">
<a href="{{social.link}}" rel="{{social.rel}}" class="icon is-large">
<i class="{{social.icon}} fa-2x"></i>
</a>
</div>
{% endfor %}
</aside>
</div>
</div>
<aside class="section has-text-centered is-size-7">
© {{ config.author }} · Lizenziert unter <a property="schema:license" href="{{ config.extra.footer.license.url }}">{{ config.extra.footer.license.name }}</a><br/>
Erstellt mit <a href="https://www.getzola.org/">Zola</a> und <a href="https://bulma.io/">Bulma</a><br/>
{% if thing.path %}Diese Seite kann <a href="{{ config.extra.repo.web.tree }}/{{ thing.relative_path }}">auf EduGit editiert werden</a> oder <a href="{{ config.extra.repo.web.issues }}">eine Verbesserung vorgeschlagen werden</a>.<br/>{% endif %}
</aside>
templates/frontpage/claim.html
+ 21
− 21
View file @ e3fae415
......@@ -8,31 +8,31 @@
<p class="title is-1 has-text-centered" property="schema:slogan">{{ config.description }}</p>
<div class="columns is-same-height mt-4">
{% for claim in section.extra.claims %}
<div class="column is-one-third">
<div class="card is-flex is-flex-direction-column is-fullheight is-justify-content-space-between frontpage-claim-box">
<div class="card-content is-fullheight">
<div class="columns is-vcentered">
<div class="column">
<img src="/{{ claim.image }}" alt="image">
</div>
<div class="column is-four-fifths">
<h1 class="title is-3">{{ claim.title }}</h1>
<div class="column is-one-third">
<div class="card is-flex is-flex-direction-column is-fullheight is-justify-content-space-between frontpage-claim-box">
<div class="card-content is-fullheight">
<div class="columns is-vcentered">
<div class="column">
<img src="/{{ claim.image }}" alt="image">
</div>
<div class="column is-four-fifths">
<h1 class="title is-3">{{ claim.title }}</h1>
</div>
</div>
<p>{{ claim.content }}</p>
</div>
<p>{{ claim.content }}</p>
<footer class="card-footer">
{% for link in claim.links %}
<a href="{{ get_url(path=link.url) }}" class="card-footer-item">
<span class="icon-text">
<span>{{ link.title }}</span>
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>
</span>
</a>
{% endfor %}
</footer>
</div>
<footer class="card-footer">
{% for link in claim.links %}
<a href="{{ get_url(path=link.url) }}" class="card-footer-item">
<span class="icon-text">
<span>{{ link.title }}</span>
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>
</span>
</a>
{% endfor %}
</footer>
</div>
</div>
{% endfor %}
</div>
</div>
......
templates/frontpage/projects.html
+ 18
− 18
View file @ e3fae415
......@@ -5,27 +5,27 @@
<h2 class="title is-2">Unsere Projekte</h2>
<div class="columns is-same-height mt-4">
{% for project_section_path in projects_section.subsections %}
{% set project_section = get_section(path=project_section_path) %}
<div class="column is-one-third" property="schema:brand" resource="{{ project_section.permalink }}" typeof="schema:Brand">
<div class="card is-shadowless">
<div class="card-image">
<figure class="image is-70p">
<a href="{{ project_section.permalink }}"><img src="{{ project_section.extra.title_icon }}" alt="Logo {{ project_section.title }}" /></a>
</figure>
</div>
<div class="card-content">
<a href="{{ project_section.permalink }}"><h3 class="title is-3" property="schema:name">{{ project_section.title }}</h3></a>
<div class="content">
<span property="schema:description">{{ project_section.description }}</span>
<ul>
{% for thesis in project_section.extra.theses %}
<li>{{ thesis }}</li>
{% endfor %}
</ul>
{% set project_section = get_section(path=project_section_path) %}
<div class="column is-one-third" property="schema:brand" resource="{{ project_section.permalink }}" typeof="schema:Brand">
<div class="card is-shadowless">
<div class="card-image">
<figure class="image is-70p">
<a href="{{ project_section.permalink }}"><img src="{{ project_section.extra.title_icon }}" alt="Logo {{ project_section.title }}" /></a>
</figure>
</div>
<div class="card-content">
<a href="{{ project_section.permalink }}"><h3 class="title is-3" property="schema:name">{{ project_section.title }}</h3></a>
<div class="content">
<span property="schema:description">{{ project_section.description }}</span>
<ul>
{% for thesis in project_section.extra.theses %}
<li>{{ thesis }}</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
......
templates/menu.html
+ 4
− 4
View file @ e3fae415
......@@ -2,9 +2,9 @@
<input type="checkbox" id="burger-toggle" role="button" class="navbar-toggle" aria-label="menu" aria-expanded="false" data-target="main-menu" />
<div class="navbar-brand">
<a href="{{ get_url(path="@/_index.md") }}" class="navbar-item">
<figure class="image" id="navbar-logo">
<img src="{{ get_url(path="artwork/logo-teckids.svg") }}" alt="Schriftzug Teckids e.V." />
</figure>
<figure class="image" id="navbar-logo">
<img src="{{ get_url(path="artwork/logo-teckids.svg") }}" alt="Schriftzug Teckids e.V." />
</figure>
</a>
<label for="burger-toggle" class="navbar-burger">
......@@ -39,7 +39,7 @@
</div>
{% for item in config.extra.main_menu_item %}
<a href="{{ get_url(path=item.path) }}" class="navbar-item is-hoverable">{{ item.title }}</a>
<a href="{{ get_url(path=item.path) }}" class="navbar-item is-hoverable">{{ item.title }}</a>
{% endfor %}
</div>
</div>
......
templates/menu/gemeinschaft.html
+ 26
− 26
View file @ e3fae415
......@@ -5,33 +5,33 @@
{% for gemeinschaft_section_path in gemeinschaft_section.subsections %}
{% set gemeinschaft_subsection = get_section(path=gemeinschaft_section_path) %}
<section class="column">
<div class="card p-0 m-0 is-shadowless is-radiusless is-overlay is-flex is-flex-direction-column is-fullheight is-justify-content-space-between">
<div class="card-content p-0 m-0">
<h1 class="title is-6 is-mega-menu-title">
<p> {{ gemeinschaft_subsection.title }} </p>
<p class="is-4">{{ gemeinschaft_subsection.description }}</p>
</h1>
<div class="card p-0 m-0 is-shadowless is-radiusless is-overlay is-flex is-flex-direction-column is-fullheight is-justify-content-space-between">
<div class="card-content p-0 m-0">
<h1 class="title is-6 is-mega-menu-title">
<p> {{ gemeinschaft_subsection.title }} </p>
<p class="is-4">{{ gemeinschaft_subsection.description }}</p>
</h1>
{% for page in gemeinschaft_subsection.pages %}
<a class="navbar-item" href="{{ page.permalink }}">
<div class="navbar-content">{{ page.title }}</div>
</a>
{% endfor %}
</div>
{% if gemeinschaft_subsection.extra.products %}
<div class="card-footer">
{% for product in gemeinschaft_subsection.extra.products %}
<a class="card-footer-item" href="{{ product.link }}">
<span class="icon-text">
<span>{{ product.name }}</span>
<span class="icon"><i class="fa-solid fa-up-right-from-square"></i></span>
</span>
</a>
{% endfor %}
</div>
{% endif %}
</div>
</section>
{% for page in gemeinschaft_subsection.pages %}
<a class="navbar-item" href="{{ page.permalink }}">
<div class="navbar-content">{{ page.title }}</div>
</a>
{% endfor %}
</div>
{% if gemeinschaft_subsection.extra.products %}
<div class="card-footer">
{% for product in gemeinschaft_subsection.extra.products %}
<a class="card-footer-item" href="{{ product.link }}">
<span class="icon-text">
<span>{{ product.name }}</span>
<span class="icon"><i class="fa-solid fa-up-right-from-square"></i></span>
</span>
</a>
{% endfor %}
</div>
{% endif %}
</div>
</section>
{% endfor %}
</div>
</div>
templates/menu/infos.html
+ 12
− 12
View file @ e3fae415
......@@ -3,19 +3,19 @@
<div class="container is-fluid">
<div class="columns">
{% for zielgruppe in zielgruppen.items %}
<section
class="column menu-zielgruppe-section"
id="menu-zielgruppe-section-{{ zielgruppe.slug }}"
>
<h1 class="title is-6 is-mega-menu-title">{{ zielgruppe.name }}</h1>
<section
class="column menu-zielgruppe-section"
id="menu-zielgruppe-section-{{ zielgruppe.slug }}"
>
<h1 class="title is-6 is-mega-menu-title">{{ zielgruppe.name }}</h1>
{% for page in zielgruppe.pages %}
{% if page.date %}{% continue %}{% endif %}
<a class="navbar-item" href="{{ page.permalink }}">
<div class="navbar-content">{{ page.title }}</div>
</a>
{% endfor %}
</section>
{% for page in zielgruppe.pages %}
{% if page.date %}{% continue %}{% endif %}
<a class="navbar-item" href="{{ page.permalink }}">
<div class="navbar-content">{{ page.title }}</div>
</a>
{% endfor %}
</section>
{% endfor %}
</div>
</div>
templates/menu/projects.html
+ 26
− 26
View file @ e3fae415
......@@ -5,33 +5,33 @@
{% for project_section_path in projects_section.subsections %}
{% set project_section = get_section(path=project_section_path) %}
<section class="column menu-project-section" id="menu-project-section-{{ project_section.components[1] }}">
<div class="card p-0 m-0 is-shadowless is-radiusless is-overlay is-flex is-flex-direction-column is-fullheight is-justify-content-space-between">
<div class="card-content p-0 m-0">
<h1 class="title is-6 is-mega-menu-title"><a href="{{ project_section.permalink }}">
<p> {{ project_section.title }} </p>
<p class="is-4">{{ project_section.description }}</p>
</a></h1>
<div class="card p-0 m-0 is-shadowless is-radiusless is-overlay is-flex is-flex-direction-column is-fullheight is-justify-content-space-between">
<div class="card-content p-0 m-0">
<h1 class="title is-6 is-mega-menu-title"><a href="{{ project_section.permalink }}">
<p> {{ project_section.title }} </p>
<p class="is-4">{{ project_section.description }}</p>
</a></h1>
{% for page in project_section.pages %}
<a class="navbar-item" href="{{ page.permalink }}">
<div class="navbar-content">{{ page.title }}</div>
</a>
{% endfor %}
</div>
{% if project_section.extra.products %}
<div class="card-footer">
{% for product in project_section.extra.products %}
<a class="card-footer-item" href="{{ product.link }}">
<span class="icon-text">
<span>{{ product.name }}</span>
<span class="icon"><i class="fa-solid fa-up-right-from-square"></i></span>
</span>
</a>
{% endfor %}
</div>
{% endif %}
</div>
</section>
{% for page in project_section.pages %}
<a class="navbar-item" href="{{ page.permalink }}">
<div class="navbar-content">{{ page.title }}</div>
</a>
{% endfor %}
</div>
{% if project_section.extra.products %}
<div class="card-footer">
{% for product in project_section.extra.products %}
<a class="card-footer-item" href="{{ product.link }}">
<span class="icon-text">
<span>{{ product.name }}</span>
<span class="icon"><i class="fa-solid fa-up-right-from-square"></i></span>
</span>
</a>
{% endfor %}
</div>
{% endif %}
</div>
</section>
{% endfor %}
</div>
</div>
templates/pages/content.html
+ 1
− 1
View file @ e3fae415
......@@ -26,5 +26,5 @@
{% include "blog/section.html" %}
</aside>
{% endif %}
{% endif %}
{% endif %}
{% endblock %}
templates/project.html
+ 29
− 29
View file @ e3fae415
{% extends "base.html" %}
{% block meta %}
{% if section.description %}
<meta name="description" content="{{ section.description }}" />
{% elif config.description %}
<meta name="description" content="{{ config.description }}" />
{% endif %}
{% if section.description %}
<meta name="description" content="{{ section.description }}" />
{% elif config.description %}
<meta name="description" content="{{ config.description }}" />
{% endif %}
{% endblock %}
{% block title %}
{{ section.title }}
{{ section.title }}
{% endblock %}
{% block main %}
<section class="hero hero-main is-fullheight-with-navbar project-background-{{ section.extra.project_slug }} roboto-black">
<div class="hero-body" typeof="schema:Brand">
<div class="container">
<div class="columns is-centered project-title-{{ section.extra.project_slug }}">
<h1 class="title is-1" property="schema:name">{{ section.title }}</h1>
</div>
<div class="container">
<div class="columns is-vcentered">
<div class="column is-one-third circle-bg">
<img class="is-1by1" src="/{{ section.extra.title_icon }}" alt="Projekt-Icon">
<div class="hero-body" typeof="schema:Brand">
<div class="container">
<div class="columns is-centered project-title-{{ section.extra.project_slug }}">
<h1 class="title is-1" property="schema:name">{{ section.title }}</h1>
</div>
<div class="project-theses">
{% for thesis in section.extra.theses %}
<article class="media-v-centered">
<figure class="media-left">
<p class="image is-64x64">
<img src="/{{ section.extra.list_icon }}" />
</p>
</figure>
<div class="media-content">
<p class="title is-4">{{ thesis }}</p>
<div class="container">
<div class="columns is-vcentered">
<div class="column is-one-third circle-bg">
<img class="is-1by1" src="/{{ section.extra.title_icon }}" alt="Projekt-Icon">
</div>
<div class="project-theses">
{% for thesis in section.extra.theses %}
<article class="media-v-centered">
<figure class="media-left">
<p class="image is-64x64">
<img src="/{{ section.extra.list_icon }}" />
</p>
</figure>
<div class="media-content">
<p class="title is-4">{{ thesis }}</p>
</div>
</article>
{% endfor %}
</div>
</article>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</section>
</section>
{% endblock %}
templates/shortcodes/further.html
+ 1
− 1
View file @ e3fae415
......@@ -21,7 +21,7 @@
</a>
</div>
<div class="card-content">
<p class="title"><a href="{{ link }}">{{further.title}}</a></p>
<p class="title"><a href="{{ link }}">{{further.title}}</a></p>
<p class="content">
{{further.description}}
</p>
......
templates/shortcodes/hero_section.html
+ 1
− 1
View file @ e3fae415
<section class="hero is-fullheight-with-navbar {% if background_img %}has-background{% endif %} {% if background_transparent %}is-transparent{% endif %}">
{% if background_img %}
{% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ background_img, width=800, height=600) -%}
<img class="hero-background" src="{{ image.url }}" alt="">
<img class="hero-background" src="{{ image.url }}" alt="">
{% endif -%}
<div class="hero-body pl-0 pr-0">
<div class="container has-text-centered">
......
templates/shortcodes/photo_section.html
+ 1
− 1
View file @ e3fae415
......@@ -7,7 +7,7 @@
{% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ img, width=800, height=600) -%}
<img src="{{image.url}}" alt="{{ alt }}"/>
{% if credit %}
<figcaption class="p-1 has-text-white has-background-black is-size-7 is-italic">{{ credit }}</figcaption>
<figcaption class="p-1 has-text-white has-background-black is-size-7 is-italic">{{ credit }}</figcaption>
{% endif %}
</figure>
</div>
......
templates/shortcodes/teckids_contact.html
+ 4
− 4
View file @ e3fae415
......@@ -10,14 +10,14 @@
<div class="icon-text">
<span class="icon"><i class="fa-solid fa-envelope-open-text"></i></span>
<span>E-Mail schreiben</span>
</div>
</div>
</a>
<a class="button is-link is-fullwidth" href="tel:{{ phone|default(value="+4922892934160") }}">
<a class="button is-link is-fullwidth" href="tel:{{ phone|default(value="+4922892934160") }}">
<div class="icon-text">
<span class="icon"><i class="fa-solid fa-phone"></i></span>
<span>Anrufen</span>
<span>Anrufen</span>
</div>
</a>
</a>
</div>
</div>
</div>
......
templates/shortcodes/teckids_event.html
+ 24
− 24
View file @ e3fae415
......@@ -28,43 +28,43 @@
</div>
</div>
</div>
<div class="message is-success">
<div class="message-body">
Uns ist wichtig, dass alle Interessierten an unserer Freizeit teilnehmen können.
Uns ist bewusst, dass die Kosten für viele Familien sehr hoch sind, ganz egal
aus welchen Gründen. Sollte der Betrag zu hoch sein, schickt uns bitte einfach
eine E-Mail mit eurem Wunschbetrag. Die Gründe dafür müsst ihr nicht nennen.
</div>
</div>
{% if event.fully_booked %}
<meta property="remainingAttendeeCapacity" content="0"/>
<div class="message is-danger">
<div class="message-body">
Die Veranstaltung ist ausgebucht. Für weitere Anmeldungen oder Plätze auf der
Warteliste können uns Interessierte per E-Mail kontaktieren.
<div class="message is-success">
<div class="message-body">
Uns ist wichtig, dass alle Interessierten an unserer Freizeit teilnehmen können.
Uns ist bewusst, dass die Kosten für viele Familien sehr hoch sind, ganz egal
aus welchen Gründen. Sollte der Betrag zu hoch sein, schickt uns bitte einfach
eine E-Mail mit eurem Wunschbetrag. Die Gründe dafür müsst ihr nicht nennen.
</div>
</div>
</div>
{% endif %}
{% if body %}
<div class="content">
{{ body|markdown|safe }}
</div>
{% endif %}
{% if event.fully_booked %}
<meta property="remainingAttendeeCapacity" content="0"/>
<div class="message is-danger">
<div class="message-body">
Die Veranstaltung ist ausgebucht. Für weitere Anmeldungen oder Plätze auf der
Warteliste können uns Interessierte per E-Mail kontaktieren.
</div>
</div>
{% endif %}
{% if body %}
<div class="content">
{{ body|markdown|safe }}
</div>
{% endif %}
</div>
<div class="column is-one-third">
<div class="buttons are-responsive are-medium">
<a class="button is-primary is-fullwidth is-justify-content-start"
href="https://ticdesk.teckids.org/app/paweljong/event/{{ slug }}">
href="https://ticdesk.teckids.org/app/paweljong/event/{{ slug }}">
<span class="icon"><i class="fa-regular fa-paper-plane"></i></span>
<span>Alle Infos und Anmeldung</span>
</a>
<a class="button is-link is-fullwidth is-justify-content-start" href="mailto:{{ mail|default(value="
verein@teckids.org") }}">
verein@teckids.org") }}">
<span class="icon"><i class="fa-regular fa-envelope-open-text"></i></span>
<span>E-Mail schreiben</span>
</a>
<a class="button is-link is-fullwidth is-justify-content-start mb-0" href="tel:{{ phone|default(value="
+4922892934160") }}">
+4922892934160") }}">
<span class="icon"><i class="fa-regular fa-phone"></i></span>
<span>Anrufen</span>
</a>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment