Add Book Announcement + Profession Section (#21)

* Add descriptors of how long the media are.

* Add a link for the local mp3, change AUDIO tags to MP3, explicitly call things Direct Download.

* Add a banner for my eBook.

* Add a "help wanted?" type message on the bottom of the site.

* Remove doubled nature-based.

* Change some verbiage and reduce the repetitive wording. Do not show the advisory on this page for now.

* Add a TBD section for future creative works.

* Read a global variable for which pages should show the advisory.

* Slight rewording and also adjusting text to ruler.

* Increase anchor size.

* Don't include exclamation in anchor

* Add a section on my experience.

* Fix to ruler.

* Change menu item for home page to Apps.

* Fix typo and shorten verbiage.

* Add note for when Art is added to Media. :D

pages/about.php

@@ -25,6 +25,7 @@
 					planted at least one fruit tree or had a small square foot
 					garden. We would be in paradise!
 				</p>
+				<!-- TBD change this to 'Coding, videos, and art' :) -->
 				<p>
 					Coding and videos aren't my only hobbies, I'm also big into
 					health. I see it as humanity's most important asset and take a
@@ -35,8 +36,8 @@
 					information on that.
 				</p>
 				<p>
-					I'm also an avid gardener, focusing on the principles of
+					I'm also an avid gardener, focusing on the principles of native
-					nature-based permaculture in order to grow fruits and vegetables.
+					plants and permaculture in order to grow fruits and vegetables.
 					Food forestry is one of my favorites! I have many other outdoor
 					interests too such as hiking, camping, backpacking, foraging, and
 					traveling.

pages/health.php

@@ -3,6 +3,7 @@
 	Page to provide ways people can support me.
 -->
 <?php
+	$GLOBALS["ADVISORY"] = false;
 	include "helpers/body_open.php";
 ?>
 
@@ -12,24 +13,33 @@
 		<div class="row">
 			<div class="col-12 text">
 				<p>
-					Please click the following link to download the PDF:
+					Please click the link below to download the 12-page PDF:
 				</p>
 				<ul class="indent"><li>
 					<a href="/files/media/documents/HyperlingsHealthProtocol.pdf">
-						Hyperling's Health Protocol [PDF]
+						[PDF] | Direct Download
 					</a>
 				</li></ul>
 
 				<p>
-					There is also an audio version which can be found here:
+					There is also a 30 minute audio version which can be found here:
 				</p>
-				<ul class="indent"><li>
+				<ul class="indent">
-					<a href="https://odysee.com/@HyperVegan:2/20240307_MyHealthProtocolAudio:1"
+					<li>
-						target="_blank" rel="noopener noreferrer"
+						<a href="/files/media/documents/HyperlingsHealthProtocol.mp3"
-					>
+							target="_blank" rel="noopener noreferrer"
-						Hyperling's Health Protocol [AUDIO] | Odysee
+						>
-					</a>
+							[MP3] | Direct Download
-				</li></ul>
+						</a>
+					</li>
+					<li>
+						<a href="https://odysee.com/@HyperVegan:2/20240307_MyHealthProtocolAudio:1"
+							target="_blank" rel="noopener noreferrer"
+						>
+							[MP3] | Odysee
+						</a>
+					</li>
+				</ul>
 
 				<p>
 					Curious how I made it? Check out its GitHub project:
@@ -38,27 +48,29 @@
 					<a href="https://github.com/Hyperling/HealthProtocol"
 						target="_blank" rel="noopener noreferrer"
 					>
-						Hyperling's Health Protocol [CODE] | GitHub
+						[CODE] | GitHub
 					</a>
 				</li></ul>
 
 				<p>
 					Related URLs:
 				</p>
-				<ul class="indent"><li>
+				<ul class="indent">
-					<a href="https://odysee.com/@HyperVegan:2/20240306_MyHealthProtocol-Book:9"
+					<li>
-						target="_blank" rel="noopener noreferrer"
+						<a href="https://odysee.com/@HyperVegan:2/20240306_MyHealthProtocol-Book:9"
-					>
+							target="_blank" rel="noopener noreferrer"
-						Book Release Announcement | Odysee
+						>
-					</a>
+							Book Release Announcement | Odysee
-				</li></ul>
+						</a>
-				<ul class="indent"><li>
+					</li>
-					<a href="https://www.drmcdougall.com/education/information/cpb/"
+					<li>
-						target="_blank" rel="noopener noreferrer"
+						<a href="https://www.drmcdougall.com/education/information/cpb/"
-					>
+							target="_blank" rel="noopener noreferrer"
-						Dr. McDougall's Color Picture Book | DrMcDougall.com
+						>
-					</a>
+							Dr. McDougall's Color Picture Book | DrMcDougall.com
-				</li></ul>
+						</a>
+					</li>
+				</ul>
 			</div>
 		</div>
 

pages/helpers/advisory.php

@@ -1,4 +1,15 @@
 #!/usr/bin/php
-		<div class="row" id="advisory">
+		<div class="row">
-			<!-- No advisories at this moment. -->
+			<p><!-- Gap Area --></p>
-		</div>
+		</div>
+
+		<div class="row center" id="advisory">
+			<div class="col-12 title">
+				<h2><i>Announcements</i></h2>
+			</div>
+			<div class="col-12 text">
+				<a href="/health/">
+					Find my free new eBook "Hyperling's Health Protocol" here!
+				</a>
+			</div>
+		</div>

pages/helpers/body_open.php

@@ -8,5 +8,6 @@
 <?php
 	include "banner.php";
 	include "menu.php";
-	include "advisory.php";
+	if ($GLOBALS["ADVISORY"] !== false)
+		include "advisory.php";
 ?>

pages/helpers/footer.php

@@ -2,10 +2,20 @@
 <?php
 	include "menu.php"
 ?>
+		<div class="row">
+			<p><!-- Gap Area --></p>
+		</div>
+
 		<div class="row" id="footer">
+			<div class="col-12 text center">
+				Have a Health or Freedom related project which could use my help?
+				<a href="mailto:me@hyperling.com">Please let me know</a>!
+			</div>
+		</div>
+		<div class="row">
 			<div class="col-3"></div>
 			<h6 class="col-3 center">
-				<a href="https://github.com/Hyperling/www/blob/main/LICENSE" 
+				<a href="https://github.com/Hyperling/www/blob/main/LICENSE"
 					target="_blank" rel="noopener noreferrer"
 				>This website is free software! Click here to learn more.</a>
 			</h6>

pages/helpers/menu.php

@@ -2,7 +2,7 @@
 		<div class="row header">
 			<ul class="menu-list">
 				<li class="col-1"></li>
-				<li class="col-2 menu-item"><a href="/home/">Home</a></li>
+				<li class="col-2 menu-item"><a href="/home/">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>

pages/home.php

@@ -6,23 +6,23 @@
 	include "helpers/body_open.php";
 ?>
 
-			<div class="row">
+		<div class="row">
-				<h1 class="col-12 title">Welcome!</h1>
+			<h1 class="col-12 title">Welcome!</h1>
+		</div>
+		<div class="row">
+			<div class="col-12 header center" >
+				<img src="/files/media/icons/home.jpg">
 			</div>
-			<div class="row">
+		</div>
-				<div class="col-12 header center" >
+		<div class="row">
-					<img src="/files/media/icons/home.jpg">
+			<div class="col-12 text">
-				</div>
+				<p>
-			</div>
+					Thank you for visiting my site! My goal is to make the world a
-			<div class="row">
+					better place. Hopefully you find content here which helps empower
-				<div class="col-12 text">
+					you to do the same!
-					<p>
+				</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 you to do the same!
-					</p>
-				</div>
 			</div>
+		</div>
 
 <?php
 	include "subpages/home/apps.php";

pages/media.php

@@ -59,6 +59,22 @@
 			</div>
 		</div>
 
+<!-- WIP
+		<div class="row">
+			<h1 class="col-12 title">Art / Poetry</h1>
+		</div>
+		<div class="row">
+			<div class="col-12 text">
+				<p>
+					TBD
+				</p>
+				<ul class="indent"><li>
+					<a href="/art/">TBD</a>
+				</li></ul>
+			</div>
+		</div>
+-->
+
 		<div class="row">
 			<h1 class="col-12 title">Personal Media</h1>
 		</div>

pages/subpages/about/health.php

@@ -5,22 +5,23 @@
 		<div class="row">
 			<div class="col-12 text">
 				<p>
-					I've written an eBook with the same title! Find it
+					I've written an eBook with the same title!
-					<a href="/health/">here</a>.
+					<a href="/health/">Find it here</a>.
 				</p>
 				<p>
-					I have not been sick since I cleaned up my lifestyle in 2014. No colds,
+					I have not been sick since I cleaned up my lifestyle in 2014. No
-					flus, fevers, etc. My suggestions for accomplishing this are simple.
+					colds, flus, fevers, etc. My suggestions for accomplishing this
-					Consistently:
+					are simple. Consistently:
 					<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>
-					Unfortunately our society today has many different views on how to
+					Unfortunately our society today has many different views on how
-					do these things, most of which I would say do not work. A full list of
+					to do these things, most of which I would say do not work. A
-					my protocol without getting too into the weeds can be found here:
+					quick list of my protocol without getting too into the weeds can
+					be found here:
 				</p>
 				<!-- URL/image/something to MyPriorities.pdf on files.hyperling.com -->
 				<a href="/files/media/documents/HealthPriorities.pdf" target="_blank">
@@ -37,10 +38,11 @@
 					<a href="https://www.dresselstyn.com/"
 						target="_blank" rel="noopener noreferrer"
 					>Dr Caldwell Esselstyn</a>.
-					All of them have plenty of free videos and resources online, there is
+					All of them have plenty of free videos and resources online,
-					no need to buy their books unless you want to support them.	They have
+					there is no need to buy their books unless you want to support
-					been reversing sickness for decades and their plans follow a similar
+					them.	They have been reversing sickness for decades and their
-					whole food carb-based lifestyle such as my own, with NO OIL!
+					plans follow a similar whole food carb-based lifestyle such as
+					my own, with NO OIL!
 				</p>
 				<!-- Need to rewrite or remove this to be more positive.
 				<p>
@@ -57,7 +59,8 @@
 				</p>
 				-->
 				<p>
-					For more information on my specifics and why I came to this lifestyle please visit
+					For more information on my specifics and why I came to this
+					lifestyle please visit
 					<a href="/journey/">My Journey</a>.
 				</p>
 			</div>

pages/subpages/home/apps.php

@@ -1,4 +1,23 @@
 #!/usr/bin/php
+		<div class="row" id="experience">
+			<h2 class="col-12 header">My Profession</h2>
+		</div>
+		<div class="row">
+			<div class="col-12 text">
+				<p>
+					I'm a self-taught, college graduated, and professional software
+					developer with nearly a decade of experience in the corporate
+					world. I have been playing with Linux from a young age and have
+					always enjoyed doing system administration type activities.
+				<p>
+				</p>
+					Much of my career has focused on back-end type systems such as
+					databases as well as optimizing workflows. I've learned many
+					languages over the years and hope to learn many more. In my free
+					time I have also enjoyed writing user-facing apps for Android.
+				</p>
+			</div>
+		</div>
 		<div class="row" id="programs">
 			<h2 class="col-12 header">Public Programs</h2>
 		</div>
@@ -119,7 +138,8 @@
 							</p>
 						</a>
 						<p>
-							Started as a fun project for learning. Playable but unfinished.
+							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"