Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • Teckids/team-pr/teckids.org
  • eshszg/teckids.org
  • nbildhauer/teckids.org
  • tuxilio/teckids.org
  • klecmatt/teckids.org
5 results
Show changes
Showing
with 546 additions and 0 deletions
<p class="subtitle is-7 py-2">
<span title="{{ trans(key="published_on", lang=lang) }}"><i class="fa-solid fa-calendar-days"></i> <time datetime="{{ post.date }}" property="schema:datePublished">{{ post.date }}</time></span> ·
<span title="{{ trans(key="word_count", lang=lang) }}"><i class="fa-solid fa-ruler"></i> <span property="schema:wordCount">{{ post.word_count }} {{ trans(key="words", lang=lang) }}</span></span> ·
<span title="{{ trans(key="reading_time", lang=lang) }}"><i class="fa-solid fa-hourglass-start"></i> {{ post.reading_time }} {{ trans(key="minutes_short", lang=lang) }}</span>
</p>
{% extends "base.html" %}
{% block rdfa_type %}schema:Blog{% endblock %}
{% block main %}
{% set title = trans(key="teckids_blog_page", lang=lang) ~ paginator.current_index ~ " " ~ trans(key="pages_of", lang=lang) ~ " " ~ paginator.number_pagers %}
{% set posts = paginator.pages %}
{% set count = paginator.paginate_by %}
{% 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">{{ trans(key="previous_page", lang=lang) }}</a>
<a href="{{ paginator.next }}" class="pagination-next">{{ trans(key="next_page", lang=lang) }}</a>
<ul class="pagination-list">
<li><a href="{{ paginator.first }}" class="pagination-link {% if paginator.current_index == 1 %}is-current{% endif %}" aria-label="{{ trans(key="page", lang=lang) }} 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="{{ trans(key="page", lang=lang) }}" {{ 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="{{ trans(key="page", lang=lang) }}" {{ paginator.number_pagers }}">{{ paginator.number_pagers }}</a></li>
</ul>
</nav>
{% endif %}
{% endblock %}
{% extends "page.html" %}
{% block rdfa_type %}schema:BlogPosting{% endblock %}
{% block meta_extra %}
{% set authors_data = load_data(path="authors.json") -%}
{% if authors_data[page.authors.0].fediverse %}
<meta name="fediverse:creator" content="{{ authors_data[page.authors.0].fediverse }}" />
{% endif %}
{% endblock %}
{% block content %}
{% set blog_section = get_section(path="blog/_index.md", lang=lang) %}
{% set post = page -%}
<div class="columns mt-4">
<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 %}
{% endif %}
<div class="column is-three-quarters">
<div class="content" property="schema:articleBody">
{{ page.content | safe }}
</div>
</div>
<div class="column is-one-quarter">
<div class="card">
<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" />
{% 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>
</div>
<div class="card-content">
{% include "blog/author_media.html" %}
</div>
<div class="card-footer">
<div class="card-footer-item">
{% include "blog/meta_line.html" -%}
</div>
</div>
</div>
<nav class="panel is-light mt-6">
<p class="panel-heading">{{ trans(key="further_related_posts", lang=lang) }}</p>
{% for kind, terms in page.taxonomies %}
{% for term in terms %}
{% set taxonomy = get_taxonomy_term(kind=kind, term=term, lang=lang) %}
{% 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>
{% endblock %}
{% set main_blog_section = get_section(path="blog/_index.md", lang=lang) %}
{% if not posts is defined %}
{% set posts = main_blog_section.pages %}
{% endif %}
<section class="section" resource="{{ main_blog_section.permalink }}" typeof="schema:Blog">
<meta property="schema:publisher" href="https://teckids.org/" />
<div class="container">
<h2 class="title is-2">{{ title | default(value=trans(key="teckids_blog_posts", lang=lang)) }}</h2>
<div class="columns is-multiline is-same-height mt-4">
{% for post in posts | slice(end=count|default(value=6)) %}
<div class="column is-one-third">
{% include "blog/card.html" %}
</div>
{% endfor %}
</div>
</div>
</section>
<div class="tags">
{% for kind, terms in post.taxonomies %}
{% for term in terms %}
<span class="tag">{{ term }}</span>
{% endfor %}
{% endfor %}
</div>
<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>
<figure class="image">
<img src="{{ get_url(path="artwork/logo-teckids.svg") }}" alt="Teckids-Logo" property="schema:logo" />
</figure>
<address property="schema:address" typeof="schema:PostalAddress">
<span property="schema:streetAddress">{{config.extra.footer.address.street|safe}}</span>&nbsp;·&nbsp;
<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">{{ trans(key="donation_account", lang=lang) }}</p>
<p>{{config.extra.footer.bank|safe}}</p>
</aside>
</div>
<div class="column is-half">
<p class="title is-5">{{ trans(key="supporters_partners", lang=lang) }}</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}}" property="schema:logo" />
</a>
</figure>
</div>
{% endfor %}
</div>
</div>
<div class="column is-onw-fourth">
<p class="title is-5">{{ trans(key="further", lang=lang) }}</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">{{ trans(key="channels_networks", lang=lang) }}</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 }} · {{ trans(key="licensed_under", lang=lang) }} <a property="schema:license" href="{{ config.extra.footer.license.url }}">{{ config.extra.footer.license.name }}</a><br/>
{{ trans(key="created_using", lang=lang) }} <a href="https://www.getzola.org/">Zola</a> {{ trans(key="and", lang=lang) }} <a href="https://bulma.io/">Bulma</a><br/>
{% if thing.path %}{{ trans(key="this_page_can", lang=lang) }} <a href="{{ config.extra.repo.web.tree }}/{{ thing.relative_path }}">{{ trans(key="edited_on_edugit", lang=lang) }}</a> {{ trans(key="or", lang=lang) }} <a href="{{ config.extra.repo.web.issues }}">{{ trans(key="improvement_suggestion", lang=lang) }}</a>.<br/>{% endif %}
</aside>
{% set blog_section = get_section(path="blog/_index.md", lang=lang) %}
{% set count = 6 %}
{% include "blog/section.html" %}
<nav class="section pt-0">
<div class="container">
<a href="{{ get_url(path="@/blog/_index.md", lang=lang) }}" class="button is-large is-fullwidth is-link is-rounded">
{{ trans(key="more_teckids_blog_posts", lang=lang) }}
</a>
</div>
</nav>
<section
class="hero is-fullheight-with-navbar has-teckids-orange-light-bg"
id="frontpage-claim-block"
resource="https://teckids.org/"
>
<div class="hero-body">
<div class="container">
{% if section.extra.hero.message %}
<aside class="message is-{{ section.extra.hero.message.class }} section">
<div class="message-header">
<p>{{ section.extra.hero.message.title }}</p>
</div>
<div class="message-body">
{{ section.extra.hero.message.content }}
</div>
</aside>
{% endif %}
<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>
</div>
<p>{{ claim.content }}</p>
</div>
<footer class="card-footer">
{% for link in claim.links %}
<a href="{{ get_url(path=link.url, lang=lang) }}" 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>
</div>
</section>
<section class="section">
<div class="container">
<h2 class="title is-2">{{ trans(key="upcoming_events", lang=lang) }}</h2>
{# <div class="columns is-multiline is-same-height mt-4"> #}
{% set events_data = load_data(path="events.json") -%}
{% set no_title = true %}
{% for slug, event in events_data %}
{% if event.featured | default(value=false) %}
{# <div class="column is-one-third"> #}
{% include "shortcodes/teckids_event.html" %}
{# </div> #}
{% endif %}
{% endfor %}
{# </div> #}
</div>
</section>
{% set projects_section = get_section(path="projekte/_index.md", lang=lang) %}
<section class="section" resource="https://teckids.org/">
<div class="container">
<h2 class="title is-2">{{ trans(key="our_projects", lang=lang) }}</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>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
{% extends "base.html" %}
{% block og_type %}website{% endblock %}
{% block rdfa_type %}schema:WebSite{% endblock %}
{% block main %}
{% include "frontpage/claim.html" %}
{% include "frontpage/projects.html" %}
{% include "frontpage/events.html" %}
{% include "frontpage/blog.html" %}
{% endblock %}
<nav class="navbar is-fixed-top is-boxed" role="navigation" aria-label="main navigation" id="main-navbar">
<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", lang=lang) }}" class="navbar-item">
<figure class="image" id="navbar-logo">
<img src="{{ get_url(path="artwork/logo-teckids-orange.svg") }}" alt="Logo Teckids" />
</figure>
</a>
<label for="burger-toggle" class="navbar-burger">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</label>
</div>
<div class="navbar-menu" id="main-menu">
<div class="navbar-start">
<div class="navbar-item has-dropdown is-hoverable is-mega">
<a href="#" class="navbar-item">{{ trans(key="projects", lang=lang) }}</a>
<div class="navbar-dropdown is-boxed">
{% include "menu/projects.html" %}
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable is-mega">
<a href="#" class="navbar-item">{{ trans(key="information_for", lang=lang) }}</a>
<div class="navbar-dropdown is-boxed">
{% include "menu/infos.html" %}
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a href="#" class="navbar-item">{{ trans(key="teckids_community", lang=lang) }}</a>
<div class="navbar-dropdown is-boxed">
{% include "menu/gemeinschaft.html" %}
</div>
</div>
{% for item in config.extra.main_menu_item %}
<a href="{{ get_url(path=item.path, lang=lang) }}" class="navbar-item is-hoverable">{{ item.title }}</a>
{% endfor %}
</div>
<div class="navbar-end">
<div class="navbar-item has-dropdown is-hoverable">
<a href="#" class="navbar-item"><span class="icon"><i class="fas fa-language"></i></span></a>
<div class="navbar-dropdown is-boxed is-right">
{% include "menu/languages.html" %}
</div>
</div>
</div>
</div>
</nav>
{% set gemeinschaft_section = get_section(path="gemeinschaft/_index.md", lang=lang) %}
<div class="container is-fluid">
<div class="columns">
{% for gemeinschaft_section_path in gemeinschaft_section.subsections %}
{% set gemeinschaft_subsection = get_section(path=gemeinschaft_section_path, lang=lang) %}
<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>
{% 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>
{% set zielgruppen = get_taxonomy(kind = "zielgruppe", lang=lang) %}
<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>
{% 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>
<div class="container is-fluid">
{% if thing %}
{% for translation in thing.translations %}
<a class="navbar-item" href="{{ translation.permalink }}"><div class="navbar-content">{{ translation.lang }}</div></a>
{% endfor %}
{% endif %}
</div>
{% set projects_section = get_section(path="projekte/_index.md") %}
<div class="container is-fluid">
<div class="columns">
{% for project_section_path in projects_section.subsections %}
{% set project_section = get_section(path=project_section_path, lang=lang) %}
<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>
{% 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>
{% extends "pages/content.html" -%}
{% extends "base.html" %}
{% block main %}
<section class="section">
<div class="container">
<h1 class="title is-1">{{ page.title }}</h1>
{% block content %}
{% if page.content %}
<div class="content mt-4">
{{ page.content | safe }}
</div>
{% else %}
{% set title = trans(key="page_missing", lang=lang) -%}
{% set body = trans(key="page_missing_explanation", lang=lang) -%}
{% include "shortcodes/message.html" %}
{% endif %}
{% endblock content %}
</div>
</section>
{% set blog_taxonomy = get_taxonomy_term(kind="aspekt", term=page.title, include_pages=true, required=false, lang=lang) %}
{% if blog_taxonomy and blog_taxonomy.pages %}
{% set posts = blog_taxonomy.pages | filter(attribute="date") %}
{% if posts %}
<aside>
{% set title=trans(key="related_blog_posts", lang=lang) %}
{% include "blog/section.html" %}
</aside>
{% endif %}
{% endif %}
{% endblock %}
{% extends "base.html" %}
{% block main %}
{{ page.content | safe }}
{% endblock %}
{% extends "base.html" %}
{% block meta %}
{% if section.description %}
<meta name="description" content="{{ section.description }}" />
{% elif config.description %}
<meta name="description" content="{{ config.description }}" />
{% endif %}
{% endblock %}
{% block 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>
<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>
</div>
</div>
</div>
</div>
</section>
{% endblock %}