Meine Version von Littlelink (https://github.com/sethcottle/littlelink/) für meine Webseite.
Eine statische, einfache Alternative zu linktr.ee
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.
96 lines
4.4 KiB
96 lines
4.4 KiB
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
|
|
<!-- Page Information
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
<meta charset="utf-8">
|
|
<title>Max mal Richtig</title>
|
|
<meta name="description" content="Links to me and my stuff...">
|
|
<meta name="author" content="Max mal Richtig">
|
|
|
|
<!-- Mobile Specific Metas
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
|
<!-- CSS
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
<link rel="stylesheet" href="css/normalize.css">
|
|
|
|
<!-- Themes:
|
|
Auto: css/skeleton-auto.css
|
|
Light: css/skeleton-light.css
|
|
Dark: css/skeleton-dark.css
|
|
-->
|
|
<link rel="stylesheet" href="css/skeleton-dark.css">
|
|
<link rel="stylesheet" href="css/my-custom.css"
|
|
|
|
<!-- Brand Styles -->
|
|
<link rel="stylesheet" href="css/brands.css">
|
|
<link rel="stylesheet" href="css/brands-extended.css">
|
|
|
|
<!-- Favicon
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
<link rel="icon" type="image/x-icon" href="images/favicon-max.ico">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Primary Page Layout
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="column" style="margin-top: 10%">
|
|
|
|
<!-- Your Image Here -->
|
|
<img src="images/max-circular.png" class="avatar" alt="Profile picture">
|
|
|
|
<!-- Title -->
|
|
<h1 role="heading">Max's little links</h1>
|
|
|
|
<!-- Short Bio -->
|
|
<p>
|
|
Hi, I am Max. <br>
|
|
To find out more about me, check out the links below...
|
|
</p>
|
|
|
|
<h2 role="heading">My socials:</h2>
|
|
|
|
<!-- Mastodon -->
|
|
<a class="button button-mastodon" href="https://social.tchncs.de/@maxmalrichtig" target="_blank" rel="me" role="button"><img class="icon" src="images/icons/mastodon.svg" alt="">Mastodon</a><br>
|
|
|
|
<!-- Writefreely -->
|
|
<a class="button button-writefreely" href="https://schreib.mal-richtig.de" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons-extended/writefreely.svg" alt="">Blog (WriteFreely)</a><br>
|
|
|
|
<!-- Pixelfed -->
|
|
<a class="button button-pixelfed" href="https://pixel.tchncs.de/maxmalrichtig" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons-extended/pixelfed.svg" alt="">Pixelfed</a><br>
|
|
|
|
<!-- Lemmy -->
|
|
<a class="button button-lemmy" href="https://discuss.tchncs.de/u/maxmalrichtig" target="_blank" rel="noopener">
|
|
<img class="icon" src="images/icons-extended/lemmy.svg" alt="">Lemmy</a>
|
|
<br>
|
|
|
|
<!-- Matrix -->
|
|
<a class="button button-matrix" href="https://matrix.to/#/@maxmalrichtig:tchncs.de" target="_blank" rel="noopener">
|
|
<img class="icon" src="images/icons-extended/matrix.svg" alt="">Matrix</a>
|
|
<br>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>
|
|
<a href="privacy.html">Privacy Policy</a> | <br>
|
|
Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener" role="button">LittleLink</a>.
|
|
</p>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- End Document
|
|
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
|
|
</body>
|
|
|
|
</html>
|