add localization files (firebase)

This commit is contained in:
Данил 2023-05-27 11:48:27 +03:00
parent 0313af253d
commit 2f7d12560a
No known key found for this signature in database
GPG key ID: 5051BCD5AB064A7B
7 changed files with 294 additions and 0 deletions

View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Starlio</title>
<link rel="icon" href="../static/image/favicon.png" type="">
<meta name="author" content="Redume">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://starlio.space/">
<link rel="stylesheet" type="text/css" href="../static/css/404.css">
</head>
<body>
<lottie-player src="https://assets1.lottiefiles.com/packages/lf20_2QSlz3Li88.json"
background="transparent"
speed="1"
loop
autoplay>
</lottie-player>
<p style="font-size: 160%;">Страница не найдена!</p>
<p style="font-size: 115%;">Извините, но страница, которую вы хотите просмотреть, может быть удалена или перемещена!</p>
<p><a style="font-size: 1em;" href="/">General page</a></p>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
</body>
</html>

View file

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Starlio</title>
<link rel="icon" href="/static/image/favicon.png">
<meta name="author" content="Redume">
<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/banner.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/main.css">
</head>
<body>
<img src="static/image/devices.png" alt="Devices" id="devices">
<div id="content">
<p id="title">Starlio</p>
<p id="subtitle">Потрясающие обои прямо из космоса!</p>
<p id="description">
NASA каждый день публикует красивые фотографии космоса, так почему бы не устанавливать их как обои? Starlio делает это автоматически за вас!
</p>
<div id="get-it-on">
<a href='https://play.google.com/store/apps/details?id=ru.murzify.starlio'>
<img alt='Get it on Google Play' src='/static/image/get-it-on-gp.png' id="google-play"/>
</a>
<a href="https://github.com/Redume/Starlio">
<img src="static/image/get-it-on-github.png" alt="Get it on Github" id="github">
</a>
</div>
</div>
</body>
</html>

View file

@ -0,0 +1,25 @@
body {
background: #131313;
color: white;
}
* {
line-height: 1.2;
margin: 0;
}
lottie-player {
margin: 0 auto;
width: 300px; height: 300px;
}
p {
font-family: sans-serif;
text-align: center;
margin: 0.4% auto;
width: 300px;
}
a {
color: #98e9e8
}

View file

@ -0,0 +1,190 @@
body {
background-color: #2F3041;
color: white;
}
* {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
a {
text-decoration: none;
}
#content p, .form-select, #download {
font-family: 'Roboto', sans-serif;
}
#devices {
display: block;
width: 90%;
height: 90%;
}
@media (min-width: 0) {
#devices {
margin: 65% auto;
}
#title {
font-size: 2.5em;
margin-top: -160%;
}
#subtitle {
margin-top: -5%;
}
#description, #subtitle, #title {
text-align: center;
}
#google-play, #github {
width: 45%;
height: 45%;
}
#google-play {
margin-top: 51%;
margin-left: 5%;
}
}
@media (min-width: 576px) {
#devices {
margin: 50% auto;
}
#title {
font-size: 3em;
margin-top: -130%;
}
#google-play, #github {
width: 37%;
height: 37%;
}
#get-it-on {
margin-top: 5%;
text-align: center;
}
}
@media (min-width: 768px) {
#devices {
margin: 39% auto;
}
#title {
font-size: 3.5em;
margin-top: -110%;
}
#description {
width: 90%;
margin: 0 auto;
}
#google-play, #github {
width: 30%;
height: 30%;
}
#get-it-on {
margin-top: 1%;
text-align: center;
}
}
@media (min-width: 992px) {
#devices {
margin: 30% auto;
}
#title {
font-size: 4em;
margin-top: -95%;
}
#description {
width: 70%;
margin: 0 auto;
}
#google-play, #github {
width: 25%;
height: 25%;
}
#get-it-on {
margin-top: -2%;
text-align: center;
}
}
@media (min-width: 1200px) {
#devices {
margin: 25% auto;
}
#title {
font-size: 4.5em;
margin-top: -85%;
}
#description {
width: 55%;
margin: 0 auto;
}
#google-play, #github {
width: 20%;
height: 20%;
}
#get-it-on {
margin-top: -3%;
text-align: center;
}
}
@media (min-width: 1400px) {
#devices {
width: 50%;
height: 50%;
margin: 10% 2%;
}
#title {
font-size: 4em;
margin-top: -37%;
margin-left: 50%;
}
#subtitle {
font-size: 2em;
margin-top: -2%;
margin-left: 50%;
}
#description {
font-size: 1.1em;
width: 30%;
margin: 2% 60%;
}
#google-play, #github {
width: 35%;
height: 35%;
}
#get-it-on {
margin-top: -25%;
margin-left: 47%;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB