Browse Source

Imported website files

master
mintphin 1 year ago
parent
commit
c1323f2675
  1. BIN
      img/jo.png
  2. BIN
      img/logo.png
  3. BIN
      img/luna.png
  4. BIN
      img/mintphin.png
  5. 160
      index.html

BIN
img/jo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
img/logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

BIN
img/luna.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 193 KiB

BIN
img/mintphin.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

160
index.html

@ -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>
Loading…
Cancel
Save