I copied the files to the folder with the localization.

This commit is contained in:
Данил 2024-07-22 22:07:11 +03:00
parent 2f2046a8ae
commit 01f9f7787a
5 changed files with 219 additions and 3 deletions

View file

@ -42,10 +42,10 @@
<div id="get-it-on"> <div id="get-it-on">
<a href='https://play.google.com/store/apps/details?id=ru.murzify.everynasa'> <a href='https://play.google.com/store/apps/details?id=ru.murzify.everynasa'>
<img alt='Get it on Google Play' src='/static/image/get-it-on-gp.png' id="google-play"/> <img src='/static/image/get-it-on-gp.png' alt='Скачать приложение на Google Play' id="google-play"/>
</a> </a>
<a href="https://github.com/Starlio-app/Starlio"> <a href="https://github.com/Starlio-app/Starlio">
<img src="static/image/get-it-on-github.png" alt="Get it on Github" id="github"> <img src="static/image/get-it-on-github.png" alt="Скачать приложение на Github" id="github">
</a> </a>
</div> </div>
</div> </div>

View file

@ -0,0 +1,125 @@
body {
background: #153E3F;
color: white;
font-family: 'Roboto', serif;
}
@media (min-width: 0) {
.wallpaper img {
width: 90%;
border-radius: 8px;
margin: 0 auto 0 auto;
display: flex;
}
.wallpaper h1 {
text-align: center;
}
.copyright {
font-size: 110%;
width: 90%;
}
p {
margin-left: auto;
margin-right: auto;
}
.desc {
font-size: 125%;
line-height: 32px;
width: 90%;
}
.wallpaper-text {
display: flex;
flex-direction: column-reverse;
}
.get-it-on {
display: flex;
margin: 5% auto 3% auto;
}
}
@media (min-width: 768px) {
.get-it-on {
display: flex;
margin: 5% auto 3% auto;
}
.desc {
font-size: 150%;
line-height: 39px;
width: 90%;
}
.copyright {
font-size: 125%;
width: 90%;
}
}
@media (min-width: 992px) {
.wallpaper img {
width: 65%;
border-radius: 8px;
margin: 0 auto 0 auto;
display: flex;
}
.desc {
font-size: 200%;
line-height: 45px;
width: 90%;
}
.copyright {
font-size: 150%;
width: 90%;
}
.wallpaper h1 {
text-align: center;
font-size: 250%;
}
}
@media (min-width: 1200px) {
.wallpaper img {
width: 40%;
border-radius: 8px;
float: left;
}
.wallpaper-text {
display: flex;
flex-direction: column;
}
.desc {
font-size: 150%;
line-height: 36px;
width: 90%;
}
.copyright {
font-size: 120%;
}
.get-it-on {
display: block ;
width: 70%;
margin-left: 15%;
margin-right: auto;
}
}
@media (min-width: 1400px) {
.wallpaper img {
max-width: 27%;
}
}

View file

@ -0,0 +1,37 @@
function load(date) {
fetch(`https://api.starlio.space/wallpaper/${date}`).then(res => {
res.json().then(data => {
if (data.length === 0) return;
document.querySelector("div.wallpaper img").src = data.url;
document.querySelector("div.wallpaper div.wallpaper-text div.wallpaper-desc h1").innerHTML = data.title;
document.querySelector(".copyright").innerHTML = `Image Credit & Copyright: ${data.copyright}`;
document.querySelector(".desc").innerHTML = data.explanation;
});
});
}
function parseURL() {
let pathname = document.location.pathname
pathname = pathname.slice(pathname.lastIndexOf('/')+1)
if (isNaN(new Date(pathname).getTime())) return null;
if (!isValidDate(pathname)) return null;
return pathname;
}
/* THX, bro <3
https://stackoverflow.com/a/35413963/20781634
*/
function isValidDate(dateString) {
var regEx = /^\d{4}-\d{2}-\d{2}$/;
if(!dateString.match(regEx)) return false;
var d = new Date(dateString);
var dNum = d.getTime();
if(!dNum && dNum !== 0) return false;
return d.toISOString().slice(0,10) === dateString;
}
load(parseURL());

View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Starlio</title>
<link rel="icon" href="/static/image/favicon.png">
<meta name="author" content="Redume, Murzify">
<meta name="description" content="Amazing wallpaper straight from space!">
<meta name="keywords" content="nasa, space, wallpaper, auto change wallpaper, starlio">
<meta name="theme-color" content="#2F3041">
<meta property="og:title" content="Starlio">
<meta property="og:description" content="Amazing wallpaper straight from space!">
<meta property="og:image" content="/static/image/favicon.png">
<meta property="og:url" content="https://starlio.space">
<meta property="twitter:title" content="Starlio">
<meta property="twitter:description" content="Amazing wallpaper straight from space!">
<meta property="twitter:image" content="/static/image/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://starlio.space/">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="static/css/wallpaper.css">
</head>
<body>
<div class="wallpaper">
<img alt="Jones-Emberson 1" src="https://apod.nasa.gov/apod/image/2301/RockyArchAurora_Pellegrini_1330.jpg">
<div class="wallpaper-text">
<div class="wallpaper-desc">
<h1>Spiral Aurora over Iceland</h1>
<p class="copyright">Image Credit & Copyright: Stefano Pellegrini</p>
<p class="desc"> The scene may look like a fantasy, but it's really Iceland. The rock arch is named Gatklettur and located on the island's northwest coast. Some of the larger rocks in the foreground span a meter across. The fog over the rocks is really moving waves averaged over long exposures. The featured image is a composite of several foreground and background shots taken with the same camera and from the same location on the same night last November. The location was picked for its picturesque foreground, but the timing was planned for its colorful background: aurora. The spiral aurora, far behind the arch, was one of the brightest seen in the astrophotographer's life. The coiled pattern was fleeting, though, as auroral patterns waved and danced for hours during the cold night. Far in the background were the unchanging stars, with Earth's rotation causing them to appear to slowly circle the sky's northernmost point near Polaris.</p>
</div>
<div class="get-it-on">
<a href='https://play.google.com/store/apps/details?id=ru.murzify.everynasa'>
<img src='static/image/get-it-on-gp.png' alt='Get it on Google Play'>
</a>
<a href="https://github.com/Starlio-app/Starlio">
<img src="static/image/get-it-on-github.png" alt="Get it on Github">
</a>
</div>
</div>
</div>
<script src="localized-files/ru/static/script/wallpaperLoad.js"></script>
</body>
</html>

View file

@ -49,6 +49,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="static/script/wallpaperLoad.js"></script> <script src="localized-files/ru/static/script/wallpaperLoad.js"></script>
</body> </body>
</html> </html>