path: root/index.html

<!--
  roughlynamed.net

  Copyright (C) 2026 Zofia Szweda

  This file is part of roughlynamed.net.

  roughlynamed.net is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as
  published by the Free Software Foundation, either version 3 of
  the License, or (at your option) any later version.

  roughlynamed.net is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  GNU Affero General Public License for more details.

  You should have received a copy of the GNU Affero General Public License
  along with roughlynamed.net. If not, see <https://www.gnu.org/licenses/>.
-->
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta name="theme-color" content="#f8efdf" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>a roughly named site</title>
    <link rel="icon" type="image/png" href="/assets/_.ico" />
    <link rel="preconnect" href="https://libre.fm" />
    <link rel="stylesheet" href="/style.css" />
  </head>
  <body>
    <script src="https://keepandroidopen.org/banner.js?size=minimal&amp;animation=off"></script>
    <br />
    <nav>
      <p></p>
      <a href="/">index</a>
      <a href="/about.html">/about</a>
      <a href="/contact.html">/contact</a>
      <a href="/slashes.html">/slashes</a>
      <a href="/uses.html">/uses</a>
      <a href="/webrings.html">/webrings</a>
      <a href="https://blog.roughlynamed.net">/blog</a>
      <a href="https://1kb.roughlynamed.net">/1kb</a>
      <a href="/tarantino/">/tarantino</a>
    </nav>
    <h1>roughlynamed.net</h1>
    <p id="visitor-count">you are visitor: ...</p>
    <section id="recent">
      <h2>Recent</h2>
      <div class="recent-grid">
        <div class="recent-column">
          <div id="recent-publications" class="recent-box">
            <h3>Publications</h3>
            <ul>
              <li>Loading...</li>
            </ul>
          </div>
          <div id="recent-now" class="recent-box">
            <h3>Changelog</h3>
            <ul>
              <li>
                <time datetime="2026-09-6"> 2026-09-6 </time>
                <p>
                  Added
                  <a href="/ai.html">/ai</a>
                </p>

                <p>Made the changelog resizable</p>
              </li>
              <li>
                <time datetime="2026-09-5"> 2026-09-5 </time>
                <p>
                  changed CSS colors, CSS will be changed periodically, CSS
                  changes will not be included in the changelog
                </p>
              </li>

              <li>
                <time datetime="2026-09-3"> 2026-09-3 </time>
                <p>Changed Source Code link in all pages</p>

                <p>
                  Added twitch to
                  <a href="/contact.html">/contact</a>
                </p>
              </li>

              <li>
                <time datetime="2026-08-29">2026-08-29</time>
                <p>
                  Renamed Pi 0 2 w -> Pi 0 w in <a href="/uses.html">/uses</a>
                </p>
                <p>Added a "powered by [RASPBERRY PI LOGO] 88x31 button</p>
                <p>Swapped out NixOS 88x31 button with a Debian 88x31</p>
                <p>
                  Swapped the IRC section in
                  <a href="/uses.html">uses.html</a>
                  for XMPP
                </p>
                <p>
                  Added a list of ATproto based apps i use in
                  <a href="/uses.html">uses.html</a>
                </p>
              </li>
              <li>
                <time datetime="2026-08-29">2026-08-29</time>
                <p>
                  Add a section for ATproto in <a href="/uses.html">/uses</a>
                </p>
              </li>
              <li>
                <time datetime="2026-08-27">2026-08-27</time>
                <p>Added this beatiful changelog you're reading right now,</p>
                <p>
                  also swap out Atkinson Hyperlegible for Atkinson Hyperlegible
                  Next
                </p>
              </li>
            </ul>
          </div>
        </div>
        <div id="recent-scrobbles" class="recent-box">
          <h3>Listening</h3>
          <ul>
            <li>Loading...</li>
          </ul>
        </div>
      </div>
    </section>
    <h2>where the <code>/bin/fsck</code> am I?!</h2>
    <p>
      you're in my website! a personal one, of a polish furry transfemme
      programmer
    </p>
    <p>i like writing, and linux, and space, i like alot of things!</p>
    <p>i hope you like it in here! :D</p>
    <p>fun fact: every single page* here is compatible with XHTML.</p>
    <p>
      in this websites Caddyfile, the content-type is set to xhtml, and every
      html tag has <code>xmlns="http://www.w3.org/1999/xhtml"</code> inside.
    </p>
    <p>
      (the reason theres an asterisks is because i cant control the scripts
      inside webrings.html)
    </p>
    <p>
      (which also means that i would have to download every script and fix it
      myself)
    </p>
    <p>(which i dont really wanna do)</p>
    <hr />
    <footer class="buttons">
      <a href="https://roughlynamed.net">
        <img
          src="/assets/eightyeight.png"
          alt="my 88x31 button!"
          title="hey its me!"
        />
      </a>
      <a href="https://swimming.cat">
        <img
          src="/assets/site-button.webp"
          alt="swimming.cat"
          title="ashley website!!"
        />
      </a>
      <a href="https://oli.xenia.gay">
        <img src="/assets/oli.gif" alt="oli.xenia.gay" />
      </a>
      <a href="http://lunaisafox.xyz">
        <img src="/assets/stuff.gif" alt="lunaisafox.xyz" />
      </a>
      <a href="https://8bitosc.net">
        <img
          src="https://8bitosc.net/img/88x31/jay.gif"
          width="88"
          height="31"
          alt="https://8bitosc.net"
        />
      </a>
      <a
        href="https://devhumor.com/content/uploads/images/June2018/thanks_javascript.png"
      >
        <img
          class="_88x31"
          src="/assets/warning-page-contains-javascript.gif"
          alt="Warning: Page contains JavaScript!"
          title="I HATE JAVASCRIPT!!!!!"
        />
      </a>
      <img
        src="/assets/made-on-gnu-linux.png"
        width="88"
        height="31"
        alt="made on gnu/linux"
        title="this is fact-checked by true sophies."
      />
      <a href="https://debian.org">
        <img
          src="/assets/debian.gif"
          alt="debian.org"
          title="Debian GNU/Linux"
          width="88"
          height="31"
        />
      </a>
      <a href="https://gnu.org"
        ><img
          src="/assets/gnu.webp"
          alt="gnu.org"
          title="gnu's not unlikely"
          width="88"
          height="31"
      /></a>
      <a href="https://gnu.org"
        ><img
          src="/assets/agpl.png"
          alt="agpl free software, made with freedom"
          title="there is a license header in each file. i love gnu and gpl!"
      /></a>
      <a href="https://helix-editor.com"
        ><img
          src="/assets/helix.webp"
          alt="made with helix"
          title="i believe in helix supremacy"
          width="88"
          height="31"
      /></a>
      <a href="https://caddyserver.com">
        <img
          src="/assets/caddy.png"
          alt="caddy.com"
          title="this website runs on caddy!"
          width="88"
          height="31"
        />
      </a>
      <a href="https://512kb.club">
        <img
          src="/assets/orange-team.svg"
          alt="512kb.club"
          title="my website is under 250 kb!"
          width="88"
          height="31"
        />
      </a>
      <a href="/humans.txt">
        <img
          src="/assets/humanstxt.gif"
          alt="humans.txt of this website"
          title="the web is made for humans"
        />
      </a>
      <a href="https://go.bsky.app/profile/roughlynamed.net"
        ><img
          src="/assets/bluesky.png"
          alt="bsky.app/roughlynamed.net - my bluesky profile"
          title="follow me on bluesky!"
      /></a>
      <a href="https://php.net"
        ><img src="/assets/php.webp" alt="https://php.net" title="i hate php"
      /></a>
      <a href="https://libre.fm"
        ><img
          src="/assets/librefm.png"
          alt="https://libre.fm"
          title="libre.fm > last.fm"
      /></a>
      <a href="https://tangled.org"
        ><img
          src="/assets/tangled.png"
          alt="https://tangled.org"
          title="tangled.org rules (i made this button!)"
      /></a>
      <a href="https://tallyhall.com"
        ><img
          src="/assets/tallyhall.gif"
          alt="https://tallyhall.com"
          title="tally hall is the best band"
      /></a>

      <a href="https://petrapixel.neocities.org/" target="_blank"
        ><img
          src="https://cdn.jsdelivr.net/gh/petracoding/petrapixel.neocities.org@latest/public/assets/img/linkback.gif"
          alt="petrapixel"
          title="tarantino webring is on petrapixel's webring list"
      /></a>
      <a href="https://marque.at/"
        ><img
          src="/assets/marque.png"
          alt="https://marque.at"
          title="marque bought me roughlynamed.net domain i love them"
      /></a>
      <a href="https://sarascafe.lenowo.org"
        ><img
          src="/assets/sarascafe.gif"
          alt="sarascafe"
          title="cool and smart people on this website"
      /></a>
      <a href="https://www.raspberrypi.com"
        ><img src="/assets/pipowered.png" alt="raspberrypi.com" title="pi 0 w"
      /></a>
      <a href="https://xmpp.org"
        ><img
          src="/assets/xmpp.png"
          alt="xmpp.org"
          title="Find me on XMPP (sophies@yax.im)"
      /></a>
    </footer>
    <p class="button-code-label">
      if you want to link back, PLEASE DONT HOTLINK! it hurts my little pi,
      instead save the image and do:
    </p>
    <pre><code>&lt;a href="https://roughlynamed.net"&gt;&lt;img src="/path/to/badge.png" width="88" height="31"
      alt="roughlynamed.net"&gt;&lt;/a&gt;</code></pre>
    <p>the theme on this website changes every now and then, be warned!</p>

    <script>
      //<![CDATA[
      fetch("/counter.php")
        .then((r) => r.text())
        .then((n) => {
          document.getElementById("visitor-count").textContent =
            `you are visitor: ${n}`;
        })
        .catch(() => {
          document.getElementById("visitor-count").textContent =
            "you are visitor: ???";
        });
      //]]>
    </script>
    <script src="/scrobbles.js" defer="defer"></script>
    <script src="/publications.js" defer="defer"></script>
    <script src="/height.js"></script>

    <p class="license">
      <a href="https://tangled.org/roughlynamed.net/sophii.xyz">Source code</a>
      &#8212;
      <a href="COPYING">GNU AGPLv3</a>
    </p>
  </body>
</html>