Compare commits
3 Commits
1b3abf5380
..
main
| Author | SHA1 | Date | |
|---|---|---|---|
 easthighNerd
|
7f63b95163
|
||
|
easthighNerd
|
7f495212e3
|
||
|
easthighNerd
|
605f7ae2d5
|
+77
-69
@@ -1,72 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
[ About | 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>
|
||||
About
|
||||
</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">
|
||||
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window_content">
|
||||
<style>
|
||||
.window_content {
|
||||
background-image: url(/res/img/strawberries.jpg);
|
||||
background-size: 100%;
|
||||
}
|
||||
</style>
|
||||
<h1 id="hello-world">Hello, world!</h1>
|
||||
<span style="display: flex;">
|
||||
<div class="portrait">
|
||||
<p><img src="/res/img/portrait.png" width="160px" height="160px" alt="Portrait"></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
I’m Jean, and this is my website!
|
||||
</p>
|
||||
<p>
|
||||
Modeled after my ViewSonic E70 CRT monitor, this website
|
||||
operates in a similar way that a computer would, and it’s
|
||||
designed at least somewhat after the Windows XP operating
|
||||
system.
|
||||
</p>
|
||||
<p>
|
||||
I’m a transfem somewhere in my twenties, and I enjoy anime,
|
||||
manga, video games, computers, and pretty much about
|
||||
anything nerdy!
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<p>
|
||||
I’m also a huge proponent of free and open source software,
|
||||
as well as encryption, privacy, and security.
|
||||
</p>
|
||||
<p>
|
||||
I hope you enjoy browsing about this weird little website of
|
||||
mine!
|
||||
</p>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
[ About | 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>
|
||||
About
|
||||
</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 Edit View Favorites Tools 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>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window_content">
|
||||
<style>
|
||||
.window_content {
|
||||
background-image: url(/res/img/strawberries.jpg);
|
||||
background-size: 100%;
|
||||
}
|
||||
</style>
|
||||
<h1 id="hello-world">Hello, world!</h1>
|
||||
<span style="display: flex;">
|
||||
<div class="portrait">
|
||||
<p><img src="/res/img/portrait.png" width="160px" height="160px" alt="Portrait"></p>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
I’m Jean, and this is my website!
|
||||
</p>
|
||||
<p>
|
||||
Modeled after my ViewSonic E70 CRT monitor, this website operates in a
|
||||
similar way that a computer would, and it’s designed at least somewhat
|
||||
after the Windows XP operating system.
|
||||
</p>
|
||||
<p>
|
||||
I’m a transfem somewhere in my twenties, and I enjoy anime, manga, video
|
||||
games, computers, and pretty much about anything nerdy!
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<p>
|
||||
I’m also a huge proponent of free and open source software, as well as
|
||||
encryption, privacy, and security.
|
||||
</p>
|
||||
<p>
|
||||
I hope you enjoy browsing about this weird little website of mine!
|
||||
</p>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -5,9 +5,9 @@
|
||||
<title>
|
||||
[ Nexus 7 2013 (WiFi) and Ubuntu Touch | 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">
|
||||
<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">
|
||||
@@ -17,14 +17,25 @@
|
||||
<a href="/home/" class="close_button">
|
||||
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
|
||||
</a>
|
||||
<a href="/blog/" class="back_button">
|
||||
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
|
||||
</a>
|
||||
<div class="explorer_bar_top">
|
||||
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
<div class="menu_bar">
|
||||
<p>
|
||||
File Edit View Favorites Tools 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">
|
||||
@@ -103,7 +114,6 @@ overall!</p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
|
||||
@@ -5,9 +5,9 @@
|
||||
<title>
|
||||
[ My Experience with Apple | 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">
|
||||
<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">
|
||||
@@ -17,14 +17,25 @@
|
||||
<a href="/home/" class="close_button">
|
||||
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
|
||||
</a>
|
||||
<a href="/blog/" class="back_button">
|
||||
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
|
||||
</a>
|
||||
<div class="explorer_bar_top">
|
||||
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
<div class="menu_bar">
|
||||
<p>
|
||||
File Edit View Favorites Tools 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">
|
||||
@@ -203,7 +214,6 @@ more privacy respecting way to use YouTube))</li>
|
||||
</p>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
|
||||
@@ -5,9 +5,9 @@
|
||||
<title>
|
||||
[ Secure Apple ID Against iPhone Theft | 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">
|
||||
<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">
|
||||
@@ -17,14 +17,25 @@
|
||||
<a href="/home/" class="close_button">
|
||||
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
|
||||
</a>
|
||||
<a href="/blog/" class="back_button">
|
||||
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
|
||||
</a>
|
||||
<div class="explorer_bar_top">
|
||||
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
<div class="menu_bar">
|
||||
<p>
|
||||
File Edit View Favorites Tools 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">
|
||||
@@ -187,7 +198,6 @@ Stop iPhone Data Thefts Now!</a></li>
|
||||
</p>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
|
||||
@@ -5,9 +5,9 @@
|
||||
<title>
|
||||
[ Hello Again | 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">
|
||||
<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">
|
||||
@@ -17,14 +17,25 @@
|
||||
<a href="/home/" class="close_button">
|
||||
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
|
||||
</a>
|
||||
<a href="/blog/" class="back_button">
|
||||
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
|
||||
</a>
|
||||
<div class="explorer_bar_top">
|
||||
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
<div class="menu_bar">
|
||||
<p>
|
||||
File Edit View Favorites Tools 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">
|
||||
@@ -97,7 +108,6 @@ incorrect spellings I might make along the way!</p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
|
||||
@@ -5,9 +5,9 @@
|
||||
<title>
|
||||
[ Static Site Generators | 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">
|
||||
<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">
|
||||
@@ -17,14 +17,25 @@
|
||||
<a href="/home/" class="close_button">
|
||||
<img src="/res/img/close.png" width="48px" height="48px" alt="Close button">
|
||||
</a>
|
||||
<a href="/blog/" class="back_button">
|
||||
<img src="/res/img/back.png" width="23px" height="23px" alt="Back button">
|
||||
</a>
|
||||
<div class="explorer_bar_top">
|
||||
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
<div class="menu_bar">
|
||||
<p>
|
||||
File Edit View Favorites Tools 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">
|
||||
@@ -113,7 +124,6 @@ besides Linux can make use of it if they so wish</p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</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 Edit View Favorites Tools 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 y’all 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 don’t care for Docker personally, and
|
||||
with a PostgreSQL database as opposed to something like SQLite, as
|
||||
that’s the database I prefer to use when I have to use one (I’m 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 clarity’s 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>We’ll also assume <code>nano</code> will be used for editing files,
|
||||
but you can use whatever text editor you prefer</p>
|
||||
<p>We’re also going to assume you already have a domain name pointed at
|
||||
the server you are doing this on (we’ll 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 we’re gonna need to do, since we’re not using something
|
||||
like Docker, or just using the standalone binary, is add the third-party
|
||||
repo for Gitea</p>
|
||||
<p>First up, we’ll 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, we’ll add the repo by creating/editing the <code>.source</code>
|
||||
file that will contain the repo’s 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 we’ll update apt so it can refresh it’s 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, we’ll 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 we’re gonna edit PostgreSQL’s 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, we’re 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, we’ll restart PostgreSQL</p>
|
||||
<pre><code># sytemctl restart postgresql</code></pre>
|
||||
<p>Now, to actually setup and configure the database</p>
|
||||
<p>First, we’ll 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 'password'</code></pre>
|
||||
<p>Next, the database</p>
|
||||
<pre><code>CREATE DATABASE gitea WITH OWNER gitea TEMPLATE template0 ENCODING UTF8 LC_COLLATE 'en_US.UTF-8' LC_CTYPE 'en_US.UTF-8';</code></pre>
|
||||
<p>Now exit <code>psql</code></p>
|
||||
<pre><code>exit</code></pre>
|
||||
<h2 id="configure-caddy">Configure Caddy</h2>
|
||||
<p>We’re 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 we’ll 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>
|
||||
+76
-69
@@ -1,72 +1,79 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
[ Blog | 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>
|
||||
Blog
|
||||
</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">
|
||||
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window_content">
|
||||
<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>
|
||||
<h2 id="recent-blog-posts">Recent blog posts</h2>
|
||||
<ol type="1">
|
||||
<li>2025-06-21 - <a href="/blog/2025/06/hello-again/">Hello
|
||||
Again</a></li>
|
||||
<li>2025-06-21 - <a
|
||||
href="/blog/2025/06/static-site-generators/">Static Site
|
||||
Generators</a></li>
|
||||
<li>2023-11-01 - <a
|
||||
href="/blog/2023/11/secure-apple-id-against-iphone-theft/">Secure
|
||||
Apple ID Against iPhone Theft</a></li>
|
||||
<li>2023-11-01 - <a
|
||||
href="/blog/2023/11/my-experience-with-apple/">My Experience
|
||||
with Apple</a></li>
|
||||
<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>
|
||||
</ol>
|
||||
<h2 id="all-blog-posts">All blog posts</h2>
|
||||
<ul>
|
||||
<li>2025-06-21 - <a href="/blog/2025/06/hello-again/">Hello
|
||||
Again</a></li>
|
||||
<li>2025-06-21 - <a
|
||||
href="/blog/2025/06/static-site-generators/">Static Site
|
||||
Generators</a></li>
|
||||
<li>2023-11-01 - <a
|
||||
href="/blog/2023/11/secure-apple-id-against-iphone-theft/">Secure
|
||||
Apple ID Against iPhone Theft</a></li>
|
||||
<li>2023-11-01 - <a
|
||||
href="/blog/2023/11/my-experience-with-apple/">My Experience
|
||||
with Apple</a></li>
|
||||
<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 class="explorer_bar_bottom">
|
||||
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
[ Blog | 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>
|
||||
Blog
|
||||
</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 Edit View Favorites Tools 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>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window_content">
|
||||
<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>
|
||||
<h2 id="recent-blog-posts">Recent blog posts</h2>
|
||||
<ol type="1">
|
||||
<li>2025-06-21 - <a href="/blog/2025/06/hello-again/">Hello
|
||||
Again</a></li>
|
||||
<li>2025-06-21 - <a href="/blog/2025/06/static-site-generators/">Static
|
||||
Site Generators</a></li>
|
||||
<li>2023-11-01 - <a
|
||||
href="/blog/2023/11/secure-apple-id-against-iphone-theft/">Secure Apple
|
||||
ID Against iPhone Theft</a></li>
|
||||
<li>2023-11-01 - <a href="/blog/2023/11/my-experience-with-apple/">My
|
||||
Experience with Apple</a></li>
|
||||
<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>
|
||||
</ol>
|
||||
<h2 id="all-blog-posts">All blog posts</h2>
|
||||
<ul>
|
||||
<li>2025-06-21 - <a href="/blog/2025/06/hello-again/">Hello
|
||||
Again</a></li>
|
||||
<li>2025-06-21 - <a href="/blog/2025/06/static-site-generators/">Static
|
||||
Site Generators</a></li>
|
||||
<li>2023-11-01 - <a
|
||||
href="/blog/2023/11/secure-apple-id-against-iphone-theft/">Secure Apple
|
||||
ID Against iPhone Theft</a></li>
|
||||
<li>2023-11-01 - <a href="/blog/2023/11/my-experience-with-apple/">My
|
||||
Experience with Apple</a></li>
|
||||
<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 class="explorer_bar_bottom">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+107
-99
@@ -1,103 +1,111 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
[ Buttons | 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>
|
||||
Buttons
|
||||
</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">
|
||||
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window_content">
|
||||
<!-- 88x31 -->
|
||||
<!--<a href="https:///" target="_blank"><img src="/res/img/badges/" alt="" width="88px" height="31px"></a>-->
|
||||
<!-- 32x32 -->
|
||||
<!--<a href="https:///" target="_blank"><img src="/res/img/buttons/" alt="" width="32px" height="32px"></a>-->
|
||||
<div class="button_container"
|
||||
style="position: absolute; top: 0px; left: 4px;">
|
||||
<h2 style="text-align: center;">
|
||||
My Badges
|
||||
</h2>
|
||||
<div
|
||||
style="overflow: auto; height: 201px; margin-top: -8px;">
|
||||
<div class="web_buttons">
|
||||
<!-- 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>
|
||||
<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 class="button_container"
|
||||
style="position: absolute; bottom: 4px; left: 4px;">
|
||||
<h2 style="text-align: center;">
|
||||
Other’s Badges
|
||||
</h2>
|
||||
<div
|
||||
style="overflow: auto; height: 201px; margin-top: -8px;">
|
||||
<div class="web_buttons">
|
||||
<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://yesterweb.org/" target="_blank"><img src="/res/img/badges/yesterweb.png" alt="The Yesterweb" 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://ribo.zone/" target="_blank"><img src="/res/img/badges/ribozone.gif" alt="ribose" 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://sapoweb.neocities.org/" target="_blank"><img src="/res/img/badges/sapo_banner.gif" alt="where cinders lie" width="88px" height="31px"></a></p>
|
||||
</div>
|
||||
<div class="web_buttons">
|
||||
<p><img src="/res/img/badges/brokenimg.png" alt="Broken image" width="88px" height="31px">
|
||||
<img src="/res/img/badges/cookie.png" alt="No cookies" 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/bestcomp.gif" alt="Best viewed with a computer" width="88px" height="31px"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button_container"
|
||||
style="position: absolute; top: 0px; right: 4px;">
|
||||
<h2 style="text-align: center;">
|
||||
My Buttons
|
||||
</h2>
|
||||
<div
|
||||
style="overflow: auto; height: 201px; margin-top: -8px;">
|
||||
<div class="web_buttons">
|
||||
<!-- 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>
|
||||
<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 class="button_container"
|
||||
style="position: absolute; bottom: 4px; right: 4px;">
|
||||
<h2 style="text-align: center;">
|
||||
Other’s Buttons
|
||||
</h2>
|
||||
<div
|
||||
style="overflow: auto; height: 201px; margin-top: -8px;">
|
||||
<div class="web_buttons">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
[ Buttons | 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>
|
||||
Buttons
|
||||
</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 Edit View Favorites Tools 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>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window_content">
|
||||
<!-- 88x31 -->
|
||||
<!--<a href="https:///" target="_blank"><img src="/res/img/badges/" alt="" width="88px" height="31px"></a>-->
|
||||
<!-- 32x32 -->
|
||||
<!--<a href="https:///" target="_blank"><img src="/res/img/buttons/" alt="" width="32px" height="32px"></a>-->
|
||||
<div class="button_container"
|
||||
style="position: absolute; top: 0px; left: 4px;">
|
||||
<h2 style="text-align: center;">
|
||||
My Badges
|
||||
</h2>
|
||||
<div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
|
||||
<div class="web_buttons">
|
||||
<!-- 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>
|
||||
<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 class="button_container"
|
||||
style="position: absolute; bottom: 4px; left: 4px;">
|
||||
<h2 style="text-align: center;">
|
||||
Other’s Badges
|
||||
</h2>
|
||||
<div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
|
||||
<div class="web_buttons">
|
||||
<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://yesterweb.org/" target="_blank"><img src="/res/img/badges/yesterweb.png" alt="The Yesterweb" 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://ribo.zone/" target="_blank"><img src="/res/img/badges/ribozone.gif" alt="ribose" 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://sapoweb.neocities.org/" target="_blank"><img src="/res/img/badges/sapo_banner.gif" alt="where cinders lie" width="88px" height="31px"></a></p>
|
||||
</div>
|
||||
<div class="web_buttons">
|
||||
<p><img src="/res/img/badges/brokenimg.png" alt="Broken image" width="88px" height="31px">
|
||||
<img src="/res/img/badges/cookie.png" alt="No cookies" 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/bestcomp.gif" alt="Best viewed with a computer" width="88px" height="31px">
|
||||
<img src="/res/img/badges/debian-powered.gif" alt="Debian powered" width="88px" height="31px"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button_container"
|
||||
style="position: absolute; top: 0px; right: 4px;">
|
||||
<h2 style="text-align: center;">
|
||||
My Buttons
|
||||
</h2>
|
||||
<div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
|
||||
<div class="web_buttons">
|
||||
<!-- 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>
|
||||
<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 class="button_container"
|
||||
style="position: absolute; bottom: 4px; right: 4px;">
|
||||
<h2 style="text-align: center;">
|
||||
Other’s Buttons
|
||||
</h2>
|
||||
<div style="overflow: auto; calc(100%-20px); margin-top: -8px;">
|
||||
<div class="web_buttons">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+67
-60
@@ -1,63 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
[ Links | 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>
|
||||
Links
|
||||
</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">
|
||||
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window_content">
|
||||
<h2
|
||||
id="heres-some-other-places-on-the-interwebs-i-recommend-having-a-looksie-at">Here’s
|
||||
some other places on the interwebs I recommend having a
|
||||
looksie at!</h2>
|
||||
<ul>
|
||||
<li><a href="https://32bit.cafe/" target="_blank">32-Bit
|
||||
Cafe</a></li>
|
||||
<li><a href="https://www.debian.org/" target="_blank">Debian</a></li>
|
||||
<li><a href="https://www.endof10.org/" target="_blank">End
|
||||
of 10</a></li>
|
||||
<li><a href="https://www.fedoraproject.org/" target="_blank">Fedora
|
||||
Project</a></li>
|
||||
<li><a href="https://www.fsfe.org/" target="_blank">Free
|
||||
Software Foundation Europe</a></li>
|
||||
<li><a href="https://www.gimp.org/" target="_blank">The GNU
|
||||
Image Manipulation Program</a></li>
|
||||
<li><a href="https://www.inkscape.org/" target="_blank">Inkscape</a></li>
|
||||
<li><a href="https://www.kate-editor.org/" target="_blank">Kate</a></li>
|
||||
<li><a href="https://www.kde.org/" target="_blank">KDE</a></li>
|
||||
<li><a href="https://www.neocities.org/" target="_blank">Neocities</a></li>
|
||||
<li><a href="https://www.thenewoil.org/" target="_blank">The
|
||||
New Oil</a></li>
|
||||
<li><a href="https://www.nixos.org/" target="_blank">NixOS</a></li>
|
||||
<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 class="explorer_bar_bottom">
|
||||
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
[ Links | 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>
|
||||
Links
|
||||
</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 Edit View Favorites Tools 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>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window_content">
|
||||
<h2
|
||||
id="heres-some-other-places-on-the-interwebs-i-recommend-having-a-looksie-at">Here’s
|
||||
some other places on the interwebs I recommend having a looksie at!</h2>
|
||||
<ul>
|
||||
<li><a href="https://32bit.cafe/" target="_blank">32-Bit Cafe</a></li>
|
||||
<li><a href="https://www.debian.org/" target="_blank">Debian</a></li>
|
||||
<li><a href="https://www.endof10.org/" target="_blank">End of
|
||||
10</a></li>
|
||||
<li><a href="https://www.fsfe.org/" target="_blank">Free Software
|
||||
Foundation Europe</a></li>
|
||||
<li><a href="https://www.gimp.org/" target="_blank">The GNU Image
|
||||
Manipulation Program</a></li>
|
||||
<li><a href="https://www.inkscape.org/" target="_blank">Inkscape</a></li>
|
||||
<li><a href="https://www.kate-editor.org/" target="_blank">Kate</a></li>
|
||||
<li><a href="https://www.kde.org/" target="_blank">KDE</a></li>
|
||||
<li><a href="https://www.nekoweb.org/" target="_blank">Nekoweb</a></li>
|
||||
<li><a href="https://www.neocities.org/" target="_blank">Neocities</a></li>
|
||||
<li><a href="https://www.thenewoil.org/" target="_blank">The New
|
||||
Oil</a></li>
|
||||
<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 class="explorer_bar_bottom">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+47
-37
@@ -1,33 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
[ PGP | 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>
|
||||
PGP
|
||||
</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">
|
||||
<img src="/res/img/explorer-bar.jpg" width="100%" height="88px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window_content">
|
||||
<p><a href="/pgp/9DC7C667F77DFB0B.asc">9DC7 C667 F77D
|
||||
FB0B</a></p>
|
||||
<pre><code>----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
[ PGP | 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>
|
||||
PGP
|
||||
</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 Edit View Favorites Tools 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>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="window_content">
|
||||
<p><a href="/pgp/9DC7C667F77DFB0B.asc">9DC7 C667 F77D FB0B</a></p>
|
||||
<pre><code>----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
mDMEZ+loTxYJKwYBBAHaRw8BAQdAf2j3KorUam08yNe8BGvQ1wIlkOp7QRP8Yl2Z
|
||||
oqevf9y0HEplYW4gPGplYW5AZWFzdGhpZ2huZXJkLm5ldD6IkAQTFggAOBYhBNEr
|
||||
@@ -40,13 +51,12 @@ ffsLXzgBAM7+tqsBlLe/A72LetDP3xUZIMyMK7/aUjRqZPKeK4WRAQCDTSQcypJC
|
||||
JyZNKbhpqXuuUUCtkHFjaqNae2Mt8g+ACw==
|
||||
=PtEu
|
||||
-----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>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<img src="/res/img/explorer-bar-bottom.jpg" width="100%" height="23px">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
<p><img src='/res/img/openpgp4fpr.svg' alt='OPENPGP4FPR QR Code' loading='lazy' width='500pt' height='500pt'></p>
|
||||
</div>
|
||||
<div class="explorer_bar_bottom">
|
||||
<p>
|
||||
https://www.easthighnerd.net/
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+456
-354
@@ -1,455 +1,557 @@
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
/* font-size: clamp(12px, 18px, 24px); */
|
||||
font-size: 18px;
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
/* font-size: clamp(12px, 18px, 24px); */
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.monitor_body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #eceab9;
|
||||
.monitor_body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #eceab9;
|
||||
}
|
||||
|
||||
.monitor {
|
||||
position: absolute;
|
||||
/* background-image: url("/res/img/monitor.png"); */
|
||||
/* width: 1280px; */
|
||||
/* height: 1024px; */
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-size: contain;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.monitor {
|
||||
position: absolute;
|
||||
/* background-image: url("/res/img/monitor.png"); */
|
||||
/* width: 1280px; */
|
||||
/* height: 1024px; */
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-size: contain;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.power_button {
|
||||
/* position: absolute; */
|
||||
/* right: 208px; */
|
||||
/* bottom: 0px; */
|
||||
width: 80px;
|
||||
height: 64px;
|
||||
background-image: url("/res/img/power-button.png");
|
||||
/* background-color: pink; */
|
||||
border-width: 16px;
|
||||
border-color: #c8c699;
|
||||
border-style: solid;
|
||||
.power_button {
|
||||
/* position: absolute; */
|
||||
/* right: 208px; */
|
||||
/* bottom: 0px; */
|
||||
width: 80px;
|
||||
height: 64px;
|
||||
background-image: url("/res/img/power-button.png");
|
||||
/* background-color: pink; */
|
||||
border-width: 16px;
|
||||
border-color: #c8c699;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.power_button:hover {
|
||||
background-image: url("/res/img/power-button-pressed.png");
|
||||
width: 80px;
|
||||
height: 64px;
|
||||
.power_button:hover {
|
||||
background-image: url("/res/img/power-button-pressed.png");
|
||||
width: 80px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.desktop {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: skyblue;
|
||||
background-image: url("/res/img/bliss-hd.jpg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: skyblue;
|
||||
background-image: url("/res/img/bliss-hd.jpg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.desktop_buttons {
|
||||
position: absolute;
|
||||
width: calc(100% - 16px);
|
||||
height: calc(100% - 38px);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
padding: 8px;
|
||||
padding-top: 0px;
|
||||
/* background-color: pink; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
column-gap: 16px;
|
||||
.desktop_buttons {
|
||||
position: absolute;
|
||||
width: calc(100% - 16px);
|
||||
height: calc(100% - 38px);
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
padding: 8px;
|
||||
padding-top: 0px;
|
||||
/* background-color: pink; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
column-gap: 16px;
|
||||
|
||||
}
|
||||
|
||||
.desktop_buttons a {
|
||||
color: #e0f8cf;
|
||||
text-shadow: 2px 2px #071821;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
.desktop_buttons a {
|
||||
color: #e0f8cf;
|
||||
text-shadow: 2px 2px #071821;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.desktop_buttons img {
|
||||
/* width: clamp(1em, 1.5em, 2em); */
|
||||
/* height: clamp(1em, 1.5em, 2em); */
|
||||
.desktop_buttons img {
|
||||
/* width: clamp(1em, 1.5em, 2em); */
|
||||
/* height: clamp(1em, 1.5em, 2em); */
|
||||
}
|
||||
|
||||
.desktop_buttons a:hover {
|
||||
color: #65ff00;
|
||||
.desktop_buttons a:hover {
|
||||
color: #65ff00;
|
||||
}
|
||||
|
||||
.window {
|
||||
position: absolute;
|
||||
background-repeat: no-repeat;
|
||||
width: calc(100% - 8px);
|
||||
height: calc(100% - 10px);
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: #E0F8CF;
|
||||
border-width: 4px;
|
||||
/* border-top-width: 5px; */
|
||||
border-bottom-width: 6px;
|
||||
border-color: #255FDD;
|
||||
border-top-color: #3675c2;
|
||||
border-style: solid;
|
||||
.window {
|
||||
position: absolute;
|
||||
background-repeat: no-repeat;
|
||||
width: calc(100% - 8px);
|
||||
height: calc(100% - 10px);
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: #E0F8CF;
|
||||
border-width: 4px;
|
||||
/* border-top-width: 5px; */
|
||||
border-bottom-width: 6px;
|
||||
border-color: #255FDD;
|
||||
border-top-color: #3675c2;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.window_bar {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 136px;
|
||||
background-color: #255FDD;
|
||||
/* background-color: pink; */
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
/* border-width: 0px; */
|
||||
/* border-bottom-width: 4px; */
|
||||
/* border-color: #255FDD; */
|
||||
/* border-style: solid; */
|
||||
color: white;
|
||||
text-shadow: 2px 2px 2px darkblue;
|
||||
.window_bar {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 136px;
|
||||
background-color: #255FDD;
|
||||
/* background-color: #efedde; */
|
||||
/* background-color: pink; */
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
overflow: hidden;
|
||||
/* border-width: 0px; */
|
||||
/* border-bottom-width: 4px; */
|
||||
/* border-color: #255FDD; */
|
||||
/* border-style: solid; */
|
||||
/* #efedde */
|
||||
color: white;
|
||||
text-shadow: 2px 2px 2px darkblue;
|
||||
}
|
||||
|
||||
.window_bar p {
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
margin-top: -2px;
|
||||
.window_bar p {
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
.window_bar p::before {
|
||||
position: relative;
|
||||
content: "";
|
||||
background-image: url("/res/img/explorer.png");
|
||||
background-size: 32px 32px;
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
top: 4px;
|
||||
.window_bar p::before {
|
||||
position: relative;
|
||||
content: "";
|
||||
background-image: url("/res/img/explorer.png");
|
||||
background-size: 32px 32px;
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
.close_button {
|
||||
/* background-color: #639bff; */
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 6px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
content: url(/res/img/close.png);
|
||||
/* background-color: #639bff; */
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 6px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
content: url(/res/img/close.png);
|
||||
}
|
||||
|
||||
/*.close_button:hover {
|
||||
background-color: #5FCDE4;
|
||||
background-color: #5FCDE4;
|
||||
}*/
|
||||
|
||||
.back_button {
|
||||
/* background-color: #639bff; */
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
top: 80px;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
.back_button {
|
||||
/* background-color: #639bff; */
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
top: 80px;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
}
|
||||
|
||||
/*.back_button:hover {
|
||||
background-color: #5FCDE4;
|
||||
background-color: #5FCDE4;
|
||||
}*/
|
||||
|
||||
.window_content {
|
||||
position: absolute;
|
||||
top: calc(48px + 88px);
|
||||
margin: 0px;
|
||||
padding: 8px;
|
||||
padding-top: 0px;
|
||||
width: calc(100% - 16px);
|
||||
height: calc(100% - (64px + 88px + 15px));
|
||||
overflow: auto;
|
||||
background-color: #e0f8cf;
|
||||
color: #071821;
|
||||
/* background-color: pink; */
|
||||
/* background-color: black; */
|
||||
/* color: #e0f8cf; */
|
||||
/* background-color: #071821; */
|
||||
text-shadow: 2px 2px 3px #e0f8cf;
|
||||
/* margin-bottom: 23px; */
|
||||
.window_content {
|
||||
position: absolute;
|
||||
top: calc(48px + 88px);
|
||||
margin: 0px;
|
||||
margin-top: 1px;
|
||||
padding: 8px;
|
||||
padding-top: 0px;
|
||||
width: calc(100% - 16px);
|
||||
height: calc(100% - (64px + 88px + 15px));
|
||||
overflow: auto;
|
||||
background-color: #e0f8cf;
|
||||
color: #071821;
|
||||
/* background-color: pink; */
|
||||
/* background-color: black; */
|
||||
/* color: #e0f8cf; */
|
||||
/* background-color: #071821; */
|
||||
text-shadow: 2px 2px 3px #e0f8cf;
|
||||
/* margin-bottom: 23px; */
|
||||
}
|
||||
|
||||
.window_content a {
|
||||
color: #86c06c;
|
||||
text-shadow: 1px 1px 0px #071821;
|
||||
.window_content a {
|
||||
color: #86c06c;
|
||||
text-shadow: 1px 1px 0px #071821;
|
||||
}
|
||||
|
||||
.window_content a:hover {
|
||||
color: #65ff00;
|
||||
.window_content a:hover {
|
||||
color: #65ff00;
|
||||
}
|
||||
|
||||
.web_buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
margin: 8px;
|
||||
flex-wrap: wrap;
|
||||
row-gap: 8px;
|
||||
flex-direction: row;
|
||||
.web_buttons {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
margin: 8px;
|
||||
flex-wrap: wrap;
|
||||
row-gap: 8px;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
/*.power_light {
|
||||
background-color: #00FF48;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
position: absolute;
|
||||
right: 320px;
|
||||
bottom: 16px;
|
||||
border-width: 16px;
|
||||
border-color: #c8c699;
|
||||
border-style: solid;
|
||||
margin: 16px;
|
||||
background-color: #00FF48;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
position: absolute;
|
||||
right: 320px;
|
||||
bottom: 16px;
|
||||
border-width: 16px;
|
||||
border-color: #c8c699;
|
||||
border-style: solid;
|
||||
margin: 16px;
|
||||
}*/
|
||||
|
||||
.left {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 484px;
|
||||
height: 544px;
|
||||
border-style: solid;
|
||||
border-size: 2px;
|
||||
border-color: #071821;
|
||||
padding: 4px;
|
||||
.left {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 484px;
|
||||
height: 544px;
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
border-color: #071821;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.right {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
width: 484px;
|
||||
height: 544px;
|
||||
border-style: solid;
|
||||
border-size: 2px;
|
||||
border-color: #071821;
|
||||
padding: 4px;
|
||||
.right {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
width: 484px;
|
||||
height: 544px;
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
border-color: #071821;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.button_container {
|
||||
width: calc(50% - 20px);
|
||||
height: calc(50% - 18px);
|
||||
border-style: solid;
|
||||
border-size: 2px;
|
||||
border-color: #071821;
|
||||
padding: 4px;
|
||||
.button_container {
|
||||
width: calc(50% - 20px);
|
||||
height: calc(50% - 18px);
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
border-color: #071821;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.taskbar {
|
||||
background-color: #255FDD;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
/* border-style: solid; */
|
||||
/* border-width: 0px; */
|
||||
/* border-top-width: 4px; */
|
||||
/* border-color: #3675c2; */
|
||||
background-image: url("/res/img/taskbar.jpg");
|
||||
background-size: 30px 30px;
|
||||
.taskbar {
|
||||
background-color: #255FDD;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
/* border-style: solid; */
|
||||
/* border-width: 0px; */
|
||||
/* border-top-width: 4px; */
|
||||
/* border-color: #3675c2; */
|
||||
background-image: url("/res/img/taskbar.jpg");
|
||||
background-size: 30px 30px;
|
||||
}
|
||||
|
||||
.taskbar img {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
.taskbar img {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.monitor_bar, .landing_screen_bar {
|
||||
position: absolute;
|
||||
bottom: 48px;
|
||||
/* background-color: pink; */
|
||||
width: calc(1056px - 32px);
|
||||
height: calc(96px - 32px);
|
||||
/* left: 50%; */
|
||||
/* right: 50%; */
|
||||
border-width: 16px;
|
||||
border-color: #c8c699;
|
||||
border-style: solid;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
.monitor_bar, .landing_screen_bar {
|
||||
position: absolute;
|
||||
bottom: 48px;
|
||||
/* background-color: pink; */
|
||||
width: calc(1056px - 32px);
|
||||
height: calc(96px - 32px);
|
||||
/* left: 50%; */
|
||||
/* right: 50%; */
|
||||
border-width: 16px;
|
||||
border-color: #c8c699;
|
||||
border-style: solid;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.landing_screen_bar {
|
||||
/* bottom: 0px; */
|
||||
animation-name: fade-out;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: 1;
|
||||
animation-delay: 2s;
|
||||
.landing_screen_bar {
|
||||
/* bottom: 0px; */
|
||||
animation-name: fade-out;
|
||||
animation-duration: 5s;
|
||||
animation-iteration-count: 1;
|
||||
animation-delay: 2s;
|
||||
}
|
||||
|
||||
.monitor_bar img, .landing_screen_bar img {
|
||||
border-width: 16px;
|
||||
border-color: #c8c699;
|
||||
border-style: solid;
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
.monitor_bar img, .landing_screen_bar img {
|
||||
border-width: 16px;
|
||||
border-color: #c8c699;
|
||||
border-style: solid;
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.monitor_screen, .landing_screen, .landing_screen_wallpaper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.monitor_screen, .landing_screen, .landing_screen_wallpaper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.monitor_screen img, .landing_screen img {
|
||||
position: absolute;
|
||||
bottom: 192px;
|
||||
/* left: 16px; */
|
||||
/* right: 16px; */
|
||||
background-color: black;
|
||||
max-width: 97.5%;
|
||||
max-height: 75%;
|
||||
.monitor_screen img, .landing_screen img {
|
||||
position: absolute;
|
||||
bottom: 192px;
|
||||
/* left: 16px; */
|
||||
/* right: 16px; */
|
||||
background-color: black;
|
||||
max-width: 97.5%;
|
||||
max-height: 75%;
|
||||
}
|
||||
|
||||
.landing_screen_wallpaper img {
|
||||
position: absolute;
|
||||
bottom: calc(192px + 6.25%);
|
||||
max-width: 80%;
|
||||
max-height: 62.5%;
|
||||
animation-name: fade-in-background, grow-wallpaper;
|
||||
animation-duration: 2s, 5s;
|
||||
animation-iteration-count: 1, 1;
|
||||
animation-delay: 0s, 2s;
|
||||
.landing_screen_wallpaper img {
|
||||
position: absolute;
|
||||
bottom: calc(192px + 6.25%);
|
||||
max-width: 80%;
|
||||
max-height: 62.5%;
|
||||
animation-name: fade-in-background, grow-wallpaper;
|
||||
animation-duration: 2s, 5s;
|
||||
animation-iteration-count: 1, 1;
|
||||
animation-delay: 0s, 2s;
|
||||
}
|
||||
|
||||
.landing_screen img {
|
||||
animation-name: fade-in;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: 1;
|
||||
background-color: skyblue;
|
||||
.landing_screen img {
|
||||
animation-name: fade-in;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: 1;
|
||||
background-color: skyblue;
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
0% {
|
||||
background-color: white;
|
||||
}
|
||||
@keyframes fade-in {
|
||||
0% {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-color: skyblue;
|
||||
}
|
||||
100% {
|
||||
background-color: skyblue;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade-in-background {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
@keyframes fade-in-background {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 100;
|
||||
}
|
||||
100% {
|
||||
opacity: 100;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes grow-wallpaper {
|
||||
20%, 100% {
|
||||
bottom: unset;
|
||||
}
|
||||
@keyframes grow-wallpaper {
|
||||
20%, 100% {
|
||||
bottom: unset;
|
||||
}
|
||||
|
||||
80%, 100% {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
80%, 100% {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade-out {
|
||||
0% {
|
||||
opacity: 100;
|
||||
}
|
||||
@keyframes fade-out {
|
||||
0% {
|
||||
opacity: 100;
|
||||
}
|
||||
|
||||
10%, 100% {
|
||||
opacity: 0;
|
||||
border-width: 0px;
|
||||
}
|
||||
10%, 100% {
|
||||
opacity: 0;
|
||||
border-width: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.explorer_bar_top {
|
||||
margin-top: 48px;
|
||||
.explorer_bar_top {
|
||||
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 {
|
||||
position: absolute;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
text-shadow: 0px 0px 0px black;
|
||||
.explorer_bar_top p, .explorer_bar_bottom p {
|
||||
position: absolute;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
text-shadow: 0px 0px 0px black;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.explorer_bar_top p {
|
||||
top: calc(71px + 48px - 3px);
|
||||
/* left: 72px; */
|
||||
left: 5.75%;
|
||||
color: black;
|
||||
.address_bar {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: calc(71px + 48px - 7px);
|
||||
border-top-width: 1px;
|
||||
border-top-style: solid;
|
||||
border-top-color: #959387;
|
||||
}
|
||||
|
||||
.explorer_bar_top p::before {
|
||||
position: unset;
|
||||
content: unset;
|
||||
background-image: unset;
|
||||
background-size: unset;
|
||||
display: unset;
|
||||
width: unset;
|
||||
height: unset;
|
||||
top: unset;
|
||||
.address_bar p {
|
||||
/* position: absolute; */
|
||||
/* top: calc(71px + 48px - 3px); */
|
||||
/* left: 72px; */
|
||||
top: 3px;
|
||||
left: 5.75%;
|
||||
width: 85%;
|
||||
background-color: white;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-bottom-color: #94adc5;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.explorer_bar_bottom {
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 23px;
|
||||
/* background-color: limegreen; */
|
||||
.explorer_bar_top p::before {
|
||||
position: unset;
|
||||
content: unset;
|
||||
background-image: unset;
|
||||
background-size: unset;
|
||||
display: unset;
|
||||
width: unset;
|
||||
height: unset;
|
||||
top: unset;
|
||||
}
|
||||
|
||||
.explorer_bar_bottom p {
|
||||
bottom: -8px;
|
||||
left: 22px;
|
||||
color: black;
|
||||
.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; */
|
||||
}
|
||||
|
||||
.portrait img {
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
border-color: #071821;
|
||||
border-radius: 12.5%;
|
||||
/* width: clamp(160px, 320px, 320px); */
|
||||
/* height: clamp(160px, 320px, 320px); */
|
||||
margin-right: 16px;
|
||||
.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 {
|
||||
position: absolute;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 23px;
|
||||
background-color: #efedde;
|
||||
/* background-color: limegreen; */
|
||||
border-top-width: 2px;
|
||||
border-top-style: solid;
|
||||
border-color: #959387;
|
||||
}
|
||||
|
||||
.explorer_bar_bottom p {
|
||||
bottom: -8px;
|
||||
left: 22px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
border-style: solid;
|
||||
border-width: 2px;
|
||||
border-color: #071821;
|
||||
border-radius: 12.5%;
|
||||
/* width: clamp(160px, 320px, 320px); */
|
||||
/* height: clamp(160px, 320px, 320px); */
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Reference in New Issue
Block a user