parent
349c4b5cea
commit
e0d81d10ed
@ -0,0 +1,2 @@ |
||||
@import 'variables'; |
||||
@import 'flavours/glitch/styles/index'; |
||||
@ -0,0 +1,5 @@ |
||||
en: |
||||
skins: |
||||
glitch: |
||||
metulayf: METU |
||||
|
||||
@ -0,0 +1,62 @@ |
||||
// Commonly used web colors |
||||
$black: #000000; // Black |
||||
$white: #ffffff; // White |
||||
$success-green: #79bd9a; // Padua |
||||
$error-red: #df405a; // Cerise |
||||
$warning-red: #ff5050; // Sunset Orange |
||||
$gold-star: #ca8f04; // Dark Goldenrod |
||||
|
||||
$red-bookmark: $warning-red; |
||||
|
||||
// Kafuka Theme Unique Colors. Color names may come later. |
||||
$classic-base-color: #0c0c0c; |
||||
$classic-primary-color: #ee7487; |
||||
$classic-secondary-color: #edfcf5; |
||||
$classic-highlight-color: #e31837; |
||||
|
||||
// Variables for defaults in UI |
||||
$base-shadow-color: $black !default; |
||||
$base-overlay-background: $black !default; |
||||
$base-border-color: $white !default; |
||||
$simple-background-color: $white !default; |
||||
$valid-value-color: $success-green !default; |
||||
$error-value-color: $error-red !default; |
||||
|
||||
// Tell UI to use selected colors |
||||
$ui-base-color: $classic-base-color !default; // Darkest |
||||
$ui-base-lighter-color: lighten($ui-base-color, 18%) !default; // Lighter darkest |
||||
$ui-primary-color: $classic-primary-color !default; // Lighter |
||||
$ui-secondary-color: $classic-secondary-color !default; // Lightest |
||||
$ui-highlight-color: $classic-highlight-color !default; |
||||
|
||||
// Variables for texts |
||||
$primary-text-color: $white !default; |
||||
$darker-text-color: $ui-primary-color !default; |
||||
$dark-text-color: $ui-base-lighter-color !default; |
||||
$secondary-text-color: $ui-secondary-color !default; |
||||
$highlight-text-color: $ui-highlight-color !default; |
||||
$action-button-color: $ui-base-lighter-color !default; |
||||
// For texts on inverted backgrounds |
||||
$inverted-text-color: $ui-base-color !default; |
||||
$lighter-text-color: $ui-base-lighter-color !default; |
||||
$light-text-color: $ui-primary-color !default; |
||||
|
||||
// Language codes that uses CJK fonts |
||||
$cjk-langs: ja, ko, zh-CN, zh-HK, zh-TW; |
||||
|
||||
// Variables for components |
||||
$media-modal-media-max-width: 100%; |
||||
// put margins on top and bottom of image to avoid the screen covered by image. |
||||
$media-modal-media-max-height: 80%; |
||||
|
||||
$no-gap-breakpoint: 415px; |
||||
|
||||
$font-sans-serif: 'mastodon-font-sans-serif' !default; |
||||
$font-display: 'mastodon-font-display' !default; |
||||
$font-monospace: 'mastodon-font-monospace' !default; |
||||
|
||||
// Avatar border size (8% default, 100% for rounded avatars) |
||||
$ui-avatar-border-size: 8%; |
||||
|
||||
// More variables |
||||
$dismiss-overlay-width: 4rem; |
||||
@ -0,0 +1,96 @@ |
||||
<!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> |
||||
|
After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 14 KiB |
Loading…
Reference in new issue