elysium/nile
elysium/nile
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Prepared Nile v1

Browse source
This commit is contained in:
Dunemask 2022-12-24 20:49:01 -05:00
parent ca9280f324
commit 0b19036190
145 changed files with 5541 additions and 1285 deletions
Download patch file Download diff file Expand all files Collapse all files

60
index.html
View file

@ -4,7 +4,8 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Dunemask" />
<title>Univite</title>
<link rel="stylesheet" type="text/css" href="/css/fonts.css" />
<title>Dunemask</title>
<link
rel="apple-touch-icon"
sizes="180x180"
@ -38,7 +39,64 @@
</head>
<body>
<noscript>You need to enable JavaScript to view this site.</noscript>
<div id="loading">
<header>
<h3>Dunemask</h3>
</header>
<div class="loading-content">
<div class="loading-content-wrapper">
<img src="/images/phx-mini.gif" class="loading-content-media" />
</div>
</div>
<h1 class="loading-content-subtitle">Loading</h1>
</div>
<div id="root"></div>
<style>
body {
background: linear-gradient(to bottom, #eee, #fff);
background-size: cover;
background-repeat: no-repeat;
}
#loading > header {
background-color: black;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 64px;
color: white;
text-align: center;
}
#loading .loading-content {
display: flex;
z-index: -1;
overflow: hidden;
justify-content: center;
margin-top: 5rem;
}
#loading .loading-content-wrapper {
height: 100%;
text-align: center;
max-width: 1024px;
}
#loading .loading-content-media {
width: 50%;
height: 50%;
max-height: 100vh;
max-width: 1024px;
margin: auto;
}
#loading .loading-content-subtitle {
text-align: center;
}
</style>
<script type="module" src="/src/App.jsx"></script>
</body>
<footer>
<div id="footer"></div>
</footer>
</html>