Das ist stark angepasst, weil Appkit verwendet wird: https://themeforest.net/item/appkit-mobile/27679559
PHP-Code:
<!DOCTYPE html>
<html lang="<?= $this->language ?>"<?php if ($this->isRTL): ?> dir="rtl"<?php endif; ?>>
<head>
<?php
global $objPage;
if (!FE_USER_LOGGED_IN && $objPage->alias == "index") {
header("Location: login.html");
exit;
}
?>
<?php $this->block('head'); ?>
<meta charset="<?= $this->charset ?>">
<title><?= $this->title ?></title>
<base href="<?= $this->base ?>">
<?php $this->block('meta'); ?>
<meta name="robots" content="<?= $this->robots ?>">
<meta name="description" content="<?= Contao\StringUtil::substr($this->description, 320) ?>">
<meta name="generator" content="Contao Open Source CMS">
<?php $this->endblock(); ?>
<?php if ($this->canonical): ?>
<link rel="canonical" href="<?= $this->canonical ?>">
<?php endif; ?>
<?= $this->viewport ?>
<?= $this->framework ?>
<?= $this->stylesheets ?>
<?= $this->mooScripts ?>
<?= $this->head ?>
<?php $this->endblock(); ?>
</head>
<body id="top"<?php if ($this->class): ?> class="<?= $this->class ?>"<?php endif; ?><?php if ($this->onload): ?> onload="<?= $this->onload ?>"<?php endif; ?>>
<div id="preloader"><div class="spinner-border color-highlight" role="status"></div></div>
<?php $this->block('body'); ?>
<?php $this->sections('top'); ?>
<div id="page">
<?php $this->block('header'); ?>
<?php if ($this->header): ?>
<header id="header">
<div class="inside">
<?= $this->header ?>
</div>
</header>
<?php endif; ?>
<?php $this->endblock(); ?>
<?php $this->sections('before'); ?>
<?php $this->block('container'); ?>
<div id="container"<?php if ($this->right):?> class="row g-0 mb-0"<?php endif;?>>
<?php if (isset($this->sections['layout-menu-main'])):?>
<div id="menu-main" class="menu menu-box-left rounded-0 flex-fill" data-menu-width="320" data-menu-active="nav-welcome" style="flex:none" data-menu-backdrop="scroll">
<div class="content">
<?php $this->section('layout-menu-main'); ?>
</div>
</div>
<?php endif;?>
<?php if (isset($this->sections['layout-menu-secondary'])):?>
<div id="menu-secondary" class="menu menu-box-left rounded-0 flex-fill" data-menu-width="360" data-menu-active="nav-secondary">
<div class="content">
<?php $this->section('layout-menu-secondary'); ?>
</div>
</div>
<?php endif;?>
<?php $this->block('main'); ?>
<?php if (!$this->right):?><div class="page-content flex-grow-1<?php if (isset($this->sections["layout-menu-secondary"])):?> seminarseite<?php endif;?>" id="container"><?php endif;?>
<main id="main"<?php if ($this->right):?> class="col-12 col-xxl-7 overflow-hidden"<?php endif;?>>
<div class="inside<?php if (!$this->right):?> content<?php endif;?>">
<?php if ($this->right):?>
<div data-card-height="cover" class="inside card rounded-0 gradient-highlight">
<?php endif;?>
<?= $this->main ?>
<?php if ($this->right):?>
</div>
<?php endif;?>
<!-- <a href="#" class="back-to-top-icon back-to-top-icon-circle bg-gray-dark color-white shadow-m"><i class="fa fa-angle-up"></i></a> -->
</div>
<?php $this->sections('main'); ?>
</main>
<?php if (!$this->right):?></div><?php endif;?>
<?php $this->endblock(); ?>
<?php $this->block('left'); ?>
<?php if ($this->left): ?>
<aside id="left">
<div class="inside">
<?= $this->left ?>
</div>
</aside>
<?php endif; ?>
<?php $this->endblock(); ?>
<?php $this->block('right'); ?>
<?php if ($this->right): ?>
<aside id="right" class="col-5 overflow-hidden d-none d-xxl-block">
<div data-card-height="cover" class="inside card rounded-0">
<?= $this->right ?>
</div>
</aside>
<?php endif; ?>
<?php $this->endblock(); ?>
</div>
<?php $this->endblock(); ?>
<?php $this->sections('after'); ?>
<?php $this->block('footer'); ?>
<?php if ($this->footer): ?>
<footer id="footer">
<div class="inside">
<?= $this->footer ?>
</div>
</footer>
<?php endif; ?>
<?php $this->endblock(); ?>
<?php $this->section('layout-menu-footer'); ?>
</div>
<!-- Be sure this is on your main visiting page, for example, the index.html page-->
<!-- Install Prompt for Android -->
<div id="menu-install-pwa-android" class="menu menu-box-bottom rounded-m">
<img class="mx-auto mt-4 rounded-m" src="/files/ppe/assets_webumuc/tapp/logo/apple-icon-180x180.png" alt="img" width="90">
<h4 class="text-center mt-4 mb-2">TAPP auf dem Home Screen</h4>
<p class="text-center boxed-text-xl">
Installieren Sie TAPP auf Ihrem Homescreen und verwenden Sie das Portal wie eine native App!
</p>
<div class="boxed-text-l">
<a href="#" class="pwa-install mx-auto btn btn-m font-600 bg-highlight">Hinzufügen</a>
<a href="#" class="pwa-dismiss close-menu btn-full mt-3 pt-2 text-center text-uppercase font-600 color-red-light font-12 pb-4 mb-3">Vielleicht später</a>
</div>
</div>
<!-- Install instructions for iOS -->
<div id="menu-install-pwa-ios" class="menu menu-box-bottom rounded-m">
<div class="boxed-text-xl top-25">
<img class="mx-auto mt-4 rounded-m" src="/files/ppe/assets_webumuc/tapp/logo/apple-icon-180x180.png" alt="img" width="90">
<h4 class="text-center mt-4 mb-2">Appkit auf dem Home Screen</h4>
<p class="text-center ms-3 me-3">
Installieren Sie TAPP auf Ihrem Homescreen und verwenden Sie das Portal wie eine native App! Öffnen Sie Ihr Safari Menü und wählen Sie "Zum Home Screen hinzufügen".
</p>
<a href="#" class="pwa-dismiss close-menu btn-full mt-3 text-center text-uppercase font-700 color-red-light opacity-90 font-110 pb-5">Vielleicht später</a>
</div>
</div>
<?php $this->sections('bottom'); ?>
<?php $this->endblock(); ?>
<?= $this->mootools ?>
<?= $this->jsonLdScripts ?>
</body>
</html>