flashii/uiharu
1
0
Fork 0
Code Issues Pull requests Releases Activity

Updated uiharu landing page.

Browse source
This commit is contained in:
Pachira 2023-01-25 15:32:04 +00:00
parent 19b46188ad
commit 1c14721f43
3 changed files with 95 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
public/assets/style.css Normal file
View file

@ -0,0 +1,70 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
}
html,
body {
width: 100%;
height: 100%;
}
body {
background-color: #111;
color: #fff;
font: 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.uiharu {
width: 100%;
height: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
}
.uiharu a {
color: #437574;
text-decoration: none;
}
.uiharu a:hover,
.uiharu a:focus {
text-decoration: underline;
}
.uiharu a:active {
color: #2e5150;
}
.uiharu-inner {
margin: auto;
}
.uiharu-header {
margin: 20px 0;
padding: 0 20px;
}
.uiharu-logo {
text-align: center;
}
.uiharu-logo img {
max-width: 500px;
width: 100%;
}
.uiharu-description {
text-align: center;
}
.uiharu-footer {
font-size: .8em;
opacity: .6;
text-align: center;
margin: 20px 0;
padding: 0 20px;
}
.uiharu-footer a {
color: inherit;
}

BIN
public/assets/uiharu-logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

26
public/index.html
View file

@ -1,2 +1,26 @@
<!doctype html>
<pre>Metadata lookup service - OK</pre>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Uiharu</title>
<link href="/assets/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="uiharu">
<div class="uiharu-inner">
<div class="uiharu-header">
<div class="uiharu-logo">
<img src="/assets/uiharu-logo.png" alt="Awaki">
</div>
<div class="uiharu-description">
<p>Metadata lookup service for <a href="//flashii.net" rel="noopener">Flashii</a></p>
</div>
</div>
<div class="uiharu-footer">
<a href="https://flash.moe" target="_blank" rel="noopener">Flashwave</a> 2021-2023
</div>
</div>
</div>
</body>
</html>