mapguesser/views/templates/mapguesser.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="description" content="<?= $_ENV['APP_NAME'] ?> – A game about guessing where you are based on a street view panorama.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#198231">
    <title><?= $_ENV['APP_NAME'] ?></title>
    <?php if (preg_match('/^http(s)?/', $_ENV['STATIC_ROOT']) === 1): ?>
        <link href="<?= $_ENV['STATIC_ROOT'] ?>" rel="preconnect">
    <?php endif; ?>
    <link href="https://fonts.gstatic.com" rel="preconnect">
    <link href="https://maps.googleapis.com" rel="preconnect">
    <?php if (!empty($_ENV['GOOGLE_ANALITICS_ID'])): ?>
        <link href="https://www.googletagmanager.com" rel="preconnect">
        <link href="https://www.google-analytics.com" rel="preconnect">
    <?php endif; ?>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <link href="<?= $_ENV['STATIC_ROOT'] ?>/css/mapguesser.css?rev=<?= REVISION ?>" rel="stylesheet">
    @yields('externalCss')
    @yields('inlineCss')
    <link rel="icon" type="image/png" sizes="192x192" href="<?= $_ENV['STATIC_ROOT'] ?>/img/favicon/192x192.png?rev=<?= REVISION ?>">
    <link rel="icon" type="image/png" sizes="96x96" href="<?= $_ENV['STATIC_ROOT'] ?>/img/favicon/96x96.png?rev=<?= REVISION ?>">
    <link rel="icon" type="image/png" sizes="32x32" href="<?= $_ENV['STATIC_ROOT'] ?>/img/favicon/32x32.png?rev=<?= REVISION ?>">
    <link rel="icon" type="image/png" sizes="16x16" href="<?= $_ENV['STATIC_ROOT'] ?>/img/favicon/16x16.png?rev=<?= REVISION ?>">
</head>
<body>
    <?php if (!isset($_COOKIE['COOKIES_CONSENT'])): ?>
        <div id="cookiesNotice">
            <p class="small">
                <?= $_ENV['APP_NAME'] ?> uses cookies to improve user experience. By using the app or clicking 'Agree', you consent to our use of cookies.
            </p>
            <button id="agreeCookiesButton" class="small marginTop">Agree</button>
        </div>
    <?php endif; ?>
    <div id="loading">
        <img src="<?= $_ENV['STATIC_ROOT'] ?>/img/loading.svg?rev=<?= REVISION ?>" width="64" height="64" alt="Loading">
    </div>
    <div id="cover"></div>
    <div id="modal" class="modal">
        <h2 id="modalTitle"></h2>
        <p id="modalText" class="justify marginTop"></p>
        <div id="modalButtons" class="right"></div>
    </div>
    @yields('pagemodal')
    @yields('content')
    <script>
        const STATIC_ROOT = '<?= $_ENV['STATIC_ROOT'] ?>';
        const REVISION = '<?= REVISION ?>';
        var ANTI_CSRF_TOKEN = '<?= \Container::$request->session()->get('anti_csrf_token') ?>';
        const GOOGLE_MAPS_JS_API_KEY = '<?= $_ENV['GOOGLE_MAPS_JS_API_KEY'] ?>';
        <?php if (!empty($_ENV['GOOGLE_ANALITICS_ID'])): ?>
            const GOOGLE_ANALITICS_ID = '<?= $_ENV['GOOGLE_ANALITICS_ID'] ?>';
        <?php endif; ?>
        const COOKIES_CONSENT = <?= isset($_COOKIE['COOKIES_CONSENT']) ? 'true' : 'false' ?>;
    </script>
    @yields('pageScript')
    <script src="<?= $_ENV['STATIC_ROOT'] ?>/js/mapguesser.js?rev=<?= REVISION ?>"></script>
    @yields('externalJs')
    @yields('inlineJs')
</body>
</html>
-												MAPG-82 introduce very basic templating

											
										
										
											2020-05-31 00:21:29 +02:00
+								<!DOCTYPE html>
-												MAPG-196 speed up asset loading, add missing description, add missing image alts

											
										
										
											2020-07-06 19:28:03 +02:00
+								<html lang="en">
-												MAPG-82 introduce very basic templating

											
										
										
											2020-05-31 00:21:29 +02:00
+								<head>
 								    <meta charset="utf-8">
-												MAPG-196 speed up asset loading, add missing description, add missing image alts

											
										
										
											2020-07-06 19:28:03 +02:00
+								    <meta name="description" content="<?= $_ENV['APP_NAME'] ?> – A game about guessing where you are based on a street view panorama.">
-												MAPG-82 introduce very basic templating

											
										
										
											2020-05-31 00:21:29 +02:00
+								    <meta name="viewport" content="width=device-width, initial-scale=1">
-												MAPG-175 add theme color

											
										
										
											2020-06-27 13:09:24 +02:00
+								    <meta name="theme-color" content="#198231">
-												MAPG-164 show application's name from env variable

											
										
										
											2020-06-22 21:06:15 +02:00
+								    <title><?= $_ENV['APP_NAME'] ?></title>
-												MAPG-196 speed up asset loading, add missing description, add missing image alts

											
										
										
											2020-07-06 19:28:03 +02:00
+								    <?php if (preg_match('/^http(s)?/', $_ENV['STATIC_ROOT']) === 1): ?>
 								        <link href="<?= $_ENV['STATIC_ROOT'] ?>" rel="preconnect">
 								    <?php endif; ?>
 								    <link href="https://fonts.gstatic.com" rel="preconnect">
 								    <link href="https://maps.googleapis.com" rel="preconnect">
 								    <?php if (!empty($_ENV['GOOGLE_ANALITICS_ID'])): ?>
 								        <link href="https://www.googletagmanager.com" rel="preconnect">
 								        <link href="https://www.google-analytics.com" rel="preconnect">
 								    <?php endif; ?>
 								    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
-												MAPG-28 add static root and revision to the local JS and CSS files

											
										
										
											2020-06-12 19:17:41 +02:00
+								    <link href="<?= $_ENV['STATIC_ROOT'] ?>/css/mapguesser.css?rev=<?= REVISION ?>" rel="stylesheet">
-												MAPG-180 ability to inline CSS and JS assets

											
										
										
											2020-06-27 12:51:00 +02:00
+								    @yields('externalCss')
-												MAPG-180 declare CSS and JS files

											
										
										
											2020-06-27 02:25:54 +02:00
+								    @yields('inlineCss')
-												MAPG-28 fix static asset paths (add STATIC_ROOT and REVISION)

											
										
										
											2020-06-12 20:13:43 +02:00
+								    <link rel="icon" type="image/png" sizes="192x192" href="<?= $_ENV['STATIC_ROOT'] ?>/img/favicon/192x192.png?rev=<?= REVISION ?>">
 								    <link rel="icon" type="image/png" sizes="96x96" href="<?= $_ENV['STATIC_ROOT'] ?>/img/favicon/96x96.png?rev=<?= REVISION ?>">
 								    <link rel="icon" type="image/png" sizes="32x32" href="<?= $_ENV['STATIC_ROOT'] ?>/img/favicon/32x32.png?rev=<?= REVISION ?>">
 								    <link rel="icon" type="image/png" sizes="16x16" href="<?= $_ENV['STATIC_ROOT'] ?>/img/favicon/16x16.png?rev=<?= REVISION ?>">
-												MAPG-82 introduce very basic templating

											
										
										
											2020-05-31 00:21:29 +02:00
+								</head>
 								<body>
-												MAPG-172 add cookie consent DIV and JS handler

											
										
										
											2020-06-24 21:57:34 +02:00
+								    <?php if (!isset($_COOKIE['COOKIES_CONSENT'])): ?>
 								        <div id="cookiesNotice">
 								            <p class="small">
-												MAPG-172 quote I agree

											
										
										
											2020-06-24 22:55:13 +02:00
+								                <?= $_ENV['APP_NAME'] ?> uses cookies to improve user experience. By using the app or clicking 'Agree', you consent to our use of cookies.
-												MAPG-172 add cookie consent DIV and JS handler

											
										
										
											2020-06-24 21:57:34 +02:00
+								            </p>
-												MAPG-178 add Google Analytics
style adaptations
cookie notice improvements

											
										
										
											2020-06-25 14:02:39 +02:00
+								            <button id="agreeCookiesButton" class="small marginTop">Agree</button>
-												MAPG-172 add cookie consent DIV and JS handler

											
										
										
											2020-06-24 21:57:34 +02:00
+								        </div>
 								    <?php endif; ?>
-												MAPG-82 introduce very basic templating

											
										
										
											2020-05-31 00:21:29 +02:00
+								    <div id="loading">
-												MAPG-196 speed up asset loading, add missing description, add missing image alts

											
										
										
											2020-07-06 19:28:03 +02:00
+								        <img src="<?= $_ENV['STATIC_ROOT'] ?>/img/loading.svg?rev=<?= REVISION ?>" width="64" height="64" alt="Loading">
-												MAPG-125 add modal design

											
										
										
											2020-06-14 02:30:15 +02:00
+								    </div>
 								    <div id="cover"></div>
 								    <div id="modal" class="modal">
 								        <h2 id="modalTitle"></h2>
-												MAPG-69 unifying some style and text

											
										
										
											2020-06-14 17:16:47 +02:00
+								        <p id="modalText" class="justify marginTop"></p>
-												MAPG-125 add modal design

											
										
										
											2020-06-14 02:30:15 +02:00
+								        <div id="modalButtons" class="right"></div>
-												MAPG-89 rewrite views and view templates to the new concept

											
										
										
											2020-06-27 00:23:57 +02:00
+								    </div>
 								    @yields('pagemodal')
 								    @yields('content')
 								    <script>
 								        const STATIC_ROOT = '<?= $_ENV['STATIC_ROOT'] ?>';
 								        const REVISION = '<?= REVISION ?>';
 								        var ANTI_CSRF_TOKEN = '<?= \Container::$request->session()->get('anti_csrf_token') ?>';
 								        const GOOGLE_MAPS_JS_API_KEY = '<?= $_ENV['GOOGLE_MAPS_JS_API_KEY'] ?>';
 								        <?php if (!empty($_ENV['GOOGLE_ANALITICS_ID'])): ?>
 								            const GOOGLE_ANALITICS_ID = '<?= $_ENV['GOOGLE_ANALITICS_ID'] ?>';
 								        <?php endif; ?>
-												MAPG-188 get rid of inline js

											
										
										
											2020-06-28 17:56:47 +02:00
+								        const COOKIES_CONSENT = <?= isset($_COOKIE['COOKIES_CONSENT']) ? 'true' : 'false' ?>;
-												MAPG-89 rewrite views and view templates to the new concept

											
										
										
											2020-06-27 00:23:57 +02:00
+								    </script>
-												MAPG-180 rename pagescript to pageScript

											
										
										
											2020-06-27 12:16:50 +02:00
+								    @yields('pageScript')
-												MAPG-89 rewrite views and view templates to the new concept

											
										
										
											2020-06-27 00:23:57 +02:00
+								    <script src="<?= $_ENV['STATIC_ROOT'] ?>/js/mapguesser.js?rev=<?= REVISION ?>"></script>
-												MAPG-180 ability to inline CSS and JS assets

											
										
										
											2020-06-27 12:51:00 +02:00
+								    @yields('externalJs')
-												MAPG-180 declare CSS and JS files

											
										
										
											2020-06-27 02:25:54 +02:00
+								    @yields('inlineJs')
-												MAPG-89 rewrite views and view templates to the new concept

											
										
										
											2020-06-27 00:23:57 +02:00
+								</body>
 								</html>