website/index.html

252 lines
6.6 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1"
/>
<title>toufy.me</title>
<link
href="style.css"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="/fontawesome/css/fontawesome.min.css"
/>
<link
href="/fontawesome/css/regular.min.css"
rel="stylesheet"
/>
<link
href="/fontawesome/css/solid.min.css"
rel="stylesheet"
/>
<link
href="/fontawesome/css/brands.min.css"
rel="stylesheet"
/>
<link
rel="shortcut icon"
href="favicon.ico"
type="image/x-icon"
/>
</head>
<body>
<main>
<div id="banner">
<img
src="pink_kitty.gif"
alt="
a GIF of the smiling cat noto emoji, with the colors modified such that:
the face and ears are cherry blossom pink,
the inside of the ears and whiskers are salmon pink,
and the eye, mouth, and nose, are crimson.
the kitty blinks (closes its eyes for 500ms) every 2s.
"
/>
<h1>toufy.me</h1>
</div>
<div id="description">
<p
><a
href="https://en.wikipedia.org/wiki/Palestinians"
target="_blank"
>palestinian</a
>
software engineer, tinkerer, linux enjoyer, privacy & security
enthusiast, and free software advocate
<a
href="https://en.wikipedia.org/wiki/Palestinian_refugees"
target="_blank"
>refuged</a
>
in
<a
href="https://en.wikipedia.org/wiki/Lebanon"
target="_blank"
>lebanon</a
>.</p
>
<div id="ideology">
<ul>
<li
><a
href="https://en.wikipedia.org/wiki/Anarchist_communism"
target="_blank"
>anarcho-communist</a
></li
>
<li
><a
href="https://en.wikipedia.org/wiki/Straight_ally"
target="_blank"
>ally</a
></li
>
</ul>
</div>
</div>
<hr />
<div id="subdomains">
<h1>*.toufy.me</h1>
<p
>a list of my subdomains/services.<br />
everything you can access/use is free (as in freedom and free
beer).</p
>
<div id="sd-grid">
<div class="sd-grid-card">
<h3 class="sd-grid-card-title"
><i class="fa-solid fa-code-merge"></i><span>git</span></h3
>
<p class="sd-grid-card-description"
>personal <a href="https://forgejo.org">forgejo</a> instance.
registration is restricted, but all project repositories are
accessible and available under free licenses.</p
>
<div class="sd-grid-actions-row">
<a
class="sd-grid-card-action"
href="https://git.toufy.me"
target="_blank"
>check<i class="fa-solid fa-arrow-up-right-from-square"></i
></a>
<a
class="sd-grid-card-action"
href="https://git.toufy.me/toufy/adonis/src/branch/main/config/devops"
target="_blank"
>source<i class="fa-solid fa-arrow-up-right-from-square"></i
></a>
</div>
</div>
<div class="sd-grid-card">
<h3 class="sd-grid-card-title"
><i class="fa-solid fa-magnifying-glass"></i
><span>search</span></h3
>
<p class="sd-grid-card-description"
>my public <a href="https://searxng.org">searxng</a> instance. no
usage metrics. most probably will add TOR proxy in the future.</p
>
<div class="sd-grid-actions-row">
<a
class="sd-grid-card-action"
href="https://search.toufy.me"
target="_blank"
>check<i class="fa-solid fa-arrow-up-right-from-square"></i
></a>
<a
class="sd-grid-card-action"
href="https://git.toufy.me/toufy/adonis/src/branch/main/config/search"
target="_blank"
>source<i class="fa-solid fa-arrow-up-right-from-square"></i
></a>
</div>
</div>
<div class="sd-grid-card">
<h3 class="sd-grid-card-title"
><i class="fa-solid fa-wifi"></i><span>captive portal</span></h3
>
<p class="sd-grid-card-description"
>a telemetry-free
<a
href="https://developer.android.com/about/versions/11/features/captive-portal#detection"
target="_blank"
>captive portal check</a
>
as an alternative to android's default
<code>connectivitycheck.gstatic.com</code>
by google</p
>
<div class="sd-grid-actions-row">
<a
class="sd-grid-card-action"
href="https://cpcheck.toufy.me"
target="_blank"
>check<i class="fa-solid fa-arrow-up-right-from-square"></i
></a>
<a
class="sd-grid-card-action"
href="https://git.toufy.me/toufy/adonis/src/branch/main/config/http/captiveportal.nix"
target="_blank"
>source<i class="fa-solid fa-arrow-up-right-from-square"></i
></a>
</div>
</div>
</div>
</div>
<hr />
<div id="pubkeys">
<h1>pubkeys</h1>
<h3
>SSH
<button onclick="navigator.clipboard.writeText(sshkey.textContent)"
><i class="fa-regular fa-copy"></i></button
></h3>
<pre><code id="sshkey"
>ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIN8CKkq7m/FPTqjAO3yGWhH7y+9flDjyNC9hQFenvbKs toufy</code
></pre>
<h3
>GPG
<button onclick="navigator.clipboard.writeText(gpgkey.textContent)"
><i class="fa-regular fa-copy"></i></button
></h3>
<pre><code id="gpgkey">-----BEGIN PGP PUBLIC KEY BLOCK-----
mDMEaXaizxYJKwYBBAHaRw8BAQdARrftn56656s3XyW15b3DBMTcrvCvcRjOs53P
tVsrsGC0EXRvdWZpYyBhciAodG91ZnkpiJAEExYKADgWIQRKDkdYNWjksRtcJVm7
ozAX4p50+wUCaXaizwIbAwULCQgHAgYVCgkICwIEFgIDAQIeAQIXgAAKCRC7ozAX
4p50+2gTAP9pFdyrNoOsOkdkcaBzIs9CZfkf38ZQsdi8vZsdXtquSAEAyaqVsXCN
tpMn3/ax/034uY0wAVa9WluqWcvGK+jb7we4OARpdqLPEgorBgEEAZdVAQUBAQdA
YQqEaD8/QXfS9rU471nhxbB1bHANd/NAG8TG1mJeLFkDAQgHiHgEGBYKACAWIQRK
DkdYNWjksRtcJVm7ozAX4p50+wUCaXaizwIbDAAKCRC7ozAX4p50+3PEAP0abVGS
7KLZCqJRjsRfhNP0IrveTuKrW5hckVu4GNgkCQEAtXHhO8Kj6l41m6v36AWddSUz
iv6s3F2Wfm3pjizriQc=
=w8/B
-----END PGP PUBLIC KEY BLOCK-----</code></pre>
</div>
<hr />
<div id="credits">
<h1>attributions</h1>
<ul>
<li
>font:
<a
href="https://www.departuremono.com"
target="_blank"
>DEPARTURE MONO</a
></li
>
<li
>favicon & gif: modified
<a
href="https://www.emoji.family/api/emojis/1f431/noto/svg"
target="_blank"
>Noto cat emoji</a
></li
>
<li
>icons:
<a
href="https://fontawesome.com"
target="_blank"
>Font Awesome</a
></li
>
<li
>colors & theme:
<a
href="https://www.colorhexa.com/color-names"
target="_blank"
>ColorHexa</a
></li
>
</ul>
</div>
</main>
</body>
</html>