Created a banner, added more content, converted spaces to tabs, figured out hrefs with # based on id.
This commit is contained in:
		@@ -31,5 +31,8 @@ Add Favicon
 | 
			
		||||
 | 
			
		||||
## Inspiration
 | 
			
		||||
- [https://liquorix.net/]
 | 
			
		||||
  - The linux-zen kernel, a really great one if you're running FOSS OS's!
 | 
			
		||||
- [https://cahlen.org/]
 | 
			
		||||
  - Also has really interesting and important content, it is highly recommended.
 | 
			
		||||
- [https://merkinvineyardsosteria.com/]
 | 
			
		||||
  - A winery website for MJ Keenan.
 | 
			
		||||
@@ -6,15 +6,35 @@
 | 
			
		||||
		<div class="row col-12 title">
 | 
			
		||||
			<h1>Curious About Me?</h1>
 | 
			
		||||
			<p> 
 | 
			
		||||
				TBD
 | 
			
		||||
				Hi there! My name is Chad, I am the primary content creator behind the
 | 
			
		||||
				Hyperling and HyperVegan brands. Thank you for your interest!
 | 
			
		||||
			</p>
 | 
			
		||||
			<p>	
 | 
			
		||||
				My hobbies go further than just coding and video making. I am big into 
 | 
			
		||||
				health and believe it is humanity's most important asset. I was fortunate 
 | 
			
		||||
				to have time off school/work/hobbies in my early 20's was able to lock 
 | 
			
		||||
				in a great lifestyle after a life of chronic sickness. See more below in 
 | 
			
		||||
				<a href="#health">My Health Protocol</a>, it also includes a link to the 
 | 
			
		||||
				full history.
 | 
			
		||||
			</p>
 | 
			
		||||
			<p>	
 | 
			
		||||
				I am also an avid gardener, focusing on the principles of nature-based 
 | 
			
		||||
				permaculture in order to grow fruits and vegetables, like in a Food 
 | 
			
		||||
				Forest system. This comes with other outdoor interests such as hiking, 
 | 
			
		||||
				camping, backpacking, foraging, and traveling. 
 | 
			
		||||
			</p>
 | 
			
		||||
			<p>	
 | 
			
		||||
				For all of my life I have resided in Indiana, USA, but in Spring 2023 I 
 | 
			
		||||
				am making a big leap and heading to the southwest, most likely Arizona
 | 
			
		||||
				or Colorado. The humidity in the midwest is miserable and the terrain
 | 
			
		||||
				is flat and boring. There are all sorts of insect pests and the ground
 | 
			
		||||
				is so fertile that yard grass takes over a garden in a jiffy. I look 
 | 
			
		||||
				forward to the challenge of growing food in the new climate, but also
 | 
			
		||||
				plan to reduce costs by living outdoors. Home ownership isn't for me.
 | 
			
		||||
			</p>
 | 
			
		||||
		</div>	
 | 
			
		||||
 | 
			
		||||
<?php
 | 
			
		||||
	include "helpers/section_open.php";
 | 
			
		||||
	include "subpages/about/whoami.php";
 | 
			
		||||
	include "helpers/section_close.php";
 | 
			
		||||
 | 
			
		||||
	include "helpers/section_open.php";
 | 
			
		||||
	include "subpages/about/health.php";
 | 
			
		||||
	include "helpers/section_close.php";
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										23
									
								
								pages/helpers/banner.css
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										23
									
								
								pages/helpers/banner.css
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,23 @@
 | 
			
		||||
/*** Logo In Header ***/
 | 
			
		||||
 | 
			
		||||
/* Shared Attributes */
 | 
			
		||||
.banner-top, .banner-middle, .banner-bottom {
 | 
			
		||||
	color: white; 
 | 
			
		||||
	width: 100%; 
 | 
			
		||||
	height: 69px; 
 | 
			
		||||
	font-size: 50px; 
 | 
			
		||||
	text-align: center;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Specific Attributes */
 | 
			
		||||
.banner-top {
 | 
			
		||||
	background-color: #6633FF; 
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.banner-middle {
 | 
			
		||||
	background-color: #FF9900; 
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.banner-bottom {
 | 
			
		||||
	background-color: #339933; 
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										6
									
								
								pages/helpers/banner.php
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										6
									
								
								pages/helpers/banner.php
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,6 @@
 | 
			
		||||
#!/usr/bin/php
 | 
			
		||||
		<div class="row col-12">
 | 
			
		||||
			<div class="banner-top">Peace</div>
 | 
			
		||||
			<div class="banner-middle">Love</div>
 | 
			
		||||
			<div class="banner-bottom">Happiness</div>
 | 
			
		||||
		</div>
 | 
			
		||||
@@ -6,6 +6,7 @@
 | 
			
		||||
	<body>
 | 
			
		||||
 | 
			
		||||
<?php
 | 
			
		||||
	include "banner.php";
 | 
			
		||||
	include "menu.php";
 | 
			
		||||
	include "advisory.php";
 | 
			
		||||
?>
 | 
			
		||||
 
 | 
			
		||||
@@ -1,30 +1,29 @@
 | 
			
		||||
/*** MyStuff ***/
 | 
			
		||||
/** Dark Theme **/
 | 
			
		||||
/*** Dark Theme ***/
 | 
			
		||||
body {
 | 
			
		||||
  background-color: #444444;
 | 
			
		||||
	background-color: #444444;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
* {
 | 
			
		||||
  color: #CCCCCC;
 | 
			
		||||
	color: #CCCCCC;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
a {
 | 
			
		||||
  color: #FF9900
 | 
			
		||||
	color: #FF9900
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
h1,h2,h3,h4,h5,h6 {
 | 
			
		||||
  color: #6633FF;
 | 
			
		||||
	color: #6633FF;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.header {
 | 
			
		||||
  /*background-color: #113311;*/
 | 
			
		||||
  background-color: #222222;
 | 
			
		||||
	/*background-color: #113311;*/
 | 
			
		||||
	background-color: #222222;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.title {
 | 
			
		||||
  background-color: #111111;
 | 
			
		||||
	background-color: #111111;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.text {
 | 
			
		||||
  background-color: #333333;
 | 
			
		||||
	background-color: #333333;
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -9,11 +9,14 @@
 | 
			
		||||
		<link rel="icon" sizes="192x192"
 | 
			
		||||
			href="https://www.hyperling.com/wp-content/uploads/2020/09/favicon.ico" 
 | 
			
		||||
		/>
 | 
			
		||||
		<!--<link rel="stylesheet" href="/main.css">-->
 | 
			
		||||
		<!-- CSS -->
 | 
			
		||||
		<style>
 | 
			
		||||
			<?php include "main.css"; ?>
 | 
			
		||||
		</style>
 | 
			
		||||
		<style>
 | 
			
		||||
			<?php include "dark.css"; ?>
 | 
			
		||||
		</style>
 | 
			
		||||
		<style>
 | 
			
		||||
			<?php include "banner.css"; ?>
 | 
			
		||||
		</style>
 | 
			
		||||
	</head>
 | 
			
		||||
 
 | 
			
		||||
@@ -3,7 +3,7 @@
 | 
			
		||||
 | 
			
		||||
/* Enable dynamic stuffs, maks the element think its entire size includes padding. */
 | 
			
		||||
* {
 | 
			
		||||
  box-sizing: border-box;
 | 
			
		||||
	box-sizing: border-box;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/*** Page Sections ***/
 | 
			
		||||
@@ -22,29 +22,29 @@
 | 
			
		||||
.col-12 {width: 100%;}
 | 
			
		||||
 | 
			
		||||
[class*="col-"] {
 | 
			
		||||
  float: left;
 | 
			
		||||
  padding: 15px;
 | 
			
		||||
  /*border: 1px solid green;*/ /* FORTESTING otherwise disable */
 | 
			
		||||
	float: left;
 | 
			
		||||
	padding: 15px;
 | 
			
		||||
	/*border: 1px solid green;*/ /* FORTESTING otherwise disable */
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/* Ensure columns are respected as if they always exist. */
 | 
			
		||||
.row::after {
 | 
			
		||||
  content: "";
 | 
			
		||||
  clear: both;
 | 
			
		||||
  display: table;
 | 
			
		||||
	content: "";
 | 
			
		||||
	clear: both;
 | 
			
		||||
	display: table;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
/** Make the menu items centered and layout horizontal. **/
 | 
			
		||||
.menu-list {
 | 
			
		||||
  text-align: center;
 | 
			
		||||
  list-style-type: none;
 | 
			
		||||
  padding-left: 0px;
 | 
			
		||||
	text-align: center;
 | 
			
		||||
	list-style-type: none;
 | 
			
		||||
	padding-left: 0px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.menu_item {
 | 
			
		||||
  display: inline-block;
 | 
			
		||||
	display: inline-block;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.center {
 | 
			
		||||
  text-align: center;
 | 
			
		||||
}
 | 
			
		||||
	text-align: center;
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
@@ -7,7 +7,13 @@
 | 
			
		||||
			<div class="row col-12 title">
 | 
			
		||||
				<h1>Welcome!</h1>
 | 
			
		||||
				<p> 
 | 
			
		||||
					Website is still in testing. Don't judge too harshly. :)
 | 
			
		||||
					[ Website is still in testing. Don't judge too harshly. :) ]
 | 
			
		||||
				</p>
 | 
			
		||||
				<p> 
 | 
			
		||||
					Welcome to my site! It is the central hub of my activities, linking you 
 | 
			
		||||
					to most of my projects and providing ways to contact and support me.
 | 
			
		||||
					I've also included information such as my health protocol which was
 | 
			
		||||
					currently only scattered throughout videos.
 | 
			
		||||
				</p>
 | 
			
		||||
			</div>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										0
									
								
								pages/journey.sh
									
									
									
									
									
										
										
										Normal file → Executable file
									
								
							
							
						
						
									
										0
									
								
								pages/journey.sh
									
									
									
									
									
										
										
										Normal file → Executable file
									
								
							@@ -1,17 +1,23 @@
 | 
			
		||||
#!/usr/bin/php
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		<div class="row" id="health">
 | 
			
		||||
			<h2 class="col-12 header">My Health Protocol</h2>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="row">
 | 
			
		||||
			<div class="col-12 text">
 | 
			
		||||
				<p>
 | 
			
		||||
					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 eat enough clean food, drink enough clean water, get enough good sleep, and enjoy life.
 | 
			
		||||
					Unfortunately our society today has very different views on how to do these things.
 | 
			
		||||
					A full list of my protocol without getting too into the weeds can be found here:
 | 
			
		||||
					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: 
 | 
			
		||||
					<ul>
 | 
			
		||||
						<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 
 | 
			
		||||
					do these things, most of which I would say do not work. A full 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>Health Is A Priority (PDF Download) [TBD]</a>
 | 
			
		||||
				<p>
 | 
			
		||||
					Other free sources of imformation I recommend would be 
 | 
			
		||||
					<a href="https://www.drmcdougall.com/" 
 | 
			
		||||
@@ -23,8 +29,22 @@
 | 
			
		||||
					<a href="https://www.dresselstyn.com/" 
 | 
			
		||||
						target="_blank" rel="noopener noreferrer"
 | 
			
		||||
					>Dr Caldwell Esselstyn</a>.
 | 
			
		||||
					All of them have plenty of videos and resources online, there is no need to buy their books unless you want to support them.
 | 
			
		||||
					They have been reversing sickness for decades and their plans follow a similar whole food carb-based lifestyle such as my own, with NO OIL!
 | 
			
		||||
					All of them have plenty of free videos and resources online, there is 
 | 
			
		||||
					no need to buy their books unless you want to support them.	They have 
 | 
			
		||||
					been reversing sickness for decades and their plans follow a similar 
 | 
			
		||||
					whole food carb-based lifestyle such as my own, with NO OIL!
 | 
			
		||||
				</p>
 | 
			
		||||
				<p> 
 | 
			
		||||
					Even though I run the brand HyperVegan, I am like the doctors and do 
 | 
			
		||||
					not have a strict adherence to the cultism of "veganism". Yes, when I 
 | 
			
		||||
					waver from healthy eating I <b><i>always</i></b> keep my diet plant 
 | 
			
		||||
					based due to compassion, but I do not and <b><i>will never</i></b> 
 | 
			
		||||
					subscribe to an absolutist ideaology which divides people. Think of 
 | 
			
		||||
					people shaming others for stepping on ants, accidentally eating gelatin 
 | 
			
		||||
					or a certain food coloring, etc. I do what I can for the planet and its 
 | 
			
		||||
					beings but am also practical and stay friendly with carnists, just as 
 | 
			
		||||
					I am still friendly with statists. The banner at the top of the page 
 | 
			
		||||
					is not just for decoration, I truly believe in those values. ;)
 | 
			
		||||
				</p>
 | 
			
		||||
				<p> 
 | 
			
		||||
					For more information on my specifics and why I came to this lifestyle please visit
 | 
			
		||||
 
 | 
			
		||||
@@ -1 +0,0 @@
 | 
			
		||||
#!/usr/bin/php
 | 
			
		||||
@@ -8,12 +8,14 @@
 | 
			
		||||
	include "helpers/body_open.php";
 | 
			
		||||
?>
 | 
			
		||||
 | 
			
		||||
		<h1>Support</h1>
 | 
			
		||||
		<p>	
 | 
			
		||||
			While I do not ask for anything, and prefer to take care of myself,
 | 
			
		||||
			I acknowledge that some people enjoy gift giving and would like to
 | 
			
		||||
			help me out. Below are my preferred ways that this be done.
 | 
			
		||||
		</p>
 | 
			
		||||
		<div class="row col-12 title">
 | 
			
		||||
			<h1>Support</h1>
 | 
			
		||||
			<p>	
 | 
			
		||||
				While I do not ask for anything, and prefer to take care of myself,
 | 
			
		||||
				I acknowledge that some people enjoy gift giving and would like to
 | 
			
		||||
				help me out. Below are my preferred ways to do this.
 | 
			
		||||
			</p>
 | 
			
		||||
		</div>
 | 
			
		||||
 | 
			
		||||
<?php
 | 
			
		||||
	include "helpers/section_open.php";
 | 
			
		||||
@@ -26,4 +28,3 @@
 | 
			
		||||
 | 
			
		||||
	include "helpers/body_close.php";
 | 
			
		||||
?>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										29
									
								
								pages/videos.php
									
									
									
									
									
										
										
										Normal file → Executable file
									
								
							
							
						
						
									
										29
									
								
								pages/videos.php
									
									
									
									
									
										
										
										Normal file → Executable file
									
								
							@@ -1 +1,30 @@
 | 
			
		||||
#!/usr/bin/php
 | 
			
		||||
 | 
			
		||||
<!--
 | 
			
		||||
	Page for my video links.
 | 
			
		||||
-->
 | 
			
		||||
 | 
			
		||||
<?php
 | 
			
		||||
	include "helpers/body_open.php";
 | 
			
		||||
?>
 | 
			
		||||
 | 
			
		||||
		<div class="row col-12 title">
 | 
			
		||||
			<h1>Videos</h1>
 | 
			
		||||
			<p >	
 | 
			
		||||
				I enjoy making video content when I have free time. Other life duties take
 | 
			
		||||
				priority so this is not always frequent of often.
 | 
			
		||||
			</p>
 | 
			
		||||
		</div>
 | 
			
		||||
 | 
			
		||||
<?php
 | 
			
		||||
	include "helpers/section_open.php";
 | 
			
		||||
	//include "subpages/support/gifts.php";
 | 
			
		||||
	include "helpers/section_close.php";
 | 
			
		||||
 | 
			
		||||
	include "helpers/section_open.php";
 | 
			
		||||
	//include "subpages/support/donate.php";
 | 
			
		||||
	include "helpers/section_close.php";
 | 
			
		||||
 | 
			
		||||
	include "helpers/body_close.php";
 | 
			
		||||
?>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user