Skip to content

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

Multiple Adjustments

parent 3bf01ad4
Expand all Show 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> <div class="wm-rich-text wm-row column">{{element.text}}</div>
\ No newline at end of file \ No newline at end of file
templates/facts/_entry.twig
View file @ fab1e9e0
{% extends "index" %} {% extends "index" %}
{% set image = entry.teaserImage.one() %}
{% set baseurl = craft.app.sites.primarySite.baseUrl %}
{% set siteurl = currentSite.baseUrl %}
{% block content %} {% block content %}
{{entry.title}} <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 %} {% endblock %}
templates/facts/index.twig
View file @ fab1e9e0
{% extends "index" %} {% extends "index" %}
{% set baseurl = craft.app.sites.primarySite.baseUrl %} {% set baseurl = craft.app.sites.primarySite.baseUrl %}
{% block content %} {% block content %}
<div class="maxWidthLimit"> <div class="maxWidthLimit">
{% set category = craft.app.request.param('category') %} {% set category = craft.app.request.param('category') %}
{% set factsQuery = craft.entries().section('facts').kategorien(category|t) %} {% set factsQuery = craft.entries().section('facts').kategorien(category|t) %}
<div class="wm-accordion js-wm-accordion mt32"> <h1 class="mt32">
<h3 class="wm-accordion__header js-wm-accordion-header accordion"> {{ "Facts"|t }}
{{ "Themen"|t }} </h1>
<svg class="wm-icon wm-accordion__icon wm-accordion__icon--status" width="28" height="28" focusable="false"> <form class="fact-filters wm-nav-tag__list mt16">
<use xlink:href="/assets/icons/sprite.symbol.svg#chevron-down" /> {% set allFilterEnabled = true %}
</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') %} {% for thema in craft.entries.section('themen') %}
<button id="{{thema.slug}}" type="submit" class="wm-nav-tag__link" name="category" {% if category == thema.slug %}
value="{{thema.slug}}">{{thema.title}}</button> <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 %} {% endfor %}
<button id="alle" type="submit" class="wm-nav-tag__link filter-all" {% if allFilterEnabled == true %} disabled {% endif %} value="">{{"Alle"|t}}</button>
</form> </form>
</div>
</div>
</div>
{% paginate factsQuery.limit(12) as entries %} {% paginate factsQuery.limit(12) as entries %}
<div class="news mt32"> <div class="news mt16">
{% for entry in entries %} {% for entry in entries %}
{% set image = entry.images.one() %} {% set image = entry.images.one() %}
<div class="wm-card wm-card--m wm-card--linked" data-wm-card> <div class="wm-card wm-card--m wm-card--linked" data-wm-card>
...@@ -39,14 +35,15 @@ ...@@ -39,14 +35,15 @@
</a> </a>
</h3> </h3>
<div class="wm-card__media "> <div class="wm-card__media ">
<img class="wm-image wm-card__image" loading="lazy" src="{{ baseurl }}/{{image.url}}" width="350" height="197" data-src="" <img class="wm-image wm-card__image" loading="lazy" src="{{ baseurl }}/{{image.url}}" width="350" height="197" data-src="" alt="Bildbeschreibung">
alt="Bildbeschreibung">
</div> </div>
<div class="wm-card__content wm-rich-text "> <div class="wm-card__content wm-rich-text ">
<p>{{ entry.teaser}}</p> <p>{{ entry.teaser}}</p>
</div> </div>
<div> <div>
<a href="{{entry.url}}" class="wm-em-link"><span class="wm-em-link__content">{{ "Mehr lesen"|t }}</span></a> <a href="{{entry.url}}" class="wm-em-link">
<span class="wm-em-link__content">{{ "Mehr lesen"|t }}</span>
</a>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
...@@ -54,7 +51,9 @@ ...@@ -54,7 +51,9 @@
<nav class="wm-pagination mt32" aria-labelledby=""> <nav class="wm-pagination mt32" aria-labelledby="">
<ol class="wm-pagination__items"> <ol class="wm-pagination__items">
<li class="wm-pagination__item"> <li class="wm-pagination__item">
{% if paginate.prevUrl %}<a class="wm-pagination__link button-prev" href="{{ paginate.prevUrl }}"></a>{% endif %} {% if paginate.prevUrl %}
<a class="wm-pagination__link button-prev" href="{{ paginate.prevUrl }}"></a>
{% endif %}
</li> </li>
{% for page, url in paginate.getPrevUrls(5) %} {% for page, url in paginate.getPrevUrls(5) %}
...@@ -72,8 +71,11 @@ ...@@ -72,8 +71,11 @@
</li> </li>
{% endfor %} {% endfor %}
{% if paginate.nextUrl %}<li class="wm-pagination__item"></li><a class="wm-pagination__link button-next" {% if paginate.nextUrl %}
href="{{ paginate.nextUrl }}"></a></li>{% endif %} <li class="wm-pagination__item"></li>
<a class="wm-pagination__link button-next" href="{{ paginate.nextUrl }}"></a>
</li>
{% endif %}
</ol> </ol>
</nav> </nav>
...@@ -91,5 +93,5 @@ ...@@ -91,5 +93,5 @@
{% if paginate.nextUrl %}<a href="{{ paginate.nextUrl }}">Next Page</a>{% endif %}--> {% if paginate.nextUrl %}<a href="{{ paginate.nextUrl }}">Next Page</a>{% endif %}-->
</div> </div>
{% endblock %} {% endblock %}
templates/themen/_entry.twig
View file @ fab1e9e0
{% extends "index" %} {% extends "index" %}
{% block content %} {% block content %}
<div class="component"> <div class="mt32">
<div class="maxWidthLimit wm-row wm-rich-text"> <div class="maxWidthLimit wm-row column wm-rich-text">
<h1>{{entry.title}}</h1> <h1>{{entry.title}}</h1>
{{entry.richText}} {{entry.richText}}
</div> </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 { ...@@ -2372,7 +2372,6 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after {
border-radius: 2px; border-radius: 2px;
flex-shrink: 0; flex-shrink: 0;
gap: 1rem; gap: 1rem;
margin-left: auto;
max-height: 4.4rem; max-height: 4.4rem;
padding: 0 .7rem; padding: 0 .7rem;
position: relative; position: relative;
...@@ -2604,6 +2603,7 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after { ...@@ -2604,6 +2603,7 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after {
visibility: visible !important; visibility: visible !important;
z-index: 1; z-index: 1;
display: flex; display: flex;
gap: 4rem;
} }
.wm-nav-main__list--is-hiding { .wm-nav-main__list--is-hiding {
...@@ -2655,7 +2655,7 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after { ...@@ -2655,7 +2655,7 @@ a:is([href^="http://"], [href^="https://"]):not([class]):after {
.wm-nav-main__link { .wm-nav-main__link {
align-items: center; align-items: center;
display: flex; display: flex;
padding: 1.3rem 2rem 1.1rem; padding: 1.3rem 0 1.1rem;
width: 100% width: 100%
} }
...@@ -4769,7 +4769,7 @@ html:not(.wien) .wm-site--scrolled .wm-site-header { ...@@ -4769,7 +4769,7 @@ html:not(.wien) .wm-site--scrolled .wm-site-header {
@supports (font-variation-settings:normal) { @supports (font-variation-settings:normal) {
.wm-site-header__title { .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 { ...@@ -12,22 +12,6 @@ body {
line-height: 1.5; 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 { body {
background-color: #F6F6F6; background-color: #F6F6F6;
...@@ -64,11 +48,12 @@ main { ...@@ -64,11 +48,12 @@ main {
} }
.component__slider { .component__slider {
margin-top: 0 !important;
padding-top: 0 !important; padding-top: 0 !important;
padding-bottom: 0 !important; padding-bottom: 0 !important;
margin-bottom: 0 !important;
} }
.component_headline { .component_headline {
margin-bottom: 40px; margin-bottom: 40px;
text-align: center; text-align: center;
...@@ -554,6 +539,40 @@ iframe { ...@@ -554,6 +539,40 @@ iframe {
transform: none !important; 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 { .mt32 {
margin-top: 32px; 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