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.
97 lines
4.6 KiB
97 lines
4.6 KiB
4 years ago
|
<!DOCTYPE html>
|
||
|
<html>
|
||
|
<head>
|
||
|
<style>
|
||
|
@font-face {
|
||
|
font-family: 'Titan One';
|
||
|
font-style: normal;
|
||
|
font-weight: 400;
|
||
|
src: local('Titan One'), local('TitanOne'), url(/fonts/titan-one.woff2) format('woff2');
|
||
|
}
|
||
|
|
||
|
@font-face {
|
||
|
font-family: 'Didact Gothic';
|
||
|
font-style: normal;
|
||
|
font-weight: 400;
|
||
|
src: local('Didact Gothic Regular'), local('DidactGothic-Regular'), url(/fonts/didact-gothic.woff2) format('woff2');
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
color: #e31837;
|
||
|
font-family: 'Didact Gothic', sans-serif !important;
|
||
|
text-align: center;
|
||
|
background-size: cover;
|
||
|
background-repeat: no-repeat;
|
||
|
background-attachment: fixed;
|
||
|
background-color: #000;
|
||
|
overflow-x: hidden;
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
img {
|
||
|
border-radius: 20px;
|
||
|
padding: 5px;
|
||
|
}
|
||
|
h2, a {
|
||
|
color: #ee7487;
|
||
|
}
|
||
|
p {
|
||
|
color: #eee;
|
||
|
}
|
||
|
hr {
|
||
|
flex: 0 0 auto;
|
||
|
border: 0;
|
||
|
border-top: 1px solid #161616;
|
||
|
border-top-width: 1px;
|
||
|
border-top-style: solid;
|
||
|
border-top-color: rgb(22, 22, 22);
|
||
|
margin: 10px auto;
|
||
|
max-width: 400px;
|
||
|
}
|
||
|
div {
|
||
|
background: #080808;
|
||
|
border-radius: 10px;
|
||
|
margin: 0px auto 30px auto;
|
||
|
padding: 5px;
|
||
|
max-width: 550px;
|
||
|
}
|
||
|
</style>
|
||
|
<title>metu.life - Apps</title>
|
||
|
<meta charset="utf-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
<script src="/jquery.js"></script>
|
||
|
<script src="/apps.js"></script>
|
||
|
<link rel="shortcut icon" href="/favicon.ico">
|
||
|
</head>
|
||
|
<body>
|
||
|
<br>
|
||
|
<a href="/"><img src="/img/pb-icon-full.png" alt="Logo" height="130" style="display:block;margin:0 auto;"><br></a>
|
||
|
<div>
|
||
|
<h1 id="text-apps">Official app for metu.life</h1>
|
||
|
<p>Available soon.</p>
|
||
|
<!--<p>Recommended for full feature support.</p>-->
|
||
|
<h2>Android</h2>
|
||
|
<a href="/"><img src="/img/agac_beyaz_pp.png" alt="Logo" height="128" style="display:block;margin:0 auto;"><br></a>
|
||
|
<!--<p>Click here to see the <a target="_blank" href="asdf">source code</a></p>-->
|
||
|
<hr>
|
||
|
<h1 id="text-apps">Apps from other sources</h1>
|
||
|
<p>Don't forget to specify "metu.life" as your server/instance.</p>
|
||
|
<h2>Android</h2>
|
||
|
<a target="_blank" href="https://play.google.com/store/apps/details?id=com.keylesspalace.tusky"><img src="https://play-lh.googleusercontent.com/jEHn_wl2xPGi3Gap5WtVhZJn58f9l21YFObdoJMTLU65hHbJAVodQSq8cbTdAfMmQ0Y=s180-rw" height="128" alt="Tusky"></a>
|
||
|
<a target="_blank" href="https://play.google.com/store/apps/details?id=jp.juggler.subwaytooter"><img src="https://play-lh.googleusercontent.com/iDLGypRZ3zW-7HBm6ZDiq33G8RBGldDiYFm2tMnThqwCuOqn35zOm9agdR_x67YP_uw=s180-rw" height="128" alt="Subway Tooter"></a>
|
||
|
<br><br><h2>iOS</h2>
|
||
|
<a target="_blank" href="https://apps.apple.com/us/app/amarok-for-mastodon/id1214116200"><img src="https://is4-ssl.mzstatic.com/image/thumb/Purple113/v4/04/11/ac/0411ac9c-575e-6901-ce8c-0f45c9d11eef/AppIcon-0-0-1x_U007emarketing-0-0-0-5-0-0-sRGB-0-0-0-GLES2_U002c0-512MB-85-220-0-0.png/230x0w.webp" height="128" alt="Amaroq"></a>
|
||
|
<a target="_blank" href="https://apps.apple.com/us/app/imast/id1229461703"><img src="https://is1-ssl.mzstatic.com/image/thumb/Purple124/v4/b3/f9/f6/b3f9f608-f2ff-64d9-d88f-6a2fc84769d2/AppIcon-1x_U007emarketing-0-10-0-85-220.png/460x0w.webp" height="128" alt="iMast"></a>
|
||
|
<a target="_blank" href="https://apps.apple.com/us/app/mercury-for-mastodon/id1486749200"><img src="https://is3-ssl.mzstatic.com/image/thumb/Purple114/v4/cd/37/fb/cd37fbfb-eafc-4c5f-62d1-90eca0dccb31/AppIcon-1x_U007emarketing-0-8-0-85-220.png/230x0w.webp" height="128" alt="Mercury"></a>
|
||
|
<br><br><h2>Web/Desktop</h2>
|
||
|
<a target="_blank" href="https://pinafore.social/"><img src="https://raw.githubusercontent.com/nolanlawson/pinafore/master/static/icon-150.png" height="128" alt="Pinafore"></a>
|
||
|
<a target="_blank" href="https://www.halcyon.social/"><img src="https://notabug.org/halcyon-suite/halcyon/raw/master/assets/images/halcyon_logo.png" height="128" alt="Halcyon"></a>
|
||
|
<a target="_blank" href="https://nicolasconstant.github.io/sengi/"><img src="https://raw.githubusercontent.com/NicolasConstant/sengi/master/assets/icons/png/128x128.png" height="128" alt="Sengi"></a>
|
||
|
<br><br><h2>Linux</h2>
|
||
|
<a target="_blank" href="https://flathub.org/apps/details/com.github.bleakgrey.tootle"><img src="https://dl.flathub.org/repo/appstream/x86_64/icons/128x128/com.github.bleakgrey.tootle.png" height="128" alt="Tootle"></a>
|
||
|
<br><br><br>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|