From 04d392cd5ffc0929f5c3769043a90a57f564dce2 Mon Sep 17 00:00:00 2001 From: Victor Westerlund Date: Sat, 29 Mar 2025 08:31:14 +0100 Subject: [PATCH] feat: add archived page disclaimer --- public/assets/css/pages/work.css | 11 +++++ public/assets/css/pages/work/archive.css | 16 +++++++ public/assets/js/pages/work/archive.js | 4 ++ public/work.php | 54 ++++++++++++------------ public/work/archive.php | 12 ++++++ src/Database/Models/Work/Work.php | 6 ++- 6 files changed, 73 insertions(+), 30 deletions(-) create mode 100644 public/assets/css/pages/work/archive.css create mode 100644 public/assets/js/pages/work/archive.js create mode 100644 public/work/archive.php 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.

-
- - -
- -
-

Silly dabbles

-

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 @@ + +
+

🍰

+
+

Still Alive

+

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.

+
+ + +
+

web highligts

@@ -88,36 +94,28 @@
- +

Website for iCellate Medical

summary() ?>

- -
- +

Website for GeneMate by iCellate

summary() ?>

- -
diff --git a/public/work/archive.php b/public/work/archive.php new file mode 100644 index 0000000..aacafe2 --- /dev/null +++ b/public/work/archive.php @@ -0,0 +1,12 @@ + +
+

This is an archived website!

+

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.

+
+
+ " target="_blank"> +
+ \ No newline at end of file diff --git a/src/Database/Models/Work/Work.php b/src/Database/Models/Work/Work.php index c94f643..f591789 100644 --- a/src/Database/Models/Work/Work.php +++ b/src/Database/Models/Work/Work.php @@ -16,6 +16,8 @@ require_once VV::root("src/Database/Models/Work/Action.php"); class Work extends Model { + public const DATE_FORMAT = "Y-m-d"; + public function __construct(public readonly string $id) { parent::__construct(Endpoints::WORK, [ WorkTable::ID->value => $this->id @@ -34,8 +36,8 @@ return $this->get(WorkTable::SUMMARY->value); } - public function created(): DateTimeImmutable { - return new DateTimeImmutable($this->get(WorkTable::CREATED->value)); + public function created(): \DateTimeImmutable { + return new \DateTimeImmutable($this->get(WorkTable::CREATED->value)); } public function tags(): array {