This commit is contained in:
parent
c0324c0bc2
commit
cbfa885984
GPG key ID:
B67D7410F33A0F61
42 changed files with 3701 additions and 547 deletions
|
|
@ -5,11 +5,11 @@
|
|||
</script>
|
||||
<div class="blockquote">
|
||||
<blockquote>
|
||||
<markdown>
|
||||
<djot>
|
||||
<yield></yield>
|
||||
</markdown>
|
||||
</djot>
|
||||
</blockquote>
|
||||
<if condition="cite != ''">
|
||||
<p>—{{cite}}</p>
|
||||
<p>{{cite}}</p>
|
||||
</if>
|
||||
</div>
|
||||
|
|
@ -7,73 +7,12 @@
|
|||
<meta name="color-scheme" content="dark">
|
||||
<title>The SANDWICH</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="apex.css">
|
||||
<link rel="icon" href="/assets/favicon.ico" sizes="16x16 32x32">
|
||||
<link rel="icon" href="/assets/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png">
|
||||
<stack name="head"></stack>
|
||||
<script type="module" src="index.js"></script>
|
||||
<meta name="htmx-config" content='{"responseHandling": [{"code":"204", "swap": false},{"code":"...", "swap": true}]}'>
|
||||
<style>
|
||||
.flex-container {
|
||||
display: flex;
|
||||
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* flex-flow: column; */
|
||||
flex-direction: column;
|
||||
|
||||
height: 100%;
|
||||
gap: 5px;
|
||||
|
||||
}
|
||||
|
||||
/* From https://codepen.io/Knovour/pen/boJNPN */
|
||||
.marquee {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #343434;
|
||||
font-size: 72px;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
width: 100vw;
|
||||
max-width: 100%;
|
||||
height: 80px;
|
||||
line-height: 1.0;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.track {
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
will-change: transform;
|
||||
animation: marquee 32s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes marquee {
|
||||
from {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.htmx-indicator {
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
module.exports = {
|
||||
onclick: props.onclick || '',
|
||||
titlestyle: props.titlestyle || '',
|
||||
headerstyle: props.headerstyle || '',
|
||||
}
|
||||
</script>
|
||||
<div class="project">
|
||||
|
|
@ -14,19 +13,9 @@
|
|||
</div>
|
||||
</if>
|
||||
<slot:title></slot:title>
|
||||
<if condition="$slots.links?.filled">
|
||||
<div class="links">
|
||||
<slot:links></slot:links>
|
||||
</div>
|
||||
</if>
|
||||
</div>
|
||||
</if>
|
||||
<if condition="$slots.description?.filled || $slots.subtitle?.filled">
|
||||
<div class="description">
|
||||
<div onclick="{{onclick}}" style="{{headerstyle}}">
|
||||
<slot:subtitle></slot:subtitle>
|
||||
</div>
|
||||
<slot:description></slot:description>
|
||||
</div>
|
||||
<slot:description></slot:description>
|
||||
</if>
|
||||
</div>
|
||||
|
|
@ -5,7 +5,7 @@
|
|||
</script>
|
||||
<div class="section-header">
|
||||
<div>
|
||||
<markdown># {{header}}</markdown>
|
||||
<h1>{{header}}</h1>
|
||||
</div>
|
||||
<div>
|
||||
<yield></yield>
|
||||
|
|
|
|||
|
|
@ -1,18 +0,0 @@
|
|||
@font-face {
|
||||
font-family: 'Fira Code';
|
||||
src: url('FiraCode-Regular.woff2') format('woff2'),
|
||||
url('FiraCode-Regular.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Fira Code';
|
||||
src: url('FiraCode-Bold.woff2') format('woff2'),
|
||||
url('FiraCode-Bold.woff') format('woff');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
|
|
@ -6,13 +6,18 @@
|
|||
</x-section-head>
|
||||
<x-interest person="isaac">
|
||||
<fill:description>
|
||||
<markdown>
|
||||
I love listening to the **works** albums from **Diverse System** while I'm working! Here's a 24-hour livestream
|
||||
from them
|
||||
</markdown>
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/HXB5A7Psifk" title="YouTube video player" frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
<section>
|
||||
<djot>
|
||||
I love listening to the *works* albums from *Diverse System* while I'm working! Here's a 24-hour livestream
|
||||
from them
|
||||
|
||||
``` =html
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/HXB5A7Psifk" title="YouTube video player" frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
```
|
||||
</djot>
|
||||
</section>
|
||||
</fill:description>
|
||||
</x-interest>
|
||||
<x-interest class="project-alt" person="richard">
|
||||
|
|
@ -20,19 +25,19 @@
|
|||
<x-img src="/assets/dancerush.png">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Dance Rush
|
||||
</markdown>
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
<djot>
|
||||
## Very good game
|
||||
</markdown>
|
||||
</djot>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<!-- <markdown> -->
|
||||
<!-- <djot> -->
|
||||
<!-- I love going over to Round One in Provo, Utah and tearing it up on the dance floor! -->
|
||||
<!-- </markdown> -->
|
||||
<!-- </djot> -->
|
||||
</fill:description>
|
||||
</x-interest>
|
||||
<x-interest person="tyson">
|
||||
|
|
@ -40,31 +45,33 @@
|
|||
<x-img src="/assets/rimworld.jpg">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# [Rimworld](https://store.steampowered.com/app/294100/RimWorld/)
|
||||
</markdown>
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## My favorite game
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
<djot>
|
||||
## My favorite game
|
||||
|
||||
I like committing war-crimes in Rimworld
|
||||
</markdown>
|
||||
</djot>
|
||||
</fill:description>
|
||||
</x-interest>
|
||||
<x-interest class="project-alt" person="isaac">
|
||||
<fill:description>
|
||||
<markdown>
|
||||
I also love listening to Diverse System's **AD:** albums in my free time as well. This is a highlight reel of
|
||||
one of my
|
||||
favorites.
|
||||
</markdown>
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/gNGcEwi2e5M" title="YouTube video player" frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
<section>
|
||||
<djot>
|
||||
I also love listening to Diverse System's *AD:* albums in my free time as well. This is a highlight reel of
|
||||
one of my
|
||||
favorites.
|
||||
|
||||
```=html
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/gNGcEwi2e5M" title="YouTube video player" frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
```
|
||||
</djot>
|
||||
</section>
|
||||
</fill:description>
|
||||
</x-interest>
|
||||
<x-interest person="tyson">
|
||||
|
|
@ -72,24 +79,21 @@
|
|||
<x-img src="/assets/h1000.webp">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# NVIDIA H1000
|
||||
</markdown>
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## I want one
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<a href="mailto:tysoncloud.barbecue794@passinbox.com">
|
||||
<markdown>
|
||||
<djot>
|
||||
## I want one
|
||||
|
||||
Give one to me!! HMU:
|
||||
|
||||
tysoncloud.barbecue794
|
||||
|
||||
@passinbox.com
|
||||
</markdown>
|
||||
</djot>
|
||||
</a>
|
||||
</fill:description>
|
||||
</x-interest>
|
||||
|
|
@ -98,14 +102,19 @@
|
|||
<x-img src="/assets/isaac.jpg" class="person">
|
||||
</fill:person>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
My favorite artist under Diverse System has gotta be **xi**. This is a highlight reel of my favorite album
|
||||
by them.
|
||||
</markdown>
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/ii8t_TZluvA?si=-PrfEwqZqAbMeFWS" title="YouTube video player"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
<section>
|
||||
<djot>
|
||||
My favorite artist under Diverse System has gotta be *xi*. This is a highlight reel of my favorite album
|
||||
by them.
|
||||
|
||||
```=html
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/ii8t_TZluvA?si=-PrfEwqZqAbMeFWS"
|
||||
title="YouTube video player" frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
```
|
||||
</djot>
|
||||
</section>
|
||||
</fill:description>
|
||||
</x-interest>
|
||||
</x-tab.content>
|
||||
|
|
@ -9,25 +9,26 @@
|
|||
<x-project.text>🤷♂️</x-project.text>
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Uuuuuhhhhh
|
||||
</markdown>
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## I don't know what to put on this page
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<form hx-post="/api/page-idea" hx-target="#page-idea-result" hx-indicator="#page-idea-indicator">
|
||||
<label for="page-idea">
|
||||
What should we put on page 4 of The SANDWICH?
|
||||
</label><br>
|
||||
<textarea name="page-idea" id="page-idea"></textarea>
|
||||
<input type="submit" value="Submit Idea!">
|
||||
</form>
|
||||
<img id="page-idea-indicator" class="htmx-indicator" width="32" height="32" src="/assets/spinner.svg">
|
||||
<div id="page-idea-result"></div>
|
||||
<djot>
|
||||
## I don't know what to put on this page
|
||||
|
||||
```=html
|
||||
<form hx-post="/api/page-idea" hx-target="#page-idea-result" hx-indicator="#page-idea-indicator">
|
||||
<label for="page-idea">
|
||||
What should we put on page 4 of The SANDWICH?
|
||||
</label><br>
|
||||
<textarea name="page-idea" id="page-idea"></textarea>
|
||||
<input type="submit" value="Submit Idea!">
|
||||
</form>
|
||||
<img id="page-idea-indicator" class="htmx-indicator" width="32" height="32" src="/assets/spinner.svg">
|
||||
<div id="page-idea-result"></div>
|
||||
```
|
||||
</djot>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
</x-tab.content>
|
||||
|
|
@ -9,61 +9,69 @@
|
|||
<img src="/assets/tysoncloud.svg">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# TYSONCLOUD
|
||||
</markdown>
|
||||
|
||||
::: links
|
||||
|
||||
```=html
|
||||
<x-link.github href="timmyjinks/TYSONCLOUD"></x-link.github>
|
||||
<x-link.website href="https://tysoncloud.tysonjenkins.dev/" referencing="TYSONCLOUD"></x-link.website>
|
||||
```
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.github href="timmyjinks/TYSONCLOUD"></x-link.github>
|
||||
<x-link.website href="https://tysoncloud.tysonjenkins.dev/" referencing="TYSONCLOUD"></x-link.website>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## Dockering your containers since 2025
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
<djot>
|
||||
## Dockering your containers since 2025
|
||||
|
||||
Have you ever just gone to a cloud service interface like Google Cloud Console, Microsoft Azure Portal, or
|
||||
AWS Console, and just gone "...what? What am I even looking at? *Huh*?"
|
||||
AWS Console, and just gone "...what? What am I even looking at? _Huh_?"
|
||||
|
||||
No more will you have to scrunkle your brain in these confusing interfaces to get access to fast, reliable
|
||||
cloud, with **TYSONCLOUD**. Just input a docker container, and hit go!^1^
|
||||
</markdown>
|
||||
cloud, with *TYSONCLOUD*. Just input a docker container, and hit go!^1^
|
||||
</djot>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project onclick="spaghetti()" class="project-alt" titlestyle="font-family: 'Apex Mk2'"
|
||||
headerstyle="font-family: 'Apex Mk2'" id="simulo">
|
||||
<x-project onclick="spaghetti()" class="project-alt" titlestyle="font-family: 'Apex Mk2'" id="simulo">
|
||||
<fill:img>
|
||||
<img src="/assets/simulo.svg">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Simulo
|
||||
</markdown>
|
||||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.github href="richgrov/simulo"></x-link.github>
|
||||
<x-link.website href="https://simulo.tech" referencing="Simulo"></x-link.website>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## Roblox for the real world!
|
||||
#### (what could go wrong?)
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<div style="font-family: monospace;">
|
||||
<markdown>
|
||||
Are you a hot sweaty gamer looking to get hot and sweaty but in a good way? Bring your IRL game ideas to
|
||||
life
|
||||
with **Simulo**! It's like using the *Earth* as your game engine! You
|
||||
don't even need to learn Lua to get started, instead, just describe your game to the engine and watch it
|
||||
come to life!
|
||||
|
||||
Simulo is the most accessible game engine by a longshot^2^! Anyone can use Simulo, try it out today!.
|
||||
</markdown>
|
||||
</div>
|
||||
::: links
|
||||
|
||||
```=html
|
||||
<x-link.github href="richgrov/simulo"></x-link.github>
|
||||
<x-link.website href="https://simulo.tech" referencing="Simulo"></x-link.website>
|
||||
```
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:description>
|
||||
<djot>
|
||||
{style="font-family: 'Apex Mk2'"}
|
||||
## Roblox for the real world!
|
||||
{style="font-family: 'Apex Mk2'"}
|
||||
#### (what could go wrong?)
|
||||
|
||||
{style="font-family: monospace;"}
|
||||
:::
|
||||
|
||||
Are you a hot sweaty gamer looking to get hot and sweaty but in a good way? Bring your IRL game ideas to
|
||||
life
|
||||
with *Simulo*! It's like using the *Earth* as your game engine! You
|
||||
don't even need to learn Lua to get started, instead, just describe your game to the engine and watch it
|
||||
come to life!
|
||||
|
||||
Simulo is the most accessible game engine by a longshot^2^! Anyone can use Simulo, try it out today!.
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project id="c0re">
|
||||
|
|
@ -71,25 +79,28 @@
|
|||
<include src="assets/c0re.svg"></include>
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# c0re
|
||||
#### So shiny!
|
||||
</markdown>
|
||||
|
||||
::: links
|
||||
|
||||
```=html
|
||||
<x-link.website href="https://c0re.com" referencing="c0re"></x-link.website>
|
||||
```
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.website href="https://c0re.com" referencing="c0re"></x-link.website>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## Git gud scrub!
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
Crush your friends in the game of life and get receipts using **c0re**! Gamify the effort of surpassing your
|
||||
<djot>
|
||||
## Git gud scrub!
|
||||
|
||||
Crush your friends in the game of life and get receipts using *c0re*! Gamify the effort of surpassing your
|
||||
peers in every possible area and become objectively and quantifiably the _best_ person.
|
||||
</markdown>
|
||||
<p>Join the fray, and become your best self <span id="c0re-countup"></span> ago!</p>
|
||||
|
||||
Join the fray, and become your best self []{id="c0re-countup"} ago!
|
||||
</djot>
|
||||
<script>
|
||||
// Code from https://www.w3schools.com/howto/howto_js_countdown.asp
|
||||
// Set the date we're counting down to
|
||||
|
|
@ -132,23 +143,25 @@
|
|||
<img src="/assets/braindance.svg">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Braindance
|
||||
</markdown>
|
||||
|
||||
::: links
|
||||
|
||||
```=html
|
||||
<x-link.website href="https://braindance.live" referencing="Braindance"></x-link.website>
|
||||
```
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.website href="https://braindance.live" referencing="Braindance"></x-link.website>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## Bringing the Coachella to you!
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
Ever wanted to vibe to some skibidicore with the boys, but without actually being *with* the boys? Now
|
||||
<djot>
|
||||
## Bringing the Coachella to you!
|
||||
|
||||
Ever wanted to vibe to some skibidicore with the boys, but without actually being _with_ the boys? Now
|
||||
you can with Braindance! No better way exists to transmit concert vibes directly into your home^3^
|
||||
</markdown>
|
||||
</djot>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project id="grezi">
|
||||
|
|
@ -156,20 +169,22 @@
|
|||
<x-project.text>e</x-project.text>
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Grezi
|
||||
</markdown>
|
||||
|
||||
::: links
|
||||
|
||||
```=html
|
||||
<x-link.github href="StratusFearMe21/grezi-next"></x-link.github>
|
||||
```
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.github href="StratusFearMe21/grezi-next"></x-link.github>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## When the power is point
|
||||
</markdown>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
<djot>
|
||||
## When the power is point
|
||||
|
||||
Imagine a slideshow, but with extra lizard brain! That's what Grezi is. On top of making your
|
||||
presentation extra skibidi bop bop yes yes, it also allows you to write your presentation with a bespoke
|
||||
markup
|
||||
|
|
@ -178,7 +193,7 @@
|
|||
Instead of dragging elements around on your slides, you can open your notepad and make silly
|
||||
text move
|
||||
on the screen with plain text. What an incredible innovation!
|
||||
</markdown>
|
||||
</djot>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project class="project-alt" id="mystery">
|
||||
|
|
@ -186,26 +201,32 @@
|
|||
<x-project.text>?</x-project.text>
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Mystery
|
||||
</markdown>
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:subtitle>
|
||||
<markdown>
|
||||
## _Oooooooo_
|
||||
</markdown>
|
||||
<djot>
|
||||
</djot>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>Nobody knows what this project is gonna be. The creator, Josh, won't tell anyone.</markdown>
|
||||
<form hx-post="/api/speculate" hx-target="#speculation-result" hx-indicator="#speculation-indicator">
|
||||
<label for="speculation">
|
||||
Speculate about the <i>secret</i> project below:
|
||||
</label><br>
|
||||
<textarea name="speculation" id="speculation"></textarea>
|
||||
<input type="submit" value="Speculate!">
|
||||
</form>
|
||||
<img id="speculation-indicator" class="htmx-indicator" width="32" height="32" src="/assets/spinner.svg">
|
||||
<div id="speculation-result"></div>
|
||||
<djot>
|
||||
## _Oooooooo_
|
||||
|
||||
Nobody knows what this project is gonna be. The creator, Josh, won't tell anyone.
|
||||
|
||||
```=html
|
||||
<form hx-post="/api/speculate" hx-target="#speculation-result" hx-indicator="#speculation-indicator">
|
||||
<label for="speculation">
|
||||
Speculate about the <i>secret</i> project below:
|
||||
</label><br>
|
||||
<textarea name="speculation" id="speculation"></textarea>
|
||||
<input type="submit" value="Speculate!">
|
||||
</form>
|
||||
<img id="speculation-indicator" class="htmx-indicator" width="32" height="32" src="/assets/spinner.svg">
|
||||
<div id="speculation-result"></div>
|
||||
```
|
||||
</djot>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<fill:footer>
|
||||
|
|
@ -231,6 +252,5 @@
|
|||
</x-tab.content>
|
||||
<push name="head">
|
||||
<link rel="preload" href="/assets/ApexMk2-Regular.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/ApexMk2-LightCondensed.woff2" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="/assets/ApexMk2-BoldExtended.woff2" as="font" type="font/woff2" crossorigin>
|
||||
</push>
|
||||
|
|
@ -9,31 +9,44 @@
|
|||
<x-img src="/assets/richard.jpg" class="person">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Richard Grover
|
||||
</markdown>
|
||||
<x-link href="projects.html" show="simulo">
|
||||
<markdown>
|
||||
#### CEO of Simulo (same thing)
|
||||
</markdown>
|
||||
</x-link>
|
||||
|
||||
```=html
|
||||
<x-link href="projects.html" show="simulo">
|
||||
<djot>
|
||||
#### CEO of Simulo (same thing)
|
||||
</djot>
|
||||
</x-link>
|
||||
```
|
||||
|
||||
::: links
|
||||
|
||||
```=html
|
||||
<x-link.github href="richgrov"></x-link.github>
|
||||
<x-link.website href="https://grover.sh/" referencing="Richard"></x-link.website>
|
||||
<x-link.linkedin href="richgrov"></x-link.linkedin>
|
||||
<x-link.x href="richgrov"></x-link.x>
|
||||
```
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.github href="richgrov"></x-link.github>
|
||||
<x-link.website href="https://grover.sh/" referencing="Richard"></x-link.website>
|
||||
<x-link.linkedin href="richgrov"></x-link.linkedin>
|
||||
<x-link.x href="richgrov"></x-link.x>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<x-blockquote cite="Richard">
|
||||
Tyson, let's get out of here
|
||||
</x-blockquote>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
I think the rest of the card explains enough about me ngl. I don't think another bit of text would add much
|
||||
value
|
||||
</markdown>
|
||||
<section>
|
||||
<djot>
|
||||
::: blockquote
|
||||
|
||||
> Tyson, let's get out of here
|
||||
|
||||
Richard
|
||||
|
||||
:::
|
||||
|
||||
I think the rest of the card explains enough about me ngl. I don't think another bit of text would add much
|
||||
value
|
||||
</djot>
|
||||
</section>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project class="project-alt" id="tyson">
|
||||
|
|
@ -41,97 +54,134 @@
|
|||
<x-img src="/assets/tyson.jpg" class="person">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Tyson Jenkins
|
||||
</markdown>
|
||||
<x-link href="projects.html" show="tysoncloud">
|
||||
<markdown>
|
||||
#### CEO of TYSONCLOUD (same thing)
|
||||
</markdown>
|
||||
</x-link>
|
||||
|
||||
```=html
|
||||
<x-link href="projects.html" show="tysoncloud">
|
||||
<djot>
|
||||
#### CEO of TYSONCLOUD (same thing)
|
||||
</djot>
|
||||
</x-link>
|
||||
```
|
||||
|
||||
::: links
|
||||
|
||||
```=html
|
||||
<x-link.github href="timmyjinks"></x-link.github>
|
||||
<x-link.website href="https://tysonjenkins.dev/" referencing="Tyson"></x-link.website>
|
||||
<x-link.linkedin href="tyson-jenkins"></x-link.linkedin>
|
||||
<x-link.x href="chimp2600"></x-link.x>
|
||||
```
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.github href="timmyjinks"></x-link.github>
|
||||
<x-link.website href="https://tysonjenkins.dev/" referencing="Tyson"></x-link.website>
|
||||
<x-link.linkedin href="tyson-jenkins"></x-link.linkedin>
|
||||
<x-link.x href="chimp2600"></x-link.x>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<x-blockquote cite="Tyson">
|
||||
Step on it, Richard!
|
||||
</x-blockquote>
|
||||
</fill:subtitle>
|
||||
<!-- <fill:description> -->
|
||||
<!-- <markdown> -->
|
||||
<!-- I love everything from making distributed systems, to physically building them. I'm in my element when I'm -->
|
||||
<!-- making software with Python, and deploying it via Docker. -->
|
||||
<!-- </markdown> -->
|
||||
<!-- </fill:description> -->
|
||||
<fill:description>
|
||||
<section>
|
||||
<djot>
|
||||
::: blockquote
|
||||
|
||||
> Step on it, Richard!
|
||||
|
||||
Tyson
|
||||
|
||||
:::
|
||||
</djot>
|
||||
<!-- {% I love everything from making distributed systems, to physically building them. I'm in my element when I'm making software with Python, and deploying it via Docker. %} -->
|
||||
</section>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project id="gunnar">
|
||||
<fill:img>
|
||||
<x-img src="/assets/gunnar.jpg" class="person">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Gunnar Huscroft
|
||||
</markdown>
|
||||
<x-link href="projects.html" show="c0re">
|
||||
<markdown>
|
||||
#### CEO of c0re (same thing)
|
||||
</markdown>
|
||||
</x-link>
|
||||
|
||||
```=html
|
||||
<x-link href="projects.html" show="c0re">
|
||||
<djot>
|
||||
#### CEO of c0re (same thing)
|
||||
</djot>
|
||||
</x-link>
|
||||
```
|
||||
|
||||
::: links
|
||||
|
||||
```=html
|
||||
<x-link.github href="Ghussy"></x-link.github>
|
||||
<!-- <x-link.website href="https://churchofjesuschrist.org/" referencing="Gunnar"></x-link.website> -->
|
||||
<x-link.youtube href="UCApj2bfCQRDWym4684z2TXQ"></x-link.youtube>
|
||||
<x-link.linkedin href="gunnarhuscroft"></x-link.linkedin>
|
||||
<x-link.x href="ChEEEky_SCRUB"></x-link.x>
|
||||
<x-link.instagram href=""></x-link.instagram>
|
||||
```
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.github href="Ghussy"></x-link.github>
|
||||
<!-- <x-link.website href="https://churchofjesuschrist.org/" referencing="Gunnar"></x-link.website> -->
|
||||
<x-link.youtube href="UCApj2bfCQRDWym4684z2TXQ"></x-link.youtube>
|
||||
<x-link.linkedin href="gunnarhuscroft"></x-link.linkedin>
|
||||
<x-link.x href="ChEEEky_SCRUB"></x-link.x>
|
||||
<x-link.instagram href=""></x-link.instagram>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<x-blockquote cite="Steve Jobs">
|
||||
Replace the heaviness of being successful, with the lightness of being a beginner again, less sure about
|
||||
everything. It freed me to enter one of the most creative periods of my life.
|
||||
</x-blockquote>
|
||||
</fill:subtitle>
|
||||
<!-- <fill:description> -->
|
||||
<!-- <markdown> -->
|
||||
<!-- Some people believe in test-driven development, or compiler-driven development. But I believe in values-driven -->
|
||||
<!-- development. My passion lies in using my skills to help lift other people up, and leave the world better than I -->
|
||||
<!-- found it. -->
|
||||
<!-- </markdown> -->
|
||||
<!-- </fill:description> -->
|
||||
<fill:description>
|
||||
<section>
|
||||
<djot>
|
||||
::: blockquote
|
||||
|
||||
> Replace the heaviness of being successful, with the lightness of being a beginner again, less sure about
|
||||
everything. It freed me to enter one of the most creative periods of my life.
|
||||
|
||||
Steve Jobs
|
||||
|
||||
:::
|
||||
</djot>
|
||||
<!-- <djot> -->
|
||||
<!-- Some people believe in test-driven development, or compiler-driven development. But I believe in values-driven -->
|
||||
<!-- development. My passion lies in using my skills to help lift other people up, and leave the world better than I -->
|
||||
<!-- found it. -->
|
||||
<!-- </djot> -->
|
||||
</section>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project class="project-alt" id="khayden">
|
||||
<fill:img>
|
||||
<x-img src="/assets/khayden.jpg" class="person">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Khayden Roberts
|
||||
</markdown>
|
||||
<x-link href="projects.html" show="braindance">
|
||||
<markdown>
|
||||
#### CEO of Braindance (same thing)
|
||||
</markdown>
|
||||
</x-link>
|
||||
|
||||
```=html
|
||||
<x-link href="projects.html" show="braindance">
|
||||
<djot>
|
||||
#### CEO of Braindance (same thing)
|
||||
</djot>
|
||||
</x-link>
|
||||
```
|
||||
|
||||
::: links
|
||||
|
||||
```=html
|
||||
<x-link.github href="Hoochymoochy"></x-link.github>
|
||||
<x-link.website href="https://www.khaydenroberts.com/" referencing="Khayden"></x-link.website>
|
||||
<x-link.linkedin href="khayden-roberts-5783b32b5"></x-link.linkedin>
|
||||
```
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.github href="Hoochymoochy"></x-link.github>
|
||||
<x-link.website href="https://www.khaydenroberts.com/" referencing="Khayden"></x-link.website>
|
||||
<x-link.linkedin href="khayden-roberts-5783b32b5"></x-link.linkedin>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<x-blockquote>
|
||||
You only live once, die trying
|
||||
</x-blockquote>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
Just a guy making cool stuff for the love of the game. Like fast beep boops too 🎶⚡️
|
||||
</markdown>
|
||||
<section>
|
||||
<djot>
|
||||
::: blockquote
|
||||
|
||||
> You only live once, die trying
|
||||
|
||||
:::
|
||||
|
||||
Just a guy making cool stuff for the love of the game. Like fast beep boops too 🎶⚡️
|
||||
</djot>
|
||||
</section>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
<x-project id="isaac">
|
||||
|
|
@ -139,32 +189,45 @@
|
|||
<x-img src="/assets/isaac.jpg" class="person">
|
||||
</fill:img>
|
||||
<fill:title>
|
||||
<markdown>
|
||||
<djot>
|
||||
# Isaac Mills
|
||||
</markdown>
|
||||
<x-link href="projects.html" show="grezi">
|
||||
<markdown>
|
||||
#### CEO of Grezi (same thing)
|
||||
</markdown>
|
||||
</x-link>
|
||||
|
||||
```=html
|
||||
<x-link href="projects.html" show="grezi">
|
||||
<djot>
|
||||
#### CEO of Grezi (same thing)
|
||||
</djot>
|
||||
</x-link>
|
||||
```
|
||||
|
||||
::: links
|
||||
|
||||
```=html
|
||||
<x-link.github href="StratusFearMe21"></x-link.github>
|
||||
<x-link.website href="https://portfolio.nations.lol/" referencing="Isaac"></x-link.website>
|
||||
<x-link.linkedin href="isaac-mills-8b1a77336"></x-link.linkedin>
|
||||
<x-link.listenbrainz href="StratusFearMe21"></x-link.listenbrainz>
|
||||
```
|
||||
|
||||
:::
|
||||
</djot>
|
||||
</fill:title>
|
||||
<fill:links>
|
||||
<x-link.github href="StratusFearMe21"></x-link.github>
|
||||
<x-link.website href="https://portfolio.nations.lol/" referencing="Isaac"></x-link.website>
|
||||
<x-link.linkedin href="isaac-mills-8b1a77336"></x-link.linkedin>
|
||||
<x-link.listenbrainz href="StratusFearMe21"></x-link.listenbrainz>
|
||||
</fill:links>
|
||||
<fill:subtitle>
|
||||
<x-blockquote cite="Isaac">
|
||||
Pog
|
||||
</x-blockquote>
|
||||
</fill:subtitle>
|
||||
<fill:description>
|
||||
<markdown>
|
||||
I'm a software engineer and computer scientist who loves harnessing the power of technology to solve problems!
|
||||
Ever since I was 7, I've specialized in finding problems to solve, and working with people
|
||||
to solve them. Streamlining systems and maximizing efficiency is what I do best!
|
||||
</markdown>
|
||||
<section>
|
||||
<djot>
|
||||
::: blockquote
|
||||
|
||||
> Pog
|
||||
|
||||
Isaac
|
||||
|
||||
:::
|
||||
|
||||
I'm a software engineer and computer scientist who loves harnessing the power of technology to solve problems!
|
||||
Ever since I was 7, I've specialized in finding problems to solve, and working with people
|
||||
to solve them. Streamlining systems and maximizing efficiency is what I do best!
|
||||
</djot>
|
||||
</section>
|
||||
</fill:description>
|
||||
</x-project>
|
||||
</x-tab.content>
|
||||
|
|
@ -1,3 +1,5 @@
|
|||
@import 'apex.css';
|
||||
|
||||
@custom-media --tablet only screen and (max-width: 1200px);
|
||||
@custom-media --phone only screen and (max-width: 800px);
|
||||
@custom-media --smaller-phone only screen and (max-width: 500px);
|
||||
|
|
@ -58,6 +60,10 @@ blockquote {
|
|||
text-align: right;
|
||||
}
|
||||
|
||||
&+p::before {
|
||||
content: "—";
|
||||
}
|
||||
|
||||
@media (--phone) {
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
|
@ -111,7 +117,8 @@ blockquote {
|
|||
margin: 16pt 0;
|
||||
}
|
||||
|
||||
&>div {
|
||||
&>div,
|
||||
&>section {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
|
|
@ -119,7 +126,8 @@ blockquote {
|
|||
flex-direction: column;
|
||||
padding: 32px;
|
||||
|
||||
&>div {
|
||||
&>div,
|
||||
&>section {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
|
@ -184,14 +192,6 @@ blockquote {
|
|||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
width: 100%;
|
||||
|
||||
@media (--phone) {
|
||||
width: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.links {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
|
|
@ -252,10 +252,77 @@ blockquote {
|
|||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
display: flex;
|
||||
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* flex-flow: column; */
|
||||
flex-direction: column;
|
||||
|
||||
height: 100%;
|
||||
gap: 5px;
|
||||
|
||||
}
|
||||
|
||||
/* From https://codepen.io/Knovour/pen/boJNPN */
|
||||
.marquee {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #343434;
|
||||
font-size: 72px;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
width: 100vw;
|
||||
max-width: 100%;
|
||||
height: 80px;
|
||||
line-height: 1.0;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.track {
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
will-change: transform;
|
||||
animation: marquee 32s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes marquee {
|
||||
from {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.htmx-indicator {
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
section {
|
||||
width: 100%;
|
||||
|
||||
@media (--phone) {
|
||||
width: unset;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 32pt;
|
||||
/* margin: 0; */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue