mirror of
https://github.com/bilde2910/Hauk.git
synced 2026-01-23 02:24:09 +00:00
135 lines
6.1 KiB
HTML
135 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self'; img-src * data:; connect-src 'self'; font-src 'none'; object-src 'none'; media-src 'none'; frame-src 'none'; form-action 'none'; worker-src 'none'; manifest-src 'none';">
|
|
|
|
<!-- Load Leaflet for the map. -->
|
|
<link rel="stylesheet" href="./lib/leaflet/1.6.0/leaflet.css" />
|
|
<script src="./lib/leaflet/1.6.0/leaflet.js"></script>
|
|
|
|
<link rel="stylesheet" href="./style.css" />
|
|
<link rel="icon" type="image/png" href="./assets/favicon.png">
|
|
<link rel="icon" type="image/svg+xml" href="./assets/favicon.svg">
|
|
<script src="./dynamic.js.php"></script>
|
|
<title>Hauk</title>
|
|
|
|
<!-- The page should not be scalable, since users can just zoom in on
|
|
the map itself directly. -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
</head>
|
|
<body>
|
|
<div id="mapouter">
|
|
<!-- The container for the Leaflet map. -->
|
|
<div id="map"></div>
|
|
|
|
<!-- A countdown timer in a notch at the top of the screen. -->
|
|
<div id="notch">
|
|
<div class="tri t-left"></div>
|
|
<div class="inner" id="countdown"></div>
|
|
<div class="inner hidden offline" data-i18n="status_offline"></div>
|
|
<div class="tri t-right"></div>
|
|
</div>
|
|
|
|
<!-- The Hauk logo is displayed in the bottom left or right corner,
|
|
depending on screen resolution. -->
|
|
<a href="https://github.com/bilde2910/Hauk" target="_blank">
|
|
<div id="logo">
|
|
<div></div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- JavaScript is required for Leaflet and AJAX requests to the local
|
|
Hauk API. Inform the user if JavaScript is disabled. -->
|
|
<noscript>
|
|
<div class="cover">
|
|
<img src="./assets/logo.svg">
|
|
<p class="header">JavaScript disabled</p>
|
|
<p class="body">Hauk fundamentally requires JavaScript to function. Please enable JavaScript and reload the page to view the Hauk map.</p>
|
|
</div>
|
|
</noscript>
|
|
|
|
<div class="cover hidden" id="notfound">
|
|
<img src="./assets/logo.svg" class="logo">
|
|
<p class="header" data-i18n="expired_head"></p>
|
|
<p class="body" data-i18n="expired_body"></p>
|
|
</div>
|
|
|
|
<div class="cover hidden" id="searching">
|
|
<img src="./assets/location-pending.svg" class="pending">
|
|
<p class="header" data-i18n="gnss_signal_head"></p>
|
|
<p class="body" data-i18n="gnss_signal_body"></p>
|
|
</div>
|
|
|
|
<div class="cover hidden" id="index">
|
|
<img src="./assets/logo.svg" class="logo">
|
|
<p class="body point-app-to" data-i18n="point_app_to"></p>
|
|
<p class="body" id="url">https://localhost/</p>
|
|
<p class="body"><a href="https://f-droid.org/packages/info.varden.hauk">
|
|
<img data-i18n="f_droid_badge_text"
|
|
data-i18n-attr="alt"
|
|
class="store-icon"
|
|
id="store-icon-fdroid"></a>
|
|
<a href="https://play.google.com/store/apps/details?id=info.varden.hauk">
|
|
<img data-i18n="google_play_badge_text"
|
|
data-i18n-attr="alt"
|
|
class="store-icon"
|
|
id="store-icon-gplay">
|
|
</a></p>
|
|
</div>
|
|
|
|
<div id="message-popup" class="dialog hidden">
|
|
<div>
|
|
<p class="header" id="message-title"></p>
|
|
<p class="body" id="message-body"></p>
|
|
<p class="button"><input type="button" id="dismiss-message" data-i18n-attr="value" data-i18n="btn_dismiss"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="user-list-popup" class="dialog hidden">
|
|
<div>
|
|
<p class="header" data-i18n="dialog_active_head"></p>
|
|
<div id="user-list" class="popup-list">
|
|
</div>
|
|
<p class="button">
|
|
<input type="button" id="close-user-list" data-i18n-attr="value" data-i18n="btn_close">
|
|
<input type="button" id="btn-show-all" data-i18n-attr="value" data-i18n="btn_show_all">
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="user-details-popup" class="dialog hidden">
|
|
<div>
|
|
<p id="user-details-header" class="header"></p>
|
|
<div class="popup-list">
|
|
<p id="user-details-follow" data-i18n="dialog_user_follow"></p>
|
|
<p id="user-details-navigate" data-i18n="dialog_user_navigate"></p>
|
|
</div>
|
|
<p class="button"><input type="button" id="close-user-details" data-i18n-attr="value" data-i18n="btn_close"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="offline" class="dialog hidden">
|
|
<div>
|
|
<p class="header" data-i18n="dialog_connection_head"></p>
|
|
<p class="body" data-i18n="dialog_connection_body"></p>
|
|
<p class="button"><input type="button" id="dismiss-offline" data-i18n-attr="value" data-i18n="btn_dismiss"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="e2e-prompt" class="dialog hidden">
|
|
<div>
|
|
<p class="header" data-i18n="e2e_title"></p>
|
|
<p class="body" id="e2e-password-label" data-i18n="e2e_password_prompt"></p>
|
|
<p class="body"><input type="password" id="e2e-password" data-i18n-attr="placeholder" data-i18n="e2e_placeholder"></p>
|
|
<p class="button">
|
|
<input type="button" id="cancel-e2e-password" data-i18n-attr="value" data-i18n="btn_cancel">
|
|
<input type="button" id="decrypt-e2e-password" data-i18n-attr="value" data-i18n="btn_decrypt">
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="./main.js" charset="UTF-8"></script>
|
|
</body>
|
|
</html>
|