ABooooo

//realurl_config.php (we have to change two files)

// change "newsDetailConfiguration" with a blog single page id

<?php

$TYPO3_CONF_VARS['FE']['addRootLineFields'].= ',tx_realurl_pathsegment';
$TYPO3_CONF_VARS['EXTCONF']['realurl']['_DEFAULT'] = array(
        'pagePath' => array(
                'type' => 'user',

ABooooo

/* change h3 to h2 in blog list view */
    $(function() {
        $('.news-list-view h3').each(function(i, em) {
            $(em).replaceWith('<h2>'+$(em).html()+'</h2>');
        });
    });

ABooooo

https://axelerant.com/add-custom-css-classes-to-the-typo3-rte/

ABooooo

$( "a" ).has( "img" ).mouseenter(function(){
        $(this).css("color", "#870036");
    });
    $( "a" ).has( "img" ).mouseleave(function(){
        $(this).css("color", "black");
    });

ABooooo

// check url
    var url = window.location.pathname;

    var output = url.indexOf('/events')!=-1;
    //alert (output[0]);

    if (output) {


        (function eventsData() {

ABooooo

// add img responsive class
  $.each($('.news img'), function (index, item) {
        if ($(item).width() >= 600) {
            $(item).addClass("img-responsive");
        }
    });

ABooooo

// cinfiguration = file abstration layer
// field  = filed name in configuration

<f:for each="{dce:fal(field:'jpg_data', contentObject:contentObject)}" as="fileReference">
        <video poster="{f:uri.image(src:fileReference.uid,treatIdAsReference:1)}" autoplay="autoplay" preload="preload">
	</f:for>
		<f:for each="{dce:fal(field:'mp4_data', contentObject:contentObject)}" as="fileReference">
			<source type="video/mp4" src="{f:uri.image(src:fileReference.uid,treatIdAsReference:1)}" />
		</f:for>
		<f:for each="{dce:fal(field:'webm_data', contentObject:contentObject)}" as="fileReference">

ABooooo

body {
  background-image: url(../img/bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% auto;
  background-color: $whiteColor;
}

ABooooo

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

ABooooo

// RTE
<f:format.html>{field.zitatText}</f:format.html>

// Single line text
<p>{field.zitatAutor}</p>

// Image (field:'variableName')
<f:for each="{dce:fal(field:'sliderImage', contentObject:contentObject)}" as="fileReference">
		<f:image class="img-responsive" src="{fileReference.uid}" alt="" treatIdAsReference="1" />
</f:for>