DIA Frontend

Media 

<!-- ### Begin: Element media ### -->
<div id="c316" class="frame frame-default frame-type-media frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
    <div class="frame-container">
        <div class="frame-inner">

            <header class="frame-header">
                <h2 class="element-header">
                    Media
                </h2>
            </header>

            <div class="gallery-row">
                <div class="gallery-item gallery-item-size-3">
                    <figure class="video">

                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe src="https://www.youtube-nocookie.com/embed/yiJjpKzCVE4?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
                        </div>

                        <figcaption class="caption">
                            The internet is the meanest place ever. Everybody knows that. So being &quot;still here&quot; in online business after 18 years is by no means a matter of course.<br />
                            That is all the more true, if the project in question is open source, rather than a profit-oriented business. So let&#039;s celebrate, because TYPO3 is &quot;still here&quot; and more successful than ever before.<br />

                        </figcaption>
                    </figure>
                </div>
                <div class="gallery-item gallery-item-size-3">
                    <figure class="video">

                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe src="https://www.youtube-nocookie.com/embed/LMx4SmK4s0U?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
                        </div>

                        <figcaption class="caption">
                            A short video explaining what TYPO3 is and why it is the right choice for you.<br />

                        </figcaption>
                    </figure>
                </div>
                <div class="gallery-item gallery-item-size-3">
                    <figure class="video">

                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe src="https://www.youtube-nocookie.com/embed/Z2DehcCc0W4?autohide=1&controls=1&rel=0&enablejsapi=1" class="embed-responsive-item" allowfullscreen allow="fullscreen"></iframe>
                        </div>

                        <figcaption class="caption">
                            Mathias Schreiber<br />
                            Benni Mack<br />

                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ### End: Element media ### -->
 
{% extends files ? '@wrapper-frame' : '@wrapper-empty' %}

{% set CType = 'media' %}

{% block main %}
    {% include '@atom-header' %}

    {% include '@partial-gallery' with {
        files: files
    } %}
{% endblock %}
 
{
  "bodytext": null,
  "categories": null,
  "CType": null,
  "customId": null,
  "date": null,
  "frame_class": null,
  "header": "Media",
  "header_color": null,
  "header_layout": 2,
  "header_link": null,
  "header_position": null,
  "header_style": null,
  "layout": null,
  "space_after_class": null,
  "space_before_class": null,
  "space_inner_after_class": null,
  "space_inner_before_class": null,
  "subheader": null,
  "target": null,
  "data": {
    "imagecols": 3,
    "image_zoom": false
  },
  "settings": {
    "lightbox": {
      "prefix": null,
      "cssClass": null
    }
  },
  "files": [
    {
      "type": "media",
      "url": "https://www.youtube-nocookie.com/embed/yiJjpKzCVE4?autohide=1&controls=1&rel=0&enablejsapi=1",
      "properties": {
        "description": "The internet is the meanest place ever. Everybody knows that. So being \"still here\" in online business after 18 years is by no means a matter of course.\nThat is all the more true, if the project in question is  open source, rather than a profit-oriented business. So let's celebrate, because TYPO3 is \"still here\" and more successful than ever before.\n"
      }
    },
    {
      "type": "media",
      "url": "https://www.youtube-nocookie.com/embed/LMx4SmK4s0U?autohide=1&controls=1&rel=0&enablejsapi=1",
      "properties": {
        "description": "A short video explaining what TYPO3 is and why it is the right choice for you.\n"
      }
    },
    {
      "type": "media",
      "url": "https://www.youtube-nocookie.com/embed/Z2DehcCc0W4?autohide=1&controls=1&rel=0&enablejsapi=1",
      "properties": {
        "description": "Mathias Schreiber\nBenni Mack\n"
      }
    }
  ]
}

No notes defined.