ColumbusUtrigas
/
barite.app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

desktop

main
Columbus Utrigas 2021-12-23 01:37:29 +03:00
parent 823fc0208c
commit 76768637cc
4 changed files with 43 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

14
icon.svg Normal file
View File

@ -0,0 +1,14 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="64" rx="8" fill="url(#paint0_linear_4_19)"/>
<path d="M15 14.5H43.3666V27.4326H49V49.4515H23.5249V49.5H15.0499V24.6681L15 14.5ZM23.5249 35.726V41.2065H40.5249V35.726H23.5249ZM23.5249 22.745V27.4326H34.8416V22.745H23.5249Z" fill="url(#paint1_linear_4_19)"/>
<defs>
<linearGradient id="paint0_linear_4_19" x1="32" y1="0" x2="32" y2="64" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BA6FF"/>
<stop offset="1" stop-color="#1E7CEB"/>
</linearGradient>
<linearGradient id="paint1_linear_4_19" x1="32" y1="16.4231" x2="32" y2="49.5" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E0ECFF"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 786 B

4
index.html
View File

@ -4,9 +4,11 @@
<title>Barite</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" href="favicon.png">
</head>
<body>
<h1>Barite</h1>
<img src="icon.svg">
<h1>soon.</h1>
</body>
</html>

26
style.css
View File

@ -0,0 +1,26 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');
html { height:100%; }
body { position:absolute; top:0; bottom:0; right:0; left:0; }
img {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
position: absolute;
margin-top: 64px;
}
h1 {
font-family: 'Inter', sans-serif;
font-size: 64px;
color: #0C0C3D;
width: 100%;
height: 100%;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
margin: 0;
}