Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
131e1dd685
LiveAtlas/index.html

287 lines
12 KiB
HTML
Raw Normal View History

Switch from webpack to vite
2021-05-15 19:25:03 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="preload" href="https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2" as="font" crossorigin="anonymous">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="theme-color" content="#222222">
<link rel="manifest" href="/live-atlas/favicons/site.webmanifest">
<link rel="icon" href="/live-atlas/favicons/favicon.svg">
<link rel=”mask-icon” href="/live-atlas/favicons/mask.svg" color="#cccccc">
<link rel="apple-touch-icon" sizes="180x180" href="/live-atlas/favicons/apple-touch-icon.png">
<meta name="keywords" content="minecraft, map, dynamic, liveatlas" />
<meta name="description" content="Minecraft Dynamic Map" />
<title>Minecraft Dynamic Map - LiveAtlas</title>
Move dynmap urls into dynmap object for server configuration
2021-05-18 15:48:56 +00:00
<!-- Remove this if you are using multiple servers in the config below -->
Initial work for multiple servers
2021-05-17 02:39:25 +00:00
<script src="./standalone/config.js"></script>
Move dynmap urls into dynmap object for server configuration
2021-05-18 15:48:56 +00:00
Initial work for multiple servers
2021-05-17 02:39:25 +00:00
<script>
window.liveAtlasConfig = {
// Server URLS can be defined here instead of using the standalone/config.js file.
Move dynmap urls into dynmap object for server configuration
2021-05-18 15:48:56 +00:00
// Multiple servers are supported, see https://github.com/JLyne/LiveAtlas/wiki/Configuring-Multiple-Servers.
servers: {
creative: {
label: 'Creative',
dynmap: {
Make LiveAtlas messages translatable
2021-05-20 15:13:25 +00:00
configuration: 'http://dynmap.local/creative/MySQL_configuration.php',
update: 'http://dynmap.local/creative/MySQL_update.php?world={world}&ts={timestamp}',
sendmessage: 'http://dynmap.local/creative/MySQL_sendmessage.php',
login: 'http://dynmap.local/creative/MySQL_login.php',
register: 'http://dynmap.local/creative/MySQL_register.php',
tiles: 'http://dynmap.local/creative/MySQL_tiles.php?tile=',
markers: 'http://dynmap.local/creative/MySQL_markers.php?marker='
Move dynmap urls into dynmap object for server configuration
2021-05-18 15:48:56 +00:00
}
},
survival: {
label: 'Survival',
dynmap: {
Make LiveAtlas messages translatable
2021-05-20 15:13:25 +00:00
configuration: 'http://dynmap.local/survival/MySQL_configuration.php',
update: 'http://dynmap.local/survival/MySQL_update.php?world={world}&ts={timestamp}',
sendmessage: 'http://dynmap.local/survival/MySQL_sendmessage.php',
login: 'http://dynmap.local/survival/MySQL_login.php',
register: 'http://dynmap.local/survival/MySQL_register.php',
tiles: 'http://dynmap.local/survival/MySQL_tiles.php?tile=',
markers: 'http://dynmap.local/survival/MySQL_markers.php?marker='
Move dynmap urls into dynmap object for server configuration
2021-05-18 15:48:56 +00:00
}
},
build: {
label: 'Build',
dynmap: {
Make LiveAtlas messages translatable
2021-05-20 15:13:25 +00:00
configuration: 'http://dynmap.local/build/MySQL_configuration.php',
update: 'http://dynmap.local/build/MySQL_update.php?world={world}&ts={timestamp}',
sendmessage: 'http://dynmap.local/build/MySQL_sendmessage.php',
login: 'http://dynmap.local/build/MySQL_login.php',
register: 'http://dynmap.local/build/MySQL_register.php',
tiles: 'http://dynmap.local/build/MySQL_tiles.php?tile=',
markers: 'http://dynmap.local/build/MySQL_markers.php?marker='
Move dynmap urls into dynmap object for server configuration
2021-05-18 15:48:56 +00:00
}
},
test: {
label: 'Local Test',
url: '/map/test',
dynmap: {
configuration: 'http://dynmap.local:8123/up/configuration',
update: 'http://dynmap.local:8123/up/world/{world}/{timestamp}',
sendmessage: 'http://dynmap.local:8123/up/sendmessage',
login: 'http://dynmap.local:8123/up/login',
register: 'http://dynmap.local:8123/up/register',
tiles: 'http://dynmap.local:8123/tiles/',
markers: 'http://dynmap.local:8123/tiles/'
}
},
Make LiveAtlas messages translatable
2021-05-20 15:13:25 +00:00
},
messages: {
headingServers: 'Servers',
chatNoMessages: 'No chat messages yet...',
chatLogin: 'Please {{link}} to send chat messages',
chatLoginLink: 'login',
chatSend: 'Send',
chatErrorUnknown: 'Unexpected error while sending chat message',
chatErrorDisabled: 'Chat is not enabled',
Move dynmap urls into dynmap object for server configuration
2021-05-18 15:48:56 +00:00
}
Initial work for multiple servers
2021-05-17 02:39:25 +00:00
};
</script>
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
<style>
Initial work for multiple servers
2021-05-17 02:39:25 +00:00
/* Theme colours */
Move to native css variables
2021-05-15 22:24:29 +00:00
:root {
--background-base: #222222; /* Buttons/sidebar */
--background-dark: #121212; /* Body/map labels */
--background-light: #333333; /* Scrollbars/inputs */
--background-error: #771616; /* Errors */
--background-disabled: #555555; /* Disabled controls */
--background-hover: #cccccc; /* Button :hover/selected */
--background-active: #eeeeee; /* Button :active */
--outline-focus: #222222; /* Button :focus outline */
--border-radius: 1rem;
--border-color: #333333; /* Control borders */
--text-base: #cccccc; /* Normal text */
--text-emphasis: #eeeeee; /* Chat messages/:focus inputs */
--text-subtle: #aaaaaa; /* Skeletons/secondary text */
--text-disabled: #999999; /* Disabled controls */
--text-hover: var(--background-base); /* Text in :hover/selected buttons */
--text-active: var(--background-dark); /* Text in :active buttons */
--text-night: #ddffff; /* Clock time at night */
--text-day: #ffdd33; /* Clock time in day */
}
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
Inline more css to prevent splash screen jumping
2021-05-18 16:14:16 +00:00
* {
scrollbar-width: thin;
scrollbar-color: var(--background-hover) transparent;
}
*::-webkit-scrollbar {
width: 1.2rem;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: var(--background-light);
border-radius: 2rem;
transition: background 1s ease-in;
}
*:hover::-webkit-scrollbar-thumb {
background-color: var(--background-hover);
}
*::-webkit-scrollbar-button {
display: none;
}
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
html, body {
Move to native css variables
2021-05-15 22:24:29 +00:00
background-color: var(--background-dark);
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
height: 100%;
width: 100%;
margin: 0;
padding: 0;
Inline more css to prevent splash screen jumping
2021-05-18 16:14:16 +00:00
overscroll-behavior: none;
}
html {
font-size: 62.5%;
}
body {
font-family: Raleway, sans-serif;
color: var(--text-base);
text-shadow: 0.1rem 0.1rem #000000;
letter-spacing: 0.02rem;
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
}
noscript {
Move to native css variables
2021-05-15 22:24:29 +00:00
color: var(--text-base);
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
font-size: 1rem;
font-family: sans-serif;
text-align: center;
line-height: 1.25;
}
#splash, noscript {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: 0.3s opacity linear;
z-index: 10000;
Move to native css variables
2021-05-15 22:24:29 +00:00
background-color: var(--background-dark);
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
cursor: wait;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 1.6rem;
padding: 4rem;
}
#splash[hidden] {
display: none;
}
#splash__spinner {
margin-top: 4rem;
animation: fade 0.5s linear 1s;
animation-fill-mode: both;
}
#splash__error {
margin-top: 2rem;
transition: opacity 0.5s ease-in;
Improve initial load error handling
2021-05-15 20:09:01 +00:00
display: flex;
flex-direction: column;
text-align: center;
max-width: 60rem;
}
#splash__error-message {
font-family: monospace;
Refactor splash screen error handling - Improve styling - Add all error text dynamically to avoid showing on search results - Reduce number of elements - Show configuration errors
2021-05-18 16:19:20 +00:00
background-color: var(--background-error);
padding: 1rem 1.5rem;
border-radius: var(--border-radius);
margin-bottom: 1rem;
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
}
#splash__error[aria-hidden=true] {
opacity: 0;
}
Refactor splash screen error handling - Improve styling - Add all error text dynamically to avoid showing on search results - Reduce number of elements - Show configuration errors
2021-05-18 16:19:20 +00:00
#app {
height: 100%;
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
}
</style>
</head>
<body>
<div id="splash">
<svg id="splash__logo" width="200" height="200" viewBox="0 0 270.06 267.09">
<g transform="translate(-.49951 -4.5791)">
<path transform="scale(.75)"
d="m0.66602 9.7227v298.96c0.046934 2.8741 0.25213 2.6741 2.535 3.6641l110.65 47.987c3.8989 1.918 3.6147 1.7537 3.6147-2.3528v-297.68c-0.0605-3.8542 0.32855-4.1331-2.8087-5.4937l-110.14-47.768c-2.988-1.1299-3.8517-1.741-3.8517 2.6812zm65.271 177.53c19.088 0 34.562 15.922 34.562 35.562 2.2e-4 6.4076-1.6821 12.696-4.8691 18.201l-25.939 55.648c-1.8045 3.8714-3.0529 3.8185-5.0156-0.0742l-28.344-55.426c-0.68826-1.1762-1.3097-2.3924-1.8613-3.6426l-0.21875-0.42578 0.03711 8e-3c-1.9214-4.5044-2.9137-9.3701-2.9141-14.289 0-19.641 15.474-35.562 34.562-35.562zm0 20.625c-8.0178-6e-5 -14.518 6.6877-14.518 14.938s6.4998 14.938 14.518 14.938c8.0178 6e-5 14.518-6.6877 14.518-14.938s-6.4998-14.938-14.518-14.938z"
fill="#cccccc"/>
<path transform="scale(.75)"
d="m236.43 8.5914-86.609 38.801c-9.3133 4.1592-8.1971 3.54-8.1971 14.952v297.52c-0.0201 2.6943-0.30938 2.8029 2.1555 1.7437l97.364-41.839c2.3162-0.98051 2.0784-1.6006 2.0784-3.5142v-303.35c0.15129-9.1976 0.75524-7.3665-6.7914-4.3133zm-44.714 54.614c19.088 0 34.562 15.922 34.562 35.562-1.9e-4 6.4108-1.6846 12.702-4.875 18.209l-25.934 55.643c-1.8045 3.8714-3.0529 3.8185-5.0156-0.0742l-28.357-55.453c-0.6778-1.1591-1.2908-2.357-1.8359-3.5879l-0.23243-0.45508 0.0391 8e-3c-1.9214-4.5044-2.9136-9.3699-2.9141-14.289 0-19.641 15.474-35.562 34.562-35.562zm0 20.625c-8.0178-6e-5 -14.518 6.6877-14.518 14.938 0 8.2498 6.4998 14.938 14.518 14.938 8.0178 7e-5 14.518-6.6877 14.518-14.938 0-8.2498-6.4998-14.938-14.518-14.938z"
fill="#cccccc"/>
<path d="m267.64 36.871-59.959-29.533c-6.555-3.2203-6.5798-4.161-6.4472 2.3579v225.51c-0.0251 3.9614 0.03 3.9662 3.1935 5.4609l62.579 29.567c3.8853 1.693 3.4322 1.9822 3.5316-1.5506v-224.87c0.0476-4.7459 0.23478-5.4796-2.8976-6.934z"
fill="#cccccc"/>
</g>
</svg>
<svg id="splash__spinner" width="38" height="38" viewBox="0 0 38 38" stroke="#fff">
<g transform="translate(1 1)" stroke-width="2">
<circle stroke-opacity=".5" cx="18" cy="18" r="18" fill="transparent"/>
<path d="M36 18c0-9.94-8.06-18-18-18">
<animateTransform
attributeName="transform"
type="rotate"
from="0 18 18"
to="360 18 18"
dur="1s"
repeatCount="indefinite"/>
</path>
</g>
</svg>
<div id="splash__error" role="alert" aria-hidden="true">
Improve initial load error handling
2021-05-15 20:09:01 +00:00
<span id="splash__error-message"></span>
Refactor splash screen error handling - Improve styling - Add all error text dynamically to avoid showing on search results - Reduce number of elements - Show configuration errors
2021-05-18 16:19:20 +00:00
<span id="splash__error-retry"></span>
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
</div>
</div>
<noscript>
<strong>LiveAtlas requires JavaScript to work.<br />Please enable it to continue.</strong>
</noscript>
Update app container element
2021-05-18 14:45:27 +00:00
<div id="app"></div>
Switch from webpack to vite
2021-05-15 19:25:03 +00:00
<script type="module" src="/src/main.ts"></script>
</body>
</html>
Reference in New Issue Copy Permalink