diff options
| author | Your Name <you@example.com> | 2025-04-24 02:28:47 -0600 |
|---|---|---|
| committer | Your Name <you@example.com> | 2025-04-24 02:28:47 -0600 |
| commit | 6df7b8d6509939057ef095a14d6eb27c02c322e4 (patch) | |
| tree | 0f3e409423111e6da49c7b047a804cdb8ab22d60 | |
| parent | a4861c610ac276867813d26b448434d11dbb1986 (diff) | |
index
| -rw-r--r-- | index.html | 68 | ||||
| -rw-r--r-- | styles.css | 2 |
2 files changed, 34 insertions, 36 deletions
@@ -1,32 +1,19 @@ <!DOCTYPE html> <html> - <script> - function toggleLightMode() { - document.body.classList.toggle("light-mode"); - } - </script> <head> <title>Skylarcloud</title> <link rel="stylesheet" href="styles.css"> - - <button type="button" - onclick="toggleLightMode()"> - light/dark mode toggle</button> </head> <body> <center> <div> - <h1>Homepage</h1> - <noscript> - <p>Notice: Javascript seems to be disabled in your web browser. If that's intentional, you get an A+ for internet hygeine. This website will work fine, but certain trivial things like the dark-mode toggle won't work. This site is small enough that you can easily inspect the source code if you so desire.</p> - </noscript> + <h1>Homepage</h1> - <p>Welcome to my spaceship. I host a few personal services here, publish a feed of notes and posts, and I'll hopefully be hosting many public services as time goes on. I want to participate in an intergalactic community--from the Salt Lake City area and out--slinging text files across the stars, organizing, and sharing our art/projects/speech through Free software.</p> + <p>Welcome to my spaceship. I host a few personal services here, publish a feed of notes and posts, and I'll hopefully be hosting many public services as time goes on. I want to participate in an intergalactic community--from the Salt Lake City area and out--slinging text files across the stars, organizing, and sharing our art/projects/speech through Free software.</p> -</div> - </center> + </div> <div> @@ -36,46 +23,55 @@ <h3>Recent articles:</h3> - <li><a href="https://skylarcloud.xyz/posts/torrenting.html">Convenient torrenting with qBittorrent</a></li> - - <li><a href="https://skylarcloud.xyz/posts/tor-browser.html">The Tor Browser</a></li> - + <li><a href="https://skylarcloud.xyz/posts/torrenting.html">Convenient torrenting with qBittorrent</a></li> + <li><a href="https://skylarcloud.xyz/posts/tor-browser.html">The Tor Browser</a></li> + </div> + <div> <h2>SearXNG</h2> <p>I run a <a href="https://searx.skylarcloud.xyz">SearXNG instance.</a> It's a Free software, "meta-search-engine" that queries many other search engines. Logs are disabled except for some <a href="https://searx.skylarcloud.xyz/searxng/stats">basic anonymous aggregate statistics you can find linked from its homepage.</a> It's sometimes finicky as other search engines often rate limit it, but largely it serves me well.</p> + </div> + <div> <h2>Want a static webpage like this one?</h2> <p>I'm happy to provide free static webpages for bands, activists, or others doing cool stuff in the Salt Lake City area. I can't cover the cost of a subdomain, so your site would be at https://skylarcloud.xyz/YOUR-PAGE unless you wanted to pay for your own domain. Feel free to contact me if you're interested. There are other more streamlined free options like Neocities as well.</p> + </div> + <div> <h2>Git</h2> <p>The org and html files that make up this site, my QubesOS configuration, and eventually more, are or will be hosted as git repositories <a href="https://git.skylarcloud.xyz">here.</a></p> + </div> + <div> <h2>Contact me</h2> <p>Feel free to contact me over email (admin@skylarcloud.slmail.me), or Signal (oat.50). If you want to suggest additions/modifications/fixes to the content of the site, diff files over email are convenient and appreciated but not necessary.</p> + </div> + + <div> + <h2>Credits</h2> - <h2>Credits</h2> + <p>Gruvbox is my favorite color pallete. I used the hex codes from this repo: <a href=https://github.com/morhetz/gruvbox>https://github.com/morhetz/gruvbox</a> - <p>Gruvbox is my favorite color pallete. I used the hex codes from this repo: <a href=https://github.com/morhetz/gruvbox>https://github.com/morhetz/gruvbox</a> + <p>The badges at the bottom of this website are taken from <a href=https://cyber.dabamos.de/88x31/>https://cyber.dabamos.de/88x31/</a></p> - <p>The badges at the bottom of this website are taken from <a href=https://cyber.dabamos.de/88x31/>https://cyber.dabamos.de/88x31/</a></p> +</div> +<center> + <img src="badges/she-her.gif" alt="SHE/HER" title="My pronouns are she/her"> + <img src="badges/rainbow_bev.gif" alt="rainbow flag"> + <img src="badges/debian.gif" alt="Powered by debian" title="This website is powered by Debian"> + <img src="badges/gnu-linux.gif" alt="Made on GNU/Linux" title="This website is powered by GNU/Linux"> + <img src="badges/crushit.gif" alt="lets crush capitalism"> + <img src="badges/piracy.gif" alt="Piracy Now!" title="Mullvad + qBittorrent = free media forever"> + <img src="badges/tor.gif" alt="Tor"> + <img src="badges/transnow2.gif" alt="TRANS RIGHTS NOW!"> + <img src="badges/anarchynow.gif" alt="ANARCHY Now!"> +</center> - </div> - <center> - <img src="badges/she-her.gif" alt="SHE/HER" title="My pronouns are she/her"> - <img src="badges/rainbow_bev.gif" alt="rainbow flag"> - <img src="badges/debian.gif" alt="Powered by debian" title="This website is powered by Debian"> - <img src="badges/gnu-linux.gif" alt="Made on GNU/Linux" title="This website is powered by GNU/Linux"> - <img src="badges/crushit.gif" alt="lets crush capitalism"> - <img src="badges/piracy.gif" alt="Piracy Now!" title="Mullvad + qBittorrent = free media forever"> - <img src="badges/tor.gif" alt="Tor"> - <img src="badges/transnow2.gif" alt="TRANS RIGHTS NOW!"> - <img src="badges/anarchynow.gif" alt="ANARCHY Now!"> </center> - - </body> +</body> </html> @@ -64,4 +64,6 @@ div { padding-left: 20px; border: 08px solid #b8bb26; margin: 20px; + max-width: 800px; + text-align: left } |