update layout and contents

src/Resources/contao/templates/layouts/mate/fe_page_mate.html5

@@ -11,14 +11,24 @@
     <meta name="generator" content="Contao Open Source CMS">
 
     <?= $this->viewport ?>
+
     <?= $this->stylesheets ?>
     <link rel="stylesheet" type="text/css" media="all" href="<?php
     // add stylesheets
     $combiner = new Combiner();
     $combiner->add('files/mate/sass/mate.scss');
     echo $combiner->getCombinedFile(); ?>">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
     <?= $this->head ?>
+
+    <meta property="og:title" content="<?php echo $this->pageTitle; ?> - <?php echo $this->mainTitle; ?>" />
+    <meta property="og:description" content="<?php echo $this->description; ?>" />
+    <meta property="og:url" content="{{env::url}}/{{env::request}}" />
+    <?php if($GLOBALS['og:image']) echo '<meta property="og:image" content="'.$GLOBALS['og:image'].'" />'; ?>
+
+    <link rel="shortcut icon" href="files/mate/img/favicon.ico" type="image/x-icon" />
+
 <?php $this->endblock(); ?>
 
 <?php $this->block('body'); ?>
@@ -27,7 +37,7 @@
     <?= $this->mooScripts ?>
     <?= $this->framework ?>
 
-    <script type="text/javascript" charset="utf-8" src="<?php
+    <script charset="utf-8" src="<?php
     // add javascripts
     $combiner = new Combiner();
     $combiner->add('bundles/matetheme/js/materialize/materialize.min.js');

src/Resources/contao/templates/layouts/mate/fe_page_mate_left.html5

@@ -1,7 +1,7 @@
 <?php $this->extend('fe_page_mate'); ?>
 
 <?php $this->block('container'); ?>
-	<?php $this->parent(); ?>
+    <?php $this->parent(); ?>
 <?php $this->endblock(); ?>
 
 <?php $this->block('main'); ?>

src/Resources/contao/templates/modules/mate/event_mate_full.html5

@@ -0,0 +1,55 @@
+<?php
+if($this->width > $this->height) {
+    #Querformatbilder
+    $ogimage = $this->getImage($this->urlEncode($this->singleSRC), 1200, 630 , 'crop');
+}else{
+    #Hochformatbilder
+    $ogimage = $this->getImage($this->urlEncode($this->singleSRC), 630, 0 , 'proportional');
+}
+if($ogimage != "") {
+    $GLOBALS['og:image'] = $this->Environment->base . $ogimage;
+}
+?>
+
+<div class="event layout_full block<?= $this->class ?>" itemscope itemtype="http://schema.org/Event">
+
+    <h1 itemprop="name"><?= $this->title ?></h1>
+    <p class="info"><time datetime="<?= $this->datetime ?>" itemprop="startDate"><?= $this->date ?><?php if ($this->time): ?>, <?= $this->time ?><?php endif; ?></time></p>
+
+    <?php if ($this->recurring): ?>
+        <p class="recurring"><?= $this->recurring ?><?php if ($this->until) echo ' ' . $this->until; ?>.</p>
+    <?php endif; ?>
+
+    <?php if ($this->hasDetails): ?>
+        <?= $this->details ?>
+    <?php else: ?>
+        <div class="ce_text block">
+            <?php if (!$this->addBefore): ?>
+                <?= $this->teaser ?>
+            <?php endif; ?>
+
+            <?php if ($this->addImage): ?>
+                <?php $this->insert('image', $this->arrData); ?>
+            <?php endif; ?>
+
+            <?php if ($this->addBefore): ?>
+                <?= $this->teaser ?>
+            <?php endif; ?>
+        </div>
+    <?php endif; ?>
+
+    <?php if ($this->location): ?>
+        <p class="location"><?= $this->locationLabel ?>: <?= $this->location ?></p>
+    <?php endif; ?>
+
+    <?php if ($this->enclosure): ?>
+        <ul class="enclosure">
+            <?php foreach ($this->enclosure as $enclosure): ?>
+                <li class="download-element ext-<?= $enclosure['extension'] ?>">
+                    <a href="<?= $enclosure['href'] ?>" title="<?= $enclosure['title'] ?>"><?= $enclosure['link'] ?> <span class="size">(<?= $enclosure['filesize'] ?>)</span></a>
+                </li>
+            <?php endforeach; ?>
+        </ul>
+    <?php endif; ?>
+
+</div>

src/Resources/contao/templates/modules/mate/news_mate_full.html5

@@ -1,3 +1,15 @@
+<?php
+if($this->width > $this->height) {
+    #Querformatbilder
+    $ogimage = $this->getImage($this->urlEncode($this->singleSRC), 1200, 630 , 'crop');
+}else{
+    #Hochformatbilder
+    $ogimage = $this->getImage($this->urlEncode($this->singleSRC), 630, 0 , 'proportional');
+}
+if($ogimage != "") {
+    $GLOBALS['og:image'] = $this->Environment->base . $ogimage;
+}
+?>
 
 <div class="layout_full block<?= $this->class ?>">
 

src/Resources/contao/templates/modules/mate/news_mate_slider.html5

@@ -1,4 +1,5 @@
 <li class="sliderImage <?= $this->alias ?>">
+
 	<div class="img" <?php if ($this->addImage): ?>style="background-image:url('<?= $this->picture['img']['src'] ?>');"<?php endif; ?>></div>
 
 	<div class="caption center-align">
@@ -24,8 +25,8 @@
 		    	<a href="<?= $this->link ?>">Mehr dazu</a>
 		    </p>
 		  <?php endif; ?>
-		  
-		  <img style="display:none;"></img>
+
+		  <img src="#" style="display:none;" alt="invisible image tag">
 
 		</div>
 

src/Resources/contao/templates/navigation/mate/nav_mate_mobile.html5

@@ -16,10 +16,7 @@
 
       </a>
       <?php if(!empty($item['subitems'])): ?>
-      <i class="material-icons right"
-         style="z-index: 999;position: relative;right: 5px;top: -55px;"
-         onclick="jQuery( this ).parent('li').next().toggle();return false;"
-         ontouchstart="jQuery( this ).parent('li').next().toggle();return false;">arrow_drop_down</i>
+          <i onclick="jQuery( this ).parent('li').next().toggle();return false;" ontouchstart="jQuery( this ).parent('li').next().toggle();return false;" class="material-icons right" style="z-index: 999;position: relative;right: 5px;top: -55px;">arrow_drop_down</i>
       <?php endif; ?>
     </li>
     <?php if (!empty($item['subitems'])): ?>
@@ -39,11 +36,7 @@
   <?php endforeach; ?>
 <?php endif; ?>
 
-
-<script>
-    jQuery('.mobile-menu i').bind('touchstart click', function() {
-      $(this).html() == "arrow_drop_down" ? $(this).html('arrow_drop_up') : $(this).html('arrow_drop_down');
-
-
-    });
-</script>
+<?php $GLOBALS['TL_BODY'][] = '<script>
+jQuery(".mobile-menu i").bind("touchstart click", function() {
+  $(this).html() == "arrow_drop_down" ? $(this).html("arrow_drop_up") : $(this).html("arrow_drop_down");
+}); </script>'; ?>