269 lines
11 KiB
HTML
269 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="english">
|
|
|
|
<!-- Head -->
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<meta charset="UTF-8">
|
|
<title>Marty.TF</title>
|
|
<link rel="icon" href="src/marty_narklos.png">
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="script.js"></script>
|
|
</head>
|
|
|
|
<!-- Body -->
|
|
|
|
<body id="body" onload="startup()">
|
|
|
|
<!-- Header Bar -->
|
|
<div id="header" class="box">
|
|
<div class="box" id="hdrbx1">
|
|
</div>
|
|
<div class="box links" id="hdrbx2">
|
|
<h1>
|
|
<a class="link" href="/">Marty.TF</a>
|
|
</h1>
|
|
</div>
|
|
<div class="box" id="lightdark" style="background-color: #ffffff00">
|
|
<a class="link" href="#" id="lightmode" onclick="button_lightmode()"> </a>
|
|
<a class="link" href="#" id="darkmode" onclick="button_darkmode()"> </a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Links Row -->
|
|
<div id="linksrow" class="box links">
|
|
<a class="link" href="javascript:void(0)" id="searchbutton" onclick="shiftcontent('search')">search</a>
|
|
<a class="link" href="javascript:void(0)" id="servicesbutton" onclick="shiftcontent('services')">services</a>
|
|
<a class="link" href="javascript:void(0)" id="aboutbutton" onclick="shiftcontent('about')">about</a>
|
|
<br class="headersplit">
|
|
<a class="link" href="javascript:void(0)" id="dotfilesbutton" onclick="shiftcontent('dotfiles')">dotfiles</a>
|
|
<!-- <a class="link" href="#" onclick="shiftcontent('server')">Server Setup</a> -->
|
|
<a class="link" href="javascript:void(0)" id="projectsbutton" onclick="shiftcontent('projects')">projects</a>
|
|
<a class="link" href="javascript:void(0)" id="contactbutton" onclick="shiftcontent('contact')">contact</a>
|
|
</div>
|
|
|
|
<!-- Content -->
|
|
<div id="mainmain">
|
|
<div id="main">
|
|
|
|
<div class="box-shower" id="search">
|
|
<div class="box-wrapper">
|
|
<div class="box">
|
|
<form id="search-box" action="https://search.marty.tf/search" method="get" class="search-box">
|
|
<input id="searchbox" class="box" type="text" name="q" placeholder="search the web" autocomplete="off">
|
|
<button form="search-box" type="submit" style="display:none">Go</button>
|
|
</form>
|
|
<p class="links">powered by <a class="link" href="https://github.com/searxng/searxng">SearXNG</a>, a self-hosted <a class="link" href="https://en.wikipedia.org/wiki/Metasearch_engine"> metasearch engine </a></p>
|
|
<!--
|
|
<div class="box-wrapper nolinks" id="service_icons">
|
|
<a class="service_icon bmks" href="https://watch.marty.tf"> </a>
|
|
<a class="service_icon bmks" href="https://libreddit.marty.tf"> </a>
|
|
<a class="service_icon bmks" href="https://cloud.marty.tf"> </a>
|
|
<a class="service_icon bmks" href="https://elk.zone"> </a>
|
|
<a class="service_icon" href="javascript:void(0)" onclick="bookmarks_open()"> </a>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="box" id="bookmarks">
|
|
<div class="box links">
|
|
<h2> <a id="bookmarks_close" href="javascript:void(0)" onclick="bookmarks_close()"> close </a> </h2>
|
|
</div>
|
|
<div class="box-wrapper">
|
|
<div class="box links">
|
|
<h3> <a href="javascript:void(0)" onclick="bmks_exp('bmks_mtf')"> Marty.TF </a> </h3>
|
|
<div class="box-bmks" id="bmks_mtf">
|
|
hello
|
|
</div>
|
|
</div>
|
|
<div class="box links">
|
|
<h3> <a href="javasript:void(0)" onclick="bmks_exp('bmks_scl')"> Socials </a> </h3>
|
|
<div class="box-bmks" id="bmks_scl">
|
|
bye
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
-->
|
|
|
|
<div class="box-shower" id="services">
|
|
<div class="box-wrapper">
|
|
<div class="box links">
|
|
<h3>social media frontends</h3><br>
|
|
<a class="link" href="https://watch.marty.tf">invidious (youtube)</a> <br>
|
|
<a class="link" href="https://libreddit.marty.tf">redlib (reddit)</a> <br>
|
|
<a class="link" href="https://ig.marty.tf">proxigram (instagram)</a> <br>
|
|
<a class="link" href="https://sl.marty.tf">shoelace (threads)</a> <br>
|
|
<a class="link" href="https://proxitok.marty.tf">proxitok (tiktok)</a>
|
|
</div>
|
|
<div class="box links">
|
|
<h3>selfhosted services</h3><br>
|
|
<a class="link" href="https://share.marty.tf">fireshare (video clip sharing)</a> <br>
|
|
<a class="link" href="https://fedi.marty.tf">gotosocial (fediverse platform)</a> <br>
|
|
<a class="link" href="https://chat.marty.tf">matrix synapse (chat platform)</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-shower" id="about">
|
|
<div class="box-wrapper">
|
|
<div class="box">
|
|
personal website and hosting platform of multiple instance based web services <br>
|
|
every line of code has been written by a human. no large machine learning models have been used to steal
|
|
copy-righted and unlicensed code
|
|
<br> <br>
|
|
as I am not a webdev, this will be very barebones, and will be an aesthetic disaster <br> <br>
|
|
enjoy
|
|
</div>
|
|
<div class="box links" style="text-align: left">
|
|
licenses:
|
|
<ul>
|
|
<li>font: <a href="https://github.com/Trzcin/Fira-Code-Nerd"> firacode nerd font </a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-shower" id="dotfiles">
|
|
<div class="box-wrapper">
|
|
<div class="box links">
|
|
<h4> my dotfiles: </h4>
|
|
distro: arch linux <br>
|
|
window manager: hyprland <br>
|
|
terminal: kitty <br>
|
|
colour theme: catppuccin mocha (green) <br>
|
|
bar: waybar <br>
|
|
notifications: mako <br>
|
|
browser: firefox <br>
|
|
editor: emacs <br>
|
|
link to dotfiles: <a class="link" href="https://github.com/martyTF/dotfiles">github repo</a>
|
|
</div>
|
|
<div class="box">
|
|
<img class="dotfiles_image" src="src/dotfiles.png" alt="A screenshot of a monitor with 3 terminals, running asciiquarium, cava and nerdfetch, to display my dotfiles">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-shower" id="server">
|
|
<div class="box-wrapper">
|
|
<div class="box links">
|
|
<h1>WIP</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-shower" id="projects">
|
|
<div class="box-wrapper">
|
|
<div class="box" id="projectbox">
|
|
<h2>School Projects</h2>
|
|
<div class="projects links">
|
|
<a class="link" href="javascript:void(0)" id="cybersec_glb11cbutton" onclick="shiftcontent('cybersec_glb11c')">Präsentation Cybersecurity</a>
|
|
<br>
|
|
<a class="link" href="/projects/pflanzenbuch/" style="display: none;">Pflanzenbuch</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-shower" id="cybersec_glb11c">
|
|
<div class="box-wrapper">
|
|
<div class="box">
|
|
<h2>Links</h2>
|
|
</div>
|
|
</div>
|
|
<div class="box-wrapper">
|
|
|
|
<div class="box-wrapper cybersec">
|
|
<div class="box">
|
|
<h3>Privacy Tools</h3>
|
|
<a href="https://www.amiunique.org/fp">Ist dein Browser-Fingerprint einzigartig? Wenn ja, kann dich jede
|
|
Website identifizieren</a><br>
|
|
<a href="https://haveibeenpwned.com/">Email-Adressen nach Passwort-Leaks checken</a><br>
|
|
<a href="https://tosdr.org/">Zusammenfassungen vom "Kleingedruchten"</a><br>
|
|
<a href="https://vault.bitwarden.com/#/register">Bester Passwort-Manager</a><br>
|
|
</div>
|
|
<div class="box">
|
|
<h3>Social Media Frontends</h3>
|
|
<a href="https://nitter.net/">Nitter (Twitter)</a><br>
|
|
<a href="https://invidious.kavin.rocks">Invidious (YouTube)</a><br>
|
|
<a href="https://libreddit.marty.tf/">libReddit (Reddit)</a><br>
|
|
<a href="https://github.com/libredirect/libredirect#readme">App, welche automatisch zu diesen Diensten
|
|
weiterleitet</a><br>
|
|
<a
|
|
href="https://github.com/digitalblossom/alternative-frontends/blob/main/README.md#alternative-frontends">Volle
|
|
Liste aller Social Media Frontends</a><br>
|
|
</div>
|
|
<div class="box">
|
|
<h3>Fediverse</h3>
|
|
<a href="https://joinmastodon.org/">Homepage der größten Fediverse-Platform</a><br>
|
|
<a href="https://mastodon.social">Größter Mastodon Server; guter Startpunkt, um das Fediverse
|
|
kennenzulernen</a><br>
|
|
<a href="https://fedi.tips/">Benutzerfreundlicher Guide für das Fediverse</a><br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box-shower" id="contact">
|
|
<div class="box-wrapper">
|
|
<div class="box" id="contact_logobox">
|
|
<img class="contact_logo" src="src/marty_narklos.png" alt="a drawing of me, by narklos">
|
|
<br> <br>
|
|
headshot drawn by <a class="link" href="https://linktr.ee/Narklos">narklos</a>
|
|
</div>
|
|
<div class="box links" id="contactbox">
|
|
<div class="box-wrapper">
|
|
<div class="box">
|
|
discord
|
|
</div>
|
|
<div class="box">
|
|
<a href="https://discordapp.com/channels/@me/166778675390447616">martytf</a>
|
|
</div>
|
|
</div>
|
|
<div class="box-wrapper">
|
|
<div class="box">
|
|
mail
|
|
</div>
|
|
<div class="box">
|
|
<a href="mailto:marty@marty.tf"> marty@marty.tf </a>
|
|
</div>
|
|
</div>
|
|
<div class="box-wrapper">
|
|
<div class="box">
|
|
matrix
|
|
</div>
|
|
<div class="box">
|
|
<a href="https://matrix.to/#/@marty:chat.marty.tf"> @marty:chat.marty.tf </a>
|
|
</div>
|
|
</div>
|
|
<div class="box-wrapper">
|
|
<div class="box">
|
|
fediverse
|
|
</div>
|
|
<div class="box">
|
|
<a rel="me" href="https://fedi.marty.tf/@marty"> @marty@fedi.marty.tf </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box footnote links" id="footer">
|
|
© 2023-2024 Marty.TF
|
|
|
|
|
<a class="link" href="https://github.com/martyTF/marty.tf-new">github repo</a>
|
|
|
|
|
<a class="link" href="https://martytf.github.io/marty.tf-new/">last stable version</a>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|