You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

201 lines
8.1 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!doctype html>
<html lang="en" class="h-100" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.112.5">
<title>Felix Pankratz</title>
<link rel="canonical" href="https://felixpankratz.de">
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.b-example-divider {
width: 100%;
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi {
vertical-align: -.125em;
fill: currentColor;
}
.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle {
z-index: 1500;
}
</style>
<!-- Custom styles for this template -->
<link href="cover.css" rel="stylesheet">
</head>
<body class="d-flex h-100 text-center text-bg-dark">
<div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
<header class="mb-auto">
<div>
<h3 class="float-md-start mb-0">Felix Pankratz</h3>
<nav class="nav nav-masthead justify-content-center float-md-end">
<a class="nav-link fw-bold py-1 px-0" href="index.html">/home</a>
<a class="nav-link fw-bold py-1 px-0 active" aria-current="page" href="#">/opt</a>
</nav>
</div>
</header>
<main class="px-3">
<h1>Selfhosted services</h1>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
searx - a metasearch engine
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body">
searx (sɜːks) is a privacy respecting metasearch engine. That means it's a search engine for search engines that doesn't try to track you. Find out more about the project <a href="https://searx.github.io/searx/">here</a>. My own instance is available on <a href="https://searx.theresno.cloud">searx.theresno.cloud</a>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Invidious - a Youtube frontend
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
Invidious is an alternative, privacy respecting frontend for Youtube. Check out the <a href="https://invidious.io/">project homepage</a> to learn more, my personal instance is available on <a href="https://inv.theresno.cloud"/>inv.theresno.cloud</a>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Gitea - simple git service
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body">
<a href="https://about.gitea.com/">Gitea</a> is a simple, lightweight git server. Contact me if you'd like to register. My software projects are available there as well: <a href="https://git.theresno.cloud/panki">git.theresno.cloud/panki</a>
</div>
</div>
</div>
</div>
<p class="lead"></p>
<h1>Software</h1>
<div class="accordion" id="accordion2">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
Flipper Zero
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse show" data-bs-parent="#accordion2">
<div class="accordion-body">
I've written some software for the <a href="https://flipperzero.one/">Flipper Zero</a> hacker tamagotchi:</br>
A <a href="https://github.com/panki27/minesweeper">Minesweeper clone,</a> a <a href="https://github.com/panki27/Metronome">metronome</a> and a <a href="https://github.com/panki27/bpm-tapper">BPM tapper</a>.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
minebash - command line Minesweeper
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordion2">
<div class="accordion-body">
An implementation of minesweeper for the linux commandline written in Python 3 using curses. Find the game <a href="https://github.com/panki27/minebash">here.</a>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
StammTV - watch videos in sync with your friends
</button>
</h2>
<div id="collapseSix" class="accordion-collapse collapse" data-bs-parent="#accordion2">
<div class="accordion-body">
A web application that some good friends and me developed during the COVID pandemic. Streams any publicly available MP4 as well as Youtube to multiple watchers, keeping them all in sync. I will set up a public demo soon™.
</div>
</div>
</div>
</div>
</main>
<footer class="mt-auto text-white-50">
<a href="https://github.com/panki27">Github</a> | <a href="https://tty0.social/@panki">Mastodon</a> | <a href="https://matrix.to/#/@panki:matrix.theresno.cloud">Matrix</a> | <a href="https://theresno.cloud/blog">Blog</a> </br>
mail [ät] felixpankratz.de
</footer>
</div>
<script src="../assets/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>