pogmom-suite/index.html
Penelope Gwen d9e5c75a97 ssi setup
2025-03-31 15:07:37 -07:00

218 lines
8.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Pogmom Suite</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="/style/css/style-large.css">
</head>
<body>
<h1>Pogmom Suite</h1>
<h2>An Archival & Decentralization Project</h2>
<div id="header">
<!--#include file="assets/views/header.html" -->
</div>
<hr>
<form class="searchbar pinkborder" method="get" action="https://search.pogmom.me/search">
<input type="text" placeholder="Search the web with pogmomNG..." value="" name="q" />
<input type="hidden" name="locale" value="en" />
<input type="image" src="/assets/img/icons/ui/search.svg" value="Submit">
</form>
<h2>Utilities</h2>
<div class="flexrow">
<div class="wrapgroup">
<div class="flexobject button pinkborder">
<a href="https://cloud.pogmom.me">
<img title="Nextcloud Icon" alt="Nextcloud Icon" src="assets/img/icons/suite/nextcloud.svg">
<p>Nextcloud</p>
</a>
<div class="buttondetails">
<a href="/info.html#nextcloud">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
<a href="/clients.html#nextcloud">
<img title="View Recommended Clients" alt="Download Button" src="/assets/img/icons/header/download.svg">
</a>
</div>
</div>
<div class="flexobject button pinkborder">
<a href="https://cloud.pogmom.me">
<img title="Forgejo Icon" alt="Nextcloud Icon" src="assets/img/icons/suite/forgejo.svg">
<p>Forgejo</p>
</a>
<div class="buttondetails">
<a href="/info.html#forgejo">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
</div>
</div>
<div class="flexobject button pinkborder">
<a href="https://cloud.pogmom.me">
<img title="SearXNG Icon" alt="Nextcloud Icon" src="assets/img/icons/suite/searxng.svg">
<p>SearXNG</p>
</a>
<div class="buttondetails">
<a href="/info.html#searxng">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
<a href="/clients.html#searxng">
<img title="View Recommended Clients" alt="Download Button" src="/assets/img/icons/header/download.svg">
</a>
</div>
</div>
</div>
</div>
<h2>Social</h2>
<div class="flexrow">
<div class="wrapgroup">
<div class="flexobject button pinkborder">
<a href="https://masto.pogmom.me">
<img title="Mastodon Icon" alt="Mastodon Icon" src="assets/img/icons/suite/mastodon.svg">
<p>Mastodon</p>
</a>
<div class="buttondetails">
<a href="/info.html#mastodon">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
<a href="/clients.html#mastodon">
<img title="View Recommended Clients" alt="Download Button" src="/assets/img/icons/header/download.svg">
</a>
</div>
</div>
<div class="flexobject button pinkborder">
<a href="https://pixel.pogmom.me">
<img title="Pixelfed Icon" alt="Pixelfed Icon" src="assets/img/icons/suite/pixelfed.svg">
<p>Pixelfed</p>
</a>
<div class="buttondetails">
<a href="/info.html#pixelfed">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
<a href="/clients.html#pixelfed">
<img title="View Recommended Clients" alt="Download Button" src="/assets/img/icons/header/download.svg">
</a>
</div>
</div>
</div>
<div class="wrapgroup">
<div class="flexobject button pinkborder">
<a href="https://peertube.pogmom.me">
<img title="Peertube Icon" alt="Peertube Icon" src="assets/img/icons/suite/peertube.svg">
<p>Peertube</p>
</a>
<div class="buttondetails">
<a href="/info.html#peertube">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
<a href="/clients.html#peertube">
<img title="View Recommended Clients" alt="Download Button" src="/assets/img/icons/header/download.svg">
</a>
</div>
</div>
<div class="flexobject button pinkborder">
<a href="https://chat.pogmom.me">
<img title="Matrix Icon" alt="Matrix Icon" src="assets/img/icons/suite/matrix.svg">
<p>Matrix</p>
</a>
<div class="buttondetails">
<a href="/info.html#matrix">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
<a href="/clients.html#matrix">
<img title="View Recommended Clients" alt="Download Button" src="/assets/img/icons/header/download.svg">
</a>
</div>
</div>
</div>
</div>
<h2>Multimedia</h2>
<div class="flexrow">
<div class="wrapgroup">
<div class="flexobject button pinkborder">
<a href="https://watch.pogmom.me">
<img title="Jellyfin Icon" alt="Jellyfin Icon" src="assets/img/icons/suite/jellyfin.svg">
<p>Jellyfin</p>
</a>
<div class="buttondetails">
<a href="/info.html#jellyfin">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
<a href="/clients.html#jellyfin">
<img title="View Recommended Clients" alt="Download Button" src="/assets/img/icons/header/download.svg">
</a>
</div>
</div>
<div class="flexobject button pinkborder">
<a href="https://listen.pogmom.me">
<img title="Airsonic Icon" alt="Airsonic Icon" src="assets/img/icons/suite/airsonic.svg">
<p>Airsonic</p>
</a>
<div class="buttondetails">
<a href="/info.html#airsonic">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
<a href="/clients.html#airsonic">
<img title="View Recommended Clients" alt="Download Button" src="/assets/img/icons/header/download.svg">
</a>
</div>
</div>
<div class="flexobject button pinkborder">
<a href="https://books.pogmom.me">
<img title="Calibre Icon" alt="Calibre Icon" src="assets/img/icons/suite/calibre.svg">
<p>Calibre</p>
</a>
<div class="buttondetails">
<a href="/info.html#calibre">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
</div>
</div>
<div class="flexobject button pinkborder">
<a href="https://comics.pogmom.me">
<img title="Komga Icon" alt="Komga Icon" src="assets/img/icons/suite/komga.svg">
<p>Komga</p>
</a>
<div class="buttondetails">
<a href="/info.html#komga">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
</div>
</div>
</div>
</div>
<h2>Games</h2>
<div class="flexrow">
<div class="wrapgroup">
<div class="flexobject button pinkborder">
<a href="https://retro.pogmom.me">
<img title="EmulatorJS Icon" alt="EmulatorJS Icon" src="assets/img/icons/suite/emulatorjs.svg">
<p>EmuJS</p>
</a>
<div class="buttondetails">
<a href="/info.html#emulatorjs">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
</div>
</div>
<div class="flexobject button pinkborder">
<a href="https://mc.pogmom.me">
<img title="Minecraft Icon" alt="Minecraft Icon" src="assets/img/icons/suite/minecraft.svg">
<p>Minecraft</p>
</a>
<div class="buttondetails">
<a href="/info.html#minecraft">
<img title="Service Information" alt="Information Button" src="/assets/img/icons/ui/info.svg">
</a>
<a href="/clients.html#minecraft">
<img title="View Recommended Clients" alt="Download Button" src="/assets/img/icons/header/download.svg">
</a>
</div>
</div>
</div>
</div>
<hr>
<div id="footer">
<!--#include file="assets/views/footer.html" -->
</div>
</body>
</html>