marco-van-zomeren

// SHARE PAGE
$(document).ready(function () {
    $('.js__share-page a.share-page__on-facebook').click(function () {
        var link = $(location).attr('href');
        var facebookUrl = "https://www.facebook.com/sharer/sharer.php?u=" + link;
        window.open(facebookUrl);
    });
    $('.js__share-page a.share-page__on-twitter').click(function () {
        var link = $(location).attr('href');
        var twitterUrl = "https://twitter.com/intent/tweet?url=" + link + '&text=' + "Hey, bekijk eens:" + link;

marco-van-zomeren

// FADEIN
var animateHTML = function() {
  var elems;
  var windowHeight;
  function init() {
    elems = document.querySelectorAll('.fx_fadeInUp');
    windowHeight = window.innerHeight;
    addEventHandlers();
    checkPosition();
  }

marco-van-zomeren

// ARROW
$arrow-size: 31px;
$arrow-border: 1.2px;

.read-more,
a[rel~="next"],
a[rel~="prev"] {
  position: relative;

  i {

marco-van-zomeren

.block__image-container {
  background-image: ... ;
  border-radius: 5px;
  overflow:hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

marco-van-zomeren

.container.grid {
    max-width: 1600px;
    margin: auto;
    grid-row-gap: var(--gutter)
}

[class*="grid"] {
    display: grid;
    grid-gap: var(--gutter);
    grid-template-columns: repeat(12, 1fr);

marco-van-zomeren

define( 'WP_ALLOW_MULTISITE', true );

marco-van-zomeren

<?php include("header.php"); ?>

<div class="page-container span_12 xs-md:p-0 pg">
    <section class="span_12 container grid">
        <main class="span_12 relative pg">

            <?php
            //response generation function
            
            $response = "";

marco-van-zomeren

<section class="span_12 grid xs-sm:p_0 ptrl bg_dark-blue bg_dark relative">
    <div class="span_12 container grid row-gap w_1-1 pt">
        <div class="span_12 text_center">
            <h2 class="font-w_700">Related</h2>
        </div>
        <div class="span_12 grid row-gap column-gap_2">

            <?php $related = get_posts( array( 'category__in' => wp_get_post_categories($post->ID), 'numberposts' => 3, 'post__not_in' => array($post->ID) ) ); if( $related ) foreach( $related as $post ) {
            setup_postdata($post); ?>

marco-van-zomeren

<div class="audio">
    <?php $audio = get_children( array('post_parent' => $post->ID, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'audio' ) ); ?>
    <?php if ( empty( $audio ) ) : ?>
    <?php else : ?>
    <?php foreach ( $audio as $attachment_id => $attachment ) : ?>


    <div class="player">
        <audio controls>
            <source src="<?php echo wp_get_attachment_url( $attachment_id, 'full' ); ?>" type="audio/mpeg">

marco-van-zomeren

:root {
  color-scheme: light dark;
  supported-color-schemes: light dark;
}

@media (prefers-color-scheme: dark) {
...
}