2025-11-24 16:39:58 +01:00
<!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 >
2026-02-14 18:05:00 +01:00
< div class = "box" id = "lightdark" >
2025-11-24 16:39:58 +01:00
< 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 >
2026-02-14 18:05:00 +01:00
<!-- <a class="link" href="javascript:void(0)" id="servicesbutton" onclick="shiftcontent('services')">services</a> -->
2025-11-24 16:39:58 +01:00
< 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> -->
2026-02-14 18:05:00 +01:00
<!-- <a class="link" href="javascript:void(0)" id="projectsbutton" onclick="shiftcontent('projects')">projects</a> -->
2025-11-24 16:39:58 +01:00
< 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" >
2026-02-14 18:05:00 +01:00
< form id = "search-box" action = "https://duckduckgo.com/search" method = "get" class = "search-box" >
2025-11-24 16:39:58 +01:00
< 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 >
2026-02-14 18:05:00 +01:00
< p class = "links" > powered by < a class = "link" href = "https://duckduckgo.com" > DuckDuckGo< / a > < / p >
2025-11-24 16:39:58 +01:00
<!--
< 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 >
2026-02-14 18:05:00 +01:00
-->
2025-11-24 16:39:58 +01:00
< 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 >
2026-02-14 18:05:00 +01:00
< div class = "box links" >
2025-11-24 16:39:58 +01:00
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 >
2026-02-14 18:05:00 +01:00
<!--
2025-11-24 16:39:58 +01:00
< 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 >
2026-02-14 18:05:00 +01:00
< / div > -->
2025-11-24 16:39:58 +01:00
< 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" >
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" >
2026-02-14 18:05:00 +01:00
< a href = "https://matrix.to/#/@marty:yap.marty.tf" > @marty:yap.marty.tf < / a >
2025-11-24 16:39:58 +01:00
< / 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" >
2026-02-14 18:05:00 +01:00
© 2023-2026 Marty.TF
2025-11-24 16:39:58 +01:00
|
2026-02-14 18:05:00 +01:00
< a class = "link" href = "https://git.marty.tf/marty/marty.tf" > git repo< / a >
2025-11-24 16:39:58 +01:00
< / div >
< / body >
< / html >
