summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorYour Name <you@example.com>2025-04-23 19:42:48 -0600
committerYour Name <you@example.com>2025-04-23 19:42:48 -0600
commitafdc2b0f757267d53e93f291e6791bd7643f8de4 (patch)
tree9ca7299bdafebfe385696dbfb39b79713ba11a2b
parenta68d43e99cabe768455b9965fa0f45ec7178a319 (diff)
index css
-rw-r--r--index.html56
-rw-r--r--styles.css20
2 files changed, 36 insertions, 40 deletions
diff --git a/index.html b/index.html
index 476f957..2729a84 100644
--- a/index.html
+++ b/index.html
@@ -3,60 +3,50 @@
</head>
<body>
- <h1>Homepage</h1>
+ <h1>Landing Pad</h1>
<table>
<tr>
- <td><a href="https://skylarcloud.xyz">🌎 Home</a></td>
- <td><a href="https://skylarcloud.xyz/feed.html">📡 My feed</a></td>
- <td><a href="https://searx.skylarcloud.xyz">🔭 SearXNG</a></td>
- <td><a href="https://git.skylarcloud.xyz">⚙️ Git Repos</a></td>
+ <td><a href="https://skylarcloud.xyz">Landing Pad</a></td>
+ <td><a href="https://skylarcloud.xyz/feed.html">Communications Feed</a></td>
+ <td><a href="https://searx.skylarcloud.xyz">Observation deck </a></td>
+ <td><a href="https://git.skylarcloud.xyz">Git Repositories</a></td>
</tr>
</table>
- <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>
<h2>My feed</h2>
- <p>
- I publish various posts and notes on <a href="https://skylarcloud.xyz/feed.html">my feed</a>. For timely updates and likely more convenient viewing, you can add the <a href="https://skylarcloud.xyz/feed.xml">RSS feed</a> to your reader of choice.
- </p>
+ <p>I publish various posts and notes on <a href="https://skylarcloud.xyz/feed.html">my feed</a>. For timely updates and likely more convenient viewing, you can add the <a href="https://skylarcloud.xyz/feed.xml">RSS feed</a> to your reader of choice.</p>
<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>
+ <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>
<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>
+ <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>
<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>
+ <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>
<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>
-</body>
+ <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>
<center>
- <img src="badges/she-her.gif" alt="" title="">
- <img src="badges/rainbow_bev.gif" alt="" title="">
- <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">
- <img src="badges/crushit.gif" alt="lets crush capitalism" title="">
- <img src="badges/piracy.gif" alt="" title="">
- <img src="badges/tor.gif" alt="" title="">
- <img src="badges/transnow2.gif" alt="" title="">
- <img src="badges/anarchynow.gif" alt="ANARCHY NOW!">
+ <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>
+
diff --git a/styles.css b/styles.css
index b8afafc..f66e62a 100644
--- a/styles.css
+++ b/styles.css
@@ -1,32 +1,38 @@
body {
- background-color: #1d2021;
+ font-family: "Lucida Console", "Courier New", monospace;
+ background-color: #282828;
color: #fbf1c7;
+ font-size: 18px;
}
h1 {
- font-family: "Lucida Console", "Courier New", monospace;
font-size: 38px;
- color: #b8bb26;
+ color: #fe8019;
}
h2 {
- font-family: "Lucida Console", "Courier New", monospace;
- font-size: 30px;
+ font-size: 32px;
color: #b8bb26;
}
+h3 {
+ font-size: 26;
+ color: #98971a;
+ }
+
p {
/* text-overflow: ellipsis; /\* will make [...] at the end *\/ */
/* width: 800px; /\* change to your preferences *\/ */
/* white-space: wrap; /\* paragraph to one line *\/ */
/* overflow:hidden; /\* older browsers *\/ */
- font-family: "Lucida Console", "Courier New", monospace;
- font-size: 18px;
}
table, th, td {
border: 2px solid;
border-collapse: collapse;
+ font-size: 20;
+ margin: 10px;
+ padding: 10px;
}
a:link {