ankedsgn

 //Better inline images from the wysiwyg editor

     if ($('.user-content img[style]').length > 0){
        var inlineimg = $('.user-content img[style]');
        console.log(inlineimg);
        inlineimg.css("width","").css("height","");
      }

ankedsgn

jQuery(function ($) {
  
  // faq

      $('.faq-question').on('click', function(e){
        e.preventDefault();
        var thisfaq = $(this).parent('.faq-set');
        var faqQ = $(this);
        var faqA = $(this).next('.faq-answer');

ankedsgn

# place below in the seo.bobdenotter.yml

fields:
    title: ['title', 'name']
    description: ['introduction', 'teaser', 'description', 'body']
    keywords: []
    # prefer the OGimage field over the organic image field
    image: ['ogimage','image']

ankedsgn

 {% set wijken = app.config.get('contenttypes/zoekmachine/fields/wijk_toenjoy/values') %}
     <select name="wijken">
     {% for item, key in wijken %}
         <option value="{{item}}">{{ key }}</option>
     {% endfor %}
     </select>

ankedsgn

{# Global svg icons 'use' method see: http://css-tricks.com/svg-sprites-use-better-icon-fonts/ also: http://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/

<svg class="icon icon-folder">
        <use xlink:href="#icon-folder"></use>
    </svg>
#}

{% spaceless %}
<svg display="none" xmlns="http://www.w3.org/2000/svg">

ankedsgn

figure.ratio-box {
    height: 0;
    position: relative;
    background: var(--lightGrey);
    padding-top: 100%; //default. Correct padding is calculated and set inline in the module

    img {
        position: absolute;
        top: 0;
    }

ankedsgn

// http://hugogiraudel.com/2016/10/13/css-hide-and-seek/ Screenreaders-only sr-only
.invisible-accessible, .sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;

ankedsgn

{% set currenturl =  url('<current>')|render|render %}

  <select class="nav-top-level__select" name="nav-select" id="structure-nav-select" onchange="navSelect(value);">
    {% for item in menu %}
      <option value="{{ item.url }}" {% if item.url in currenturl %} selected {% endif %}>{{ item.text }}</option>
    {% endfor %}
  </select>

ankedsgn

 $('.training-index__filters-form-inner .form-checkbox').each(function () {
        if (this.checked) {
          // console.log('YES');
          $(this).parents('.fieldset-wrapper').show();
          $(this).parents('fieldset legend').toggleClass('is-open');
        }
      });

ankedsgn

{% set classes = [
  'paragraph',
  'paragraph--type--' ~ paragraph.bundle|clean_class,
  view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
  not paragraph.isPublished() ? 'paragraph--unpublished',
  'grid grid--medium image-overlay',
  grid_medium
] %}