Changes from feedback 3 Feb
This commit is contained in:
Martijn Wolfs
parent
d9cd363688
commit
86706edea9
Binary file not shown.
Binary file not shown.
|
|
@ -6080,13 +6080,26 @@ p a:hover {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* FIX WAARDOOR IN LIJSTEN IN BLOKKEN LINKS OOK EEN KLEUR KRIJGEN (STAAN NIET IN EEN P) */
|
||||
.block.text-block li a {
|
||||
transition: all ease 0.25s;
|
||||
color: #C700BF;
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration-color: transparent;
|
||||
text-decoration-color: transparent;
|
||||
}
|
||||
|
||||
.block.text-block li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/*-----------------
|
||||
GENERAL
|
||||
-----------------*/
|
||||
@media screen and (min-width: 40em) {
|
||||
.breakword {
|
||||
overflow-wrap: break-word;
|
||||
width: 135%;
|
||||
width: 115%;
|
||||
-webkit-hyphens: auto;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
|
@ -6150,22 +6163,34 @@ body {
|
|||
}
|
||||
.altheader h1 span:after {
|
||||
top: 10px;
|
||||
left: -10px;
|
||||
right: -10px;
|
||||
left: -7px;
|
||||
right: -7px;
|
||||
}
|
||||
@media screen and (min-width: 64em) {
|
||||
.altheader h1 span:after {
|
||||
left: -10px;
|
||||
right: -10px;
|
||||
}
|
||||
}
|
||||
.altheader h2 span {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.altheader h2 span:after {
|
||||
top: 5px;
|
||||
left: -10px;
|
||||
right: -10px;
|
||||
left: -5px;
|
||||
right: -5px;
|
||||
}
|
||||
@media screen and (min-width: 64em) {
|
||||
.altheader h2 span:after {
|
||||
left: -8px;
|
||||
right: -8px;
|
||||
}
|
||||
}
|
||||
.altheader h3 span {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.altheader h3 span:after {
|
||||
top: 5px;
|
||||
top: 4px;
|
||||
left: -5px;
|
||||
right: -5px;
|
||||
}
|
||||
|
|
@ -6174,8 +6199,8 @@ body {
|
|||
}
|
||||
.altheader h4 span:after {
|
||||
top: 3px;
|
||||
left: -5px;
|
||||
right: -5px;
|
||||
left: -4px;
|
||||
right: -4px;
|
||||
}
|
||||
|
||||
.fake {
|
||||
|
|
@ -6517,11 +6542,19 @@ TOPBAR & MENU
|
|||
}
|
||||
.searchmenu p {
|
||||
line-height: 20px;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.searchmenu input {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.searchmenu .medium-4 p:first-child {
|
||||
margin-bottom: 1rem;
|
||||
display: block;
|
||||
}
|
||||
.searchmenu .medium-4:first-child p {
|
||||
display: inline-block;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.searchmenu #searchform {
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 15px;
|
||||
|
|
@ -6857,7 +6890,7 @@ TOPBAR & MENU
|
|||
position: fixed;
|
||||
background: #FFFF00;
|
||||
border-radius: 9999px;
|
||||
padding: 22px;
|
||||
padding: 17px;
|
||||
line-height: 38px;
|
||||
transform: rotate(-20deg);
|
||||
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.18);
|
||||
|
|
@ -6865,8 +6898,9 @@ TOPBAR & MENU
|
|||
right: 15px;
|
||||
bottom: 15px;
|
||||
}
|
||||
@media screen and (min-width: 40em) {
|
||||
@media screen and (min-width: 64em) {
|
||||
.doemee {
|
||||
padding: 22px;
|
||||
right: 60px;
|
||||
bottom: 60px;
|
||||
}
|
||||
|
|
@ -6943,8 +6977,13 @@ BLOCKS
|
|||
.block.content-block {
|
||||
margin: 30px 0;
|
||||
}
|
||||
@media screen and (max-width: 39.99875em) {
|
||||
.block.content-block ul, .block.content-block ol {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
.block.content-block li {
|
||||
padding-left: 20px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.block.content-block li::marker {
|
||||
font-weight: bold;
|
||||
|
|
@ -7040,6 +7079,21 @@ BLOCKS
|
|||
border-bottom: 1.5px solid #fff;
|
||||
}
|
||||
|
||||
.posttypeblock2 {
|
||||
margin: 60px 0;
|
||||
}
|
||||
.posttypeblock2 .imagecontainer {
|
||||
height: 400px;
|
||||
}
|
||||
|
||||
.posttypeblock3 {
|
||||
margin: 60px 0;
|
||||
}
|
||||
.posttypeblock3 .imagecontainer {
|
||||
height: 400px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.hoverblock {
|
||||
transition: all ease 0.25s;
|
||||
}
|
||||
|
|
@ -7157,6 +7211,9 @@ PARTS
|
|||
height: 400px;
|
||||
}
|
||||
}
|
||||
.nieuwsitem .nieuwsimage.nieuwsimageflat {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.text-block .read-more {
|
||||
height: 400px;
|
||||
|
|
@ -7451,6 +7508,12 @@ FOOTER
|
|||
justify-content: center;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
.footer-doneer p,
|
||||
.footer-nieuwsbrief p {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
}
|
||||
/* AJAX LOADMORE */
|
||||
.alm-btn-wrap .alm-load-more-btn.more {
|
||||
transition: all ease 0.25s;
|
||||
|
|
@ -7725,6 +7788,31 @@ input.fakebutton:active, input.fakebutton:focus {
|
|||
}
|
||||
}
|
||||
|
||||
/* FIX WAARBIJ DE DICTIONARY OVERLAPT MET EEN CIJFER VAN EEN OPSOMMING, GAAT NOG WAT MIS OP 1600PX BREAKPOINT */
|
||||
.block-text-block li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
li .dictionary-panel {
|
||||
transform: translate(-280px, -50%);
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1250px) {
|
||||
li .dictionary-panel {
|
||||
transform: translate(-335px, -50%);
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1600px) {
|
||||
li .dictionary-panel {
|
||||
transform: translate(-435px, -50%);
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 2055px) {
|
||||
li .dictionary-panel {
|
||||
transform: translate(-560px, -50%);
|
||||
}
|
||||
}
|
||||
/* DOEMEE TEMPLATE */
|
||||
.doemeepage .fullheight, .contactpage .fullheight {
|
||||
height: 400px;
|
||||
|
|
|
|||
|
|
@ -143,7 +143,8 @@ function codex_custom_init() {
|
|||
'public' => true,
|
||||
'label' => 'Kandidaten',
|
||||
'supports' => array( 'title', 'editor','thumbnail', 'excerpt' ),
|
||||
'show_in_rest' => true
|
||||
'show_in_rest' => true,
|
||||
'order', 'DESC'
|
||||
);
|
||||
register_post_type( 'kandidaten', $args2 );
|
||||
|
||||
|
|
|
|||
|
|
@ -116,8 +116,8 @@
|
|||
</ul>
|
||||
</div>
|
||||
<div class="shrink cell">
|
||||
<a href="<?php the_permalink(1536); ?>" target="_blank" class="nbm secondary button roundbutton hide-for-medium"><?php get_template_part('img/includes/donatemobile.svg'); ?></a>
|
||||
<a href="<?php the_permalink(1536); ?>" target="_blank" class="nbm secondary button show-for-medium">Doneer</a>
|
||||
<a href="https://doemee.bij1.org/" target="_blank" class="nbm secondary button roundbutton hide-for-medium"><?php get_template_part('img/includes/donatemobile.svg'); ?></a>
|
||||
<a href="<?php site_url(); ?>/doneer" target="_blank" class="nbm secondary button show-for-medium">Doneer</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -164,7 +164,7 @@
|
|||
<div class="large-8 cell">
|
||||
|
||||
<div class="altheader">
|
||||
<h4>Waar wil je <span>meer</span> <span>over</span> <span>weten</span></h4>
|
||||
<h4>Waar wil je <span>meer</span><span>over</span><span>weten</span></h4>
|
||||
</div>
|
||||
|
||||
<form id="searchform" method="get" action="<?php echo home_url('/'); ?>">
|
||||
|
|
@ -183,7 +183,7 @@
|
|||
|
||||
<div class="grid-x grid-margin-x text-left">
|
||||
<div class="small-6 medium-4 cell">
|
||||
<p>Thema's</p>
|
||||
<p style="display: block;">Thema's</p>
|
||||
|
||||
<?php
|
||||
// Get the taxonomy's terms
|
||||
|
|
@ -230,7 +230,7 @@
|
|||
</div>
|
||||
<div class="small-6 medium-4 cell ">
|
||||
<p>Nieuws</p>
|
||||
<?php $query = new WP_Query(array('posts_per_page' => 3)); ?>
|
||||
<?php $query = new WP_Query(array('posts_per_page' => 4)); ?>
|
||||
<?php if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post(); ?>
|
||||
|
||||
<p><small><a href="<?php the_permalink(); ?>" class=""><?php the_title(); ?></a></small></p>
|
||||
|
|
@ -314,11 +314,13 @@
|
|||
|
||||
<!-- INDEXMENU END -->
|
||||
|
||||
<!-- ROUNDBUTTON CTA START-->
|
||||
<a href="https://doemee.bij1.org/" target="_blank" class="doemee">
|
||||
<h2 class="nbm">DOE<br>MEE</h2>
|
||||
</a>
|
||||
<div class="container">
|
||||
<?php get_template_part('parts/_cover') ?>
|
||||
<!-- ROUNDBUTTON CTA END-->
|
||||
|
||||
<!-- SIDEBAR POST -->
|
||||
<?php if (is_singular('post') or is_singular('programma')) : ?>
|
||||
|
|
|
|||
|
|
@ -128,18 +128,18 @@ const fundraiserWrapper = document.querySelector('#fundraiserWrapper');
|
|||
$('div.loading').hide();
|
||||
$('div.fundraiser').fadeIn();
|
||||
};
|
||||
/* // Errorboodschap als de fundraiser niet opgehaald kon worden via de API van Wings
|
||||
// Errorboodschap als de fundraiser niet opgehaald kon worden via de API van Wings
|
||||
var retrieveError = function(){
|
||||
if(fundraiserWrapper) {
|
||||
alert('Er is iets mis gegaan met het ophalen van het donatieformulier.');
|
||||
/* alert('Er is iets mis gegaan met het ophalen van het donatieformulier.'); */
|
||||
}
|
||||
};
|
||||
// Errorboodschappen als het submitten van het donatieformulier niet is geslaagd.
|
||||
var submitError = function(){
|
||||
if(fundraiserWrapper) {
|
||||
alert('Er is iets mis gegaan met het verwerken van uw donatie.');
|
||||
/* alert('Er is iets mis gegaan met het verwerken van uw donatie.'); */
|
||||
}
|
||||
}; */
|
||||
};
|
||||
var submitSuccess = function(data){
|
||||
console.log(data);
|
||||
if(data.hasOwnProperty('errors') && data.errors.length > 0){
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- OLD LOOP START -->
|
||||
|
||||
|
||||
<?php if (is_front_page()) :
|
||||
$postnumber = 4;
|
||||
|
|
@ -161,7 +161,7 @@
|
|||
<?php endwhile;
|
||||
wp_reset_postdata();
|
||||
endif; ?>
|
||||
<!-- OLD LOOP START -->
|
||||
|
||||
|
||||
<div class="navfooter">
|
||||
<div class="grid-container full">
|
||||
|
|
|
|||
|
|
@ -37,123 +37,394 @@
|
|||
<div class="block itemblock nospace">
|
||||
<div class="grid-container full">
|
||||
<?php if (is_front_page()) :
|
||||
$postnumber = 3;
|
||||
$postnumber = 6;
|
||||
else :
|
||||
$postnumber = -1;
|
||||
endif; ?>
|
||||
<?php $num = 0; ?>
|
||||
<?php $query = new WP_Query(array('post_type' => 'programma', 'facetwp' => true, 'posts_per_page' => $postnumber)); ?>
|
||||
<?php if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post(); ?>
|
||||
<!-- <?php if ($num < 5) : ?>
|
||||
<h1>0 - 5</h1>
|
||||
<?php elseif ($num < 8) : ?>
|
||||
<h1>6-8</h1>
|
||||
<?php else : ?>
|
||||
<h1> 8 -></h1>
|
||||
<?php endif; ?> -->
|
||||
<!-- MOBILE LOOP START -->
|
||||
<div class=" hide-for-large colorchangeblock <?php if ($query->current_post % 2 == 0) : echo 'blackbackground';
|
||||
else : echo 'whitebackground';
|
||||
endif; ?>">
|
||||
<div class="grid-x ">
|
||||
<div class="large-12 cell">
|
||||
<?php the_post_thumbnail('fullwidth', array('class' => 'coverimage')); ?>
|
||||
</div>
|
||||
|
||||
<div class="large-12 cell">
|
||||
<div class="grid-x grid-margin-x">
|
||||
|
||||
<div class="mobileinner">
|
||||
<?php $num = 0; ?>
|
||||
<?php $query = new WP_Query(array('post_type' => 'programma', 'facetwp' => true, 'posts_per_page' => $postnumber)); ?>
|
||||
<?php if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post(); ?>
|
||||
|
||||
<?php $taxonomy = get_the_terms($post->ID, 'thema'); ?>
|
||||
<div class="altheader">
|
||||
|
||||
<h3>
|
||||
<span>
|
||||
<?php echo $taxonomy[0]->name ?>
|
||||
</span>
|
||||
</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<h2><?php the_title(); ?></h2>
|
||||
|
||||
<?php if (have_rows('bulletpoints', get_the_ID())) : ?>
|
||||
<ul>
|
||||
<?php while (have_rows('bulletpoints', get_the_ID())) : the_row(); ?>
|
||||
<li><?php the_sub_field('bulletpoint', get_the_ID()); ?></li>
|
||||
<?php endwhile; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
|
||||
<a href="<?php the_permalink(); ?>" class="<?php if ($query->current_post % 2 == 0) : echo 'whitebutton';
|
||||
else : echo '';
|
||||
endif; ?> button nbm"> Lees meer</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MOBILE LOOP END -->
|
||||
<!-- DESKTOP LOOP START -->
|
||||
<div class="hoverblock show-for-large">
|
||||
<div class="grid-x">
|
||||
<div class="large-2 small-order-<?php if ($query->current_post % 2 == 0) : echo 1;
|
||||
else : echo 2;
|
||||
endif; ?> cell">
|
||||
<!-- EMPTYCELL -->
|
||||
</div>
|
||||
<div class="large-3 small-order-<?php if ($query->current_post % 2 == 0) : echo 2;
|
||||
else : echo 3;
|
||||
endif; ?> cell">
|
||||
<div class="flex-container flex-dir-column" style="height: 100%">
|
||||
<div class="flex-child-grow"></div>
|
||||
<div class="flex-child-shrink">
|
||||
|
||||
<?php $taxonomy = get_the_terms($post->ID, 'thema'); ?>
|
||||
<div class="altheader">
|
||||
|
||||
<h4>
|
||||
<span>
|
||||
<?php echo $taxonomy[0]->name ?>
|
||||
</span>
|
||||
</h4>
|
||||
<!-- MOBILE LOOP START -->
|
||||
<?php if ($num < 6) : ?>
|
||||
<!-- MOBILE itemtyp1 START -->
|
||||
<div class="large-12 cell hide-for-large">
|
||||
<div class="colorchangeblock <?php if ($query->current_post % 2 == 0) : echo 'blackbackground';
|
||||
else : echo 'whitebackground';
|
||||
endif; ?>">
|
||||
<div class="grid-x ">
|
||||
<div class="large-12 cell">
|
||||
<?php the_post_thumbnail('fullwidth', array('class' => 'coverimage')); ?>
|
||||
</div>
|
||||
<hr>
|
||||
<h2 class="breakword"><?php the_title(); ?></h2>
|
||||
|
||||
<?php if (have_rows('bulletpoints', get_the_ID())) : ?>
|
||||
<ul>
|
||||
<?php while (have_rows('bulletpoints', get_the_ID())) : the_row(); ?>
|
||||
<li><?php the_sub_field('bulletpoint', get_the_ID()); ?></li>
|
||||
<?php endwhile; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
<div class="large-12 cell">
|
||||
|
||||
<a href="<?php the_permalink(); ?>" class="button nbm">Lees meer</a>
|
||||
<div class="mobileinner">
|
||||
|
||||
<?php $taxonomy = get_the_terms($post->ID, 'thema'); ?>
|
||||
<div class="altheader">
|
||||
|
||||
<h3>
|
||||
<span>
|
||||
<?php echo $taxonomy[0]->name ?>
|
||||
</span>
|
||||
</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<h2><?php the_title(); ?></h2>
|
||||
|
||||
<?php if (have_rows('bulletpoints', get_the_ID())) : ?>
|
||||
<ul>
|
||||
<?php while (have_rows('bulletpoints', get_the_ID())) : the_row(); ?>
|
||||
<li><?php the_sub_field('bulletpoint', get_the_ID()); ?></li>
|
||||
<?php endwhile; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
|
||||
<a href="<?php the_permalink(); ?>" class="<?php if ($query->current_post % 2 == 0) : echo 'whitebutton';
|
||||
else : echo '';
|
||||
endif; ?> button nbm"> Lees meer</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-child-grow"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-2 small-order-<?php if ($query->current_post % 2 == 0) : echo 3;
|
||||
else : echo 4;
|
||||
endif; ?> cell">
|
||||
<!-- EMPTYCELL -->
|
||||
</div>
|
||||
<div class="large-5 small-order-<?php if ($query->current_post % 2 == 0) : echo 4;
|
||||
else : echo 1;
|
||||
endif; ?> cell">
|
||||
<div class="imagecontainer ">
|
||||
<?php the_post_thumbnail('square', array('class' => 'coverimage')); ?>
|
||||
<!-- MOBILE itemtyp1 END -->
|
||||
<?php elseif ($num < 12) : ?>
|
||||
<!-- MOBILE itemtyp2 START -->
|
||||
<div class="large-12 cell hide-for-large">
|
||||
<div class="block nieuwsitem hide-for-large">
|
||||
<div class="grid-container full">
|
||||
<div class="grid-x grid-margin-x">
|
||||
|
||||
<div class="small-10 cell small-order-<?php if ($query->current_post % 2 == 1) : echo 1;
|
||||
else : echo 2;
|
||||
endif; ?>">
|
||||
<?php if (has_post_thumbnail()) : ?>
|
||||
<?php the_post_thumbnail('large', array('class' => 'nieuwsimage')); ?>
|
||||
<?php else : ?>
|
||||
<img class="nieuwsimage" src="<?php bloginfo('template_url'); ?>/img/includes/bij1_default.png" alt="default image">
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div class="small-2 small-order-<?php if ($query->current_post % 2 == 1) : echo 2;
|
||||
else : echo 1;
|
||||
endif; ?> cell">
|
||||
<!-- EMPTYCELL -->
|
||||
</div>
|
||||
|
||||
<div class="small-10 cell small-order-<?php if ($query->current_post % 2 == 1) : echo 3;
|
||||
else : echo 4;
|
||||
endif; ?>">
|
||||
<div class="mobileinner">
|
||||
<?php $taxonomy = get_the_terms($post->ID, 'thema'); ?>
|
||||
<div class="altheader">
|
||||
|
||||
<h3>
|
||||
<span>
|
||||
<?php echo $taxonomy[0]->name ?>
|
||||
</span>
|
||||
</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<h2><?php the_title(); ?></h2>
|
||||
|
||||
<?php if (have_rows('bulletpoints', get_the_ID())) : ?>
|
||||
<ul>
|
||||
<?php while (have_rows('bulletpoints', get_the_ID())) : the_row(); ?>
|
||||
<li><?php the_sub_field('bulletpoint', get_the_ID()); ?></li>
|
||||
<?php endwhile; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
|
||||
<a href="<?php the_permalink(); ?>" class="arrowlink right">Lees meer <i class="icon-right"></i></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="small-2 cell small-order-<?php if ($query->current_post % 2 == 1) : echo 4;
|
||||
else : echo 3;
|
||||
endif; ?>">
|
||||
<!-- EMPTYCELL -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- DESKTOP LOOP END -->
|
||||
<!-- MOBILE itemtyp2 END -->
|
||||
<?php else : ?>
|
||||
<!-- MOBILE itemtyp3 START -->
|
||||
<div class="large-12 cell hide-for-large">
|
||||
<div class="block nieuwsitem hide-for-large">
|
||||
<div class="grid-container full">
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="small-1 cell">
|
||||
<!-- EMPTY -->
|
||||
</div>
|
||||
<div class="small-10 cell ">
|
||||
<?php if (has_post_thumbnail()) : ?>
|
||||
<?php the_post_thumbnail('large', array('class' => 'nieuwsimage nieuwsimageflat')); ?>
|
||||
<?php else : ?>
|
||||
<img class="nieuwsimage nieuwsimageflat" src="<?php bloginfo('template_url'); ?>/img/includes/bij1_default.png" alt="default image">
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="small-1 cell">
|
||||
<!-- EMPTY -->
|
||||
</div>
|
||||
<div class="small-1 cell">
|
||||
<!-- EMPTY -->
|
||||
</div>
|
||||
|
||||
<?php $num++ ?>
|
||||
<div class="small-10 cell ">
|
||||
<div class="mobileinner">
|
||||
<?php $taxonomy = get_the_terms($post->ID, 'thema'); ?>
|
||||
<div class="altheader">
|
||||
|
||||
<?php endwhile;
|
||||
wp_reset_postdata();
|
||||
endif; ?>
|
||||
<h3>
|
||||
<span>
|
||||
<?php echo $taxonomy[0]->name ?>
|
||||
</span>
|
||||
</h3>
|
||||
</div>
|
||||
<hr>
|
||||
<h2><?php the_title(); ?></h2>
|
||||
|
||||
<?php if (have_rows('bulletpoints', get_the_ID())) : ?>
|
||||
<ul>
|
||||
<?php while (have_rows('bulletpoints', get_the_ID())) : the_row(); ?>
|
||||
<li><?php the_sub_field('bulletpoint', get_the_ID()); ?></li>
|
||||
<?php endwhile; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
|
||||
<a href="<?php the_permalink(); ?>" class="arrowlink right">Lees meer <i class="icon-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="small-1 cell">
|
||||
<!-- EMPTY -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- MOBILE itemtyp3 END -->
|
||||
<?php endif; ?>
|
||||
<!-- MOBILE LOOP END -->
|
||||
|
||||
<!-- DESKTOP LOOP START -->
|
||||
|
||||
<!-- DESKTOP itemtype1 START -->
|
||||
|
||||
<?php if ($num < 6) : ?>
|
||||
<div class="large-12 cell show-for-large">
|
||||
|
||||
<div class="hoverblock ">
|
||||
<div class="grid-x">
|
||||
<div class="large-2 small-order-<?php if ($query->current_post % 2 == 0) : echo 1;
|
||||
else : echo 2;
|
||||
endif; ?> cell">
|
||||
<!-- EMPTYCELL -->
|
||||
</div>
|
||||
<div class="large-3 small-order-<?php if ($query->current_post % 2 == 0) : echo 2;
|
||||
else : echo 3;
|
||||
endif; ?> cell">
|
||||
<div class="flex-container flex-dir-column" style="height: 100%">
|
||||
<div class="flex-child-grow"></div>
|
||||
<div class="flex-child-shrink">
|
||||
|
||||
<?php $taxonomy = get_the_terms($post->ID, 'thema'); ?>
|
||||
<div class="altheader">
|
||||
|
||||
<h4>
|
||||
<span>
|
||||
<?php echo $taxonomy[0]->name ?>
|
||||
</span>
|
||||
</h4>
|
||||
</div>
|
||||
<hr>
|
||||
<h2 class="breakword"><?php the_title(); ?></h2>
|
||||
|
||||
<?php if (have_rows('bulletpoints', get_the_ID())) : ?>
|
||||
<ul>
|
||||
<?php while (have_rows('bulletpoints', get_the_ID())) : the_row(); ?>
|
||||
<li><?php the_sub_field('bulletpoint', get_the_ID()); ?></li>
|
||||
<?php endwhile; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
|
||||
<a href="<?php the_permalink(); ?>" class="button nbm">Lees meer</a>
|
||||
</div>
|
||||
<div class="flex-child-grow"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-2 small-order-<?php if ($query->current_post % 2 == 0) : echo 3;
|
||||
else : echo 4;
|
||||
endif; ?> cell">
|
||||
<!-- EMPTYCELL -->
|
||||
</div>
|
||||
<div class="large-5 small-order-<?php if ($query->current_post % 2 == 0) : echo 4;
|
||||
else : echo 1;
|
||||
endif; ?> cell">
|
||||
<div class="imagecontainer ">
|
||||
<?php the_post_thumbnail('square', array('class' => 'coverimage')); ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- DESKTOP itemtype1 END -->
|
||||
<?php elseif ($num < 12) : ?>
|
||||
<!-- DESKTOP itemtype2 START -->
|
||||
<div class="large-12 cell show-for-large">
|
||||
<div class="posttypeblock2 ">
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="large-4 cell small-order-<?php if ($query->current_post % 2 == 0) : echo 1;
|
||||
else : echo 3;
|
||||
endif; ?>">
|
||||
<!-- EMPTY -->
|
||||
</div>
|
||||
<div class="large-4 cell small-order-2">
|
||||
<div class="flex-container flex-dir-column" style="height: 100%">
|
||||
<div class="flex-child-grow"></div>
|
||||
<div class="flex-child-shrink">
|
||||
<?php $taxonomy = get_the_terms($post->ID, 'thema'); ?>
|
||||
<div class="altheader">
|
||||
|
||||
<h4>
|
||||
<span>
|
||||
<?php echo $taxonomy[0]->name ?>
|
||||
</span>
|
||||
</h4>
|
||||
</div>
|
||||
<hr>
|
||||
<h2 class="breakword"><?php the_title(); ?></h2>
|
||||
|
||||
<?php if (have_rows('bulletpoints', get_the_ID())) : ?>
|
||||
<ul>
|
||||
<?php while (have_rows('bulletpoints', get_the_ID())) : the_row(); ?>
|
||||
<li><?php the_sub_field('bulletpoint', get_the_ID()); ?></li>
|
||||
<?php endwhile; ?>
|
||||
</ul>
|
||||
<a href="<?php the_permalink(); ?>" class="arrowlink right">Lees meer <i class="icon-right"></i></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="flex-child-grow"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-4 cell small-order-<?php if ($query->current_post % 2 == 0) : echo 3;
|
||||
else : echo 1;
|
||||
endif; ?>">
|
||||
<div class="imagecontainer ">
|
||||
<?php the_post_thumbnail('square', array('class' => 'coverimage')); ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- DESKTOP itemtype2 END -->
|
||||
<?php else : ?>
|
||||
<!-- DESKTOP itemtype3 START -->
|
||||
<?php if ($query->current_post % 2 == 0) : ?>
|
||||
<div class="large-2 cell show-for-large">
|
||||
<!-- EMPTY -->
|
||||
</div>
|
||||
<div class="large-4 cell show-for-large">
|
||||
<div class="posttypeblock3">
|
||||
<div class="flex-container flex-dir-column" style="height: 100%">
|
||||
<div class="flex-child-grow"></div>
|
||||
<div class="flex-child-shrink">
|
||||
<div class="imagecontainer ">
|
||||
<?php the_post_thumbnail('square', array('class' => 'coverimage')); ?>
|
||||
</div>
|
||||
<?php $taxonomy = get_the_terms($post->ID, 'thema'); ?>
|
||||
<div class="altheader">
|
||||
|
||||
<h4>
|
||||
<span>
|
||||
<?php echo $taxonomy[0]->name ?>
|
||||
</span>
|
||||
</h4>
|
||||
</div>
|
||||
<hr>
|
||||
<h2 class="breakword"><?php the_title(); ?></h2>
|
||||
|
||||
<?php if (have_rows('bulletpoints', get_the_ID())) : ?>
|
||||
<ul>
|
||||
<?php while (have_rows('bulletpoints', get_the_ID())) : the_row(); ?>
|
||||
<li><?php the_sub_field('bulletpoint', get_the_ID()); ?></li>
|
||||
<?php endwhile; ?>
|
||||
</ul>
|
||||
<a href="<?php the_permalink(); ?>" class="arrowlink right">Lees meer <i class="icon-right"></i></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="flex-child-grow"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php else : ?>
|
||||
|
||||
<div class="large-4 cell show-for-large">
|
||||
<div class="posttypeblock3">
|
||||
<div class="flex-container flex-dir-column" style="height: 100%">
|
||||
<div class="flex-child-grow"></div>
|
||||
<div class="flex-child-shrink">
|
||||
<div class="imagecontainer ">
|
||||
<?php the_post_thumbnail('square', array('class' => 'coverimage')); ?>
|
||||
</div>
|
||||
<?php $taxonomy = get_the_terms($post->ID, 'thema'); ?>
|
||||
<div class="altheader">
|
||||
|
||||
<h4>
|
||||
<span>
|
||||
<?php echo $taxonomy[0]->name ?>
|
||||
</span>
|
||||
</h4>
|
||||
</div>
|
||||
<hr>
|
||||
<h2 class="breakword"><?php the_title(); ?></h2>
|
||||
|
||||
<?php if (have_rows('bulletpoints', get_the_ID())) : ?>
|
||||
<ul>
|
||||
<?php while (have_rows('bulletpoints', get_the_ID())) : the_row(); ?>
|
||||
<li><?php the_sub_field('bulletpoint', get_the_ID()); ?></li>
|
||||
<?php endwhile; ?>
|
||||
</ul>
|
||||
<a href="<?php the_permalink(); ?>" class="arrowlink right">Lees meer <i class="icon-right"></i></a>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<div class="flex-child-grow"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-2 cell show-for-large">
|
||||
<!-- EMPTY -->
|
||||
</div>
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- DESKTOP itemtype3 END -->
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- DESKTOP LOOP END -->
|
||||
|
||||
<?php $num++ ?>
|
||||
<!-- RESTART -->
|
||||
<?php endwhile; ?>
|
||||
|
||||
<?php wp_reset_postdata();
|
||||
endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -199,13 +199,26 @@ p {
|
|||
margin-bottom: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* FIX WAARDOOR IN LIJSTEN IN BLOKKEN LINKS OOK EEN KLEUR KRIJGEN (STAAN NIET IN EEN P) */
|
||||
.block.text-block li a {
|
||||
transition: all ease 0.25s;
|
||||
color: #C700BF;
|
||||
text-decoration: underline;
|
||||
text-decoration-color: transparent;
|
||||
}
|
||||
|
||||
.block.text-block li a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/*-----------------
|
||||
GENERAL
|
||||
-----------------*/
|
||||
.breakword {
|
||||
@media #{$medium-up} {
|
||||
overflow-wrap: break-word;
|
||||
width: 135%;
|
||||
width: 115%;
|
||||
hyphens: auto;
|
||||
}
|
||||
}
|
||||
|
|
@ -268,8 +281,13 @@ body{
|
|||
margin-left: 10px;
|
||||
&:after {
|
||||
top:10px;
|
||||
left: -10px;
|
||||
right: -10px;
|
||||
left: -7px;
|
||||
right: -7px;
|
||||
@media #{$large-up} {
|
||||
left: -10px;
|
||||
right: -10px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -278,8 +296,13 @@ body{
|
|||
margin-left: 10px;
|
||||
&:after {
|
||||
top:5px;
|
||||
left: -10px;
|
||||
right: -10px;
|
||||
left: -5px;
|
||||
right: -5px;
|
||||
@media #{$large-up} {
|
||||
left: -8px;
|
||||
right: -8px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -287,9 +310,10 @@ body{
|
|||
span {
|
||||
margin-left: 5px;
|
||||
&:after {
|
||||
top: 5px;
|
||||
top: 4px;
|
||||
left: -5px;
|
||||
right: -5px;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -298,8 +322,8 @@ body{
|
|||
margin-left: 5px;
|
||||
&:after {
|
||||
top: 3px;
|
||||
left: -5px;
|
||||
right: -5px;
|
||||
left: -4px;
|
||||
right: -4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -443,6 +467,7 @@ h1, h2, h3, h4, h5, h6{
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
.subscript{
|
||||
height: 138px;
|
||||
i{
|
||||
|
|
@ -666,25 +691,30 @@ TOPBAR & MENU
|
|||
background:$white;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
|
||||
|
||||
&.expanded {
|
||||
&.expanded {
|
||||
transform: translateY(0);
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
|
||||
}
|
||||
h4 {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
p{
|
||||
line-height: 20px;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
input {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.medium-4 p:first-child {
|
||||
margin-bottom: 1rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.medium-4:first-child p {
|
||||
display: inline-block;
|
||||
margin-right: .5rem;
|
||||
}
|
||||
#searchform{
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 15px;
|
||||
|
|
@ -734,6 +764,10 @@ TOPBAR & MENU
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* ICONMENU */
|
||||
#iconmenubutton {
|
||||
position: relative;
|
||||
|
|
@ -1040,14 +1074,15 @@ TOPBAR & MENU
|
|||
position: fixed;
|
||||
background: $secondary-color;
|
||||
border-radius: 9999px;
|
||||
padding: 22px;
|
||||
padding: 17px;
|
||||
line-height: 38px;
|
||||
transform: rotate(-20deg);
|
||||
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.18);
|
||||
z-index: 21;
|
||||
right: 15px;
|
||||
bottom: 15px;
|
||||
@media #{$medium-up} {
|
||||
@media #{$large-up} {
|
||||
padding: 22px;
|
||||
right: 60px;
|
||||
bottom: 60px;
|
||||
}
|
||||
|
|
@ -1123,10 +1158,14 @@ BLOCKS
|
|||
margin: 60px 0;
|
||||
}
|
||||
&.content-block{
|
||||
|
||||
margin: 30px 0;
|
||||
ul, ol {
|
||||
@media #{$small-only} {
|
||||
margin-left: 20px;
|
||||
}
|
||||
}
|
||||
li{
|
||||
padding-left: 20px;
|
||||
padding-left: 15px;
|
||||
&::marker{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
@ -1221,6 +1260,20 @@ BLOCKS
|
|||
}
|
||||
}
|
||||
|
||||
.posttypeblock2 {
|
||||
margin: 60px 0;
|
||||
.imagecontainer {
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
.posttypeblock3 {
|
||||
margin: 60px 0;
|
||||
.imagecontainer {
|
||||
height: 400px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.hoverblock {
|
||||
.cell {
|
||||
transition: all 1s ease;
|
||||
|
|
@ -1342,6 +1395,9 @@ PARTS
|
|||
@media #{$medium-up} {
|
||||
height: 400px;
|
||||
}
|
||||
&.nieuwsimageflat{
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1664,6 +1720,12 @@ FOOTER
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
.footer-doneer p,
|
||||
.footer-nieuwsbrief p {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* AJAX LOADMORE */
|
||||
.alm-btn-wrap{
|
||||
|
|
@ -1952,6 +2014,34 @@ input.fakebutton{
|
|||
}
|
||||
}
|
||||
|
||||
/* FIX WAARBIJ DE DICTIONARY OVERLAPT MET EEN CIJFER VAN EEN OPSOMMING, GAAT NOG WAT MIS OP 1600PX BREAKPOINT */
|
||||
.block-text-block li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1024px) {
|
||||
li .dictionary-panel {
|
||||
transform: translate(-280px, -50%);
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1250px) {
|
||||
li .dictionary-panel {
|
||||
transform: translate(-335px, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1600px) {
|
||||
li .dictionary-panel {
|
||||
transform: translate(-435px, -50%);
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 2055px) {
|
||||
li .dictionary-panel {
|
||||
transform: translate(-560px, -50%);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* DOEMEE TEMPLATE */
|
||||
|
||||
|
|
@ -2025,4 +2115,9 @@ input.fakebutton{
|
|||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@
|
|||
<div class="grid-x text-center ">
|
||||
<div class="large-6 cell">
|
||||
<div class="background blackbackground">
|
||||
<a href="<?php the_permalink('19') ?>" class="arrowlink left" href=""><i class="icon-left"></i>terug naar het programma overizicht</a>
|
||||
<a href="<?php the_permalink('19') ?>" class="arrowlink left" href=""><i class="icon-left"></i>terug naar het programma overzicht</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-6 cell">
|
||||
|
|
@ -66,6 +66,7 @@
|
|||
|
||||
<?php elseif (is_singular('kandidaten')) : ?>
|
||||
|
||||
|
||||
<div class="navfooter lastblock">
|
||||
<div class="grid-container full">
|
||||
|
||||
|
|
@ -77,12 +78,14 @@
|
|||
</div>
|
||||
<div class="large-6 cell">
|
||||
<div class="background yellowbackground">
|
||||
|
||||
<?php $next = get_next_post(); ?>
|
||||
<?php $previous = get_previous_post(); ?>
|
||||
<?php $previous = get_next_post(); ?>
|
||||
<?php $next = get_previous_post(); ?>
|
||||
|
||||
<?php if (!empty($next)) : ?>
|
||||
|
||||
<a href="<?php echo $next->guid; ?>" class=" arrowlink right" href="">Naar <?php echo $next->post_title; ?><i class="icon-right"></i></a>
|
||||
<?php else : ?>
|
||||
|
||||
<a href="<?php echo $previous->guid; ?>" class=" arrowlink right" href="">Naar <?php echo $previous->post_title; ?><i class="icon-right"></i></a>
|
||||
<?php endif; ?>
|
||||
|
||||
|
|
@ -98,7 +101,7 @@
|
|||
<!-- DIT BLOK IS EEN COPIE VAN NIEUWS_ITEMS.PHP -->
|
||||
|
||||
<!-- NIEUWSBLOCK START -->
|
||||
<div class="nieuws-items xltm" >
|
||||
<div class="nieuws-items xltm">
|
||||
|
||||
<div class='titelblock'>
|
||||
<div class='grid-container fluid'>
|
||||
|
|
@ -190,7 +193,7 @@
|
|||
</div>
|
||||
<!-- NIEUWSBLOCK EINDE -->
|
||||
<?php else : ?>
|
||||
<div class="spacingblock"></div>
|
||||
<div class="spacingblock"></div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php get_template_part('parts/blocks/cta_blocks') ?>
|
||||
|
|
|
|||
|
|
@ -5,3 +5,4 @@ Author: Okaia
|
|||
Author URI: https://www.okaia.nl
|
||||
*/
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,19 @@
|
|||
|
||||
# BEGIN Gravity Forms
|
||||
# The directives (lines) between "BEGIN Gravity Forms" and "END Gravity Forms" are
|
||||
# dynamically generated, and should only be modified via WordPress filters.
|
||||
# Any changes to the directives between these markers will be overwritten.
|
||||
# Disable parsing of PHP for some server configurations. This file may be removed or modified on certain server configurations by using by the gform_upload_root_htaccess_rules filter. Please consult your system administrator before removing this file.
|
||||
<Files *>
|
||||
SetHandler none
|
||||
SetHandler default-handler
|
||||
Options -ExecCGI
|
||||
RemoveHandler .cgi .php .php3 .php4 .php5 .phtml .pl .py .pyc .pyo
|
||||
</Files>
|
||||
<IfModule mod_php5.c>
|
||||
php_flag engine off
|
||||
</IfModule>
|
||||
<IfModule headers_module>
|
||||
Header set X-Robots-Tag "noindex"
|
||||
</IfModule>
|
||||
# END Gravity Forms
|
||||
Loading…
Reference in New Issue