diff --git a/assets/ApexMk2-BoldExtended.woff2 b/assets/ApexMk2-BoldExtended.woff2 new file mode 100644 index 0000000..4a67b3f Binary files /dev/null and b/assets/ApexMk2-BoldExtended.woff2 differ diff --git a/assets/ApexMk2-LightCondensed.woff2 b/assets/ApexMk2-LightCondensed.woff2 new file mode 100644 index 0000000..3fdd5b7 Binary files /dev/null and b/assets/ApexMk2-LightCondensed.woff2 differ diff --git a/assets/ApexMk2-Regular.woff2 b/assets/ApexMk2-Regular.woff2 new file mode 100644 index 0000000..044dfb3 Binary files /dev/null and b/assets/ApexMk2-Regular.woff2 differ diff --git a/assets/braindance.svg b/assets/braindance.svg new file mode 100644 index 0000000..6f0a197 --- /dev/null +++ b/assets/braindance.svg @@ -0,0 +1 @@ + diff --git a/src/apex.css b/src/apex.css new file mode 100644 index 0000000..2b69a9c --- /dev/null +++ b/src/apex.css @@ -0,0 +1,23 @@ +@font-face { + font-family: 'Apex Mk2'; + src: url('/assets/ApexMk2-Regular.woff2') format('woff2'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Apex Mk2'; + src: url('/assets/ApexMk2-LightCondensed.woff2') format('woff2'); + font-weight: 300; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Apex Mk2'; + src: url('/assets/ApexMk2-BoldExtended.woff2') format('woff2'); + font-weight: bold; + font-style: normal; + font-display: swap; +} \ No newline at end of file diff --git a/src/blockquote.html b/src/blockquote.html index ce31206..4e49761 100644 --- a/src/blockquote.html +++ b/src/blockquote.html @@ -9,5 +9,7 @@ -

—{{cite}}

+ +

—{{cite}}

+ \ No newline at end of file diff --git a/src/index.html b/src/index.html index e36aeb7..2dc1761 100644 --- a/src/index.html +++ b/src/index.html @@ -7,6 +7,10 @@ The SANDWICH + + + + @@ -110,36 +114,36 @@ - - Wow, such professionalism! What are these guys working on now? - - + + + Wow, such professionalism! What are these guys working on now? + + + # TYSONCLOUD ## When she compute your serve 'till you edge - You're really gonna give up your web baby to big cloud? _Non-sense!_ Slap that baby - into - the loving arms of Tyson Jenkins at **TYSONCLOUD**! Don't worry, he personally makes sure that every - web baby gets exactly one pat on the head each day. That's more than AWS can say about it's web services! + 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*?" + + 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! + class="project-alt" style="font-family: 'Apex Mk2'"> # Simulo - ## Super Mario in real life + + ## Roblox for the real world! + #### (what could go wrong?) + - Imagine Ready Player One, but with minimum dystopia. **Simulo** allows you to use the _Earth_ as - your - game - engine! - We've all been in that sticky situation where you wanna play soccer with the boys but you forgot to bring - a - soccer ball, _however_ you happen to have a $600 laser projector on you. Now with Simulo, no more will - your - soccer seshes be ruined by your idiotic forgetfulness. + 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! @@ -173,7 +177,6 @@ var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); - // Output the result in an element with id="demo" document.getElementById("c0re-countup").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s "; @@ -188,19 +191,37 @@ Please stop sending your projects to the review department - + + # Braindance + ## 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 + + (Braindance + is not responsible for destruction of property due to moshpits materializing in your home). + + + + # Grezi ## 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 markup - language! Instead of dragging things around on a slide, you can open notepad and make your silly text move - around on the screen that way. What an incredible innovation! + presentation extra skibidi bop bop yes yes, it also allows you to write your presentation with a bespoke + markup + language! + + 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! - + # Mystery ## _Oooooooo_ @@ -215,9 +236,11 @@
- - OMG these projects are so skibidi! I must know the rizzlers behind them! - + + + OMG these projects are so skibidi! I must know the rizzlers behind them! + + # Coming soon to theaters ## This website is under construction diff --git a/src/project.html b/src/project.html index a94fb7c..18e6493 100644 --- a/src/project.html +++ b/src/project.html @@ -4,11 +4,12 @@ svg: props.svg || '', text: props.text || '', href: props.href || '/', - onclick: props.onclick || '' + onclick: props.onclick || '', + titlestyle: 'min-width: 275px;' + (props.titlestyle || '') }
-
+
diff --git a/src/section-head.html b/src/section-head.html new file mode 100644 index 0000000..1eda018 --- /dev/null +++ b/src/section-head.html @@ -0,0 +1,14 @@ + +
+
+

{{header}}

+
+
+ +
+
+
\ No newline at end of file diff --git a/src/style.css b/src/style.css index 34b592e..92d5b45 100644 --- a/src/style.css +++ b/src/style.css @@ -1,5 +1,6 @@ :root { --energy: 0px; + --page-width: min(100%, 1024px); color: white; } @@ -8,6 +9,31 @@ margin-bottom: 48px; } +.section-header { + + display: flex; + text-align: left; + + justify-content: space-between; + /* flex-flow: wrap; */ + /* flex-wrap: wrap; */ + + /* height: 100%; */ + /* padding: 15px; */ + /* gap: 5px; */ + +} + +.section-header h1 { + font-size: 48pt; +} + +/* .section-header>div { */ +/* background: #ffecb3; */ +/* border: 3px solid #ffcc80; */ +/* border-radius: 5px; */ +/* padding: 8px; */ +/* } */ center:has(> blockquote) { margin: 10px auto; @@ -33,7 +59,7 @@ blockquote+p { } html { - color-scheme: light dark; + color-scheme: dark; font-family: system-ui; } @@ -43,7 +69,7 @@ html { } #page-content-content { - width: min(100%, 1024px); + width: var(--page-width); } #page-content, @@ -93,6 +119,11 @@ h1 { /* margin: 0; */ } +hr { + border: 0; + border-top: 2px solid rgb(128, 128, 128); +} + input[type="checkbox"] { transform: scale(1.5); margin: 10px; @@ -118,6 +149,15 @@ a { text-decoration: none; } + +@media only screen and (max-width: 1200px) { + .section-header { + text-align: center; + display: flex; + flex-direction: column-reverse; + } +} + @media only screen and (max-width: 700px) { .project { flex-direction: column;