Implemented the grid formatting. Dark theme came along nicely. Got the home page laid out and still trying to determine which subcontent to put on which page.
This commit is contained in:
parent
2e5ef4391a
commit
1c70887199
@ -32,3 +32,4 @@ Add Favicon
|
||||
## Inspiration
|
||||
- [https://liquorix.net/]
|
||||
- [https://cahlen.org/]
|
||||
- [https://merkinvineyardsosteria.com/]
|
||||
|
||||
@ -3,17 +3,26 @@
|
||||
<?php
|
||||
include "helpers/body_open.php";
|
||||
?>
|
||||
|
||||
<h1>Curious About Me?</h1>
|
||||
<p>
|
||||
TBD
|
||||
</p>
|
||||
<div class="row col-12 title">
|
||||
<h1>Curious About Me?</h1>
|
||||
<p>
|
||||
TBD
|
||||
</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";
|
||||
|
||||
include "helpers/section_open.php";
|
||||
include "subpages/home/contact.php";
|
||||
include "helpers/section_close.php";
|
||||
|
||||
include "helpers/section_open.php";
|
||||
include "subpages/about/stance.php";
|
||||
include "helpers/section_close.php";
|
||||
|
||||
30
pages/helpers/dark.css
Normal file
30
pages/helpers/dark.css
Normal file
@ -0,0 +1,30 @@
|
||||
/*** MyStuff ***/
|
||||
/** Dark Theme **/
|
||||
body {
|
||||
background-color: #444444;
|
||||
}
|
||||
|
||||
* {
|
||||
color: #CCCCCC;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #FF9900
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: #6633FF;
|
||||
}
|
||||
|
||||
.header {
|
||||
/*background-color: #113311;*/
|
||||
background-color: #222222;
|
||||
}
|
||||
|
||||
.title {
|
||||
background-color: #111111;
|
||||
}
|
||||
|
||||
.text {
|
||||
background-color: #333333;
|
||||
}
|
||||
@ -1,6 +1,11 @@
|
||||
#!/usr/bin/php
|
||||
<h6>
|
||||
<a href="https://github.com/Hyperling/www/blob/main/LICENSE" target="_blank">
|
||||
Copyright <?php echo date("Y"); ?>
|
||||
<?php
|
||||
include "menu.php"
|
||||
?>
|
||||
<h6 class="center">
|
||||
<a href="https://github.com/Hyperling/www/blob/main/LICENSE"
|
||||
target="_blank" rel="noopener noreferrer"
|
||||
>
|
||||
This website is free software! Click to learn more.
|
||||
</a>
|
||||
</h6>
|
||||
|
||||
@ -13,4 +13,7 @@
|
||||
<style>
|
||||
<?php include "main.css"; ?>
|
||||
</style>
|
||||
<style>
|
||||
<?php include "dark.css"; ?>
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@ -1,21 +1,13 @@
|
||||
/* 2022-09-14 CSS for the website. */
|
||||
/* https://www.w3schools.com/Css/css_rwd_grid.asp */
|
||||
|
||||
/* Enable dynamic stuffs */
|
||||
/* Enable dynamic stuffs, maks the element think its entire size includes padding. */
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Page Sections */
|
||||
.menu {
|
||||
width: 25%;
|
||||
float: left;
|
||||
}
|
||||
.main {
|
||||
width: 75%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/*** Page Sections ***/
|
||||
/** Page with 12 columns **/
|
||||
.col-1 {width: 8.33%;}
|
||||
.col-2 {width: 16.66%;}
|
||||
.col-3 {width: 25%;}
|
||||
@ -32,26 +24,27 @@
|
||||
[class*="col-"] {
|
||||
float: left;
|
||||
padding: 15px;
|
||||
border: 1px solid red;
|
||||
/*border: 1px solid green;*/ /* FORTESTING otherwise disable */
|
||||
}
|
||||
|
||||
/* Ensure columns are respected as if they always exist. */
|
||||
.row::after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: table;
|
||||
}
|
||||
|
||||
/* MyStuff ***/
|
||||
/** Dark Theme **/
|
||||
body {
|
||||
background-color: #333333;
|
||||
/** Make the menu items centered and layout horizontal. **/
|
||||
.menu-list {
|
||||
text-align: center;
|
||||
list-style-type: none;
|
||||
padding-left: 0px;
|
||||
}
|
||||
* {
|
||||
color: #CCCCCC;
|
||||
|
||||
.menu_item {
|
||||
display: inline-block;
|
||||
}
|
||||
a {
|
||||
color: #FF9900
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: #6633FF
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
@ -1,6 +1,11 @@
|
||||
#!/usr/bin/php
|
||||
<ul>
|
||||
<li><a href="/home/">Home</a></li>
|
||||
<li><a href="/about/">About</a></li>
|
||||
<li><a href="/support/">Support</a></li>
|
||||
</ul>
|
||||
<div class="row header">
|
||||
<ul class="menu-list">
|
||||
<li class="col-2"></li>
|
||||
<li class="col-2 menu-item"><a href="/home/">Home</a></li>
|
||||
<li class="col-2 menu-item"><a href="/videos/">Videos</a></li>
|
||||
<li class="col-2 menu-item"><a href="/about/">About</a></li>
|
||||
<li class="col-2 menu-item"><a href="/support/">Support</a></li>
|
||||
<li class="col-2"></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -4,23 +4,17 @@
|
||||
include "helpers/body_open.php";
|
||||
?>
|
||||
|
||||
<h1>Welcome!</h1>
|
||||
<p>
|
||||
Website is still in testing. Don't judge too harshly. :)
|
||||
</p>
|
||||
<div class="row col-12 title">
|
||||
<h1>Welcome!</h1>
|
||||
<p>
|
||||
Website is still in testing. Don't judge too harshly. :)
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include "helpers/section_open.php";
|
||||
include "subpages/home/apps.php";
|
||||
include "helpers/section_close.php";
|
||||
|
||||
include "helpers/section_open.php";
|
||||
include "subpages/home/health.php";
|
||||
include "helpers/section_close.php";
|
||||
|
||||
include "helpers/section_open.php";
|
||||
include "subpages/home/contact.php";
|
||||
include "helpers/section_close.php";
|
||||
|
||||
include "helpers/body_close.php";
|
||||
?>
|
||||
|
||||
1
pages/journey.sh
Normal file
1
pages/journey.sh
Normal file
@ -0,0 +1 @@
|
||||
#!/bin/bash
|
||||
34
pages/subpages/about/health.php
Executable file
34
pages/subpages/about/health.php
Executable file
@ -0,0 +1,34 @@
|
||||
#!/usr/bin/php
|
||||
<div class="row">
|
||||
<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:
|
||||
</p>
|
||||
<!-- URL/image/something to MyPriorities.pdf on files.hyperling.com -->
|
||||
<p>
|
||||
Other free sources of imformation I recommend would be
|
||||
<a href="https://www.drmcdougall.com/"
|
||||
target="_blank" rel="noopener noreferrer"
|
||||
>Dr John McDougall</a>,
|
||||
<a href="https://www.pcrm.org/about-us/staff/neal-barnard-md-facc"
|
||||
target="_blank" rel="noopener noreferrer"
|
||||
>Dr Neal Barnard</a>, and
|
||||
<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!
|
||||
</p>
|
||||
<p>
|
||||
For more information on my specifics and why I came to this lifestyle please visit
|
||||
<a href="/journey/">My Journey</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,75 +1,144 @@
|
||||
#!/usr/bin/php
|
||||
<h2> My Public Programs </h2>
|
||||
|
||||
<h3> Android Apps </h3>
|
||||
<div class="wp-container-3 wp-block-columns alignwide">
|
||||
<div class="wp-container-1 wp-block-column">
|
||||
<div class="wp-block-image"><figure class="aligncenter size-large"><a href="https://play.google.com/store/apps/details?id=com.hyperling.carbupbeta" target="_blank" rel="noopener noreferrer"><img width="512" height="512" src="https://www.hyperling.com/wp-content/uploads/2020/09/ctfu.png" alt="ctfu" class="wp-image-13" srcset="https://www.hyperling.com/wp-content/uploads/2020/09/ctfu.png 512w, https://www.hyperling.com/wp-content/uploads/2020/09/ctfu-300x300.png 300w, https://www.hyperling.com/wp-content/uploads/2020/09/ctfu-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" /><figcaption>Carb Up! BETA</a>
|
||||
<br>
|
||||
<p>Calculate cost-effectiveness of foods on a High Carb Low Fat lifestyle.</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://files.hyperling.com/apks/CarbUpBeta.apk">APK</a>]
|
||||
<p>TBD:
|
||||
<s>[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
|
||||
[<a target="_blank" rel="noopener noreferrer">Github</a>]</s>
|
||||
</p>
|
||||
</figcaption></figure></div>
|
||||
|
||||
<div class="wp-block-image"><figure class="aligncenter size-large"><a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.the45minuterule" target="_blank" rel="noopener noreferrer"><img loading="lazy" width="512" height="512" src="https://www.hyperling.com/wp-content/uploads/2020/09/t45mr.png" alt="45minuterule" class="wp-image-12" srcset="https://www.hyperling.com/wp-content/uploads/2020/09/t45mr.png 512w, https://www.hyperling.com/wp-content/uploads/2020/09/t45mr-300x300.png 300w, https://www.hyperling.com/wp-content/uploads/2020/09/t45mr-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" /><figcaption>45 Minute Rule</a>
|
||||
<br>
|
||||
<p>Determine when to go to bed if you'd like to wake up during light sleep.</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://files.hyperling.com/apks/45MinuteRule.apk">APK</a>]
|
||||
<p>TBD:
|
||||
<s>[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
|
||||
[<a target="_blank" rel="noopener noreferrer">Github</a>]</s>
|
||||
</p>
|
||||
</figcaption></figure></div>
|
||||
<div class="row">
|
||||
<h2 class="col-12 header">My Public Programs</h2>
|
||||
<p class="col-12 text">
|
||||
I write free software! Please feel welcome to browse anything I have created.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="wp-container-2 wp-block-column">
|
||||
<div class="wp-block-image"><figure class="aligncenter size-large"><a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.infinitetimer" target="_blank" rel="noopener noreferrer"><img loading="lazy" width="512" height="512" src="https://www.hyperling.com/wp-content/uploads/2020/09/infinitetimer.png" alt="infinitetimer" class="wp-image-11" srcset="https://www.hyperling.com/wp-content/uploads/2020/09/infinitetimer.png 512w, https://www.hyperling.com/wp-content/uploads/2020/09/infinitetimer-300x300.png 300w, https://www.hyperling.com/wp-content/uploads/2020/09/infinitetimer-150x150.png 150w" sizes="(max-width: 512px) 100vw, 512px" /><figcaption>Infinite Timer</a>
|
||||
<br>
|
||||
<p>Play your notification sound at your chosen Hour:Minute:Second interval.</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://files.hyperling.com/apks/InfiniteTimer.apk">APK</a>]
|
||||
<p>TBD:
|
||||
<s>[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
|
||||
[<a target="_blank" rel="noopener noreferrer">Github</a>]</s>
|
||||
</p>
|
||||
</figcaption></figure></div>
|
||||
|
||||
<div>
|
||||
<figure>
|
||||
<a href="https://play.google.com/store/apps/details?id=apps.hyperling.com.platformer"
|
||||
target="_blank" rel="noopener noreferrer">
|
||||
<img loading="lazy" width="512" height="512"
|
||||
src="https://www.hyperling.com/wp-content/uploads/2020/09/hypergames.png"
|
||||
alt="hypergames" class="wp-image-9"
|
||||
srcset="https://www.hyperling.com/wp-content/uploads/2020/09/hypergames.png 512w, https://www.hyperling.com/wp-content/uploads/2020/09/hypergames-300x300.png 300w, https://www.hyperling.com/wp-content/uploads/2020/09/hypergames-150x150.png 150w"
|
||||
sizes="(max-width: 512px) 100vw, 512px" />
|
||||
<figcaption>
|
||||
HyperGames [IN DEVELOPMENT]</a>
|
||||
<br>
|
||||
<p>
|
||||
Began developing some games for fun. Not near a finished state, but "playable".
|
||||
</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://files.hyperling.com/apks/HyperGames.apk">APK</a>]
|
||||
<p>TBD:
|
||||
<s>[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
|
||||
[<a target="_blank" rel="noopener noreferrer">Github</a>]</s>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
<div class="row">
|
||||
<h3 class="col-12 header">Android Apps</h3>
|
||||
</div>
|
||||
|
||||
<h3> Other Programs </h3>
|
||||
<p>
|
||||
For a full list of my programs including my Ansible automation,
|
||||
Docker setup, source code for this website, and fun-type projects
|
||||
like an obfuscating editor and music fixer, check out
|
||||
<a href="https://github.com/hyperling" target="_blank">my Github</a>.
|
||||
</p>
|
||||
<div class="row text center">
|
||||
<div class="col-3">
|
||||
<figure>
|
||||
<a href="https://play.google.com/store/apps/details?id=com.hyperling.carbupbeta"
|
||||
target="_blank" rel="noopener noreferrer">
|
||||
<img width="100%" height="100%" alt="ctfu_image"
|
||||
src="https://www.hyperling.com/wp-content/uploads/2020/09/ctfu.png"
|
||||
/>
|
||||
<figcaption>
|
||||
<p>Carb Up! BETA</p>
|
||||
</a>
|
||||
<p>
|
||||
Calculate cost-effectiveness of 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://files.hyperling.com/apks/CarbUpBeta.apk">APK</a>]
|
||||
</p>
|
||||
<p>
|
||||
TBD:
|
||||
<s>
|
||||
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
|
||||
[<a target="_blank" rel="noopener noreferrer">Github</a>]
|
||||
</s>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="col-3">
|
||||
<figure>
|
||||
<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.the45minuterule"
|
||||
target="_blank" rel="noopener noreferrer">
|
||||
<img loading="lazy" width="100%" height="100%" alt="45minuterule"
|
||||
src="https://www.hyperling.com/wp-content/uploads/2020/09/t45mr.png"
|
||||
/>
|
||||
<figcaption>
|
||||
<p>45 Minute Rule</p>
|
||||
</a>
|
||||
<p>
|
||||
Determine when to go to bed if you'd like to wake up 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://files.hyperling.com/apks/45MinuteRule.apk">APK</a>]
|
||||
</p>
|
||||
<p>
|
||||
TBD:
|
||||
<s>
|
||||
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
|
||||
[<a target="_blank" rel="noopener noreferrer">Github</a>]
|
||||
</s>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="col-3">
|
||||
<figure>
|
||||
<a href="https://play.google.com/store/apps/details?id=com.hyperling.apps.infinitetimer"
|
||||
target="_blank" rel="noopener noreferrer"
|
||||
>
|
||||
<img loading="lazy" width="100%" height="100%" alt="infinitetimer_image"
|
||||
src="https://www.hyperling.com/wp-content/uploads/2020/09/infinitetimer.png"
|
||||
/>
|
||||
<figcaption>
|
||||
<p>Infinite Timer</p>
|
||||
</a>
|
||||
<p>
|
||||
Play your notification sound at your chosen Hour:Minute:Second 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://files.hyperling.com/apks/InfiniteTimer.apk">APK</a>]
|
||||
</p>
|
||||
<p>
|
||||
TBD:
|
||||
<s>
|
||||
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
|
||||
[<a target="_blank" rel="noopener noreferrer">Github</a>]
|
||||
</s>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<div class="col-3">
|
||||
<figure>
|
||||
<a href="https://play.google.com/store/apps/details?id=apps.hyperling.com.platformer"
|
||||
target="_blank" rel="noopener noreferrer"
|
||||
>
|
||||
<img loading="lazy" width="100%" height="100%" alt="hypergames_image"
|
||||
src="https://www.hyperling.com/wp-content/uploads/2020/09/hypergames.png"
|
||||
/>
|
||||
<figcaption>
|
||||
<p>
|
||||
HyperGames
|
||||
</p>
|
||||
</a>
|
||||
<p>
|
||||
Began developing some games for fun. Not near a finished state, but "playable".
|
||||
</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://files.hyperling.com/apks/HyperGames.apk">APK</a>]
|
||||
</p>
|
||||
<p>
|
||||
TBD:
|
||||
<s>
|
||||
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
|
||||
[<a target="_blank" rel="noopener noreferrer">Github</a>]
|
||||
</s>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<h3 class="col-12 header"> Other Programs </h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
<p class="col-12 text">
|
||||
For a full list of my programs including my Ansible automation,
|
||||
Docker setup, source code for this website, and fun projects
|
||||
like an obfuscating editor and music fixer, check out
|
||||
<a href="https://github.com/hyperling" target="_blank">my Github</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
#!/usr/bin/php
|
||||
<h1> My Health Protocol </h1>
|
||||
|
||||
<!-- URL to MyPriorities.pdf on files.hyperling.com -->
|
||||
1
pages/videos.php
Normal file
1
pages/videos.php
Normal file
@ -0,0 +1 @@
|
||||
#!/usr/bin/php
|
||||
Loading…
x
Reference in New Issue
Block a user