Compare commits

..

119 Commits

Author SHA1 Message Date
71ac8f3cfe Merge pull request 'Style Overhaul' (#2) from dev into main
Reviewed-on: #2
2025-01-29 13:28:32 -07:00
297e0c90a9 Remove attempts at having columns take up the full row height, was not working. Likely due to how HTML renders they did not know how large the elements after them would be. 2025-01-29 13:23:01 -07:00
76429b1ace Try ensuring columns tak up full row height a different way. 2025-01-29 13:18:36 -07:00
c000140040 Add fill class so that donation boxes take up all the available height. 2025-01-29 13:16:10 -07:00
a48c767ffb Fix tags being on wrong level / element. 2025-01-29 13:13:30 -07:00
5d6e33a72c Add new spacing class for subheaders on donation page. Also give the subsections borders. 2025-01-29 13:07:18 -07:00
5832e5d4ab Test a background on the preference headers. 2025-01-29 13:00:55 -07:00
28fa1cd359 Change wording of resume download header. 2025-01-29 12:58:10 -07:00
f8f74b3aac Ensure no one thinks I'm a time traveler, lol. 2025-01-29 12:51:50 -07:00
64defc9885 Move status back up. 2025-01-29 12:47:48 -07:00
6ee9530b21 Change location of status and give it a darker background. 2025-01-29 12:46:38 -07:00
42905688b3 More wordiness fixes. 2025-01-29 12:44:10 -07:00
92c2aa6a42 Add missing word engineer, fix some wordiness. 2025-01-29 12:42:58 -07:00
d316251af9 Center the upper header text areas like main pages, and also change status! 2025-01-29 12:41:29 -07:00
dc11ec7456 Center the upper header text areas. 2025-01-29 12:41:13 -07:00
ba667207db Change wordiness of text and add some excitement. 2025-01-29 12:38:18 -07:00
8465e7e362 Remove dark background test, add border. 2025-01-29 12:35:35 -07:00
c0425b6de6 Remove the old table border classes. Allow using the border and no-border classes for sections which need manual intervention. 2025-01-29 12:34:21 -07:00
129cd43e3e Remove test code, try different background on app sections. 2025-01-29 12:32:39 -07:00
465bf50e51 Disable advisory at a site-wide level. 2025-01-29 12:30:20 -07:00
e820196ba7 Remove typo character. 2025-01-29 12:27:52 -07:00
3fdb1339c6 Keep links as h6. 2025-01-29 12:26:19 -07:00
b1d652a3fd Test doing the final URLs as monoscript rather than small headers. 2025-01-29 12:24:58 -07:00
fc8c80b98a Change background color of "let me help you!" section. 2025-01-29 12:23:17 -07:00
66f9c0561e Add missing underline under h1 photo area. 2025-01-29 12:21:09 -07:00
78decea24e Use a fancy way of saying writings without re-using words already on the page. 2025-01-29 12:19:05 -07:00
641815e178 Use a better word than writings. 2025-01-29 12:15:11 -07:00
c74f48d19a Better define what the Media page is. 2025-01-29 12:13:31 -07:00
60a56115f3 Fix styling and consistency between sub headers. 2025-01-29 12:09:50 -07:00
7f9fc0321f Remove typo character. 2025-01-29 12:07:31 -07:00
f9f89c0f84 Remove gap between h1 and image. 2025-01-29 12:05:42 -07:00
a1623c6fb5 Fix comment. 2025-01-29 12:05:21 -07:00
bc2db0d631 Fix where the newline is for visibility. 2025-01-29 12:01:37 -07:00
e5b2bc0961 Redo the media page, was arranges strangely and also want books to be first. 2025-01-29 12:01:17 -07:00
d96c328fa3 Try changing menu name to something longer again. 2025-01-29 11:55:53 -07:00
925963f3fd Re-enable the advisory. 2025-01-29 11:54:50 -07:00
16dcfe5aec Test removing advisory. 2025-01-29 11:53:14 -07:00
7506101e62 Change wording for advisory. 2025-01-29 11:52:55 -07:00
6bee3f793c Shorten profession blurb. 2025-01-29 11:49:06 -07:00
150f8aebb5 Adjust style of apps. 2025-01-29 11:42:34 -07:00
ed18d210fd Make the subsection headers be consistent too. 2025-01-29 11:34:27 -07:00
d2b115ced3 Adjust formatting of link text. 2025-01-29 11:29:14 -07:00
2d24d0c971 Shorten text. 2025-01-29 11:26:25 -07:00
612bf7b3cb Make the Venmo section more consistent with Zelle. 2025-01-29 11:11:13 -07:00
020453e521 Use consistent link formatting as the app page. 2025-01-29 11:08:29 -07:00
d9e2dc6875 Looked good on sme things, but overall not a good idea, also made site feel slower. 2025-01-29 11:04:41 -07:00
ef96e715f6 test only giving borders to divs within rows. 2025-01-29 11:00:40 -07:00
e2c08b0326 Change where the background is applied. 2025-01-29 10:59:11 -07:00
cdb462f2ec Ensure the background of the sub section is solid. 2025-01-29 10:56:37 -07:00
0bda5d18a6 See how only having one row looks so that there is not a border through the middle. 2025-01-29 10:56:10 -07:00
2b6caa3f89 Fix rows. Make each app the same size. 2025-01-29 10:54:12 -07:00
ceb25e00f8 Fix image settings. 2025-01-29 10:50:52 -07:00
7ad4d29024 Correct the sizes of the apps. 2025-01-29 10:48:21 -07:00
113a208019 Shrink the android apps section down. 2025-01-29 10:47:06 -07:00
8cdefe48fa Also needs the break at the beginning of the sub block. 2025-01-29 10:43:48 -07:00
ee26ce1112 QR needs another line break. 2025-01-29 10:42:28 -07:00
1082496b3e Add newline between name and QR. 2025-01-29 10:40:48 -07:00
63459cc098 Add a QR code for Zelle. 2025-01-29 10:39:18 -07:00
8142057673 More preference 3 styling adjustments. 2025-01-29 10:24:17 -07:00
4a1e376bd5 Add background to 3rd section. Make it look more similar to other columns. 2025-01-29 10:21:05 -07:00
56a08aaaa2 Change the URL to be the username. 2025-01-29 10:17:18 -07:00
22289e1a64 Add URL to Venmo account. 2025-01-29 10:14:06 -07:00
7c8a59abc5 Change order of donation preferences, add USD section. 2025-01-29 10:03:08 -07:00
d962f1ac74 Change footer so that message is not broken up. 2025-01-29 05:34:02 -07:00
760b2f79bc Try borders on rows. 2025-01-29 05:33:43 -07:00
ab3265b095 Try borders on columns. 2025-01-29 05:28:13 -07:00
0bc2384cd2 Try borders on divs. 2025-01-29 05:25:00 -07:00
576b7a0adf Reduce menu item word length, return site padding to normal. 2025-01-29 05:21:58 -07:00
4e194e584b Continue testing menu padding. 2025-01-29 05:19:06 -07:00
589146343b Try to fix craziness happening with top menu but not bottom. Add padding to bottom. 2025-01-29 05:17:14 -07:00
1498aeefb9 Remove empty rulesets. 2025-01-29 05:13:45 -07:00
db83b2211d Try to vertically center the items. #2 2025-01-29 05:11:48 -07:00
35102cafca Meu item is still broken up? At least try to vertically center the items. 2025-01-29 05:09:18 -07:00
b75a47c847 Reduce padding back to 10, 12 still breaks menu item. 2025-01-29 05:07:00 -07:00
8218498bd0 nowrap didn't help, reduce padding. 2025-01-29 05:03:20 -07:00
3b37e251c1 Do not allow menu items to wrap. 2025-01-29 05:02:17 -07:00
cf57b5576b Try going back to a larger column padding now that menu items are explicitly 0. 2025-01-29 05:00:24 -07:00
a3f6f63be9 Try a few more menu style / padding changes. 2025-01-29 04:58:45 -07:00
c50f790827 Breaks did not work properly. Add new menu cass for outer padding, ul does not seem to hold it well. 2025-01-29 04:55:18 -07:00
9ff2b29b51 Remove padding CSS for menu and add breaks instead. 2025-01-29 04:52:21 -07:00
b8c0471589 Add more vertical padding to menu, again. 2025-01-29 04:49:32 -07:00
9ddf63fff0 Add more vertical padding to menu. 2025-01-29 04:46:41 -07:00
b41fc43e7d Add more vertical padding to menu boxes. 2025-01-29 04:29:26 -07:00
2bb66d4b47 Add padding between addresses again. 2025-01-29 04:25:38 -07:00
103b725ed5 Remove p to see if it fixes the spacing issue for XMR. 2025-01-29 04:24:10 -07:00
7a02f185e9 Try kbd on an address. 2025-01-29 04:21:05 -07:00
5d4c8cb54b Fix p tag. 2025-01-29 04:20:34 -07:00
20fba003a7 Move padding to outside of sub block. 2025-01-29 04:18:16 -07:00
2a1ebae2ce Remove excess padding. 2025-01-29 04:16:41 -07:00
c4daad5c3b Convert all addresses to code blocks. 2025-01-29 04:14:59 -07:00
34a6ff5f62 Remove excess center tag. 2025-01-29 04:13:06 -07:00
0ae0590c22 Add a bit more padding so scrollbar does not cover data. 2025-01-29 04:12:40 -07:00
73a8c820c3 Try centering code block a different way since class is not working. 2025-01-29 04:10:54 -07:00
bd4e7684c9 Scrolling is working! Start fine tuning the box. 2025-01-29 04:08:15 -07:00
3cb079d111 Try making the code area a div class. 2025-01-29 04:02:15 -07:00
6f979f00d9 Hard-set the width of a code block. 2025-01-29 03:59:12 -07:00
a1a76a1985 Continue trying tonadd scrollbar. 2025-01-29 03:57:57 -07:00
4ed4290f67 Try making code blocks scrollable. 2025-01-29 03:54:11 -07:00
1114b65e57 Add a newline between test addresses. 2025-01-29 03:50:58 -07:00
2ff05403b6 Test having an address in a pre+code block. 2025-01-29 03:49:51 -07:00
968d68312a Change wording. 2025-01-29 03:44:56 -07:00
4955b13905 Remove the div padding due to imbalanced borders and try a smaller column padding. 2025-01-29 03:40:59 -07:00
429f419220 Also center the 2nd sub block. 2025-01-29 03:39:21 -07:00
1104d28b28 Also center the text above sub blocks. 2025-01-29 03:37:54 -07:00
1728600f66 Reduce length of LBC description. 2025-01-29 03:36:59 -07:00
a22b875bd2 Remove test borders. 2025-01-29 03:35:16 -07:00
7ac2eaf745 Monero address is still pretty long. Try styling better to see if it can be acceptable. 2025-01-29 03:34:16 -07:00
b404e26530 Try not indenting the crypto addresses. 2025-01-29 03:32:04 -07:00
2fa6d7272c Add the spaces back to media link, the change to padding fixed the double line issue. 2025-01-29 03:29:45 -07:00
c0b043f515 Reduce characters in media link. 2025-01-29 03:27:49 -07:00
d2aef28044 Fix typo in comment. 2025-01-29 03:26:37 -07:00
276a4857ff Reduce column padding to account for new div padding. 2025-01-29 03:24:42 -07:00
1044b60d92 Add alias for the support page (/donate). 2025-01-29 03:21:47 -07:00
ee213ee9f7 See how adding padding to divs affects the website. Enable colored borders for analysis. 2025-01-29 03:14:42 -07:00
6adf13ef06 Text backgrouns is good, now working on getting header background for addresses to fit better. 2025-01-29 03:14:16 -07:00
6fd747aa1d Getting much closer! Now try to get the addresses and trocador to have their background end at the same spot. 2025-01-29 03:10:22 -07:00
6b07c420e5 Try fixing style of subsections. 2025-01-29 03:06:53 -07:00
1b414d4d72 Minify size of crypto donation sections. 2025-01-29 02:59:44 -07:00
022905ff71 Be more explicit with menu links. 2025-01-29 02:53:41 -07:00
16 changed files with 185 additions and 130 deletions

View File

@ -5,8 +5,6 @@
<div class="row">
<h1 class="col-12 title">Who Am I?</h1>
</div>
<div class="row">
<div class="col-12 header center" >
<img src="/files/media/icons/about.jpg">
</div>

View File

@ -5,17 +5,15 @@
<div class="row">
<h1 class="col-12 title">Contact</h1>
</div>
<div class="row">
<div class="col-12 header center" >
<img src="/files/media/icons/contact.jpg">
</div>
</div>
<div class="row">
<div class="col-12 title">
<div class="col-12 title center">
<p>
Timely responses are not guarenteed, as I spend a majority of
my time offline and enjoy traveling in signal-free zones.
my time offline and enjoy traveling in reception-free zones.
</p>
</div>
</div>

7
pages/donate.php Executable file
View File

@ -0,0 +1,7 @@
#!/usr/bin/php
<!--
Alias for the support page with a more common name.
-->
<?php
include "support.php";
?>

View File

@ -11,7 +11,7 @@
<div class="col-12 text">
<u class="orange">2024-03-07</u>
<br/>
Find my free new eBook, "Hyperling's Health Protocol",
Find my free eBook, "Hyperling's Health Protocol",
<u class="orange">here</u>!
</div>
</a>

View File

@ -8,6 +8,9 @@
<?php
include "banner.php";
include "menu.php";
/* 2025-01-29 Disable advisory now that Books is explicitly a menu item. * /
if (!isset($GLOBALS["ADVISORY"]) || $GLOBALS["ADVISORY"] !== false)
include "advisory.php";
/* */
?>

View File

@ -30,3 +30,7 @@
.text {
background-color: #333333;
}
.code {
background-color: #444444;
}

View File

@ -7,20 +7,20 @@
</div>
<div class="row" id="footer">
<div class="col-12 text center">
<div class="col-12 title 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">
<!--<div class="col-3"></div>-->
<h6 class="col-6 center">
<a href="https://git.hyperling.com/me/nodejs-website/src/branch/main/LICENSE"
target="_blank" rel="noopener noreferrer"
>This website is free software! Click here to learn more.</a>
</h6>
<h6 class="col-3 center">
<h6 class="col-6 center">
<a href="/sitemap/">Full Site Map</a>
</h6>
<div class="col-3"></div>
<!--<div class="col-3"></div>-->
</div>

View File

@ -1,7 +1,7 @@
/*** 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, makes the element think its entire size includes padding. */
* {
box-sizing: border-box;
}
@ -24,7 +24,9 @@
[class*="col-"] {
float: left;
padding: 15px;
/*border: 1px solid green;*/ /* FORTESTING otherwise disable */
/* FORTESTING, otherwise disable */
/*border: 1px solid green;*/
}
/* Ensure columns are respected as if they always exist. */
@ -34,7 +36,18 @@
display: table;
}
.row {
border: 1px solid #131313;
border-radius: 4px;
}
/** Make the menu items centered and layout horizontal. **/
/*
.menu {
padding-top: 10px;
padding-bottom: 10px;
}
*/
.menu-list {
text-align: center;
list-style-type: none;
@ -42,6 +55,8 @@
}
.menu_item {
display: inline-block;
padding: 0px;
white-space: nowrap;
}
/** Be able to position anything easily. **/
@ -60,14 +75,21 @@
list-style-type: none;
}
/** Objects which need borders **/
/** Extra objects which need borders **/
.border {
border: 1px solid #33CC33;
border: 1px solid #131313;
border-radius: 4px;
}
/* Also have this apply to a table's cells. */
.border * th,td {
border: 1px solid #33CC33;
/** Explicitly remove border from some objects. **/
.no-border {
border: 0px;
}
/** When a field needs more background color above and below. **/
.spacing {
padding-top: 5px;
padding-bottom: 5px;
}
/** Format tables and allow contents to be broken up. **/
@ -88,6 +110,27 @@
max-height: 500px;
}
/* FORTESTING, otherwise disable */
/*
div {
border: 1px solid red;
}
*/
.code {
max-width: 90%;
margin-left: 5%;
overflow: auto;
overflow-x: scroll;
overflow-y: hidden;
padding: 10px;
border: 2px solid #131313;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
body {
max-width: 1300px;
margin-left: auto;

View File

@ -1,12 +1,12 @@
#!/usr/bin/php
<div class="row header">
<div class="row header menu">
<ul class="menu-list">
<li class="col-1"></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>
<li class="col-2 menu-item"><a href="/support/">Support</a></li>
<li class="col-2 menu-item"><a href="/home/">Android Apps</a></li>
<li class="col-2 menu-item"><a href="/media/">Books / Socials</a></li>
<li class="col-2 menu-item"><a href="/about/">About Me</a></li>
<li class="col-2 menu-item"><a href="/contact/">Contact Details</a></li>
<li class="col-2 menu-item"><a href="/support/">Support / Donate</a></li>
<li class="col-1"></li>
</ul>
</div>

View File

@ -8,14 +8,12 @@
<div class="row">
<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>
<div class="row">
<div class="col-12 text">
<div class="col-12 text center">
<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

View File

@ -1,6 +1,6 @@
#!/usr/bin/php
<!--
Page to provide ways people can support me.
Lists of items which I'd like to share such as gear and frequently used apps.
-->
<?php
include "helpers/body_open.php";

View File

@ -7,13 +7,38 @@
?>
<div class="row">
<h1 class="col-12 title">Videos</h1>
</div>
<div class="row">
<h1 class="col-12 title">Media</h1>
<div class="col-12 header center" >
<img src="/files/media/icons/videos.jpg">
</div>
</div>
<div class="row">
<div class="col-12 text center">
<p>
My written works, social platforms, and photos can be found here.
</p>
</div>
</div>
<div class="row">
<h2 class="col-12 header">Books</h2>
</div>
<div class="row">
<div class="col-12 text">
<p>
I enjoy writing! Find my free eBooks below.
</p>
<ul class="indent"><li>
<a href="/health/">My Health Protocol</a>
</li></ul>
</div>
</div>
<div class="row" id="donate">
<h2 class="col-12 header">Videos</h2>
</div>
<div class="row">
<div class="col-12 text">
<p>
@ -47,20 +72,6 @@
</div>
</div>
<div class="row">
<h1 class="col-12 title">Books</h1>
</div>
<div class="row">
<div class="col-12 text">
<p>
I enjoy writing! Find my free eBooks below.
</p>
<ul class="indent"><li>
<a href="/health/">My Health Protocol</a>
</li></ul>
</div>
</div>
<!-- WIP
<div class="row">
<h1 class="col-12 title">Art / Poetry</h1>
@ -78,7 +89,7 @@
-->
<div class="row">
<h1 class="col-12 title">Personal Media</h1>
<h2 class="col-12 header">Photography</h2>
</div>
<div class="row">
<div class="col-12 text">

View File

@ -8,17 +8,15 @@
<div class="row">
<h1 class="col-12 title">Resume</h1>
</div>
<div class="row">
<div class="col-12 header center" >
<img src="/files/media/icons/home.jpg"> <!-- TBD use a new photo -->
</div>
<h2 class="col-12 title center">Current Status : Traveling Full Time</h2>
</div>
<div class="row">
<h2 class="col-12 header">Current Status : Full Time Contractor</h2>
<div class="col-12 text">
<div class="col-12 text center">
<p>
Interested in hiring me? Please find my resume below!
Interested in hiring me? View my resume below!
</p>
<ul class="indent"><li>
<a href="https://hyperling.com/files/media/documents/Resume.pdf"

View File

@ -5,16 +5,11 @@
<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.
I'm a professional software engineer who's been playing with
Linux system administration from a young age. Much of my career
has focused on back-end / database systems and optimizing
workflows. In my free time I enjoy learning new languages and
writing apps for Android.
</p>
<!--<p><a href="/resume/">My resume can be found here</a>.</p>-->
</div>
@ -34,11 +29,12 @@
<div class="row" id="android">
<h3 class="col-12 header">Android Apps</h3>
</div>
<div class="row center">
<div class="col-12 text" id="tictactoe">
<div class="row center text">
<div class="col-12 text border" id="tictactoe">
<figure>
<a href="https://git.hyperling.com/me/android-tictactoe/releases">
<img width="50%" height="50%" alt="tictactoe_image"
<img loading="lazy" width="25%" height="25%" alt="tictactoe_image"
src="/files/media/icons/tictactoe.png"
/>
<figcaption>
@ -60,11 +56,11 @@
</div>
<div class="row center">
<div class="col-6 text" id="ctfu">
<div class="col-12 text border" id="ctfu">
<figure>
<a href="https://git.hyperling.com/me/android-carb-up/releases"
target="_blank" rel="noopener noreferrer">
<img width="100%" height="100%" alt="ctfu_image"
<img loading="lazy" width="25%" height="25%" alt="ctfu_image"
src="/files/media/icons/ctfu.png"
/>
<figcaption>
@ -90,12 +86,12 @@
</figure>
</div>
<div class="col-6 text" id="timer">
<div class="col-12 text border" id="timer">
<figure>
<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
target="_blank" rel="noopener noreferrer"
>
<img loading="lazy" width="100%" height="100%" alt="infinitetimer_image"
<img loading="lazy" width="25%" height="25%" alt="infinitetimer_image"
src="/files/media/icons/infinitetimer.png"
/>
<figcaption>
@ -120,14 +116,12 @@
</figcaption>
</figure>
</div>
</div>
<div class="row center">
<div class="col-6 text" id="sleep">
<div class="col-12 text border" id="sleep">
<figure>
<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
target="_blank" rel="noopener noreferrer">
<img loading="lazy" width="100%" height="100%" alt="45minuterule"
<img loading="lazy" width="25%" height="25%" alt="45minuterule"
src="/files/media/icons/t45mr.png"
/>
<figcaption>
@ -153,12 +147,12 @@
</figure>
</div>
<div class="col-6 text" id="games">
<div class="col-12 text border" id="games">
<figure>
<a href="https://git.hyperling.com/me/android-hypergames/releases"
target="_blank" rel="noopener noreferrer"
>
<img loading="lazy" width="100%" height="100%" alt="hypergames_image"
<img loading="lazy" width="25%" height="25%" alt="hypergames_image"
src="/files/media/icons/hypergames.png"
/>
<figcaption>

View File

@ -3,66 +3,70 @@
<div class="row" id="donate">
<h2 class="col-12 header">Donate</h2>
</div>
<div class="row">
<div class="col-12 text">
<p>
Donations can be provided directly to my crypto addresses.
</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 class="row text">
<div class="col-4 center border">
<h3 class="title spacing">Preference 1 - Private Crypto</h3>
<p>Send me any type of coin.</p>
<div class="header">
<!-- https://trocador.app/en/anonpayurlgenerator -->
<iframe src="https://trocador.app/anonpay/?ticker_to=xmr&network_to=Mainnet&address=4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao&donation=True&amount=1337.0&name=Chad&description=Support+Chad+%40+Hyperling&email=me@hyperling,com&ticker_from=doge&network_from=Mainnet&buttonbgcolor=663399&textcolor=cccccc&bgcolor=" width="310" height="350" style="border:0" scrolling="no"></iframe>
</div>
</div>
<div class="col-12 header">
<p>
<div class="col-4 center border">
<h3 class="title spacing">Preference 2 - Public Crypto</h3>
<p>Donate directly to my addresses.</p>
<div class="header">
<br/>
<strong><code>XMR | Monero</code></strong>
<ul class="indent"><li>
<kbd>4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao</kbd>
</li></ul>
<div class="code"><code>4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao</code></div>
<br/>
<strong><code>BTC | Bitcoin</code></strong>
<ul class="indent"><li>
<kbd>bc1qsfe8dkvry3d34kztz449gkq67wq8fu2nkgfkh0</kbd>
</li></ul>
<div class="code"><kbd>bc1qsfe8dkvry3d34kztz449gkq67wq8fu2nkgfkh0</kbd></div>
<br/>
<strong><code>LTC | Litecoin</code></strong>
<ul class="indent"><li>
<kbd>ltc1qavmpu5d6ljntxsd6jj548m4yys83zwscl0dzkx</kbd>
</li></ul>
<div class="code"><code>ltc1qavmpu5d6ljntxsd6jj548m4yys83zwscl0dzkx</code></div>
<br/>
<strong><code>LBC | LBRY/Odysee Credit</code></strong>
<ul class="indent"><li>
<kbd>bDWP6qZajtm9Q9EkryKTorRwKFd5eDbPJj</kbd>
</li></ul>
<p>
<strong><code>LBC | Odysee's Coin</code></strong>
<div class="code"><code>bDWP6qZajtm9Q9EkryKTorRwKFd5eDbPJj</code></div>
<br/>
</div>
</div>
<div class="col-12 text">
<p>Or use the widget below to send me any coin you'd like!</p>
<div class="col-4 center border">
<h3 class="title spacing">Preference 3 - Public USD</h3>
<p>Send USD to a fiat-based account.</p>
<div class="header">
<br/>
<strong><code>Zelle</code></strong>
<div class="code">
<kbd>me@hyperling.com</kbd>
<br/>
<br/>
<img src="/files/media/icons/zelle.png">
</div>
<br/>
<strong><code>Venmo</code></strong>
<div class="code">
<kbd>
@HyperVegan
<br/>
<br/>
<kbd>[<a href="https://account.venmo.com/u/HyperVegan"
target="_blank" rel="noopener noreferrer"
>Account Page</a>]
</kbd>
</div>
<br/>
</div>
</div>
<div class="col-12 center header">
<!-- https://trocador.app/en/anonpayurlgenerator -->
<iframe src="https://trocador.app/anonpay/?ticker_to=xmr&network_to=Mainnet&address=4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao&donation=True&amount=1337.0&name=Chad&description=Support+Chad+%40+Hyperling&email=me@hyperling,com&ticker_from=doge&network_from=Mainnet&buttonbgcolor=663399&textcolor=cccccc&bgcolor=" width="310" height="350" style="border:0" scrolling="no"></iframe>
</div>
</div>

View File

@ -8,15 +8,12 @@
<div class="row">
<h1 class="col-12 title">Support</h1>
</div>
<div class="row">
<div class="col-12 header center" >
<img src="/files/media/icons/support.jpg">
</div>
<div class="col-12 text">
<div class="col-12 text center">
<p>
Your contributions are completely optional and very much
appreciated. Thank you for considering me and my work!
Anything is very much appreciated!! Thank you for considering me!
</p>
</div>
</div>