Compare commits

..
33 Commits
Author SHA1 Message Date
me 4ba60b1c21 announcements, small refactor and add the video for F-Droid. 2026-10-05 15:21:12 -07:00
me 31217aa641 css, fix row behavior for banner. 2026-10-05 15:07:30 -07:00
me 82ad8a9134 main, fix garbage inserted from Android editor app. 2026-10-05 15:05:01 -07:00
me 6155a21a24 banner, fix not showing up on mobile views. 2026-10-05 15:04:30 -07:00
me 3c441f117a Commit mobile testing on Termux, will finish on laptop. 2026-10-05 13:40:41 -07:00
me 67c968e390 banner, change to go to root not about. 2026-10-05 11:53:18 -07:00
me 1544fd140f banner, fix width for tablet mode. 2026-10-05 11:51:43 -07:00
me cab5a4cbcf css, add commas for tablet mode. 2026-10-05 11:51:21 -07:00
me d58261f8c2 apps, shorten link for mobile. 2026-10-05 11:50:45 -07:00
me 2e8eefda7f css, fix the widths in tablet move. 2026-10-05 10:48:49 -07:00
me 2cae390404 css, further de-dupe mobile code. 2026-10-05 10:46:36 -07:00
me e285ccf5d5 css, add a section which is both phone and tablets rather than duplicating code. 2026-10-05 10:46:02 -07:00
me 74611fa707 css, hide banner images if phone or tablet. 2026-10-05 10:42:49 -07:00
me 11c990f1e4 menu, add colons back to headers. 2026-10-05 10:39:07 -07:00
me b8e3840d7a css, add spacing back to menu items. 2026-10-05 10:38:13 -07:00
me 6d497a238d menu, continue shrinking menu. 2026-10-05 10:36:58 -07:00
me 6b32473727 main css, border does not need to be related to font size. 2026-10-05 10:16:09 -07:00
me 8dcbbab181 main, use menu-list and change border to be relative. 2026-10-05 10:13:04 -07:00
me 0e029a9ab6 menu, take up much less space. 2026-10-05 10:12:45 -07:00
me c838fba60c main, add comment for testing later. 2026-10-05 10:00:51 -07:00
me 6fd8441419 menu, take advantage of updated grid setup. 2026-10-05 09:58:37 -07:00
me 67b6643c69 apps, take advantage of updated grid setup. 2026-10-05 09:58:29 -07:00
me d4f8712d11 main, update grid setup to be more modern and dynamic. 2026-10-05 09:58:07 -07:00
me 22d89d4bb3 main, update CSS so that phones and tablets break columns into rows again. 2026-10-05 09:05:01 -07:00
me 3eee3913c0 font, disable to attempt to fix Firefox Mobile's sizing. 2026-10-05 08:48:12 -07:00
me 001f5d471a header, add a viewport tag to see if Firefox Mobile acts different. 2026-10-05 08:47:15 -07:00
me fc2668008d font, refactor file and adjust some more sizes. 2026-10-05 08:42:12 -07:00
me a5bcf0c054 donate, use b instead of code for subheaders, keep the monospaced font using a class. 2026-10-05 08:41:51 -07:00
me 0c2c45d633 font, make b slightly smaller than strong. 2026-10-05 08:24:43 -07:00
me 0fdb5f3787 font, try to correct Firefox Mobile doing odd things. 2026-10-05 08:23:23 -07:00
me f78e521d8f font, use explicit base size so that Firefox hopefully does not distort things anymore. 2026-10-05 08:09:01 -07:00
me b15bc7b15a font, install the new sizes and families to see how it looks on mobile using dev site. 2026-10-05 07:58:14 -07:00
me 37e26bd7ec menu, fix link to books. 2026-10-05 07:30:33 -07:00
8 changed files with 213 additions and 109 deletions

No files matched your search

+17 -35
View File
@@ -108,7 +108,7 @@
>[fdroid.Hyperling.com]</a>
or
<a href="https://fdroid.link/#https://fdroid.hyperling.com/fdroid/repo">
[open directly with F-Droid]</a>
[open with F-Droid]</a>
</li>
</ul>
<p>
@@ -125,7 +125,7 @@
<div class="row center text">
<div class="col-12 text border" id="sunset">
<div class="col-4 text border" id="sunset">
<a href="https://git.hyperling.com/me/flutter-sunset-alarm/releases"
target="_blank" rel="noopener noreferrer">
<figure>
@@ -141,7 +141,6 @@
Set an alarm to go off X minutes before sunset. (Linux & Android)
</p>
<p>
<!--[<s><a>F-Droid</a></s>]-->
[<a href="https://git.hyperling.com/me/flutter-sunset-alarm/releases/download/latest/sunset_alarm-arm64-v8a-release.apk/"
target="_blank" rel="noopener noreferrer">APK</a>]
[<a href="https://git.hyperling.com/me/flutter-sunset-alarm/"
@@ -151,7 +150,7 @@
</p>
</div>
<div class="col-12 text border" id="expense">
<div class="col-4 text border" id="expense">
<a href="https://git.hyperling.com/me/flutter-expense-tracker/releases"
target="_blank" rel="noopener noreferrer">
<figure>
@@ -169,7 +168,6 @@
(Linux & Android)
</p>
<p>
<!--[<s><a>F-Droid</a></s>]-->
[<a href="https://git.hyperling.com/me/flutter-expense-tracker/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/flutter-expense-tracker/releases"
@@ -177,7 +175,7 @@
</p>
</div>
<div class="col-12 text border" id="timer">
<div class="col-4 text border" id="timer">
<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
target="_blank" rel="noopener noreferrer"
>
@@ -196,19 +194,20 @@
<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://git.hyperling.com/me/android-infinite-timer/releases/download/latest/InfiniteTimer.apk"
target="_blank" rel="noopener noreferrer">APK</a>]
[<a href="https://git.hyperling.com/me/android-infinite-timer/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
target="_blank" rel="noopener noreferrer">Obtainium URL</a>]
</p>
<!--<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>-->
</div>
<div class="col-12 text border" id="ctfu">
</div>
<div class="row center text">
<div class="col-3 text border" id="ctfu">
<a href="https://git.hyperling.com/me/android-carb-up/releases"
target="_blank" rel="noopener noreferrer">
<figure>
@@ -216,7 +215,7 @@
src="https://git.hyperling.com/me/android-carb-up/raw/branch/main/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png"
>
<figcaption>
Carb Up! BETA
Carb Up!
</figcaption>
</figure>
</a>
@@ -231,14 +230,9 @@
[<a href="https://git.hyperling.com/me/android-carb-up/releases"
target="_blank" rel="noopener noreferrer">Obtainium URL</a>]
</p>
<!--<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>-->
</div>
<div class="col-12 text border" id="sleep">
<div class="col-3 text border" id="sleep">
<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
target="_blank" rel="noopener noreferrer">
<figure>
@@ -261,14 +255,9 @@
[<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
<!--<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>-->
</div>
<div class="col-12 text border" id="tictactoe">
<div class="col-3 text border" id="tictactoe">
<a href="https://git.hyperling.com/me/android-tictactoe/releases"
target="_blank" rel="noopener noreferrer">
<figure>
@@ -285,7 +274,6 @@
Written to practice Kotlin/Compose.
</p>
<p>
<!--[<s><a>F-Droid</a></s>]-->
[<a href="https://git.hyperling.com/me/android-tictactoe/"
target="_blank" rel="noopener noreferrer">Source Code</a>]
[<a href="https://git.hyperling.com/me/android-tictactoe/releases"
@@ -293,7 +281,7 @@
</p>
</div>
<div class="col-12 text border" id="games">
<div class="col-3 text border" id="games">
<a href="https://git.hyperling.com/me/android-hypergames/releases"
target="_blank" rel="noopener noreferrer"
>
@@ -318,14 +306,8 @@
[<a href="https://git.hyperling.com/me/android-hypergames/releases"
target="_blank" rel="noopener noreferrer">APKs / Obtainium URL</a>]
</p>
<!--
<p>
<s>
[<a target="_blank" rel="noopener noreferrer">F-Droid</a>]
</s>
</p>
-->
</div>
</div>
<div class="row" id="other">
+19 -4
View File
@@ -5,14 +5,15 @@
$GLOBALS["SHOW_BANNER_PICS"] = true;
}
$show_pics = $GLOBALS["SHOW_BANNER_PICS"];
$banner_width = $show_pics ? 6 : 12;
$banner_width_desktop = $show_pics ? 6 : 12;
$banner_width_mobile = $show_pics ? 8 : 12;
?>
<a href='/about/'>
<div class="row">
<a href='/'>
<div class="row banner-desktop">
<?php if ($show_pics) echo '
<div class="col-3 header center banner-image banner-image01"></div>
';?>
<div class="col-<?php echo "$banner_width"; ?> header">
<div class="col-<?php echo "$banner_width_desktop"; ?> header">
<div class="banner-top">Peace</div>
<div class="banner-middle">Love</div>
<div class="banner-bottom">Happiness</div>
@@ -21,4 +22,18 @@
<div class="col-3 header center banner-image banner-image02"></div>
';?>
</div>
<div class="row banner-mobile">
<?php if ($show_pics) echo '
<div class="col-2 header center banner-image banner-image01"></div>
';?>
<div class="col-<?php echo "$banner_width_mobile"; ?> header">
<div class="banner-top">Peace</div>
<div class="banner-middle">Love</div>
<div class="banner-bottom">Happiness</div>
</div>
<?php if ($show_pics) echo '
<div class="col-2 header center banner-image banner-image02"></div>
';?>
</div>
</a>
+60 -17
View File
@@ -7,28 +7,71 @@
}
/* */
p,li,code,a,pre {
font-size: medium;
/*** Fonts ***/
html, body {
font-family: system-ui, sans-serif;
}
b,figcaption {
font-size: large;
font-weight: bold;
/* * /
h1, h2, h3, h4, h5, h6 {
font-family: 'Space Grotesk', Georgia, system-ui, Consolas, sans-serif;
}
/* */
code, pre, .mono {
font-family:
ui-monospace,
SFMono-Regular,
Menlo, Monaco,
Consolas,
"Liberation Mono",
"Courier New",
monospace
;
}
strong,img {
font-size: larger;
font-weight: bolder;
/*** Font Sizes ***/
html {
font-size: 16px;
/* Attempt to prevent Firefox sizing inconsistencies. * /
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
/* */
}
h6,h5 {
font-size: larger;
}
code, pre { font-size: 0.8rem; }
h4,h3 {
font-size: x-large;
}
body { font-size: 1rem; }
p, li, a { font-size: 1rem; }
h2,h1 {
font-size: xx-large;
}
b { font-size: 1.05rem; }
figcaption { font-size: 1.1rem; }
strong { font-size: 1.2rem; }
img { font-size: 1.25rem; }
/* More Subtle */
h6 { font-size: 1.3rem; }
h5 { font-size: 1.4rem; }
h4 { font-size: 1.5rem; }
h3 { font-size: 1.6rem; }
h2 { font-size: 1.7rem; }
h1 { font-size: 1.8rem; }
/* */
/* More Pronounced * /
h6 { font-size: 1.30rem; }
h5 { font-size: 1.55rem; }
h4 { font-size: 1.80rem; }
h3 { font-size: 1.95rem; }
h2 { font-size: 2.10rem; }
h1 { font-size: 2.35rem; }
/* */
/*** Font Weights ***/
b, figcaption { font-weight: bold; }
strong, img { font-weight: bolder; }
+2
View File
@@ -42,4 +42,6 @@
<meta name="twitter:title" content="Hyperling">
<meta name="twitter:description" content="Apps, eBooks, media, and other resources from the brands Hyperling and HyperVegan.">
<meta name="twitter:image" content="https://hyperling.com/files/media/icons/home.jpg">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
+51 -18
View File
@@ -21,24 +21,57 @@
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.row {
border: 1px solid #131313;
border-radius: 4px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
[class*="col-"] {
float: left;
padding: 15px;
/* FORTESTING, otherwise disable */
/*border: 1px solid green;*/
}
/* Ensure columns are respected as if they always exist. */
.row::after {
content: "";
clear: both;
display: table;
/* Handle mobile devices a bit better, making columns break out as rows. */
.banner-desktop { display: flex; }
.banner-mobile { display: none; }
/* Phones */
@media (max-width: 767px) {
[class*="col-"] {
width: 100%;
}
}
.row {
border: 1px solid #131313;
border-radius: 4px;
/* Tablets */
@media (min-width: 768px) and (max-width: 1023px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {
width: 50%;
}
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
width: 100%;
}
}
/* Both Mobiles */
@media (max-width: 1023px) {
[class*="col-"] {
float: none;
display: block;
}
.banner-image {display: none; }
.banner-desktop { display: none; }
.banner-mobile { display: flex; }
}
/* Desktop */
@media (min-width: 1024px) {
}
/** Make the menu items centered and layout horizontal. **/
@@ -51,12 +84,12 @@
.menu-list {
text-align: center;
list-style-type: none;
padding-left: 0px;
}
.menu_item {
.menu-item {
display: inline-block;
padding: 0px;
white-space: nowrap;
margin: 0.1rem;
padding: 0.1rem;
}
/** Be able to position anything easily. **/
@@ -77,8 +110,8 @@
/** Extra objects which need borders **/
.border {
border: 1px solid #131313;
border-radius: 4px;
border: 1px solid #131313;
border-radius: 4px;
}
/** Explicitly remove border from some objects. **/
@@ -125,10 +158,10 @@
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);
padding: 10px;
border: 2px solid #131313;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
body {
+44 -25
View File
@@ -1,6 +1,6 @@
#!/usr/bin/php
<!--
<div class="row header menu">
<!--
<ul class="menu-list">
<li class="col-3 menu-item"><a href="/">Home</a></li>
<li class="col-3 menu-item"><a href="/about/">About</a></li>
@@ -33,29 +33,48 @@
</li>
<li class="col-3 menu-item"></li>
</ul>
-->
</div>
-->
<p class="menu-list">
Main:
<a href="/apps/">Apps</a>
<a href="/about/">About</a>
<a href="/contact/">Contact</a>
<a href="/support/">Support</a>
| Media:
<a href="https://git.hyperling.com/me/"
target="_blank" rel="noopener noreferrer">Code</a>
<a href="https://works.hyperling.com/tags/books/"
target="_blank" rel="noopener noreferrer">Books</a>
<a href="https://works.hyperling.com/videos/"
target="_blank" rel="noopener noreferrer">Videos</a>
<a href="/photos/">Photos</a>
| Blog:
<a href="https://blog.hyperling.com/categories/articles/"
target="_blank" rel="noopener noreferrer">Articles</a>
<a href="https://recipes.hyperling.com/categories/recipes/"
target="_blank" rel="noopener noreferrer">Recipes</a>
<a href="https://blog.hyperling.com/categories/musings/"
target="_blank" rel="noopener noreferrer">Poetry</a>
<a href="https://recipes.hyperling.com/categories/guides/"
target="_blank" rel="noopener noreferrer">Guides</a>
<div class="menu row header center">
<div class="menu-list col-12">
<strong>Main:</strong>
<a class="menu-item" href="/apps/">Apps</a>
<a class="menu-item" href="/about/">About</a>
<a class="menu-item" href="/contact/">Contact</a>
<a class="menu-item" href="/support/">Support</a>
<strong>Media:</strong>
<a class="menu-item"
href="https://git.hyperling.com/me/"
target="_blank" rel="noopener noreferrer"
>Code</a>
<a class="menu-item"
href="https://works.hyperling.com/categories/books/"
target="_blank" rel="noopener noreferrer"
>Books</a>
<a class="menu-item"
href="https://works.hyperling.com/videos/"
target="_blank" rel="noopener noreferrer"
>Videos</a>
<a class="menu-item"
href="/photos/"
>Photos</a>
<strong>Blog:</strong>
<a class="menu-item"
href="https://blog.hyperling.com/categories/articles/"
target="_blank" rel="noopener noreferrer"
>Articles</a>
<a class="menu-item"
href="https://recipes.hyperling.com/categories/recipes/"
target="_blank" rel="noopener noreferrer"
>Recipes</a>
<a class="menu-item"
href="https://blog.hyperling.com/categories/musings/"
target="_blank" rel="noopener noreferrer"
>Poetry</a>
<a class="menu-item"
href="https://recipes.hyperling.com/categories/guides/"
target="_blank" rel="noopener noreferrer"
>Guides</a>
</div>
</div>
+14 -4
View File
@@ -25,6 +25,12 @@
target="_blank" rel="noopener noreferrer"
>Find it here</a>!
</p>
<p>
Watch the announcement:
<a href="https://odysee.com/@HyperVegan:2/20260707-HyperVegan-FDroidRepo:a"
target="_blank" rel="noopener noreferrer"
>HyperVegan: "F-Droid Repository"</a>
</p>
</div>
</div>
@@ -46,9 +52,10 @@
</p>
";?>
<p>
Watch the announcement:
<a href="https://odysee.com/@HyperVegan:2/20251003-Announcements:0"
target="_blank" rel="noopener noreferrer"
>Watch the announcement here | (HyperVegan: "Announcements: Skipped Midfest, Voluntary Sovereignty eBook, CheapRVLiving Interview")</a>
>HyperVegan: "Announcements: Skipped Midfest, Voluntary Sovereignty eBook, CheapRVLiving Interview"</a>
</p>
</div>
</div>
@@ -71,9 +78,10 @@
</p>
";?>
<p>
Watch the announcement:
<a href="https://odysee.com/@HyperVegan:2/20250402-HyperVegan-ExpenseTrackerApp:4"
target="_blank" rel="noopener noreferrer"
>Watch the announcement here | (HyperVegan: "Expense Tracker App")</a>
>HyperVegan: "Expense Tracker App"</a>
</p>
</div>
</div>
@@ -98,9 +106,10 @@
</p>
";?>
<p>
Watch the announcement:
<a href="https://odysee.com/@HyperVegan:2/20240306_MyHealthProtocol-Book:9"
target="_blank" rel="noopener noreferrer"
>Watch the announcement here | (HyperVegan: "My Health Protocol | eBook")</a>
>HyperVegan: "My Health Protocol | eBook"</a>
</p>
</div>
</div>
@@ -122,9 +131,10 @@
</p>
";?>
<p>
Watch the announcement:
<a href="https://odysee.com/@HyperVegan:2/20240401_NewYearNewApp:1"
target="_blank" rel="noopener noreferrer"
>Watch the announcement here | (HyperVegan: "New Year, New App")</a>
>HyperVegan: "New Year, New App"</a>
</p>
</div>
</div>
+6 -6
View File
@@ -22,25 +22,25 @@
<br>
<a href="monero:4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao">
<strong><code>XMR | Monero</code></strong>
<b class="mono">XMR | Monero</b>
</a>
<div class="code"><code>4ATk6owoMki46CuVfyAHS57FB5deqVFudTsaifQC1cfmcaQemgPEftcjZcW9DmcyfrfdRjxHQ9m4JAVSorYTgm6h8JnT7ao</code></div>
<br>
<a href="bitcoin:bc1qsfe8dkvry3d34kztz449gkq67wq8fu2nkgfkh0?">
<strong><code>BTC | Bitcoin</code></strong>
<b class="mono">BTC | Bitcoin</b>
</a>
<div class="code"><code>bc1qsfe8dkvry3d34kztz449gkq67wq8fu2nkgfkh0</code></div>
<br>
<a href="bitcoincash:qzr00gaqeldlu3amjdn59f2y73276v8jwu6vanays2">
<strong><code>BCH | Bitcoin Cash</code></strong>
<b class="mono">BCH | Bitcoin Cash</b>
</a>
<div class="code"><code>qzr00gaqeldlu3amjdn59f2y73276v8jwu6vanays2</code></div>
<br>
<a href="litecoin:ltc1qavmpu5d6ljntxsd6jj548m4yys83zwscl0dzkx">
<strong><code>LTC | Litecoin</code></strong>
<b class="mono">LTC | Litecoin</b>
</a>
<div class="code"><code>ltc1qavmpu5d6ljntxsd6jj548m4yys83zwscl0dzkx</code></div>
<br>
@@ -67,7 +67,7 @@
<div class="header">
<br>
<strong><code>Zelle</code></strong>
<b class="mono">Zelle</b>
<div class="code">
<code>me@hyperling.com</code>
<br>
@@ -76,7 +76,7 @@
</div>
<br>
<strong><code>Venmo</code></strong>
<b class="mono">Venmo</b>
<div class="code">
<code>
@HyperVegan