the source code for the main site
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

160 lines
4.9 KiB

<!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>