Created a banner, added more content, converted spaces to tabs, figured out hrefs with # based on id.

This commit is contained in:
Hyperling 2022-10-13 07:29:46 -05:00
parent 1c70887199
commit ce20fa0f6f
14 changed files with 158 additions and 48 deletions

View File

@ -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.

View File

@ -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
View 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
View 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>

View File

@ -6,6 +6,7 @@
<body>
<?php
include "banner.php";
include "menu.php";
include "advisory.php";
?>

View File

@ -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;
}

View File

@ -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>

View File

@ -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;
}

View File

@ -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
View File

View 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

View File

@ -1 +0,0 @@
#!/usr/bin/php

View File

@ -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
View 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";
?>