me/nodejs-website
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Getting much closer! Still need to finalize About and write Journey.

Browse Source
This commit is contained in:
Hyperling
2022-10-16 09:22:44 -05:00
parent ce20fa0f6f
commit 239aa26b49
20 changed files with 394 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
README.md
View File

@@ -1,4 +1,5 @@
# My Website
Custom website rather than using WordPress or anything else that handles the code for you.
Rather than using apache or nginx just using Node.js to serve an HTML API. Gives more control.
@@ -9,27 +10,29 @@ Basically a "page" is just a program that echo's HTML content for the API.
Will likely play with some pages being Bash and other fun things.
## TODO
Finish CSS
All content is formatted so that the page source is readible.
Add Current Content
- APPS
- VIDEOS
- DONATE
- VIDEOS
# How To Run
The install script is currently only set up for apt, and the package names only tested on Ubuntu.
`git clone https://github.com/Hyperling/www www`
`cd www`
`./run.sh`
Then in a web browser, navigate to `your_machines_ip_address:8080`.
## TODO
Add New Content
- NOTICE
- HEALTH (My Priorities Sheet)
- How to host files? Put them in reverse-proxy's files.hyperling.com site?
- GIFTS
Add Favicon
[https://www.metatags.org/seo-tips/design-tips/favicon-ico/]
- Will this have to be in files.hyperling.com as well? Or will this work?
- [https://www.geeksforgeeks.org/what-is-the-use-of-serve-favicon-from-node-js-server/]
- STANCE
- JOURNEY
## Inspiration
- [https://liquorix.net/]
- The linux-zen kernel, a really great one if you're running FOSS OS's!
- [https://cahlen.org/]

2
package.json
View File

@@ -1,5 +1,5 @@
{
"dependencies": {
"express": "^4.18.1"
"express": ">=4.18.1"
}
}

20
pages/about.php
View File

@@ -1,10 +1,13 @@
#!/usr/bin/php
<?php
include "helpers/body_open.php";
?>
<div class="row col-12 title">
<h1>Curious About Me?</h1>
<div class="row">
<h1 class="col-12 title">Who Am I?</h1>
</div>
<div class="row">
<div class="col-12 text">
<p>
Hi there! My name is Chad, I am the primary content creator behind the
Hyperling and HyperVegan brands. Thank you for your interest!
@@ -23,6 +26,7 @@
Forest system. This comes with other outdoor interests such as hiking,
camping, backpacking, foraging, and traveling.
</p>
<!-- Need to rewrite or remove this to be more positive.
<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
@@ -32,24 +36,22 @@
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>
</div>
<?php
include "helpers/section_open.php";
include "subpages/about/health.php";
include "subpages/about/notice.php";
include "helpers/section_close.php";
include "helpers/section_open.php";
include "subpages/home/contact.php";
include "subpages/about/health.php";
include "helpers/section_close.php";
include "helpers/section_open.php";
include "subpages/about/stance.php";
include "helpers/section_close.php";
include "helpers/section_open.php";
include "subpages/about/notice.php";
include "helpers/section_close.php";
include "helpers/body_close.php";
?>

34
pages/contact.php Executable file
View File

@@ -0,0 +1,34 @@
#!/usr/bin/php
<?php
include "helpers/body_open.php";
?>
<div class="row">
<h2 class="col-12 title">Contact Me</h2>
</div>
<div class="row">
<div class="col-12 text">
<p>
Public inquries can be made on my Odysee channel's discussion board.
</p>
<ul class="indent"><li>
<a href="https://odysee.com/@HyperVegan:2?view=discussion"
target="_blank" rel="noopener noreferrer"
>
https://odysee.com/@HyperVegan:2?view=discussion
</a>
</li></ul>
<p>
For private matters, my email address may be used, but there is no
guarantee of timely response. If I do not know of you then please be
sure to form the email in a way that does not look like spam.
</p>
<ul class="indent"><li>
<a href="mailto:me@hyperling.com">me@hyperling.com</a>
</li></ul>
</div>
</div>
<?php
include "helpers/body_close.php";
?>

20
pages/helpers/banner.css
View File

@@ -1,23 +1,23 @@
/*** Logo In Header ***/
/* Shared Attributes */
.banner-top, .banner-middle, .banner-bottom {
/* Shared Attributes */
.banner-top, .banner-middle, .banner-bottom {
color: white;
width: 100%;
height: 69px;
font-size: 50px;
text-align: center;
}
}
/* Specific Attributes */
.banner-top {
/* Specific Attributes */
.banner-top {
background-color: #6633FF;
}
}
.banner-middle {
.banner-middle {
background-color: #FF9900;
}
}
.banner-bottom {
.banner-bottom {
background-color: #339933;
}
}

2
pages/helpers/banner.php Normal file → Executable file
View File

@@ -1,5 +1,5 @@
#!/usr/bin/php
<div class="row col-12">
<div class="row col-12 header">
<div class="banner-top">Peace</div>
<div class="banner-middle">Love</div>
<div class="banner-bottom">Happiness</div>

28
pages/helpers/dark.css
View File

@@ -1,29 +1,29 @@
/*** Dark Theme ***/
body {
body {
background-color: #444444;
}
}
* {
* {
color: #CCCCCC;
}
}
a {
a {
color: #FF9900
}
}
h1,h2,h3,h4,h5,h6 {
h1,h2,h3,h4,h5,h6 {
color: #6633FF;
}
}
.header {
.header {
/*background-color: #113311;*/
background-color: #222222;
}
}
.title {
.title {
background-color: #111111;
}
}
.text {
.text {
background-color: #333333;
}
}

98
pages/helpers/main.css
View File

@@ -1,50 +1,84 @@
/* 2022-09-14 CSS for the website. */
/* https://www.w3schools.com/Css/css_rwd_grid.asp */
/*** 2022-09-14 CSS for the website. ***/
/* https://www.w3schools.com/Css/css_rwd_grid.asp */
/* Enable dynamic stuffs, maks the element think its entire size includes padding. */
* {
/* Enable dynamic stuffs, maks the element think its entire size includes padding. */
* {
box-sizing: border-box;
}
}
/*** Page Sections ***/
/** Page with 12 columns **/
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/*** Page Sections ***/
/** Page with 12 columns **/
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
[class*="col-"] {
[class*="col-"] {
float: left;
padding: 15px;
/*border: 1px solid green;*/ /* FORTESTING otherwise disable */
}
}
/* Ensure columns are respected as if they always exist. */
.row::after {
/* Ensure columns are respected as if they always exist. */
.row::after {
content: "";
clear: both;
display: table;
}
}
/** Make the menu items centered and layout horizontal. **/
.menu-list {
/** Make the menu items centered and layout horizontal. **/
.menu-list {
text-align: center;
list-style-type: none;
padding-left: 0px;
}
.menu_item {
}
.menu_item {
display: inline-block;
}
}
.center {
/** Be able to position anything easily. **/
.center {
text-align: center;
}
}
.left {
text-align: start;
}
.right {
text-align: end;
}
/** Use ul to create an indent but without the bullet point. **/
.indent {
list-style-type: none;
}
/** Objects which need borders **/
.border {
border: 1px solid #339933;
}
/* Also have this apply to a table's cells. */
.border * th,td {
border: 1px solid #339933;
}
/** Format tables and allow contents to be broken up. **/
table {
/*width: 100%;*/
border-collapse: collapse;
/*table-layout: fixed;*/
}
table * th,td {
word-wrap: break-word;
overflow-wrap: break-word;
/*max-width: 1px;*/
padding: 7px;
}

5
pages/helpers/menu.php
View File

@@ -1,11 +1,12 @@
#!/usr/bin/php
<div class="row header">
<ul class="menu-list">
<li class="col-2"></li>
<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="/videos/">Videos</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>
<li class="col-2 menu-item"><a href="/support/">Support</a></li>
<li class="col-2"></li>
<li class="col-1"></li>
</ul>
</div>

22
pages/home.php
View File

@@ -1,21 +1,27 @@
#!/usr/bin/php
<!--
Landing page, keeping it apps and development projects like old WordPress site.
-->
<?php
include "helpers/body_open.php";
?>
<div class="row col-12 title">
<h1>Welcome!</h1>
<div class="row">
<h1 class="col-12 title">Welcome!</h1>
</div>
<div class="row">
<div class="col-12 text">
<p>
[ Website is still in testing. Don't judge too harshly. :) ]
[ Website is still in development, please treat this as an unfinished product. ]
</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.
Thanks for visiting 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>
</div>
<?php
include "helpers/section_open.php";

6
pages/subpages/about/health.php
View File

@@ -1,12 +1,14 @@
#!/usr/bin/php
<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:
<ul>
<ul class="indent">
<li>eat enough clean food,</li>
<li>drink enough clean water,</li>
<li>get enough good sleep, and</li>
@@ -34,6 +36,7 @@
been reversing sickness for decades and their 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>
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
@@ -46,6 +49,7 @@
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
<a href="/journey/">My Journey</a>.

10
pages/subpages/about/notice.php
View File

@@ -1 +1,11 @@
#!/usr/bin/php
<div class="row" id="notice">
<h2 class="col-12 header">Public Notice</h2>
</div>
<div class="row">
<div class="col-12 text">
<p>
[TBD]
</p>
</div>
</div>

11
pages/subpages/about/stance.php
View File

@@ -1 +1,12 @@
#!/usr/bin/php
<!-- My stance on philosophy, politics, and non-human entities. -->
<div class="row" id="stance">
<h2 class="col-12 header">Philosophical Stance</h2>
</div>
<div class="row">
<div class="col-12 text">
<p>
[TBD]
</p>
</div>
</div>

15
pages/subpages/home/apps.php
View File

@@ -2,7 +2,7 @@
<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.
I write free software! Please feel welcome to browse and use anything I have created.
</p>
</div>
@@ -54,7 +54,8 @@
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://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>
@@ -83,7 +84,8 @@
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://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>
@@ -115,8 +117,7 @@
</p>
<p>
[<a href="https://play.google.com/store/apps/details?id=apps.hyperling.com.platformer"
target="_blank" rel="noopener noreferrer">Play Store
</a>]
target="_blank" rel="noopener noreferrer">Play Store</a>]
[<a href="https://files.hyperling.com/apks/HyperGames.apk">APK</a>]
</p>
<p>
@@ -136,9 +137,9 @@
</div>
<div class="row">
<p class="col-12 text">
For a full list of my programs including my Ansible automation,
For a full list of 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>.
<a href="https://github.com/Hyperling" target="_blank">my Github</a>.
</p>
</div>

1
pages/subpages/home/contact.php
View File

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

33
pages/subpages/support/donate.php
View File

@@ -1,2 +1,35 @@
#!/usr/bin/php
<!-- How people can support me with currency if they so desire. -->
<div class="row" id="donate">
<h2 class="col-12 header">Donate</h2>
</div>
<div class="row">
<div class="col-12 text">
<p>
Monetary donations can be provided below through cryptocurrencies.
</p>
<ul class="indent"><li>
<table class="border">
<thead>
<tr>
<th class="center"><strong>Description</strong></th>
<th class="center"><strong>Ticker#</strong></th>
<th class="left"><strong>Address</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td class="center">Monero</td>
<td class="center">XMR</td>
<td class="left">4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao</td>
</tr>
<tr>
<td class="center">LBRY/Odysee Credit</td>
<td class="center">LBC</td>
<td class="left">bDWP6qZajtm9Q9EkryKTorRwKFd5eDbPJj</td>
</tr>
</tbody>
</table>
</li></ul>
</div>
</div>

57
pages/subpages/support/gifts.php
View File

@@ -1,2 +1,59 @@
#!/usr/bin/php
<!-- Gift ideas such as dried fruit, teas, etc. -->
<div class="row" id="donate">
<h2 class="col-12 header">Gifts</h2>
</div>
<div class="row">
<div class="col-12 text">
<p>
Please reach out before purchasing any of these to make sure that I do
not already have an excess supply. I can also provide a good address
in case I have moved around. I also recommend you buying these for
yourself if you'd like to add delicious nutritious food to your diet!
</p>
<strong>Food Items</strong>
<ul class="indent">
<li><a href="https://foodtolive.com/shop/organic-mango-cheeks/"
target="_blank" rel="noopener noreferrer"
>
Mango
</a></li>
<li><a href="https://foodtolive.com/shop/organic-jasmine-rice/"
target="_blank" rel="noopener noreferrer"
>
Jasmine Rice</a> (tends to be out of stock)
</li>
<li><a href="https://foodtolive.com/shop/organic-long-grain-white-rice/"
target="_blank" rel="noopener noreferrer"
>
Long Grain White Rice</a> (if jasmine is still out of stock)
</li>
<li><a href="https://foodtolive.com/shop/organic-tri-color-quinoa/"
target="_blank" rel="noopener noreferrer"
>
Quinoa</a> (color does not matter)
</li>
<li><a href="https://foodtolive.com/shop/organic-amaranth/"
target="_blank" rel="noopener noreferrer"
>
Amaranth
</a></li>
</ul>
<strong>Bulk Teas</strong>
<ul class="indent">
<li><a href="https://www.davidsonstea.com/Tulsi_Pure_Leaves_Loose_Leaf.aspx"
target="_blank" rel="noopener noreferrer"
>
Tulsi
</a></li>
<li><a href="https://www.davidsonstea.com/South_African_Rooibos_Loose_Leaf.aspx"
target="_blank" rel="noopener noreferrer"
>
Rooibos
</a></li>
<!--<li><a href="">
???
</a></li>-->
</ul>
</div>
</div>

10
pages/support.php
View File

@@ -1,21 +1,23 @@
#!/usr/bin/php
<!--
Page to provide ways people can support me.
-->
<?php
include "helpers/body_open.php";
?>
<div class="row col-12 title">
<h1>Support</h1>
<div class="row">
<h1 class="col-12 title">Support</h1>
</div>
<div class="row">
<div class="col-12 text">
<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>
</div>
<?php
include "helpers/section_open.php";

41
pages/videos.php
View File

@@ -1,30 +1,39 @@
#!/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.
<div class="row">
<h1 class="col-12 title">Videos</h1>
</div>
<div class="row">
<div class="col-12 text">
<p>
I enjoy making video content when I have free time. Other life duties
take priority so this is not always frequent of often. For the best
viewing experience, please go directly to my channel here:
</p>
<ul class="indent"><li>
<a href="https://odysee.com/@HyperVegan:2"
target="_blank" rel="noopener noreferrer"
>
https://odysee.com/@HyperVegan:2
</a>
</li></ul>
<p> I also have a separate channel for reposting content, found here:</p>
<ul class="indent"><li>
<a href="https://odysee.com/@HyperVegan-Reposts:5"
target="_blank" rel="noopener noreferrer"
>
https://odysee.com/@HyperVegan-Reposts:5
</a>
</li></ul>
</div>
</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";
?>

2
run.sh
View File

@@ -28,4 +28,4 @@ npm install
./main.js
###
exit 0
exit $?