esoko/mapguesser
esoko/mapguesser
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity
cede0e7985
mapguesser/views/templates/mapguesser.php

63 lines
3.2 KiB
PHP
Raw Normal View History

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 fix regex that recognizes remote static root
2020-07-06 21:59:25 +02:00
<?php if (preg_match('/^(http(s)?:)?\/\//', $_ENV['STATIC_ROOT']) === 1): ?>
MAPG-196 speed up asset loading, add missing description, add missing image alts
2020-07-06 19:28:03 +02:00
<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; ?>
MAPG-196 revert link preload to plain stylesheet because it is not supported everywhere
2020-07-06 21:12:56 +02:00
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&amp;display=swap" 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>
<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')
MAPG-196 reposition of cookie notice
2020-07-06 20:00:54 +02:00
<?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; ?>
MAPG-89 rewrite views and view templates to the new concept
2020-06-27 00:23:57 +02:00
<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>
Copy Permalink