You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
183 lines
7.1 KiB
183 lines
7.1 KiB
<?php
|
|
/**
|
|
* @package Facile
|
|
*
|
|
* @copyright Copyright (C) Facile. All rights reserved.
|
|
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
|
*/
|
|
|
|
\defined('_JEXEC') or die;
|
|
|
|
use Joomla\CMS\HTML\HTMLHelper;
|
|
|
|
$wa = $this->getWebAssetManager();
|
|
$wa->registerAndUseStyle('main_dark', 'main.dark.css', [], ['media' => '(prefers-color-scheme: dark)']);
|
|
$wa->registerAndUseStyle('main_light', 'main.css', [], ['media' => '(prefers-color-scheme: no-preference), (prefers-color-scheme: light)']);
|
|
$wa->registerAndUseStyle('user', 'user.css', [], []);
|
|
HTMLHelper::_('jquery.framework');
|
|
$wa->registerAndUseScript('dropotron', '/js/jquery.dropotron.min.js', [], ['defer' => true], []);
|
|
$wa->registerAndUseScript('scrolly', '/js/jquery.scrolly.min.js', [], ['defer' => true], []);
|
|
$wa->registerAndUseScript('browser', '/js/browser.min.js', [], ['defer' => true], []);
|
|
$wa->registerAndUseScript('breakpoints', '/js/breakpoints.min.js', [], ['defer' => true], []);
|
|
$wa->registerAndUseScript('util', '/js/util.js', [], ['defer' => true], []);
|
|
$wa->registerAndUseScript('main', '/js/main.js', [], ['defer' => true], []);
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<jdoc:include type="metas" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<jdoc:include type="styles" />
|
|
<jdoc:include type="scripts" />
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180"
|
|
href="<?php echo HTMLHelper::_('image', '/favicon_package/apple-touch-icon.png', '', [], true, 1); ?>">
|
|
<link rel="icon" type="image/png" sizes="32x32"
|
|
href="<?php echo HTMLHelper::_('image', '/favicon_package/favicon-32x32.png', '', [], true, 1); ?>">
|
|
<link rel="icon" type="image/png" sizes="16x16"
|
|
href="<?php echo HTMLHelper::_('image', '/favicon_package/favicon-16x16.png', '', [], true, 1); ?>">
|
|
<link rel="manifest" href="<?php echo '/favicon_package'; ?>/site.webmanifest">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="theme-color" content="#ffffff">
|
|
|
|
<script type="module" src="https://unpkg.com/dark-mode-toggle"></script>
|
|
</head>
|
|
|
|
<body class="homepage is-preload">
|
|
<div id="page-wrapper">
|
|
|
|
<dark-mode-toggle></dark-mode-toggle>
|
|
|
|
<?php if ($this->countModules('menu', true)) : ?>
|
|
<nav id="nav">
|
|
<jdoc:include type="modules" name="menu" />
|
|
</nav>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($this->params->get('showBanner')) : ?>
|
|
<section id="banner">
|
|
<div class="content">
|
|
<h2><?php echo htmlspecialchars($this->params->get('bannerTitle')); ?></h2>
|
|
<p><?php echo htmlspecialchars($this->params->get('bannerDescription')); ?></p>
|
|
<a href="#main"
|
|
class="button scrolly"><?php echo htmlspecialchars($this->params->get('bannerButton')); ?></a>
|
|
</div>
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
<section id="main">
|
|
<div class="container">
|
|
<div class="row gtr-200">
|
|
<div class="row">
|
|
|
|
<?php if ($this->countModules('top-a', true)) : ?>
|
|
<jdoc:include type="modules" name="top-a" style="hr" />
|
|
<?php endif; ?>
|
|
|
|
<?php if ($this->countModules('sidebar-left', true)) : ?>
|
|
<div class="col-3 col-12-medium">
|
|
<div class="sidebar">
|
|
<jdoc:include type="modules" name="sidebar-left" style="none" />
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<div class="col-6 col-12-medium imp-medium">
|
|
<div class="content">
|
|
|
|
<?php if ($this->countModules('search', true)) : ?>
|
|
<section id="search">
|
|
<jdoc:include type="modules" name="breadcrumbs" style="none" />
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($this->countModules('search', true)) : ?>
|
|
<section id="search">
|
|
<jdoc:include type="modules" name="search" style="none" />
|
|
</section>
|
|
<?php endif; ?>
|
|
|
|
<jdoc:include type="modules" name="main-top" style="none" />
|
|
<jdoc:include type="message" />
|
|
<main>
|
|
<jdoc:include type="component" />
|
|
</main>
|
|
|
|
<jdoc:include type="modules" name="main-bottom" style="none" />
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<?php if ($this->countModules('sidebar-right', true)) : ?>
|
|
<div class="col-3 col-12-medium">
|
|
<div class="sidebar">
|
|
<jdoc:include type="modules" name="sidebar-right" style="none" />
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($this->countModules('bottom-a', true)) : ?>
|
|
<jdoc:include type="modules" name="bottom-a" style="none" />
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer id="footer">
|
|
<?php if ($this->params->get('showFooter')) : ?>
|
|
<div class="col-12">
|
|
<section>
|
|
<?php
|
|
$fieldValues = $this->params->get('showFooterTouchFields');
|
|
|
|
if (empty($fieldValues))
|
|
{
|
|
return;
|
|
}
|
|
|
|
$html = '<ul class="contact">';
|
|
|
|
foreach ($fieldValues as $value)
|
|
{
|
|
$html .= '<li><a class="icon brands ' . $value->touchsubicon . '" href="' . $value->touchsuburl . '"><span class="label">' . $value->touchsubname . '</span></a></li>';
|
|
|
|
}
|
|
|
|
$html .= '</ul>';
|
|
|
|
echo $html;
|
|
|
|
?>
|
|
</section>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
|
|
<?php if ($this->countModules('footer', true)) : ?>
|
|
<div id="copyright">
|
|
<jdoc:include type="modules" name="footer" />
|
|
</div>
|
|
<?php endif; ?>
|
|
</footer>
|
|
|
|
<jdoc:include type="modules" name="debug" />
|
|
</div>
|
|
<script>
|
|
/*
|
|
if (window.matchMedia('(prefers-color-scheme)').media !== 'not all') {
|
|
console.log('Dark mode is supported');
|
|
}
|
|
if (matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
console.log('Dark mode');
|
|
} else {
|
|
console.log('Light mode');
|
|
}
|
|
*/
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|