<!-- AREA-01: Globalkiller, GET and functions -->
<!-- AREA-02: Check zip-class and load mainproject from file -->
<!-- AREA-03: Start session and load project-configs -->
<!-- AREA-04: language and load DEBUG-Settings -->
<!-- AREA-05: Prepare langechange-url -->
<!-- AREA-06: Language changer and start loading-info -->
<!-- AREA-07: Project setting- and checkfiles -->
<!-- AREA-08: Check from BITCODE internetconnection -->
<!-- AREA-09: Project checking database-connection -->
<!-- AREA-10: Geo-API -->
<!-- AREA-11: Userapi and Mobiledetect -->
<!-- AREA-12: User, Date, theme and timeforming -->
<!-- AREA-13: Fontsettings -->
<!-- AREA-14: Fontsize addings -->
<!-- AREA-15: Usersettings and systemmail -->
<!-- AREA-16: Start background defines and securecenter -->
<!-- AREA-17: Check the host and define the VIEWPOINT -->
<!-- AREA-18: End loading-timer and loading-info -->
<!-- AREA-19: Serialcheck-function -->
<!-- AREA-20: Run index.php -->
<!-- SERVICE-MODE - SOURCECODE INFOS -->
<!-- URL: https://www.aw-designz.de/cms/ -->
<!-- VIEWPOINT: root -->
<!-- LANG: en -->
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
| #mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm# |
| ################################################################################## |
| #MMMMMMMMMMMMN`       :MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN.       -MMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMd        oMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM/       `mMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMs        hMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMs        hMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMM:       `mMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd        oMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMN.       -MMMMMMMMMMMMMMMMMMMMMMMMMMMMMN.       :MMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMd`       +MMMMMMMMMMMMMMMMMMMMMMMMMMMM:       .NMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMMy        yMMMMMMMMMMMMMMMMMMMMMMMMMMo        dMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMMM/       `mMMMMMMMMMMMMMMMMMMMMMMMMh        sMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMMMN-       -NMMMMMMMMMMMMMMMMMMMMMMm`       /MMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMMMMm`       /MMMMMMMMMMMMMMMMMMMMMM-       .NMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMsoooo:        +omsoooooooyMMMMMMMMM+       `mMMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMM+                -y        yMMMMMMMy        yMMMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMy                  ++       `mMMMMMm`       +MMMMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMm`                   s-       .NMMMN.       -MMMMMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMdyyyyyyyyyys        /dm`       /MMM/       `mMMMMMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMMMMMMMMMo        dMh        sMs        hMMMMMMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMMMMMMMMMM:       .NMo        s        +MMMMMMMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMMMMMMMMMMN.       :MM:               :MMMMMMMMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMMMMMMMMMMMd        oMN`             `NMMMMMMMMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMMMMMMMMMMMMs        hMh             hMMMMMMMMMMMMMMMMMMMMMMMMMMM# |
| #MMMMMMMMMMMMMMMMMMMMMMMMMMMM/       `mMo           oMMMMMMMMMMMMMMMMMMMMMMMMMMMM# |
| ################################################################################## |
| #mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm# |
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
| - This Script © 2024 by AW-DesignZ.de                                              |
| - Don't remove this Copyright !!!                                                  |
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
| -> Thank's for using this Script and have fun with it <-                           |
| -> SUPPORT: Mail to info@aw-designz.de or visit our homepage                       |
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
| #mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm# |
| ######################|*| Visit us @ www.aw-designz.de |*|######################## |
| #mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm# |
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -->
<!DOCTYPE html>
<meta charset="UTF-8">

<!--
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meine App | Startseite</title>
<meta name="description" content="Willkommen auf meiner App. Ideal für Mobilgeräte und als WebApp.">
<meta name="keywords" content="webapp, mobil, CMS, content">
<meta name="author" content="Dein Name">

<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">

<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Meine App">

<meta property="og:title" content="Meine App">
<meta property="og:description" content="Die Progressive Web App für alles.">
<meta property="og:image" content="https://example.com/og-image.jpg">
<meta property="og:url" content="https://www.aw-designz.de/cms/">
<meta property="og:type" content="website">

<meta http-equiv="X-UA-Compatible" content="IE=edge">


{
  "name": "Meine App",
  "short_name": "App",
  "start_url": "/index.php",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#317EFB",
  "icons": [
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}
-->
<div class="alert-stack" style="position: fixed; bottom: 0; right: 0; z-index: 999;"><div class="alert alert-warning alert-dismissible m-2"><div>No serial-key! The system will be locked in &quot;3&quot; days!</div><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-warning alert-dismissible m-2"><div>System have not internet-connection, system will be locked in &quot;-568&quot; days!</div><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div></div><!DOCTYPE html>
<html lang="de" data-bs-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Titel</title>
    <link href=".system/sources/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href=".system/sources/assets/css/bootstrap-icons.min.css" rel="stylesheet">
    <link href=".system/sources/assets/css/theme.css.php" rel="styleSheet" type="text/css">
    <link rel="icon" type="image/png" href=".system/sources/assets/img/awd.png">
    <script src=".system/sources/assets/js/bootstrap.bundle.min.js"></script>
    <script src=".system/sources/assets/js/theme.js.php"></script>
    <style>
        .ls_buttons_hover {
            opacity: 0.7 !important;
            transition: all 0.5s ease;
        }
        .ls_buttons_hover:hover {
            opacity: 1 !important;
        }
    </style>
</head>
<body class="glaseffect light">
    <div class="lockscreenview">
        <div class="contentbackground" onclick="openOverlay()">
            <img src=".system/sources/config/media/lockbg.jpg" alt="Background">
        </div>

        <div class="content" onclick="openOverlay()">
            <div id="time"></div>
            <div id="date"></div>
            <div id="dayshow">Thursday</div>
        </div>

        <div id="slidecontent_top" class="light">
            <div class="cweek">
                <i class="bi bi-calendar4-week"></i>31/4            </div>
            <div class="messanges"></div>
        </div>

        <div id="overlaybuttons" class="ls_buttons_hover">
            <form method="post">
                <div class="grid-container">
                    <!-- Button-Group auf der linken Seite -->
                    <div class="grid-item buttons">
                        <div class="sbtngroup btn-group" role="group">
                            <div class="btn-group dropup" role="group">
                                <button type="button" class="themebgbutton btn dropdown-toggle" id="fontSizeDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                                    <i class="bi bi-clock"></i>                                </button>
                                <ul class="dropdown-menu" aria-labelledby="fontSizeDropdown">
                                    <li><span style="margin-left:8px;"><i class="bi bi-palette"></i> Theme</span></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li>
                                        <button type="submit" name="systemcolortheme" class="dropdown-item" value="auto" >
                                            <span style="font-weight: 600; opacity: 1;"><i class="bi bi-clock"></i><span style="margin-left: 8px;">automatic</span> &#10003;</span>                                        </button>
                                    </li>
                                    <li>
                                        <button type="submit" name="systemcolortheme" class="dropdown-item" value="light" >
                                            <span style="opacity: 0.8;"><i class="bi bi-brightness-high"></i><span style="margin-left: 8px;">light</span></span>                                        </button>
                                    </li>
                                    <li>
                                        <button type="submit" name="systemcolortheme" class="dropdown-item" value="dark" >
                                            <span style="opacity: 0.8;"><i class="bi bi-moon"></i><span style="margin-left: 8px;">dark</span></span>                                        </button>
                                    </li>
                                </ul>
                            </div>

                            <div class="btn-group dropup" role="group">
                                <button type="button" class="themebgbutton btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                                    <span style="margin-bottom:8px;"><img src=".system/sources/assets/img/eng.png" width="20" /></span>
                                </button>
                                <ul class="dropdown-menu">
                                    <li><span style="margin-left:8px;"><i class="bi bi-translate"></i> Language</span></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li>
                                        <a class="dropdown-item" href="https://www.aw-designz.de/cms/?changelang=de">
                                            <span style="opacity: 0.8;"><img src=".system/sources/assets/img/ger.png" width="30" /> 
                                                <span style="margin-left: 8px;">
                                                    German
                                                </span></span>                                        </a>
                                    </li>
                                    <li>
                                        <a class="dropdown-item" href="https://www.aw-designz.de/cms/?changelang=eng">
                                            <span style="font-weight: 600; opacity: 1;"><img src=".system/sources/assets/img/eng.png" width="30" /> 
                                                <span style="margin-left: 8px;">
                                                    English
                                                </span> &#10003;</span>                                        </a>
                                    </li>
                                </ul>
                            </div>

                            <div class="btn-group dropup" role="group">
                                <button type="button" class="themebgbutton btn dropdown-toggle" id="fontSizeDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                                    <i class="bi bi-type"></i>
                                </button>
                                <ul class="dropdown-menu" aria-labelledby="fontSizeDropdown">
                                    <li><span style="margin-left:8px;"><i class="bi bi-type"></i> Fontsize</span></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li>
                                        <button type="submit" name="systemfontsurcharge" class="dropdown-item" value="-2" ><span style="opacity: 0.8;">Size -4</span></button>
                                    </li>
                                    <li>
                                        <button type="submit" name="systemfontsurcharge" class="dropdown-item" value="-1" ><span style="opacity: 0.8;">Size -2</span></button>
                                    </li>
                                    <li>
                                        <button type="submit" name="systemfontsurcharge" class="dropdown-item" value="0" ><span style="font-weight: 600; opacity: 1;">Size Normal &#10003;</span></button>
                                    </li>
                                    <li>
                                        <button type="submit" name="systemfontsurcharge" class="dropdown-item" value="1" ><span style="opacity: 0.8;">Size +4</span></button>
                                    </li>
                                    <li>
                                        <button type="submit" name="systemfontsurcharge" class="dropdown-item" value="2" ><span style="opacity: 0.8;">Size +6</span></button>
                                    </li>
                                    <li>
                                        <button type="submit" name="systemfontsurcharge" class="dropdown-item" value="3" ><span style="opacity: 0.8;">Size +8</span></button>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <!-- Icons auf der rechten Seite -->
                    <div class="grid-item icons">
                        <div id="iconinfos" class="light">
                            <i class="bi bi-shield-slash"></i><i class="bi bi-database-slash"></i>                        </div>
                    </div>
                </div>
            </form>
        </div>


        <div class="overlaybg light" id="overlay">
            <div class="overlay-content">
                <div style="margin-bottom: 80px;"><a href="install" class="installbutton">install</a></div>
                <div><button style="padding: 12px 20px;" class="btn btn-light border border-secondary" onclick="closeOverlay()">cancel</button></div>            </div>
        </div>
    </div>

    <script>
        function updateClock() {
            const now           = new Date();
            const hours         = String(now.getHours()).padStart(2, '0');
            const minutes       = String(now.getMinutes()).padStart(2, '0');
            const day           = String(now.getDate()).padStart(2, '0');
            const month         = String(now.getMonth() + 1).padStart(2, '0');
            const year          = now.getFullYear();
            const timeString    = hours + ':' + minutes;
            const dateString    = day + '.' + month + '.' + year;
            document.getElementById('date').innerHTML = dateString;
            document.getElementById('time').innerHTML = timeString;
        }
        setInterval(updateClock, 2000);
        updateClock(); // Initiale Anzeige direkt aufrufen

        function openOverlay() {
            document.getElementById('overlay').style.display = 'flex';
        }
        function closeOverlay() {
            document.getElementById('overlay').style.display = 'none';
        }
    </script>
</body>
</html>