Compare commits

...

3 Commits

13 changed files with 1089 additions and 743 deletions
+41 -33
View File
@@ -18,52 +18,60 @@
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button"> <img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a> </a>
<div class="explorer_bar_top"> <div class="explorer_bar_top">
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px"> <div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button" style="filter: grayscale(1)">
Back
</p>
</div>
<div class="address_bar">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="window_content"> <div class="window_content">
<style> <style>
.window_content { .window_content {
background-image: url(/res/img/strawberries.jpg); background-image: url(/res/img/strawberries.jpg);
background-size: 100%; background-size: 100%;
} }
</style> </style>
<h1 id="hello-world">Hello, world!</h1> <h1 id="hello-world">Hello, world!</h1>
<span style="display: flex;"> <span style="display: flex;">
<div class="portrait"> <div class="portrait">
<p><img src="/res/img/portrait.png" width="160px" height="160px" alt="Portrait"></p> <p><img src="/res/img/portrait.png" width="160px" height="160px" alt="Portrait"></p>
</div> </div>
<div> <div>
<p> <p>
Im Jean, and this is my website! Im Jean, and this is my website!
</p> </p>
<p> <p>
Modeled after my ViewSonic E70 CRT monitor, this website Modeled after my ViewSonic E70 CRT monitor, this website operates in a
operates in a similar way that a computer would, and its similar way that a computer would, and its designed at least somewhat
designed at least somewhat after the Windows XP operating after the Windows XP operating system.
system. </p>
</p> <p>
<p> Im a transfem somewhere in my twenties, and I enjoy anime, manga, video
Im a transfem somewhere in my twenties, and I enjoy anime, games, computers, and pretty much about anything nerdy!
manga, video games, computers, and pretty much about </p>
anything nerdy! </div>
</p> </span>
</div> <p>
</span> Im also a huge proponent of free and open source software, as well as
<p> encryption, privacy, and security.
Im also a huge proponent of free and open source software, </p>
as well as encryption, privacy, and security. <p>
</p> I hope you enjoy browsing about this weird little website of mine!
<p> </p>
I hope you enjoy browsing about this weird little website of
mine!
</p>
</div> </div>
<div class="explorer_bar_bottom"> <div class="explorer_bar_bottom">
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
@@ -17,16 +17,27 @@
<a href="/home/" class="close_button"> <a href="/home/" class="close_button">
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button"> <img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a> </a>
<div class="explorer_bar_top">
<div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<a href="/blog/" class="back_button"> <a href="/blog/" class="back_button">
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button"> <img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
Back
</a> </a>
<div class="explorer_bar_top"> </p>
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px"> </div>
<div class="address_bar">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="window_content"> <div class="window_content">
<h1 id="nexus-7-2013-wifi-and-ubuntu-touch">Nexus 7 2013 (WiFi) and <h1 id="nexus-7-2013-wifi-and-ubuntu-touch">Nexus 7 2013 (WiFi) and
Ubuntu Touch</h1> Ubuntu Touch</h1>
@@ -103,7 +114,6 @@ overall!</p>
</p> </p>
</div> </div>
<div class="explorer_bar_bottom"> <div class="explorer_bar_bottom">
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
@@ -17,16 +17,27 @@
<a href="/home/" class="close_button"> <a href="/home/" class="close_button">
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button"> <img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a> </a>
<div class="explorer_bar_top">
<div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<a href="/blog/" class="back_button"> <a href="/blog/" class="back_button">
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button"> <img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
Back
</a> </a>
<div class="explorer_bar_top"> </p>
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px"> </div>
<div class="address_bar">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="window_content"> <div class="window_content">
<h1 id="my-experience-with-apple">My Experience with Apple</h1> <h1 id="my-experience-with-apple">My Experience with Apple</h1>
<p>Okay, we have some stuff to get into here</p> <p>Okay, we have some stuff to get into here</p>
@@ -203,7 +214,6 @@ more privacy respecting way to use YouTube))</li>
</p> </p>
</div> </div>
<div class="explorer_bar_bottom"> <div class="explorer_bar_bottom">
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
@@ -17,16 +17,27 @@
<a href="/home/" class="close_button"> <a href="/home/" class="close_button">
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button"> <img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a> </a>
<div class="explorer_bar_top">
<div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<a href="/blog/" class="back_button"> <a href="/blog/" class="back_button">
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button"> <img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
Back
</a> </a>
<div class="explorer_bar_top"> </p>
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px"> </div>
<div class="address_bar">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="window_content"> <div class="window_content">
<h1 id="secure-apple-id-against-iphone-theft">Secure Apple ID Against <h1 id="secure-apple-id-against-iphone-theft">Secure Apple ID Against
iPhone Theft</h1> iPhone Theft</h1>
@@ -187,7 +198,6 @@ Stop iPhone Data Thefts Now!</a></li>
</p> </p>
</div> </div>
<div class="explorer_bar_bottom"> <div class="explorer_bar_bottom">
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
+13 -3
View File
@@ -17,16 +17,27 @@
<a href="/home/" class="close_button"> <a href="/home/" class="close_button">
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button"> <img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a> </a>
<div class="explorer_bar_top">
<div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<a href="/blog/" class="back_button"> <a href="/blog/" class="back_button">
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button"> <img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
Back
</a> </a>
<div class="explorer_bar_top"> </p>
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px"> </div>
<div class="address_bar">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="window_content"> <div class="window_content">
<h1 id="hello-again">Hello Again</h1> <h1 id="hello-again">Hello Again</h1>
<p>Well howdy there!</p> <p>Well howdy there!</p>
@@ -97,7 +108,6 @@ incorrect spellings I might make along the way!</p>
</p> </p>
</div> </div>
<div class="explorer_bar_bottom"> <div class="explorer_bar_bottom">
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
+13 -3
View File
@@ -17,16 +17,27 @@
<a href="/home/" class="close_button"> <a href="/home/" class="close_button">
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button"> <img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a> </a>
<div class="explorer_bar_top">
<div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<a href="/blog/" class="back_button"> <a href="/blog/" class="back_button">
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button"> <img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
Back
</a> </a>
<div class="explorer_bar_top"> </p>
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px"> </div>
<div class="address_bar">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="window_content"> <div class="window_content">
<h1 id="static-site-generators">Static Site Generators</h1> <h1 id="static-site-generators">Static Site Generators</h1>
<p>Youve likely heard of static site generators before, there certainly <p>Youve likely heard of static site generators before, there certainly
@@ -113,7 +124,6 @@ besides Linux can make use of it if they so wish</p>
</p> </p>
</div> </div>
<div class="explorer_bar_bottom"> <div class="explorer_bar_bottom">
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
@@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
[ Setup Gitea on Debian | easthighNerd ]
</title>
<link href="/res/css/default.css" rel="stylesheet">
<link href="/res/img/favicon.gif" rel="icon" type="image/gif">
<link rel="me" href="https://raru.re/@easthighNerd">
</head>
<body class="window">
<div class="window_bar">
<p>
Setup Gitea on Debian
</p>
<a href="/home/" class="close_button">
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a>
<div class="explorer_bar_top">
<div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<a href="/blog/" class="back_button">
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
Back
</a>
</p>
</div>
<div class="address_bar">
<p>
https://www.easthighnerd.net/
</p>
</div>
</div>
</div>
<div class="window_content">
<h1 id="setup-gitea-on-debian">Setup Gitea on Debian</h1>
<p>I just recently setup a new Gitea server for myself, and I would like
to share with yall on how to do the same</p>
<p>This was done on a fresh Debian 12 cheapo VPS on Linode, so this
guide will pretty much apply to any Debian (and likely Ubuntu) system
that is more-or-less a stock installation</p>
<p>I did this using
<a href="https://gitlab.com/packaging/gitea/" target="_blank">a
third-party repository for Gitea</a> that was
<a href="https://www.gitea.com/gitea/awesome-gitea/src/branch/main/README.md#user-content-packages/" target="blank">linked
from the official site</a>, as I dont care for Docker personally, and
with a PostgreSQL database as opposed to something like SQLite, as
thats the database I prefer to use when I have to use one (Im not a
big database person either)</p>
<p>Caddy will be used for the webserver as well, as it handles automatic
TLS certificate acquisition, and is easy to setup</p>
<p>For claritys sake, any command that starts with a <code>#</code> has
to be run either as root or with <code>sudo</code>, and any command that
starts with <code>$</code> can be run as a normal user (neither
<code>#</code> nor <code>$</code> are part of the actual command
itself)</p>
<p>Well also assume <code>nano</code> will be used for editing files,
but you can use whatever text editor you prefer</p>
<p>Were also going to assume you already have a domain name pointed at
the server you are doing this on (well use <code>git.example.net</code>
as a placeholder)</p>
<h2 id="overview">Overview</h2>
<ol type="1">
<li><a href="#adding-a-repo-for-installing-gitea">Adding a repo for
installing Gitea</a></li>
<li><a href="#install-gitea-postgresql-and-caddy">Install Gitea,
PostgreSQL, and Caddy</a></li>
<li><a href="#configure-postgresql">Configure PostgreSQL</a></li>
<li><a href="#configure-caddy">Configure Caddy</a></li>
<li><a href="#setup-gitea">Setup Gitea</a></li>
</ol>
<h2 id="adding-a-repo-for-installing-gitea">Adding a Repo for Installing
Gitea</h2>
<p>First thing were gonna need to do, since were not using something
like Docker, or just using the standalone binary, is add the third-party
repo for Gitea</p>
<p>First up, well download the GPG key for the repo</p>
<pre><code># curl -sL -o /etc/apt/trusted.gpg.d/morph027-gitea.asc https://packaging.gitlab.io/gitea/gpg.key</code></pre>
<p>Then, well add the repo by creating/editing the <code>.source</code>
file that will contain the repos information in <code>deb822</code>
format</p>
<pre><code># nano /etc/apt/sources.list.d/morph027-gitea.sources</code></pre>
<pre><code>Types: deb
URIs: https://packaging.gitlab.io/gitea
Suites: gitea
Components: main
Signed-By: /etc/apt/trusted.gpg.d/morph027-gitea.asc
Enabled: yes</code></pre>
<p>Now well update apt so it can refresh its list of known
packages</p>
<pre><code># apt update</code></pre>
<h2 id="install-gitea-postgresql-and-caddy">Install Gitea, PostgreSQL,
and Caddy</h2>
<p>Now for the easiest part, well install Gitea, our PostgreSQL
database, and our Caddy webserver</p>
<pre><code># apt install gitea postgresql caddy</code></pre>
<h2 id="configure-postgresql">Configure PostgreSQL</h2>
<p>Now for configuring PostgreSQL</p>
<p>First were gonna edit PostgreSQLs config file</p>
<pre><code># nano /etc/postgresql/15/main/postgresql.conf</code></pre>
<p>and go to line 96, and uncomment</p>
<pre><code>#password_encryption = scram-sha-256 # scram-sha-256 or md5</code></pre>
<p>Next, were gonna edit</p>
<pre><code># nano /etc/postgresql/15/main/pg_hba.conf</code></pre>
<p>and add at the bottom of the file</p>
<pre><code>local gitea gitea scram-sha-256</code></pre>
<p>Now, well restart PostgreSQL</p>
<pre><code># sytemctl restart postgresql</code></pre>
<p>Now, to actually setup and configure the database</p>
<p>First, well need to run <code>psql</code> as the
<code>postgres</code> user</p>
<pre><code>$ sudo -u postgres psql</code></pre>
<p>Now, we need to create the “role” (user) that PostgreSQL will use for
interfacing with the database, replacing <code>password</code> with the
password you want to assign it</p>
<pre><code>CREATE ROLE gitea WITH LOGIN PASSWORD &#39;password&#39;</code></pre>
<p>Next, the database</p>
<pre><code>CREATE DATABASE gitea WITH OWNER gitea TEMPLATE template0 ENCODING UTF8 LC_COLLATE &#39;en_US.UTF-8&#39; LC_CTYPE &#39;en_US.UTF-8&#39;;</code></pre>
<p>Now exit <code>psql</code></p>
<pre><code>exit</code></pre>
<h2 id="configure-caddy">Configure Caddy</h2>
<p>Were gonna edit the main Caddyfile and configure it to simply
reverse proxy traffic to our new Gitea server</p>
<pre><code># nano /etc/caddy/Caddyfile</code></pre>
<p>Comment out/delete the contents of the file and put in</p>
<pre><code>git.example.net {
reverse_proxy localhost:3000
}</code></pre>
<p>And now well restart Caddy</p>
<pre><code># systemctl restart caddy</code></pre>
<h2 id="setup-gitea">Setup Gitea</h2>
<hr>
<p>
<img src="/res/img/badges/by-sa.svg" class="cc_badge">
<br>
CC BY-SA 4.0
</p>
<p>
This work is licensed under a <a href="https://creativecommons.org/licenses/by-sa/4.0/" class="external_link" target="_blank">Creative Commons Attribution-ShareAlike 4.0 International License</a>
</p>
</div>
<div class="explorer_bar_bottom">
<p>
https://www.easthighnerd.net/
</p>
</div>
</body>
</html>
+44 -37
View File
@@ -18,52 +18,59 @@
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button"> <img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a> </a>
<div class="explorer_bar_top"> <div class="explorer_bar_top">
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px"> <div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button" style="filter: grayscale(1)">
Back
</p>
</div>
<div class="address_bar">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="window_content"> <div class="window_content">
<h1 id="welcome-to-my-blog">Welcome to… my blog!</h1> <h1 id="welcome-to-my-blog">Welcome to… my blog!</h1>
<p><a href="/blog/feed.rss" target="_blank"><img src="/res/img/rss.gif" title="RSS Feed" alt="RSS feed gif"></a></p> <p><a href="/blog/feed.rss" target="_blank"><img src="/res/img/rss.gif" title="RSS Feed" alt="RSS feed gif"></a></p>
<h2 id="recent-blog-posts">Recent blog posts</h2> <h2 id="recent-blog-posts">Recent blog posts</h2>
<ol type="1"> <ol type="1">
<li>2025-06-21 - <a href="/blog/2025/06/hello-again/">Hello <li>2025-06-21 - <a href="/blog/2025/06/hello-again/">Hello
Again</a></li> Again</a></li>
<li>2025-06-21 - <a <li>2025-06-21 - <a href="/blog/2025/06/static-site-generators/">Static
href="/blog/2025/06/static-site-generators/">Static Site Site Generators</a></li>
Generators</a></li> <li>2023-11-01 - <a
<li>2023-11-01 - <a href="/blog/2023/11/secure-apple-id-against-iphone-theft/">Secure Apple
href="/blog/2023/11/secure-apple-id-against-iphone-theft/">Secure ID Against iPhone Theft</a></li>
Apple ID Against iPhone Theft</a></li> <li>2023-11-01 - <a href="/blog/2023/11/my-experience-with-apple/">My
<li>2023-11-01 - <a Experience with Apple</a></li>
href="/blog/2023/11/my-experience-with-apple/">My Experience <li>2019-05-26 - <a
with Apple</a></li> href="/blog/2019/05/nexus-7-2013-wifi-and-ubuntu-touch/">Nexus 7 2013
<li>2019-05-26 - <a WiFi and Ubuntu Touch</a></li>
href="/blog/2019/05/nexus-7-2013-wifi-and-ubuntu-touch/">Nexus </ol>
7 2013 WiFi and Ubuntu Touch</a></li> <h2 id="all-blog-posts">All blog posts</h2>
</ol> <ul>
<h2 id="all-blog-posts">All blog posts</h2> <li>2025-06-21 - <a href="/blog/2025/06/hello-again/">Hello
<ul> Again</a></li>
<li>2025-06-21 - <a href="/blog/2025/06/hello-again/">Hello <li>2025-06-21 - <a href="/blog/2025/06/static-site-generators/">Static
Again</a></li> Site Generators</a></li>
<li>2025-06-21 - <a <li>2023-11-01 - <a
href="/blog/2025/06/static-site-generators/">Static Site href="/blog/2023/11/secure-apple-id-against-iphone-theft/">Secure Apple
Generators</a></li> ID Against iPhone Theft</a></li>
<li>2023-11-01 - <a <li>2023-11-01 - <a href="/blog/2023/11/my-experience-with-apple/">My
href="/blog/2023/11/secure-apple-id-against-iphone-theft/">Secure Experience with Apple</a></li>
Apple ID Against iPhone Theft</a></li> <li>2019-05-26 - <a
<li>2023-11-01 - <a href="/blog/2019/05/nexus-7-2013-wifi-and-ubuntu-touch/">Nexus 7 2013
href="/blog/2023/11/my-experience-with-apple/">My Experience WiFi and Ubuntu Touch</a></li>
with Apple</a></li> </ul>
<li>2019-05-26 - <a
href="/blog/2019/05/nexus-7-2013-wifi-and-ubuntu-touch/">Nexus
7 2013 WiFi and Ubuntu Touch</a></li>
</ul>
</div> </div>
<div class="explorer_bar_bottom"> <div class="explorer_bar_bottom">
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
+75 -67
View File
@@ -18,83 +18,91 @@
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button"> <img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a> </a>
<div class="explorer_bar_top"> <div class="explorer_bar_top">
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px"> <div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button" style="filter: grayscale(1)">
Back
</p>
</div>
<div class="address_bar">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="window_content"> <div class="window_content">
<!-- 88x31 --> <!-- 88x31 -->
<!--<a href="https:///" target="_blank"><img src="/res/img/badges/" alt="" width="88px" height="31px"></a>--> <!--<a href="https:///" target="_blank"><img src="/res/img/badges/" alt="" width="88px" height="31px"></a>-->
<!-- 32x32 --> <!-- 32x32 -->
<!--<a href="https:///" target="_blank"><img src="/res/img/buttons/" alt="" width="32px" height="32px"></a>--> <!--<a href="https:///" target="_blank"><img src="/res/img/buttons/" alt="" width="32px" height="32px"></a>-->
<div class="button_container" <div class="button_container"
style="position: absolute; top: 0px; left: 4px;"> style="position: absolute; top: 0px; left: 4px;">
<h2 style="text-align: center;"> <h2 style="text-align: center;">
My Badges My Badges
</h2> </h2>
<div <div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
style="overflow: auto; height: 201px; margin-top: -8px;"> <div class="web_buttons">
<div class="web_buttons"> <!-- Badges -->
<!-- Badges --> <p><a href="/res/img/badges/large/web-badge-large.gif" target="_blank"><img src="/res/img/badges/web-badge.gif" alt="" width="88px" height="31px"></a>
<p><a href="/res/img/badges/large/web-badge-large.gif" target="_blank"><img src="/res/img/badges/web-badge.gif" alt="" width="88px" height="31px"></a> <a href="/res/img/badges/large/web-badge-2-large.gif" target="_blank"><img src="/res/img/badges/web-badge-2.gif" alt="" width="88px" height="31px"></a></p>
<a href="/res/img/badges/large/web-badge-2-large.gif" target="_blank"><img src="/res/img/badges/web-badge-2.gif" alt="" width="88px" height="31px"></a></p> </div>
</div> </div>
</div> </div>
</div> <div class="button_container"
<div class="button_container" style="position: absolute; bottom: 4px; left: 4px;">
style="position: absolute; bottom: 4px; left: 4px;"> <h2 style="text-align: center;">
<h2 style="text-align: center;"> Others Badges
Others Badges </h2>
</h2> <div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
<div <div class="web_buttons">
style="overflow: auto; height: 201px; margin-top: -8px;"> <p><a href="https://yesterweb.org/no-to-web3/" target="_blank"><img src="/res/img/badges/roly-saynotoweb3.gif" alt="Say no to Web3" width="88px" height="31px"></a>
<div class="web_buttons"> <a href="https://yesterweb.org/" target="_blank"><img src="/res/img/badges/yesterweb.png" alt="The Yesterweb" width="88px" height="31px"></a>
<p><a href="https://yesterweb.org/no-to-web3/" target="_blank"><img src="/res/img/badges/roly-saynotoweb3.gif" alt="Say no to Web3" width="88px" height="31px"></a> <a href="https://www.homestuck.com/sweet-bro-and-hella-jeff" target="_blank"><img src="/res/img/badges/sbahj.jpg" alt="sweet bro and hella jeff" width="88px" height="31px"></a>
<a href="https://yesterweb.org/" target="_blank"><img src="/res/img/badges/yesterweb.png" alt="The Yesterweb" width="88px" height="31px"></a> <a href="https://ribo.zone/" target="_blank"><img src="/res/img/badges/ribozone.gif" alt="ribose" width="88px" height="31px"></a>
<a href="https://www.homestuck.com/sweet-bro-and-hella-jeff" target="_blank"><img src="/res/img/badges/sbahj.jpg" alt="sweet bro and hella jeff" width="88px" height="31px"></a> <a href="https://32bit.cafe/" target="_blank"><img src="/res/img/badges/32b-neon.gif" alt="32-Bit Cafe" width="88px" height="31px"></a>
<a href="https://ribo.zone/" target="_blank"><img src="/res/img/badges/ribozone.gif" alt="ribose" width="88px" height="31px"></a> <a href="https://sapoweb.neocities.org/" target="_blank"><img src="/res/img/badges/sapo_banner.gif" alt="where cinders lie" width="88px" height="31px"></a></p>
<a href="https://32bit.cafe/" target="_blank"><img src="/res/img/badges/32b-neon.gif" alt="32-Bit Cafe" width="88px" height="31px"></a> </div>
<a href="https://sapoweb.neocities.org/" target="_blank"><img src="/res/img/badges/sapo_banner.gif" alt="where cinders lie" width="88px" height="31px"></a></p> <div class="web_buttons">
</div> <p><img src="/res/img/badges/brokenimg.png" alt="Broken image" width="88px" height="31px">
<div class="web_buttons"> <img src="/res/img/badges/cookie.png" alt="No cookies" width="88px" height="31px">
<p><img src="/res/img/badges/brokenimg.png" alt="Broken image" width="88px" height="31px"> <img src="/res/img/badges/i_dream_in_html.gif" alt="I dream in HTML" width="88px" height="31px">
<img src="/res/img/badges/cookie.png" alt="No cookies" width="88px" height="31px"> <img src="/res/img/badges/bestcomp.gif" alt="Best viewed with a computer" width="88px" height="31px">
<img src="/res/img/badges/i_dream_in_html.gif" alt="I dream in HTML" width="88px" height="31px"> <img src="/res/img/badges/debian-powered.gif" alt="Debian powered" width="88px" height="31px"></p>
<img src="/res/img/badges/bestcomp.gif" alt="Best viewed with a computer" width="88px" height="31px"></p> </div>
</div> </div>
</div> </div>
</div> <div class="button_container"
<div class="button_container" style="position: absolute; top: 0px; right: 4px;">
style="position: absolute; top: 0px; right: 4px;"> <h2 style="text-align: center;">
<h2 style="text-align: center;"> My Buttons
My Buttons </h2>
</h2> <div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
<div <div class="web_buttons">
style="overflow: auto; height: 201px; margin-top: -8px;"> <!-- Buttons -->
<div class="web_buttons"> <p><a href="/res/img/buttons/large/web-button-2-large.gif" target="_blank"><img src="/res/img/buttons/web-button-2.gif" width="32px" height="32px"></a>
<!-- Buttons --> <a href="/res/img/buttons/large/trans_flag-shine-large.gif" target="_blank"><img src="/res/img/buttons/trans_flag-shine.gif" width="32px" height="32px"></a></p>
<p><a href="/res/img/buttons/large/web-button-2-large.gif" target="_blank"><img src="/res/img/buttons/web-button-2.gif" width="32px" height="32px"></a> </div>
<a href="/res/img/buttons/large/trans_flag-shine-large.gif" target="_blank"><img src="/res/img/buttons/trans_flag-shine.gif" width="32px" height="32px"></a></p> </div>
</div> </div>
</div> <div class="button_container"
</div> style="position: absolute; bottom: 4px; right: 4px;">
<div class="button_container" <h2 style="text-align: center;">
style="position: absolute; bottom: 4px; right: 4px;"> Others Buttons
<h2 style="text-align: center;"> </h2>
Others Buttons <div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
</h2> <div class="web_buttons">
<div
style="overflow: auto; height: 201px; margin-top: -8px;">
<div class="web_buttons">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="explorer_bar_bottom"> <div class="explorer_bar_bottom">
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
+35 -28
View File
@@ -18,43 +18,50 @@
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button"> <img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a> </a>
<div class="explorer_bar_top"> <div class="explorer_bar_top">
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px"> <div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button" style="filter: grayscale(1)">
Back
</p>
</div>
<div class="address_bar">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="window_content"> <div class="window_content">
<h2 <h2
id="heres-some-other-places-on-the-interwebs-i-recommend-having-a-looksie-at">Heres id="heres-some-other-places-on-the-interwebs-i-recommend-having-a-looksie-at">Heres
some other places on the interwebs I recommend having a some other places on the interwebs I recommend having a looksie at!</h2>
looksie at!</h2> <ul>
<ul> <li><a href="https://32bit.cafe/" target="_blank">32-Bit Cafe</a></li>
<li><a href="https://32bit.cafe/" target="_blank">32-Bit <li><a href="https://www.debian.org/" target="_blank">Debian</a></li>
Cafe</a></li> <li><a href="https://www.endof10.org/" target="_blank">End of
<li><a href="https://www.debian.org/" target="_blank">Debian</a></li> 10</a></li>
<li><a href="https://www.endof10.org/" target="_blank">End <li><a href="https://www.fsfe.org/" target="_blank">Free Software
of 10</a></li> Foundation Europe</a></li>
<li><a href="https://www.fedoraproject.org/" target="_blank">Fedora <li><a href="https://www.gimp.org/" target="_blank">The GNU Image
Project</a></li> Manipulation Program</a></li>
<li><a href="https://www.fsfe.org/" target="_blank">Free <li><a href="https://www.inkscape.org/" target="_blank">Inkscape</a></li>
Software Foundation Europe</a></li> <li><a href="https://www.kate-editor.org/" target="_blank">Kate</a></li>
<li><a href="https://www.gimp.org/" target="_blank">The GNU <li><a href="https://www.kde.org/" target="_blank">KDE</a></li>
Image Manipulation Program</a></li> <li><a href="https://www.nekoweb.org/" target="_blank">Nekoweb</a></li>
<li><a href="https://www.inkscape.org/" target="_blank">Inkscape</a></li> <li><a href="https://www.neocities.org/" target="_blank">Neocities</a></li>
<li><a href="https://www.kate-editor.org/" target="_blank">Kate</a></li> <li><a href="https://www.thenewoil.org/" target="_blank">The New
<li><a href="https://www.kde.org/" target="_blank">KDE</a></li> Oil</a></li>
<li><a href="https://www.neocities.org/" target="_blank">Neocities</a></li> <li><a href="https://www.techlore.tech/" target="_blank">Techlore</a></li>
<li><a href="https://www.thenewoil.org/" target="_blank">The <li><a href="https://www.vscodium.com/" target="_blank">VSCodium</a></li>
New Oil</a></li> <li><a href="https://yesterweb.org/" target="_blank">Yesterweb</a></li>
<li><a href="https://www.nixos.org/" target="_blank">NixOS</a></li> </ul>
<li><a href="https://www.techlore.tech/" target="_blank">Techlore</a></li>
<li><a href="https://www.vscodium.com/" target="_blank">VSCodium</a></li>
<li><a href="https://yesterweb.org/" target="_blank">Yesterweb</a></li>
</ul>
</div> </div>
<div class="explorer_bar_bottom"> <div class="explorer_bar_bottom">
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
+16 -6
View File
@@ -18,16 +18,27 @@
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button"> <img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
</a> </a>
<div class="explorer_bar_top"> <div class="explorer_bar_top">
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px"> <div class="menu_bar">
<p>
File&emsp;Edit&emsp;View&emsp;Favorites&emsp;Tools&emsp;Help
</p>
</div>
<div class="navigation_bar">
<p>
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button" style="filter: grayscale(1)">
Back
</p>
</div>
<div class="address_bar">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="window_content"> <div class="window_content">
<p><a href="/pgp/9DC7C667F77DFB0B.asc">9DC7 C667 F77D <p><a href="/pgp/9DC7C667F77DFB0B.asc">9DC7 C667 F77D FB0B</a></p>
FB0B</a></p> <pre><code>----BEGIN PGP PUBLIC KEY BLOCK-----
<pre><code>----BEGIN PGP PUBLIC KEY BLOCK-----
mDMEZ+loTxYJKwYBBAHaRw8BAQdAf2j3KorUam08yNe8BGvQ1wIlkOp7QRP8Yl2Z mDMEZ+loTxYJKwYBBAHaRw8BAQdAf2j3KorUam08yNe8BGvQ1wIlkOp7QRP8Yl2Z
oqevf9y0HEplYW4gPGplYW5AZWFzdGhpZ2huZXJkLm5ldD6IkAQTFggAOBYhBNEr oqevf9y0HEplYW4gPGplYW5AZWFzdGhpZ2huZXJkLm5ldD6IkAQTFggAOBYhBNEr
@@ -40,10 +51,9 @@ ffsLXzgBAM7+tqsBlLe/A72LetDP3xUZIMyMK7/aUjRqZPKeK4WRAQCDTSQcypJC
JyZNKbhpqXuuUUCtkHFjaqNae2Mt8g+ACw== JyZNKbhpqXuuUUCtkHFjaqNae2Mt8g+ACw==
=PtEu =PtEu
-----END PGP PUBLIC KEY BLOCK-----</code></pre> -----END PGP PUBLIC KEY BLOCK-----</code></pre>
<p><img src='/res/img/openpgp4fpr.svg' alt='OPENPGP4FPR QR Code' loading='lazy' width='500pt' height='500pt'></p> <p><img src='/res/img/openpgp4fpr.svg' alt='OPENPGP4FPR QR Code' loading='lazy' width='500pt' height='500pt'></p>
</div> </div>
<div class="explorer_bar_bottom"> <div class="explorer_bar_bottom">
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
<p> <p>
https://www.easthighnerd.net/ https://www.easthighnerd.net/
</p> </p>
+109 -7
View File
@@ -121,6 +121,7 @@ html, body {
width: 100%; width: 100%;
height: 136px; height: 136px;
background-color: #255FDD; background-color: #255FDD;
/* background-color: #efedde; */
/* background-color: pink; */ /* background-color: pink; */
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
@@ -129,6 +130,7 @@ html, body {
/* border-bottom-width: 4px; */ /* border-bottom-width: 4px; */
/* border-color: #255FDD; */ /* border-color: #255FDD; */
/* border-style: solid; */ /* border-style: solid; */
/* #efedde */
color: white; color: white;
text-shadow: 2px 2px 2px darkblue; text-shadow: 2px 2px 2px darkblue;
} }
@@ -185,6 +187,7 @@ html, body {
position: absolute; position: absolute;
top: calc(48px + 88px); top: calc(48px + 88px);
margin: 0px; margin: 0px;
margin-top: 1px;
padding: 8px; padding: 8px;
padding-top: 0px; padding-top: 0px;
width: calc(100% - 16px); width: calc(100% - 16px);
@@ -239,7 +242,7 @@ html, body {
width: 484px; width: 484px;
height: 544px; height: 544px;
border-style: solid; border-style: solid;
border-size: 2px; border-width: 2px;
border-color: #071821; border-color: #071821;
padding: 4px; padding: 4px;
} }
@@ -251,7 +254,7 @@ html, body {
width: 484px; width: 484px;
height: 544px; height: 544px;
border-style: solid; border-style: solid;
border-size: 2px; border-width: 2px;
border-color: #071821; border-color: #071821;
padding: 4px; padding: 4px;
} }
@@ -260,7 +263,7 @@ html, body {
width: calc(50% - 20px); width: calc(50% - 20px);
height: calc(50% - 18px); height: calc(50% - 18px);
border-style: solid; border-style: solid;
border-size: 2px; border-width: 2px;
border-color: #071821; border-color: #071821;
padding: 4px; padding: 4px;
} }
@@ -400,6 +403,13 @@ html, body {
.explorer_bar_top { .explorer_bar_top {
margin-top: 48px; margin-top: 48px;
background-color: #efedde;
/* background-color: #255FDD; */
width: 100%;
height: 86px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-color: #959387;
} }
.explorer_bar_top p, .explorer_bar_bottom p { .explorer_bar_top p, .explorer_bar_bottom p {
@@ -407,13 +417,30 @@ html, body {
font-size: 11px; font-size: 11px;
font-weight: normal; font-weight: normal;
text-shadow: 0px 0px 0px black; text-shadow: 0px 0px 0px black;
color: black;
} }
.explorer_bar_top p { .address_bar {
top: calc(71px + 48px - 3px); position: absolute;
width: 100%;
top: calc(71px + 48px - 7px);
border-top-width: 1px;
border-top-style: solid;
border-top-color: #959387;
}
.address_bar p {
/* position: absolute; */
/* top: calc(71px + 48px - 3px); */
/* left: 72px; */ /* left: 72px; */
top: 3px;
left: 5.75%; left: 5.75%;
color: black; width: 85%;
background-color: white;
border-width: 1px;
border-style: solid;
border-bottom-color: #94adc5;
padding: 1px;
} }
.explorer_bar_top p::before { .explorer_bar_top p::before {
@@ -427,6 +454,67 @@ html, body {
top: unset; top: unset;
} }
.address_bar p::before {
position: relative;
content: "";
background-image: url("/res/img/explorer.png");
background-size: 10px 12px;
display: inline-block;
width: 10px;
height: 12px;
/* top: 4px; */
}
.menu_bar p {
margin-top: 46px;
padding: 4px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #959387;
width: 100%;
}
.navigation_bar p {
position: absolute;
left: 30px;
top: 84px;
}
.navigation_bar img {
position: absolute;
left: -27px;
top: -4px;
}
.navigation_bar a {
position: unset;
left: unset;
top: unset;
text-decoration: none;
color: black;
}
.navigation_bar p::after {
position: absolute;
width: 23px;
height: 23px;
content: url(/res/img/back.png);
filter: grayscale(1);
right: -40px;
top: -4px;
rotate: y 180deg;
}
/*.navigation_bar p::before {
background-color: #639bff;
position: absolute;
left: -17px;
top: calc(80px - 4px);
width: 23px;
height: 23px;
content: url(/res/img/back.png);
}*/
.explorer_bar_bottom { .explorer_bar_bottom {
position: absolute; position: absolute;
margin: 0px; margin: 0px;
@@ -435,15 +523,29 @@ html, body {
left: 0px; left: 0px;
width: 100%; width: 100%;
height: 23px; height: 23px;
background-color: #efedde;
/* background-color: limegreen; */ /* background-color: limegreen; */
border-top-width: 2px;
border-top-style: solid;
border-color: #959387;
} }
.explorer_bar_bottom p { .explorer_bar_bottom p {
bottom: -8px; bottom: -8px;
left: 22px; left: 22px;
color: black;
} }
.explorer_bar_bottom p::before {
position: relative;
content: "";
background-image: url("/res/img/explorer.png");
background-size: 14px 17px;
display: inline-block;
width: 14px;
height: 17px;
left: -20px;
top: 3px;
.portrait img { .portrait img {
border-style: solid; border-style: solid;
border-width: 2px; border-width: 2px;
Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB