Imported website files
This commit is contained in:
mintphin
parent
b4f46b0ec7
commit
c1323f2675
BIN
img/jo.png
Normal file
BIN
img/jo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
img/logo.png
Normal file
BIN
img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
BIN
img/luna.png
Normal file
BIN
img/luna.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
BIN
img/mintphin.png
Normal file
BIN
img/mintphin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
160
index.html
Normal file
160
index.html
Normal 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>© 2020 mint.lgbt. No rights reserved.</small>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in a new issue