Compare commits

..

33 Commits

Author SHA1 Message Date
ce0dcb0f46 Fix the URL for health priority worksheet on journey page. 2026-03-16 16:15:36 -07:00
dfe69ff4ea Add link to list of messaging links, without providing them directly on this site. 2026-01-18 15:25:21 -07:00
eb18f54220 Adjust the menu slightly: Home page does not feel necessar now with the blog. Rebalance the amount of links in eah section. Rename Gitea link to Code. 2026-01-14 06:17:57 -07:00
fee1b668c9 -m 2026-01-04 19:45:20 -07:00
fd9244ede4 Move health section below stance on About. 2025-12-28 18:16:00 -07:00
7c09baa243 Remove spaces for browsers / devices which break the menu into multiple lines. 2025-12-28 18:15:25 -07:00
c61c508ce8 Add space for consistency. 2025-12-28 18:12:37 -07:00
f3785042f2 Add menu entry for articles / blogposts. 2025-12-28 18:10:24 -07:00
2a4aedce5e Add TBD. 2025-12-08 15:44:39 -07:00
0ba992352a Fix spacing in comment. 2025-12-08 15:44:35 -07:00
e79ab36292 Merge pull request 'Update Checker Refactor, New Menu Style, Lazy Load Photos Pages' (#17) from prod into main
Reviewed-on: #17
2025-12-01 10:02:03 -07:00
20997473a4 Do not load metadata of videos. Too slow. 2025-12-01 08:54:58 -07:00
c601559059 Change img options to all be before src is specified. 2025-12-01 08:49:41 -07:00
cae8acda27 Lazy load image content. Improves performance for casual viewing. 2025-12-01 08:26:45 -07:00
2dcdfc745a Use the blog subdomain for more blog-ish content. 2025-11-22 10:30:49 -07:00
18db97629f Remove extra trailing slash. 2025-11-21 15:40:07 -07:00
f5251c89f9 Turn off advisory. 2025-11-21 08:53:33 -07:00
ab2dc22213 Add new menu links and recategorize existing entries. 2025-11-21 08:52:37 -07:00
cfe7535c32 Greatly enhance the menu by no longer forcing it into columns. Allows much much in much less space!! 2025-11-16 20:43:06 -07:00
f8d2e3ea08 Comment the 3rd row for now. Still deciding on it. 2025-10-22 19:34:01 -07:00
6a367bebec Add 3rd row with subdomains Blog and Recipes. 2025-10-22 19:06:28 -07:00
219236f167 Move PHP comments into PHP tags since they do not need to be on the website and were in front of the Doc Start tag. 2025-10-17 14:27:53 -07:00
2feb3e88cc Move comment to be after document start. 2025-10-17 14:19:57 -07:00
a1a02500e4 Fix formatting and add back the removed div. 2025-10-17 14:19:04 -07:00
5d9f57fec4 Remove stray a closure. 2025-10-17 14:15:48 -07:00
30a8041fa8 Change order of i and h2 tags, specify that i should be purple in this context. 2025-10-17 14:14:26 -07:00
ff1cf74a00 Remove unnecessary trailing slashes from meta attributes. 2025-10-17 14:12:36 -07:00
5ad44a8056 Remove excess div closure. 2025-10-17 14:10:11 -07:00
b5ea457491 Remove comments which may have some malformed portions showing up on the site. 2025-10-15 09:52:04 -07:00
eaf8d2e0bb Update wording now that there are multiple links. 2025-10-15 06:52:38 -07:00
616663ffe0 Move photo checking out of run.sh and into its own script. 2025-10-15 05:01:33 -07:00
1cd182b3a9 Rename cronjob.sh to check_git.sh. Eventually do the same with the photo checker code so that it can be called from check_git. 2025-10-14 15:13:24 -07:00
ccd4f4d051 Of course I think of something AFTER the release, lol! Reset the photo index file so that any changed CSS is adapted. 2025-10-14 15:10:14 -07:00
24 changed files with 153 additions and 102 deletions

View File

@@ -25,7 +25,9 @@ function kill-project {
} }
function reload-project { function reload-project {
# Nothing to do, run.sh and main.js automatically uses the latest files. # Not much to do, run.sh and main.js automatically uses the latest files.
rm -v files/photos/index.html
# TBD/TODO: Call check_photos.sh once it has been pulled from run.sh.
log "Project reloaded successfully!" log "Project reloaded successfully!"
} }

46
check_photos.sh Executable file
View File

@@ -0,0 +1,46 @@
#!/usr/bin/env bash
# 2025-10-15 Hyperling
# Create script which does the photo checking so that it can be called by
# scripts other than just run.sh, such as if it needs used in check_git.sh.
## Setup ##
DIR="$(dirname -- "${BASH_SOURCE[0]}")"
PROG="$(basename -- "${BASH_SOURCE[0]}")"
cd $DIR
DIR="`pwd`"
NAME="'$PROG'"
function log {
echo -e "`date` : $NAME - $1"
}
## Parameters ##
ports="$1"
## Main ##
count=1
http_code=0
port="${ports%% *}"
photos_uri=":$port/photos/"
beg_time="$SECONDS"
while [[ $http_code != "200" ]]; do
log "Sleeping for '$count' while waiting for $photos_uri to come up."
sleep $count
log "Checking if $photos_uri is available."
http_code="`curl --silent --fail -w '\n%{http_code}' localhost$photos_uri | tail -n 1`"
log "Check for $photos_uri responded with '$http_code'."
if (( $count >= 10 )); then
log "Giving up on loading $photos_uri after '$count' attempts."
break
else
count=$(( count + 1 ))
fi
done
end_time="$SECONDS"
time="$(( $end_time - $beg_time ))"
log "Finished checking for /photos/ after '$time' seconds."
exit 0

View File

@@ -55,8 +55,8 @@
</div> </div>
<?php <?php
include "subpages/about/notice.php"; include "subpages/about/notice.php";
include "subpages/about/health.php";
include "subpages/about/stance.php"; include "subpages/about/stance.php";
include "subpages/about/health.php";
include "helpers/body_close.php"; include "helpers/body_close.php";
?> ?>

View File

@@ -1,8 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<!--
Synonym for home page.
-->
<?php <?php
/* Synonym for home page. */
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Apps"; $GLOBALS["HEADER_TITLE"] = "Apps";
} }

View File

@@ -1,8 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<!--
Alias for where Books menu item should go.
-->
<?php <?php
/* Alias for where Books menu item should go. */
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Books"; $GLOBALS["HEADER_TITLE"] = "Books";
} }

View File

@@ -47,6 +47,12 @@
<ul class="indent"><li> <ul class="indent"><li>
<a href="mailto:me@hyperling.com">me@hyperling.com</a> <a href="mailto:me@hyperling.com">me@hyperling.com</a>
</li></ul> </li></ul>
<p>
Other methods such as a few messaging clients can be found here:
</p>
<ul class="indent"><li>
<a href="https://blog.hyperling.com/contact">blog.hyperling.com/contact</a>
</li></ul>
</div> </div>
</div> </div>
<?php <?php

View File

@@ -1,8 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<!--
Alias for the support page with a more common name.
-->
<?php <?php
/* Alias for the support page with a more common name. */
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Donate"; $GLOBALS["HEADER_TITLE"] = "Donate";
} }

View File

@@ -1,8 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<!--
Page to provide links for Freedom eBook.
-->
<?php <?php
/* Page to provide links for Freedom eBook. */
$GLOBALS["ADVISORY"] = false; $GLOBALS["ADVISORY"] = false;
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Freedom"; $GLOBALS["HEADER_TITLE"] = "Freedom";
@@ -29,7 +27,7 @@
<div class="row"> <div class="row">
<div class="col-12 text"> <div class="col-12 text">
<p> <p>
Click the link below to download the 4-page PDF: Use the links below to download the 4-page PDF:
</p> </p>
<ul class="indent"> <ul class="indent">
<li> <li>

View File

@@ -1,8 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<!--
Page to provide ways people can support me.
-->
<?php <?php
/* Page to provide ways people can support me. */
//$GLOBALS["ADVISORY"] = false; //$GLOBALS["ADVISORY"] = false;
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Health"; $GLOBALS["HEADER_TITLE"] = "Health";
@@ -30,7 +28,7 @@
<div class="row"> <div class="row">
<div class="col-12 text"> <div class="col-12 text">
<p> <p>
Click the link below to download the 10-page PDF: Use the links below to download the 10-page PDF:
</p> </p>
<ul class="indent"> <ul class="indent">
<li> <li>

View File

@@ -1,13 +1,13 @@
#!/usr/bin/php #!/usr/bin/php
<?php <?php
$show_advisory = true; $show_advisory = false;
if ($show_advisory) echo ' if ($show_advisory) echo '
<div class="row"> <div class="row">
<p><!-- Gap Area --></p> <p><!-- Gap Area --></p>
</div> </div>
<div class="row center title" id="advisory"> <div class="row center title" id="advisory">
<i><h2 class="col-12 title">Latest Announcement</h2></i> <h2 class="col-12 title"><i class="purple">Latest Announcement</i></h2>
<a href="/freedom/"> <a href="/freedom/">
<div class="col-12 text"> <div class="col-12 text">
<u class="orange">2025-09-28</u> <u class="orange">2025-09-28</u>

View File

@@ -10,11 +10,7 @@
<a href='/about/'> <a href='/about/'>
<div class="row"> <div class="row">
<?php if ($show_pics) echo ' <?php if ($show_pics) echo '
<div class="col-3 header center banner-image banner-image01"> <div class="col-3 header center banner-image banner-image01"></div>
<!-<img src="/files/media/icons/home.jpg"
alt="<<banner01.jpg>>"
>-->
</div>
';?> ';?>
<div class="col-<?php echo "$banner_width"; ?> header"> <div class="col-<?php echo "$banner_width"; ?> header">
<div class="banner-top">Peace</div> <div class="banner-top">Peace</div>
@@ -22,11 +18,7 @@
<div class="banner-bottom">Happiness</div> <div class="banner-bottom">Happiness</div>
</div> </div>
<?php if ($show_pics) echo ' <?php if ($show_pics) echo '
<div class="col-3 header center banner-image banner-image02"> <div class="col-3 header center banner-image banner-image02"></div>
<!--<img src="/files/media/icons/contact.jpg"
alt="<<banner02.jpg>>"
>-->
</div>
';?> ';?>
</div> </div>
</a> </a>

View File

@@ -30,16 +30,16 @@
<?php include "banner.css"; ?> <?php include "banner.css"; ?>
</style> </style>
<meta property="og:title" content="Hyperling"/> <meta property="og:title" content="Hyperling">
<meta property="og:description" content="Apps, eBooks, media, and other resources from the brands Hyperling and HyperVegan."/> <meta property="og:description" content="Apps, eBooks, media, and other resources from the brands Hyperling and HyperVegan.">
<meta property="og:site_name" content="Hyperling"/> <meta property="og:site_name" content="Hyperling">
<meta property="og:url" content="https://hyperling.com/"/> <meta property="og:url" content="https://hyperling.com/">
<meta property="og:type" content="website"/> <meta property="og:type" content="website">
<meta property="og:image" content="https://hyperling.com/files/media/icons/home.jpg"/> <meta property="og:image" content="https://hyperling.com/files/media/icons/home.jpg">
<meta name="referrer" content="same-origin"/> <meta name="referrer" content="same-origin">
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Hyperling" /> <meta name="twitter:title" content="Hyperling">
<meta name="twitter:description" content="Apps, eBooks, media, and other resources from the brands Hyperling and HyperVegan." /> <meta name="twitter:description" content="Apps, eBooks, media, and other resources from the brands Hyperling and HyperVegan.">
<meta name="twitter:image" content="https://hyperling.com/files/media/icons/home.jpg" /> <meta name="twitter:image" content="https://hyperling.com/files/media/icons/home.jpg">
</head> </head>

View File

@@ -1,5 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<div class="row header menu"> <div class="row header menu">
<!--
<ul class="menu-list"> <ul class="menu-list">
<li class="col-3 menu-item"><a href="/">Home</a></li> <li class="col-3 menu-item"><a href="/">Home</a></li>
<li class="col-3 menu-item"><a href="/about/">About</a></li> <li class="col-3 menu-item"><a href="/about/">About</a></li>
@@ -16,4 +17,45 @@
</li> </li>
<li class="col-3 menu-item"><a href="/photos/">Photos</a></li> <li class="col-3 menu-item"><a href="/photos/">Photos</a></li>
</ul> </ul>
-->
<!--
<ul class="menu-list">
<li class="col-3 menu-item"></li>
<li class="col-3 menu-item">
<a href="https://blog.hyperling.com"
target="_blank" rel="noopener noreferrer"
>Blog</a>
</li>
<li class="col-3 menu-item">
<a href="https://recipes.hyperling.com"
target="_blank" rel="noopener noreferrer"
>Recipes</a>
</li>
<li class="col-3 menu-item"></li>
</ul>
-->
<p class="menu-list">
Main:
<a href="/apps/">Apps</a>
<a href="/about/">About</a>
<a href="/contact/">Contact</a>
<a href="/support/">Support</a>
| Media:
<a href="https://git.hyperling.com/me/"
target="_blank" rel="noopener noreferrer">Code</a>
<a href="https://works.hyperling.com/tags/books/"
target="_blank" rel="noopener noreferrer">Books</a>
<a href="https://works.hyperling.com/videos/"
target="_blank" rel="noopener noreferrer">Videos</a>
<a href="/photos/">Photos</a>
| Blog:
<a href="https://blog.hyperling.com/categories/articles/"
target="_blank" rel="noopener noreferrer">Articles</a>
<a href="https://recipes.hyperling.com/categories/recipes/"
target="_blank" rel="noopener noreferrer">Recipes</a>
<a href="https://blog.hyperling.com/categories/musings/"
target="_blank" rel="noopener noreferrer">Poetry</a>
<a href="https://recipes.hyperling.com/categories/guides/"
target="_blank" rel="noopener noreferrer">Guides</a>
</div> </div>

View File

@@ -1,8 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<!--
Landing page, keeping it apps and development projects like old WordPress site.
-->
<?php <?php
/* Landing page, keeping it apps and development projects like old WordPress site. */
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Announcements"; $GLOBALS["HEADER_TITLE"] = "Announcements";
} }

View File

@@ -111,7 +111,7 @@ cat << EOF
Speaking of lifestyle, that is something else I learned from listening Speaking of lifestyle, that is something else I learned from listening
to my new role models. "Sleep Water Sugar" as Durianrider used to say. to my new role models. "Sleep Water Sugar" as Durianrider used to say.
The The
<a href="https://files.hyperling.com/media/HealthPriorities.pdf" <a href="/files/media/documents/HealthPriorities.pdf"
target="_blank">PDF</a> target="_blank">PDF</a>
on my main on my main
<a href="/about/#health" target="_blank">Health</a> <a href="/about/#health" target="_blank">Health</a>

View File

@@ -1,8 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<!--
Page for my video links.
-->
<?php <?php
/* Page for my video links. */
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Media"; $GLOBALS["HEADER_TITLE"] = "Media";
} }
@@ -109,7 +107,7 @@
<div class="row"> <div class="row">
<div class="col-12 text"> <div class="col-12 text">
<p> <p>
I don't have social media, so where do my photos and videos go? I don't have social media, so where do my personal photos and videos go?
Try right here! Try right here!
</p> </p>
<ul class="indent"><li> <ul class="indent"><li>

View File

@@ -2,6 +2,10 @@
# 2024-01-21 Hyperling # 2024-01-21 Hyperling
# Transition away from PhotoPrism. Helps to save system resources and downsize. # Transition away from PhotoPrism. Helps to save system resources and downsize.
## TBD ##
# - Have links at the top of the ALL page for jumping between years.
## End TBD
## Static Variables ## ## Static Variables ##
DIR=`dirname $0` DIR=`dirname $0`
a="a target='_blank' rel='noopener noreferrer'" a="a target='_blank' rel='noopener noreferrer'"
@@ -146,14 +150,14 @@ function build_album_pages {
echo -en "\t\t\t\t<$a href='/$photo'>" >> $subpage echo -en "\t\t\t\t<$a href='/$photo'>" >> $subpage
# Determine what type of media it is, and how to display it. # Determine what type of media it is, and how to display it.
if [[ $photo == *".mp4" ]]; then if [[ $photo == *".mp4" ]]; then
echo -e "\t\t\t\t\t<video width='320px' controls>" >> $subpage echo -e "\t\t\t\t\t<video width='320px' preload='none' controls>" >> $subpage
echo -e "\t\t\t\t\t\t<source src='/$photo' type=video/mp4>" >> $subpage echo -e "\t\t\t\t\t\t<source src='/$photo' type=video/mp4>" >> $subpage
echo -e "\t\t\t\t\t\tYour browser does not support videos." >> $subpage echo -e "\t\t\t\t\t\tYour browser does not support videos." >> $subpage
echo -e "\t\t\t\t\t</video>" >> $subpage echo -e "\t\t\t\t\t</video>" >> $subpage
elif [[ $photo == *".md" || $photo == *".txt" ]]; then elif [[ $photo == *".md" || $photo == *".txt" ]]; then
echo -e "\t\t\t\t\t<p>`cat $photo`</p>" >> $subpage echo -e "\t\t\t\t\t<p>`cat $photo`</p>" >> $subpage
else else
echo -e "\t\t\t\t\t<img src='/$photo' alt=''>" >> $subpage echo -e "\t\t\t\t\t<img loading='lazy' alt='' src='/$photo'>" >> $subpage
fi fi
# Check if it needs an extra descriptive detail. # Check if it needs an extra descriptive detail.
echo -en "\t\t\t\t\t<p>$filename" >> $subpage echo -en "\t\t\t\t\t<p>$filename" >> $subpage
@@ -229,11 +233,11 @@ function build_all_page {
dir_name="${dir_name//_/ }" dir_name="${dir_name//_/ }"
dir_name="${dir_name//-/ }" dir_name="${dir_name//-/ }"
media="<img src='$media_uri' alt='' style='width:100%'>" media="<img style='width:100%' loading='lazy' alt='' src='$media_uri'>"
# Determine how to show the file. # Determine how to show the file.
if [[ $media_uri == *".mp4" ]]; then if [[ $media_uri == *".mp4" ]]; then
media="<video controls style='width:100%'>" media="<video style='width:100%' preload='none' controls>"
media="${media}<source src='$media_uri' type=video/mp4>" media="${media}<source src='$media_uri' type=video/mp4>"
media="${media}Your browser does not support videos." media="${media}Your browser does not support videos."
media="${media}</video>" media="${media}</video>"

View File

@@ -1,8 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<!--
Lists of items which I'd like to share such as gear and frequently used apps.
-->
<?php <?php
/* Lists of items which I'd like to share such as gear and frequently used apps. */
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Resources"; $GLOBALS["HEADER_TITLE"] = "Resources";
} }

View File

@@ -1,8 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<!--
Page for my resume and work skill links.
-->
<?php <?php
/* Page for my resume and work skill links. */
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Resume"; $GLOBALS["HEADER_TITLE"] = "Resume";
} }

View File

@@ -54,7 +54,6 @@
>Watch the announcement here | (HyperVegan: "Expense Tracker App")</a> >Watch the announcement here | (HyperVegan: "Expense Tracker App")</a>
</p> </p>
</div> </div>
</a>
</div> </div>
<div class="row"> <div class="row">

View File

@@ -1,8 +1,6 @@
#!/usr/bin/php #!/usr/bin/php
<!--
Page to provide ways people can support me.
-->
<?php <?php
/* Page to provide ways people can support me. */
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Support"; $GLOBALS["HEADER_TITLE"] = "Support";
} }

View File

@@ -1,9 +1,9 @@
#!/usr/bin/php #!/usr/bin/php
<!-- <?php
/*
Old page for my video links. Old page for my video links.
Deprecated 2024-03-06 for /media. Deprecated 2024-03-06 for /media.
--> */
<?php
if (!isset($GLOBALS["HEADER_TITLE"])) { if (!isset($GLOBALS["HEADER_TITLE"])) {
$GLOBALS["HEADER_TITLE"] = "Videos"; $GLOBALS["HEADER_TITLE"] = "Videos";
} }

28
run.sh
View File

@@ -123,35 +123,15 @@ log "Removing old index files."
find files/photos/ -name "*".html -print -delete find files/photos/ -name "*".html -print -delete
{ {
check_main photos check_main photos
count=1 $DIR/check_photos.sh "$ports"
http_code=0
port="${ports%% *}"
photos_uri=":$port/photos/"
beg_time="$SECONDS"
while [[ $http_code != "200" ]]; do
log "Sleeping for '$count' while waiting for $photos_uri to come up."
sleep $count
log "Checking if $photos_uri is available."
http_code="`curl --silent --fail -w '\n%{http_code}' localhost$photos_uri | tail -n 1`"
log "Check for $photos_uri responded with '$http_code'."
if (( $count >= 10 )); then
log "Giving up on loading $photos_uri after '$count' attempts."
break
else
count=$(( count + 1 ))
fi
done
end_time="$SECONDS"
time="$(( $end_time - $beg_time ))"
log "Finished checking for /photos/ after '$time' seconds."
} & } &
## Main ## ## Main ##
log "Start local cronjob." log "Start check_git."
while true; do while true; do
check_main cronjob check_main check_git
$DIR/cronjob.sh $DIR/check_git.sh
sleep 30 sleep 30
done & done &