Imported website files

This commit is contained in:
mintphin 2020-07-11 13:38:13 -04:00
parent b4f46b0ec7
commit c1323f2675
5 changed files with 160 additions and 0 deletions

BIN
img/jo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
img/luna.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 193 KiB

BIN
img/mintphin.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

160
index.html Normal file
View file

@ -0,0 +1,160 @@
<!DOCTYPE html>
<html>
<head>
<title>mint.lgbt</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<style>
html {
scroll-behavior: smooth;
}
body {
font-family: monospace;
font-size: 125%;
background: linear-gradient(270deg, #2ceebc, #2c9fee);
background-size: 400% 400%;
-webkit-animation: background 30s ease infinite;
-moz-animation: background 30s ease infinite;
-o-animation: background 30s ease infinite;
animation: background 30s ease infinite;
margin: 0;
}
.navbar {
top: 0px;
position: fixed;
color: white;
padding-left: 10%;
padding-right: 10%;
padding-top: 2%;
z-index: 9999;
content-align: center;
text-align: center;
}
.navbartext {
text-decoration: none;
color: white;
text-align: center;
vertical-align: top;
}
#start {
color: white;
padding: 15%;
}
.button {
margin-top: 5px;
display: inline-block;
padding: 10px;
text-decoration: none;
color: white;
border-radius: 10px;
border: 2px solid white;
transition: 0.1s;
}
.button:hover {
background-color: white;
color: black;
mix-blend-mode: screen;
transition: 0.1s;
}
.buttondark {
}
@-webkit-keyframes background {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes background {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-o-keyframes background {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes background {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
#team {
background-color: #0c0c0c;
color: white;
mix-blend-mode: darken;
padding: 15%;
}
.dev-right {
text-align: right;
}
#about {
background-color: black;
color: white;
mix-blend-mode: darken;
padding-left: 15%;
padding-right: 15%;
padding-top: 10%;
padding-bottom: 10%;
}
#donate {
background-color: #212121;
color: white;
mix-blend-mode: darken;
padding: 15%;
}
footer {
padding: 5%;
color: white;
}
</style>
</head>
<body>
<div class='navbar'>
<img width=15% height=15% src="img/logo.png">
<br>
<nav><a class='navbartext' href='#'>home</a> <a class='navbartext' href='#about'>about</a> <a class='navbartext' href='#team'>team</a> <a class='navbartext' href='#donate'>donate</a></nav>
</div>
<div id='start'>
<img width=40% height=40% src="img/logo.png">
<h3>foss network services you deserve</h3>
<br>
<nav><b><a class='button' href='https://fem.mint.lgbt/'>femgit</a> <a class='button' href='https://fedi.mint.lgbt/'>fedimint</a> <a class='button' href='https://mint.lgbt/95gen'>95gen</a> <a class='button' href='https://files.mint.lgbt/files'>files server</a></b></nav>
<br>
<nav><a class='navbartext' href='https://discord.gg/Fdq9YXp'>discord</a> <a class='navbartext' href='https://t.me/mintlgbt'>telegram</a></nav>
</div>
<div id='about'>
<h1>we're a group of queer teens developing and/or hosting ethical network services without the bullshit of current ones. the goal is to make the internet great again. we do not track or spy you because we don't need to. just give us a donation if you wanna see this be successful.</h1>
</div>
<div id='team'>
<h1><u>the team</u></h1>
<br>
<img width=128px height=128px src='img/mintphin.png'>
<h2>mintphin</h2>
<p>he/him | founder, tinkerer and developer</p>
<br>
<a class='button' href='https://him.mint.lgbt/'>website</a>
<div class='dev-right'>
<img width=128px height=128px src='img/luna.png'>
<h2>luna</h2>
<p>he/him/she/her/they/them | developer and tinkerer</p>
<br>
<a class='button' href='https://luna.mint.lgbt/'>website</a>
</div>
<img src='img/jo.png'></img>
<h2>jo!</h2>
<p>she/her | designer and artist</p>
<br>
<a class='button' href='https://catgirl.party/'>website</a>
</div>
<div id='donate'>
<h2>wanna give us a donation?</h2>
<p>since we're running free services with no way to get paid we need your help. consider being our patron by supporting us in liberapay.</p>
<script src="https://liberapay.com/mint.lgbt/widgets/button.js"></script>
<noscript><a href="https://liberapay.com/mint.lgbt/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></noscript>
</div>
<footer>
<small>&copy; 2020 mint.lgbt. No rights reserved.</small>
</footer>
</body>
</html>