Major Fix, Minor Fixes, and Style / Tag Refactoring #4

Merged
me merged 16 commits from dev into main 2025-05-19 10:08:05 -07:00
22 changed files with 262 additions and 202 deletions

View File

@ -104,7 +104,14 @@ async function main() {
</url>
`;
let sitemap_html = `
<html><body>
<!DOCTYPE html>
<html lang="en">
<head>
<title>
Sitemap for Hyperling
</title>
</head>
<body>
<strong>Special Pages</strong>
<ul>
<li>

View File

@ -1,6 +1,6 @@
{
"dependencies": {
"express": ">=4.18.1"
"express": ">=4.18.1 < 5.0.0"
},
"scripts": {
"start": "./run.sh"

View File

@ -6,7 +6,7 @@
<div class="row">
<h1 class="col-12 title">Who Am I?</h1>
<div class="col-12 header center" >
<img src="/files/media/icons/about.jpg">
<img src="/files/media/icons/about.jpg" alt="">
</div>
</div>
<div class="row">

7
pages/apps.php Executable file
View File

@ -0,0 +1,7 @@
#!/usr/bin/php
<!--
Synonym for home page.
-->
<?php
include "home.php";
?>

View File

@ -6,7 +6,7 @@
<div class="row">
<h1 class="col-12 title">Contact</h1>
<div class="col-12 header center" >
<img src="/files/media/icons/contact.jpg">
<img src="/files/media/icons/contact.jpg" alt="">
</div>
</div>
<div class="row">

View File

@ -10,14 +10,14 @@
<a href="/health/">
<div class="col-12 text">
<u class="orange">2024-03-07</u>
<br/>
<br>
Find my free eBook, "Hyperling's Health Protocol",
<u class="orange">here</u>!
</div>
</a>
<!--<div class="col-12 text">
<u>2024-03-31</u>
<br/>
<br>
There's a
<a href="/home/#tictactoe">new app</a>
in town,

View File

@ -1,4 +1,4 @@
/*** Logo In Header ***/
/*** Logo In Header ***/
/* Shared Attributes */
.banner-top, .banner-middle, .banner-bottom {

View File

@ -1,4 +1,4 @@
/*** Dark Theme ***/
/*** Dark Theme ***/
body {
background-color: #444444;
}

34
pages/helpers/font.css Normal file
View File

@ -0,0 +1,34 @@
/*** Fonts and text sizes. ***/
/* For debugging anything which does not have a font size yet. * /
* {
color: cyan;
font-size: xx-large;
}
/* */
p,li,code,a,pre {
font-size: medium;
}
b,figcaption {
font-size: large;
font-weight: bold;
}
strong,img {
font-size: larger;
font-weight: bolder;
}
h6,h5 {
font-size: larger;
}
h4,h3 {
font-size: x-large;
}
h2,h1 {
font-size: xx-large;
}

View File

@ -8,19 +8,19 @@
<div class="row" id="footer">
<div class="col-12 title center">
Have a Health or Freedom related project which could use my help?
<a href="mailto:me@hyperling.com">Please let me know</a>!
<p>
Have a Health or Freedom related project which could use my help?
<a href="mailto:me@hyperling.com">Please let me know</a>!
</p>
</div>
</div>
<div class="row">
<!--<div class="col-3"></div>-->
<h6 class="col-6 center">
<div class="row center">
<div class="col-6">
<a href="https://git.hyperling.com/me/nodejs-website/src/branch/main/LICENSE"
target="_blank" rel="noopener noreferrer"
>This website is free software! Click here to learn more.</a>
</h6>
<h6 class="col-6 center">
</div>
<div class="col-6">
<a href="/sitemap/">Full Site Map</a>
</h6>
<!--<div class="col-3"></div>-->
</div>
</div>

View File

@ -1,18 +1,21 @@
#!/usr/bin/php
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<title>Hyperling</title>
<link rel="icon" sizes="32x32"
href="/files/media/icons/favicon.ico"
/>
>
<link rel="icon" sizes="192x192"
href="/files/media/icons/favicon.ico"
/>
>
<!-- CSS -->
<style>
<?php include "main.css"; ?>
</style>
<style>
<?php include "font.css"; ?>
</style>
<style>
<?php include "dark.css"; ?>
</style>

View File

@ -1,4 +1,4 @@
/*** 2022-09-14 CSS for the website. ***/
/*** 2022-09-14 CSS for the website. ***/
/* https://www.w3schools.com/Css/css_rwd_grid.asp */
/* Enable dynamic stuffs, makes the element think its entire size includes padding. */
@ -137,3 +137,8 @@
margin-right: auto;
padding: 5px;
}
.app-icon {
width: 25%;
height: 25%;
}

View File

@ -2,11 +2,11 @@
<div class="row header menu">
<ul class="menu-list">
<li class="col-1"></li>
<li class="col-2 menu-item"><a href="/home/">Android Apps</a></li>
<li class="col-2 menu-item"><a href="/media/">Books / Socials</a></li>
<li class="col-2 menu-item"><a href="/about/">About Me</a></li>
<li class="col-2 menu-item"><a href="/contact/">Contact Details</a></li>
<li class="col-2 menu-item"><a href="/support/">Support / Donate</a></li>
<li class="col-2 menu-item"><a href="/apps/">Apps</a></li>
<li class="col-2 menu-item"><a href="/media/">Media</a></li>
<li class="col-2 menu-item"><a href="/about/">About</a></li>
<li class="col-2 menu-item"><a href="/contact/">Contact</a></li>
<li class="col-2 menu-item"><a href="/support/">Support</a></li>
<li class="col-1"></li>
</ul>
</div>

View File

@ -9,11 +9,11 @@
<div class="row">
<h1 class="col-12 title">Welcome!</h1>
<div class="col-12 header center" >
<img src="/files/media/icons/home.jpg">
<img src="/files/media/icons/home.jpg" alt="">
</div>
</div>
<div class="row">
<div class="col-12 text center">
<div class="col-12 text">
<p>
Thank you for visiting my site! My goal is to make the world a
better place. Hopefully you find content here which helps empower

View File

@ -9,7 +9,7 @@
<div class="row">
<h1 class="col-12 title">Media</h1>
<div class="col-12 header center" >
<img src="/files/media/icons/videos.jpg">
<img src="/files/media/icons/videos.jpg" alt="">
</div>
</div>
<div class="row">

View File

@ -131,7 +131,7 @@ ls $PHOTOS_DIR/ | sort -r | while read album; do
elif [[ $photo == *".md" || $photo == *".txt" ]]; then
echo -e "\t\t\t\t\t<p>`cat $photo`</p>" >> $subpage
else
echo -e "\t\t\t\t\t<img src='/$photo'/>" >> $subpage
echo -e "\t\t\t\t\t<img src='/$photo'/ alt="">" >> $subpage
fi
# Check if it needs an extra descriptive detail.
echo -en "\t\t\t\t\t<p>$filename" >> $subpage

View File

@ -9,7 +9,7 @@
<div class="row">
<h1 class="col-12 title">Resume</h1>
<div class="col-12 header center" >
<img src="/files/media/icons/home.jpg"> <!-- TBD use a new photo -->
<img src="/files/media/icons/home.jpg" alt=""> <!-- TBD use a new photo -->
</div>
<h2 class="col-12 title center">Current Status : Traveling Full Time</h2>
</div>

View File

@ -12,12 +12,14 @@
I have not been sick since I cleaned up my lifestyle in 2014. No
colds, flus, fevers, etc. My suggestions for accomplishing this
are simple. Consistently:
</p>
<ul class="indent">
<li>eat enough clean food,</li>
<li>drink enough clean water,</li>
<li>get enough good sleep, and</li>
<li>enjoy a low-stress life.</li>
</ul>
<p>
Unfortunately our society today has many different views on how
to do these things, most of which I would say do not work. A
quick list of my protocol without getting too into the weeds can

View File

@ -33,177 +33,177 @@
<div class="row center text">
<div class="col-12 text border" id="expense">
<figure>
<a href="https://git.hyperling.com/me/flutter-expense-tracker/releases">
<img loading="lazy" width="25%" height="25%" alt="expense_image"
<a href="https://git.hyperling.com/me/flutter-expense-tracker/releases">
<figure>
<img class="app-icon" loading="lazy" alt=""
src="/files/media/icons/expense.png"
/>
>
<figcaption>
<p>Recurring Expense Tracker</p>
</a>
<p>
Keep track of repeating expenses and
view projections of their effect on your finances.
First app written with Flutter.
</p>
<p>
<!--[<s><a>F-Droid</a></s>]-->
[<a href="https://git.hyperling.com/me/flutter-expense-tracker/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/flutter-expense-tracker/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
</figcaption>
</figure>
Recurring Expense Tracker
</figcaption>
</figure>
</a>
<p>
Keep track of repeating expenses and
view projections of their effect on your finances.
First app written with Flutter.
</p>
<p>
<!--[<s><a>F-Droid</a></s>]-->
[<a href="https://git.hyperling.com/me/flutter-expense-tracker/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/flutter-expense-tracker/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
</div>
<div class="col-12 text border" id="tictactoe">
<figure>
<a href="https://git.hyperling.com/me/android-tictactoe/releases">
<img loading="lazy" width="25%" height="25%" alt="tictactoe_image"
<a href="https://git.hyperling.com/me/android-tictactoe/releases">
<figure>
<img class="app-icon" loading="lazy" alt=""
src="/files/media/icons/tictactoe.png"
/>
>
<figcaption>
<p>Tic-Tac-Toe</p>
</a>
<p>
Play against a friend or a range of AIs.
Written to practice Kotlin/Compose.
</p>
<p>
<!--[<s><a>F-Droid</a></s>]-->
[<a href="https://git.hyperling.com/me/android-tictactoe/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-tictactoe/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
</figcaption>
</figure>
Tic-Tac-Toe
</figcaption>
</figure>
</a>
<p>
Play against a friend or a range of AIs.
Written to practice Kotlin/Compose.
</p>
<p>
<!--[<s><a>F-Droid</a></s>]-->
[<a href="https://git.hyperling.com/me/android-tictactoe/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-tictactoe/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
</div>
<div class="col-12 text border" id="ctfu">
<figure>
<a href="https://git.hyperling.com/me/android-carb-up/releases"
target="_blank" rel="noopener noreferrer">
<img loading="lazy" width="25%" height="25%" alt="ctfu_image"
<a href="https://git.hyperling.com/me/android-carb-up/releases"
target="_blank" rel="noopener noreferrer">
<figure>
<img class="app-icon" loading="lazy" alt=""
src="/files/media/icons/ctfu.png"
/>
>
<figcaption>
<p>Carb Up! BETA</p>
</a>
<p>
Calculate cost-effective foods on a High Carb Low Fat lifestyle.
</p>
<p>
<!--[<a href="https://play.google.com/store/apps/details?id=com.hyperling.carbupbeta"
target="_blank" rel="noopener noreferrer">Play Store</a>]-->
[<a href="https://git.hyperling.com/me/android-carb-up/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-carb-up/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
<!--<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>-->
</figcaption>
</figure>
Carb Up! BETA
</figcaption>
</figure>
</a>
<p>
Calculate cost-effective foods on a High Carb Low Fat lifestyle.
</p>
<p>
<!--[<a href="https://play.google.com/store/apps/details?id=com.hyperling.carbupbeta"
target="_blank" rel="noopener noreferrer">Play Store</a>]-->
[<a href="https://git.hyperling.com/me/android-carb-up/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-carb-up/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
<!--<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>-->
</div>
<div class="col-12 text border" id="timer">
<figure>
<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
target="_blank" rel="noopener noreferrer"
>
<img loading="lazy" width="25%" height="25%" alt="infinitetimer_image"
<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
target="_blank" rel="noopener noreferrer"
>
<figure>
<img class="app-icon" loading="lazy" alt=""
src="/files/media/icons/infinitetimer.png"
/>
>
<figcaption>
<p>Infinite Timer</p>
</a>
<p>
Play a notification at your chosen interval.
</p>
<p>
<!--[<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.infinitetimer"
target="_blank" rel="noopener noreferrer">Play Store</a>]-->
[<a href="https://git.hyperling.com/me/android-infinite-timer/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
<!--<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>-->
</figcaption>
</figure>
Infinite Timer
</figcaption>
</figure>
</a>
<p>
Play a notification at your chosen interval.
</p>
<p>
<!--[<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.infinitetimer"
target="_blank" rel="noopener noreferrer">Play Store</a>]-->
[<a href="https://git.hyperling.com/me/android-infinite-timer/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
<!--<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>-->
</div>
<div class="col-12 text border" id="sleep">
<figure>
<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
target="_blank" rel="noopener noreferrer">
<img loading="lazy" width="25%" height="25%" alt="45minuterule"
<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
target="_blank" rel="noopener noreferrer">
<figure>
<img class="app-icon" loading="lazy" alt=""
src="/files/media/icons/t45mr.png"
/>
>
<figcaption>
<p>45 Minute Rule</p>
</a>
<p>
Determine a good bedtime for waking during light sleep.
</p>
<p>
<!--[<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.the45minuterule"
target="_blank" rel="noopener noreferrer">Play Store</a>]-->
[<a href="https://git.hyperling.com/me/android-45-minute-rule/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
<!--<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>-->
</figcaption>
</figure>
45 Minute Rule
</figcaption>
</figure>
</a>
<p>
Determine a good bedtime for waking during light sleep.
</p>
<p>
<!--[<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.the45minuterule"
target="_blank" rel="noopener noreferrer">Play Store</a>]-->
[<a href="https://git.hyperling.com/me/android-45-minute-rule/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
<!--<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>-->
</div>
<div class="col-12 text border" id="games">
<figure>
<a href="https://git.hyperling.com/me/android-hypergames/releases"
target="_blank" rel="noopener noreferrer"
>
<img loading="lazy" width="25%" height="25%" alt="hypergames_image"
<a href="https://git.hyperling.com/me/android-hypergames/releases"
target="_blank" rel="noopener noreferrer"
>
<figure>
<img class="app-icon" loading="lazy" alt=""
src="/files/media/icons/hypergames.png"
/>
>
<figcaption>
<p>
HyperGames
</p>
</a>
<p>
Started as a fun project for learning.
Playable but unfinished.
</p>
<p>
<!--[<a href="https://play.google.com/store/apps/details?id=apps.hyperling.com.platformer"
target="_blank" rel="noopener noreferrer">Play Store</a>]-->
[<a href="https://git.hyperling.com/me/android-hypergames/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-hypergames/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
<!--<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>-->
</p>
</figcaption>
</figure>
</figcaption>
</figure>
</a>
<p>
Started as a fun project for learning.
Playable but unfinished.
</p>
<p>
<!--[<a href="https://play.google.com/store/apps/details?id=apps.hyperling.com.platformer"
target="_blank" rel="noopener noreferrer">Play Store</a>]-->
[<a href="https://git.hyperling.com/me/android-hypergames/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-hypergames/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
<!--
<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>
-->
</div>
</div>

View File

@ -7,65 +7,66 @@
<div class="row text">
<div class="col-4 center border">
<h3 class="title spacing">Preference 1 - Private Crypto</h3>
<p>Send me any type of coin.</p>
<strong class="spacing">Preference 1 - Private Crypto</strong>
<p>Send any type of coin.</p>
<div class="header">
<!-- https://trocador.app/en/anonpayurlgenerator -->
<iframe src="https://trocador.app/anonpay/?ticker_to=xmr&network_to=Mainnet&address=4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao&donation=True&amount=1337.0&name=Chad&description=Support+Chad+%40+Hyperling&email=me@hyperling,com&ticker_from=doge&network_from=Mainnet&buttonbgcolor=663399&textcolor=cccccc&bgcolor=" width="310" height="350" style="border:0" scrolling="no"></iframe>
<iframe src="https://trocador.app/anonpay/?ticker_to=xmr&network_to=Mainnet&address=4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao&donation=True&amount=1337.0&name=Chad&description=Support+Chad+%40+Hyperling&email=me@hyperling,com&ticker_from=doge&network_from=Mainnet&buttonbgcolor=663399&textcolor=cccccc&bgcolor=" width="310" height="350" style="border:0; overflow:hidden;"></iframe>
</div>
</div>
<div class="col-4 center border">
<h3 class="title spacing">Preference 2 - Public Crypto</h3>
<p>Donate directly to my addresses.</p>
<strong class="spacing">Preference 2 - Public Crypto</strong>
<p>Donate directly to an address.</p>
<div class="header">
<br/>
<br>
<strong><code>XMR | Monero</code></strong>
<div class="code"><code>4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao</code></div>
<br/>
<br>
<strong><code>BTC | Bitcoin</code></strong>
<div class="code"><kbd>bc1qsfe8dkvry3d34kztz449gkq67wq8fu2nkgfkh0</kbd></div>
<br/>
<div class="code"><code>bc1qsfe8dkvry3d34kztz449gkq67wq8fu2nkgfkh0</code></div>
<br>
<strong><code>LTC | Litecoin</code></strong>
<div class="code"><code>ltc1qavmpu5d6ljntxsd6jj548m4yys83zwscl0dzkx</code></div>
<br/>
<br>
<strong><code>LBC | Odysee's Coin</code></strong>
<div class="code"><code>bDWP6qZajtm9Q9EkryKTorRwKFd5eDbPJj</code></div>
<br/>
<br>
</div>
</div>
<div class="col-4 center border">
<h3 class="title spacing">Preference 3 - Public USD</h3>
<strong class="spacing">Preference 3 - Public USD</strong>
<p>Send USD to a fiat-based account.</p>
<div class="header">
<br/>
<br>
<strong><code>Zelle</code></strong>
<div class="code">
<kbd>me@hyperling.com</kbd>
<br/>
<br/>
<img src="/files/media/icons/zelle.png">
<code>me@hyperling.com</code>
<br>
<br>
<img src="/files/media/icons/zelle.png" alt="">
</div>
<br/>
<br>
<strong><code>Venmo</code></strong>
<div class="code">
<kbd>
<code>
@HyperVegan
<br/>
<br/>
<kbd>[<a href="https://account.venmo.com/u/HyperVegan"
<br>
<br>
<code>[<a href="https://account.venmo.com/u/HyperVegan"
target="_blank" rel="noopener noreferrer"
>Account Page</a>]
</kbd>
</code>
</code>
</div>
<br/>
<br>
</div>
</div>

View File

@ -9,7 +9,7 @@
<div class="row">
<h1 class="col-12 title">Support</h1>
<div class="col-12 header center" >
<img src="/files/media/icons/support.jpg">
<img src="/files/media/icons/support.jpg" alt="">
</div>
<div class="col-12 text center">
<p>

View File

@ -11,10 +11,10 @@ cat << EOF
Look at all the fancy things we can do!
</p>
<h2>Current Time</h2>
<p>
<p>
We can use the date command to spit out the time!
</p>
<p>
<p>
`date`
</p>
EOF
@ -22,7 +22,8 @@ EOF
# Create a subsection
echo -e "\t\t<h2>Server Neofetch</h2>"
echo -e "\t\t<p>"
neofetch --stdout
#neofetch --stdout
echo "jk lol"
echo -e "\t\t</p>"
# Finish the web page