Skip to content

B
bdk
Commit fab1e9e0 authored by Michael Apfelthaler's avatar Michael Apfelthaler
Browse files
Options

Multiple Adjustments

parent 3bf01ad4
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 153 additions and 111 deletions
db.sql.gz
View file @ fab1e9e0
No preview for this file type
templates/components/text.twig
View file @ fab1e9e0
<div class="wm-row wm-rich-text">{{element.text}}</div>
\ No newline at end of file
<div class="wm-rich-text wm-row column">{{element.text}}</div>
\ No newline at end of file
templates/facts/_entry.twig
View file @ fab1e9e0
{% extends "index" %}
{% set image = entry.teaserImage.one() %}
{% set baseurl = craft.app.sites.primarySite.baseUrl %}
{% set siteurl = currentSite.baseUrl %}
{% block content %}
{{entry.title}}
{% endblock %}
\ No newline at end of file
<div class="mt32">
<div class="maxWidthLimit wm-rich-text">
<h1>{{entry.title}}</h1>
<div class="fact-filters wm-nav-tag__list mt16">
{% for thema in craft.entries.section('themen') %}
{% if thema.slug|t in entry.kategorien %}
<a id="{{thema.slug}}" href="{{siteurl}}facts?category={{thema.slug}}" class="wm-nav-tag__link" value="{{thema.slug}}">{{thema.title}}</a>
{% endif %}
{% endfor %}
</div>
<div class="wm-row mt32">
<div>{{entry.teaser}}</div>
<div><img class="wm-image wm-card__image" loading="lazy" src="{{ baseurl }}/{{image.url}}" width="350" height="197" data-src="" alt="Bildbeschreibung"></div>
</div>
<div class="wm-row column mt32">
{{entry.richText}}
</div>
</div>
</div>
{% endblock %}
templates/facts/index.twig
View file @ fab1e9e0
{% extends "index" %}
{% set baseurl = craft.app.sites.primarySite.baseUrl %}
{% block content %}
<div class="maxWidthLimit">
{% set category = craft.app.request.param('category') %}
{% set factsQuery = craft.entries().section('facts').kategorien(category|t) %}
<div class="maxWidthLimit">
{% set category = craft.app.request.param('category') %}
{% set factsQuery = craft.entries().section('facts').kategorien(category|t) %}
<div class="wm-accordion js-wm-accordion mt32">
<h3 class="wm-accordion__header js-wm-accordion-header accordion">
{{ "Themen"|t }}
<svg class="wm-icon wm-accordion__icon wm-accordion__icon--status" width="28" height="28" focusable="false">
<use xlink:href="/assets/icons/sprite.symbol.svg#chevron-down" />
</svg>
</h3>
<div class="wm-accordion__panel js-wm-accordion-panel panel">
<div class="wm-accordion__panel-inner">
<form class="fact-filters wm-nav-tag__list">
<button id="alle" type="submit" class="wm-nav-tag__link" value="">{{"Alle"|t}}</button>
{% for thema in craft.entries.section('themen') %}
<button id="{{thema.slug}}" type="submit" class="wm-nav-tag__link" name="category"
value="{{thema.slug}}">{{thema.title}}</button>
{% endfor %}
</form>
</div>
</div>
</div>
<h1 class="mt32">
{{ "Facts"|t }}
</h1>
<form class="fact-filters wm-nav-tag__list mt16">
{% set allFilterEnabled = true %}
{% for thema in craft.entries.section('themen') %}
{% if category == thema.slug %}
<button id="{{thema.slug}}" type="submit" class="wm-nav-tag__link" name="category" value="{{thema.slug}}" disabled>{{thema.title}}</button>
{% set allFilterEnabled = false %}
{% else %}
<button id="{{thema.slug}}" type="submit" class="wm-nav-tag__link" name="category" value="{{thema.slug}}">{{thema.title}}</button>
{% endif %}
{% endfor %}
<button id="alle" type="submit" class="wm-nav-tag__link filter-all" {% if allFilterEnabled == true %} disabled {% endif %} value="">{{"Alle"|t}}</button>
</form>
{% paginate factsQuery.limit(12) as entries %}
<div class="news mt32">
{% for entry in entries %}
{% set image = entry.images.one() %}
<div class="wm-card wm-card--m wm-card--linked" data-wm-card>
{% for ket in entry.kategorien %}
<span class="wm-badge wm-card__badge">{{ket.label|t}}</span>
{% endfor %}
<h3 class="wm-card__heading ">
<a href="{{entry.url}}" class="wm-card__link wm-link--unstyled ">
{{entry.title}}
</a>
</h3>
<div class="wm-card__media ">
<img class="wm-image wm-card__image" loading="lazy" src="{{ baseurl }}/{{image.url}}" width="350" height="197" data-src=""
alt="Bildbeschreibung">
</div>
<div class="wm-card__content wm-rich-text ">
<p>{{ entry.teaser}}</p>
</div>
<div>
<a href="{{entry.url}}" class="wm-em-link"><span class="wm-em-link__content">{{ "Mehr lesen"|t }}</span></a>
</div>
</div>
{% endfor %}
</div>
<nav class="wm-pagination mt32" aria-labelledby="">
<ol class="wm-pagination__items">
<li class="wm-pagination__item">
{% if paginate.prevUrl %}<a class="wm-pagination__link button-prev" href="{{ paginate.prevUrl }}"></a>{% endif %}
</li>
{% paginate factsQuery.limit(12) as entries %}
<div class="news mt16">
{% for entry in entries %}
{% set image = entry.images.one() %}
<div class="wm-card wm-card--m wm-card--linked" data-wm-card>
{% for ket in entry.kategorien %}
<span class="wm-badge wm-card__badge">{{ket.label|t}}</span>
{% endfor %}
<h3 class="wm-card__heading ">
<a href="{{entry.url}}" class="wm-card__link wm-link--unstyled ">
{{entry.title}}
</a>
</h3>
<div class="wm-card__media ">
<img class="wm-image wm-card__image" loading="lazy" src="{{ baseurl }}/{{image.url}}" width="350" height="197" data-src="" alt="Bildbeschreibung">
</div>
<div class="wm-card__content wm-rich-text ">
<p>{{ entry.teaser}}</p>
</div>
<div>
<a href="{{entry.url}}" class="wm-em-link">
<span class="wm-em-link__content">{{ "Mehr lesen"|t }}</span>
</a>
</div>
</div>
{% endfor %}
</div>
<nav class="wm-pagination mt32" aria-labelledby="">
<ol class="wm-pagination__items">
<li class="wm-pagination__item">
{% if paginate.prevUrl %}
<a class="wm-pagination__link button-prev" href="{{ paginate.prevUrl }}"></a>
{% endif %}
</li>
{% for page, url in paginate.getPrevUrls(5) %}
<li class="wm-pagination__item">
<a class="wm-pagination__link" href="{{ url }}">{{ page }}</a>
</li>
{% endfor %}
<li class="wm-pagination__item">
<span class="current wm-pagination__link " aria-current="page">{{ paginate.currentPage }}</span>
</li>
{% for page, url in paginate.getPrevUrls(5) %}
<li class="wm-pagination__item">
<a class="wm-pagination__link" href="{{ url }}">{{ page }}</a>
</li>
{% endfor %}
<li class="wm-pagination__item">
<span class="current wm-pagination__link " aria-current="page">{{ paginate.currentPage }}</span>
</li>
{% for page, url in paginate.getNextUrls(5) %}
<li class="wm-pagination__item">
<a class="wm-pagination__link" href="{{ url }}">{{ page }}</a>
</li>
{% endfor %}
{% for page, url in paginate.getNextUrls(5) %}
<li class="wm-pagination__item">
<a class="wm-pagination__link" href="{{ url }}">{{ page }}</a>
</li>
{% endfor %}
{% if paginate.nextUrl %}<li class="wm-pagination__item"></li><a class="wm-pagination__link button-next"
href="{{ paginate.nextUrl }}"></a></li>{% endif %}
</ol>
</nav>
{% if paginate.nextUrl %}
<li class="wm-pagination__item"></li>
<a class="wm-pagination__link button-next" href="{{ paginate.nextUrl }}"></a>
</li>
{% endif %}
</ol>
</nav>
<!--<a href="{{ paginate.firstUrl }}">First Page</a>
{% if paginate.prevUrl %}<a href="{{ paginate.prevUrl }}">Previous Page</a>{% endif %}
<!--<a href="{{ paginate.firstUrl }}">First Page</a>
{% if paginate.prevUrl %}<a href="{{ paginate.prevUrl }}">Previous Page</a>{% endif %}
{% for page, url in paginate.getPrevUrls(5) %}
<a href="{{ url }}">{{ page }}</a>
{% endfor %}
<span class="current">{{ paginate.currentPage }}</span>
{% for page, url in paginate.getNextUrls(5) %}
<a href="{{ url }}">{{ page }}</a>
{% endfor %}
{% if paginate.nextUrl %}<a href="{{ paginate.nextUrl }}">Next Page</a>{% endif %}-->
{% for page, url in paginate.getPrevUrls(5) %}
<a href="{{ url }}">{{ page }}</a>
{% endfor %}
<span class="current">{{ paginate.currentPage }}</span>
{% for page, url in paginate.getNextUrls(5) %}
<a href="{{ url }}">{{ page }}</a>
{% endfor %}
{% if paginate.nextUrl %}<a href="{{ paginate.nextUrl }}">Next Page</a>{% endif %}-->
</div>
{% endblock %}
\ No newline at end of file
</div>
{% endblock %}
templates/themen/_entry.twig
View file @ fab1e9e0
{% extends "index" %}
{% block content %}
<div class="component">
<div class="maxWidthLimit wm-row wm-rich-text">
<div class="mt32">
<div class="maxWidthLimit wm-row column wm-rich-text">
<h1>{{entry.title}}</h1>
{{entry.richText}}
</div>
......
web/assets/css/main-large.min.css 0 → 100644
View file @ fab1e9e0
This diff is collapsed.
web/assets/css/main.css
View file @ fab1e9e0
......@@ -2372,7 +2372,6 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after {
border-radius: 2px;
flex-shrink: 0;
gap: 1rem;
margin-left: auto;
max-height: 4.4rem;
padding: 0 .7rem;
position: relative;
......@@ -2604,6 +2603,7 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after {
visibility: visible !important;
z-index: 1;
display: flex;
gap: 4rem;
}
.wm-nav-main__list--is-hiding {
......@@ -2655,7 +2655,7 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after {
.wm-nav-main__link {
align-items: center;
display: flex;
padding: 1.3rem 2rem 1.1rem;
padding: 1.3rem 0 1.1rem;
width: 100%
}
......@@ -4769,7 +4769,7 @@ html:not(.wien) .wm-site--scrolled .wm-site-header {
@supports (font-variation-settings:normal) {
.wm-site-header__title {
font-variation-settings: "wght" 740;
font-variation-settings: "wght" 600;
}
}
......
web/assets/css/style.css
View file @ fab1e9e0
......@@ -12,22 +12,6 @@ body {
line-height: 1.5;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: rgb(216, 0, 0);
}
::-webkit-scrollbar-thumb:hover {
background: rgb(214, 0, 0);
}
body {
background-color: #F6F6F6;
......@@ -64,11 +48,12 @@ main {
}
.component__slider {
margin-top: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.component_headline {
margin-bottom: 40px;
text-align: center;
......@@ -554,6 +539,40 @@ iframe {
transform: none !important;
}
.wm-nav-main__list--1>*+* {
margin-left: 5rem;
}
#menu {
order: 1;
}
.filter-all {
order: -1;
}
.fact-filters .wm-nav-tag__link[disabled] {
background-color: #f3f1ef;
color: #000;
opacity: 1;
}
.wm-row {
align-items: flex-start;
flex-direction: row !important;
gap: 3rem;
justify-content: space-between;
flex-wrap: wrap;
}
.wm-row.column {
flex-direction: column !important;
}
.wm-rich-text p {
margin-bottom: 16px;
}
.mt32 {
margin-top: 32px;
}
......
Markdown is supported
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