diff --git a/public/assets/css/pages/work.css b/public/assets/css/pages/work.css index ef55f47..d634bfb 100644 --- a/public/assets/css/pages/work.css +++ b/public/assets/css/pages/work.css @@ -137,12 +137,19 @@ section.featured featured-item .actions { gap: var(--padding); width: 100%; display: flex; + flex-direction: column; padding-top: var(--padding); margin-top: auto; } /* # Size queries */ +@media (min-width: 400px) { + section.featured featured-item .actions { + flex-direction: row; + } +} + @media (min-width: 600px) { section.hero { grid-template-columns: repeat(2, 1fr); @@ -153,4 +160,8 @@ section.featured featured-item .actions { section.featured { grid-template-columns: repeat(3, 1fr); } + + section.featured featured-item .actions button.collapse p { + display: none; + } } \ No newline at end of file diff --git a/public/assets/css/pages/work/archive.css b/public/assets/css/pages/work/archive.css new file mode 100644 index 0000000..1e71dc1 --- /dev/null +++ b/public/assets/css/pages/work/archive.css @@ -0,0 +1,16 @@ +/* # Overrides */ + +:root { + --primer-color-accent: 3, 255, 219; + --color-accent: rgb(var(--primer-color-accent)); + --hue-accent: 90deg; +} + +vv-shell { + display: flex; + flex-direction: column; + gap: var(--padding); + width: 100%; + max-width: 1200px; + overflow-x: initial; +} \ No newline at end of file diff --git a/public/assets/js/pages/work/archive.js b/public/assets/js/pages/work/archive.js new file mode 100644 index 0000000..12bc846 --- /dev/null +++ b/public/assets/js/pages/work/archive.js @@ -0,0 +1,4 @@ +// Redirect to work page if no href is defined +if (!new URLSearchParams(window.location.search).has("href")) { + new vv.Navigation("/work").navigate(); +} \ No newline at end of file diff --git a/public/work.php b/public/work.php index 80927eb..e4b83e5 100644 --- a/public/work.php +++ b/public/work.php @@ -49,20 +49,8 @@
Can I put my own website here, is that cheating? Maybe, but I think this site counts as the most important thing I've personally created. I've only used my own libraries and frameworks to create this website, so it kind of works as a live demonstration of many of my web projects bundled together.
- -I create silly things for fun to challenge myself sometimes, and putting them all on the timeline is not right. So I made an appropriately-themed and named page to highlight most of my "what if I could" projects.
- @@ -81,6 +69,24 @@I recreated the end credits from the video game Portal using pure JavaScript and browser windows. It was created using my old [abandoned] animation library and some patience. It's not perfect, it notably has a few time-drifting issues.
+ += (new Work("icellate/website"))->summary() ?>
= (new Work("icellate/genemate"))->summary() ?>
open
- = VV::embed("public/assets/media/icons/chevron.svg") ?> -read more
+preview
= VV::embed("public/assets/media/icons/chevron.svg") ?>You're about to view an archived version of this website on my domain. Everything you see, and all features that are available on the archived website have been recreated to simulate the real behavior as closely as possible. Some features can unfortunately not be simulated properly and have been disabled completely. No actions you take on this website have any real effects.
+Proceed to website
+ = VV::embed("public/assets/media/icons/chevron.svg") ?> +