From 63ea67e4c3c8caa2cf0dc6d7c940981bd40b3974 Mon Sep 17 00:00:00 2001 From: Stanisław Zagórowski Date: Mon, 15 Jan 2024 14:21:34 +0100 Subject: all: move out from luax/ --- public/assets/app.css | 171 +++++++++++++ public/assets/blog.css | 108 ++++++++ public/assets/blog/building-reluax/cli.png | Bin 0 -> 25294 bytes public/assets/blog/building-reluax/first-demo.png | Bin 0 -> 105706 bytes public/assets/blog/building-reluax/second-demo.png | Bin 0 -> 147578 bytes public/assets/carousel.css | 69 +++++ public/assets/contact.css | 22 ++ .../assets/games/bumbling-builders/screenshot1.png | Bin 0 -> 58058 bytes .../assets/games/bumbling-builders/screenshot2.png | Bin 0 -> 99514 bytes .../assets/games/bumbling-builders/screenshot3.png | Bin 0 -> 44823 bytes .../assets/games/bumbling-builders/thumbnail.png | Bin 0 -> 468975 bytes public/assets/games/dicemask/thumbnail.png | Bin 0 -> 5538916 bytes public/assets/games/greachers/screenshot1.png | Bin 0 -> 3649 bytes public/assets/games/greachers/screenshot2.png | Bin 0 -> 3678 bytes public/assets/games/greachers/screenshot3.png | Bin 0 -> 4072 bytes public/assets/games/greachers/title.png | Bin 0 -> 4920 bytes public/assets/games/loud/screenshot1.jpg | Bin 0 -> 89887 bytes public/assets/games/loud/screenshot2.jpg | Bin 0 -> 99070 bytes public/assets/games/loud/screenshot3.jpg | Bin 0 -> 106199 bytes public/assets/games/loud/thumbnail.jpg | Bin 0 -> 47291 bytes public/assets/games/miro/screenshot1.png | Bin 0 -> 16082 bytes public/assets/games/miro/screenshot2.png | Bin 0 -> 16874 bytes public/assets/games/miro/screenshot3.png | Bin 0 -> 18886 bytes public/assets/games/miro/thumbnail.png | Bin 0 -> 6602 bytes public/assets/games/mr-final-boss/screenshot1.png | Bin 0 -> 1450742 bytes public/assets/games/mr-final-boss/screenshot2.png | Bin 0 -> 1989016 bytes public/assets/games/mr-final-boss/screenshot3.png | Bin 0 -> 1439568 bytes public/assets/games/mr-final-boss/screenshot4.png | Bin 0 -> 2193361 bytes public/assets/games/mr-final-boss/thumbnail.png | Bin 0 -> 41705 bytes public/assets/games/riff-n-rage/screenshot1.png | Bin 0 -> 10890 bytes public/assets/games/riff-n-rage/screenshot2.png | Bin 0 -> 10833 bytes public/assets/games/riff-n-rage/thumbnail.png | Bin 0 -> 3685 bytes public/assets/games/survive-the-temple/cover.png | Bin 0 -> 7797 bytes .../assets/games/survive-the-temple/screenshot.png | Bin 0 -> 156733 bytes public/assets/games/thermal-trail/gameart.png | Bin 0 -> 34983 bytes public/assets/games/thermal-trail/screenshot1.png | Bin 0 -> 59904 bytes public/assets/games/thermal-trail/screenshot2.png | Bin 0 -> 50655 bytes public/assets/games/thermal-trail/screenshot3.png | Bin 0 -> 59175 bytes public/assets/games/thermal-trail/screenshot4.png | Bin 0 -> 61715 bytes public/assets/games/thermal-trail/thumbnail.png | Bin 0 -> 34372 bytes public/assets/games/third-party/screenshot1.jpg | Bin 0 -> 27953 bytes public/assets/games/third-party/screenshot2.jpg | Bin 0 -> 75854 bytes public/assets/games/third-party/screenshot3.jpg | Bin 0 -> 86290 bytes public/assets/games/third-party/screenshot4.jpg | Bin 0 -> 115453 bytes public/assets/games/third-party/thumbnail.png | Bin 0 -> 38018 bytes public/assets/games/wuzmag/screenshot1.png | Bin 0 -> 20205 bytes public/assets/games/wuzmag/screenshot2.png | Bin 0 -> 27941 bytes public/assets/games/wuzmag/screenshot3.png | Bin 0 -> 26136 bytes public/assets/games/wuzmag/thumbnail.png | Bin 0 -> 10256 bytes public/assets/games/your-left/screenshot1.jpg | Bin 0 -> 46052 bytes public/assets/games/your-left/screenshot2.jpg | Bin 0 -> 69916 bytes public/assets/games/your-left/screenshot3.jpg | Bin 0 -> 69533 bytes public/assets/games/your-left/thumbnail.png | Bin 0 -> 55977 bytes public/assets/images/android.png | Bin 0 -> 4572 bytes public/assets/images/android.svg | 56 +++++ public/assets/images/cpp.png | Bin 0 -> 6630 bytes public/assets/images/cpp.svg | 41 +++ public/assets/images/csharp.png | Bin 0 -> 7481 bytes public/assets/images/csharp.svg | 58 +++++ public/assets/images/duckpfp.png | Bin 0 -> 2602 bytes public/assets/images/favicon.png | Bin 0 -> 1608 bytes public/assets/images/favicon.svg | 54 ++++ public/assets/images/github.png | Bin 0 -> 8133 bytes public/assets/images/github.svg | 66 +++++ public/assets/images/godot.png | Bin 0 -> 7910 bytes public/assets/images/godot.svg | 64 +++++ public/assets/images/html5.png | Bin 0 -> 4446 bytes public/assets/images/html5.svg | 56 +++++ public/assets/images/hyprland.png | Bin 0 -> 6829 bytes public/assets/images/hyprland.svg | 50 ++++ public/assets/images/linux.png | Bin 0 -> 3487 bytes public/assets/images/linux.svg | 42 ++++ public/assets/images/macos.png | Bin 0 -> 2469 bytes public/assets/images/macos.svg | 39 +++ public/assets/images/monogame.png | Bin 0 -> 12087 bytes public/assets/images/pfp.png | Bin 0 -> 1074 bytes public/assets/images/placeholder.png | Bin 0 -> 9636 bytes public/assets/images/playstation.png | Bin 0 -> 5762 bytes public/assets/images/playstation.svg | 61 +++++ public/assets/images/switch.png | Bin 0 -> 4736 bytes public/assets/images/switch.svg | 43 ++++ public/assets/images/symbols.png | Bin 0 -> 431 bytes public/assets/images/thumbnail.png | Bin 0 -> 119178 bytes public/assets/images/thumbnail.svg | 70 ++++++ public/assets/images/thumbnail.zvg | 67 +++++ public/assets/images/unity.png | Bin 0 -> 8893 bytes public/assets/images/unity.svg | 56 +++++ public/assets/images/windows.png | Bin 0 -> 2446 bytes public/assets/images/windows.svg | 56 +++++ public/assets/images/xamarin.png | Bin 0 -> 15826 bytes public/assets/images/xbox.png | Bin 0 -> 8038 bytes public/assets/images/xbox.svg | 74 ++++++ public/assets/index.css | 108 ++++++++ public/assets/index.js | 91 +++++++ public/assets/loose/github-yellow.svg | 66 +++++ public/assets/loose/itch-yellow.svg | 55 ++++ public/assets/loose/twitter-yellow.svg | 91 +++++++ public/assets/loose/web-yellow.svg | 58 +++++ public/assets/navbar.css | 278 +++++++++++++++++++++ public/assets/project.css | 126 ++++++++++ public/assets/projects/hyprload/logo.png | Bin 0 -> 31147 bytes public/assets/projects/spirit-mod/demo1.gif | Bin 0 -> 1075246 bytes public/assets/projects/spirit-mod/demo2.gif | Bin 0 -> 4380429 bytes public/assets/projects/spirit-mod/thumbnail.png | Bin 0 -> 73781 bytes public/assets/projects/spirit-mod/thumbnail.webp | Bin 0 -> 266196 bytes 105 files changed, 2196 insertions(+) create mode 100644 public/assets/app.css create mode 100644 public/assets/blog.css create mode 100644 public/assets/blog/building-reluax/cli.png create mode 100644 public/assets/blog/building-reluax/first-demo.png create mode 100644 public/assets/blog/building-reluax/second-demo.png create mode 100644 public/assets/carousel.css create mode 100644 public/assets/contact.css create mode 100644 public/assets/games/bumbling-builders/screenshot1.png create mode 100644 public/assets/games/bumbling-builders/screenshot2.png create mode 100644 public/assets/games/bumbling-builders/screenshot3.png create mode 100644 public/assets/games/bumbling-builders/thumbnail.png create mode 100644 public/assets/games/dicemask/thumbnail.png create mode 100644 public/assets/games/greachers/screenshot1.png create mode 100644 public/assets/games/greachers/screenshot2.png create mode 100644 public/assets/games/greachers/screenshot3.png create mode 100644 public/assets/games/greachers/title.png create mode 100644 public/assets/games/loud/screenshot1.jpg create mode 100644 public/assets/games/loud/screenshot2.jpg create mode 100644 public/assets/games/loud/screenshot3.jpg create mode 100644 public/assets/games/loud/thumbnail.jpg create mode 100644 public/assets/games/miro/screenshot1.png create mode 100644 public/assets/games/miro/screenshot2.png create mode 100644 public/assets/games/miro/screenshot3.png create mode 100644 public/assets/games/miro/thumbnail.png create mode 100644 public/assets/games/mr-final-boss/screenshot1.png create mode 100644 public/assets/games/mr-final-boss/screenshot2.png create mode 100644 public/assets/games/mr-final-boss/screenshot3.png create mode 100644 public/assets/games/mr-final-boss/screenshot4.png create mode 100644 public/assets/games/mr-final-boss/thumbnail.png create mode 100644 public/assets/games/riff-n-rage/screenshot1.png create mode 100644 public/assets/games/riff-n-rage/screenshot2.png create mode 100644 public/assets/games/riff-n-rage/thumbnail.png create mode 100644 public/assets/games/survive-the-temple/cover.png create mode 100644 public/assets/games/survive-the-temple/screenshot.png create mode 100644 public/assets/games/thermal-trail/gameart.png create mode 100644 public/assets/games/thermal-trail/screenshot1.png create mode 100644 public/assets/games/thermal-trail/screenshot2.png create mode 100644 public/assets/games/thermal-trail/screenshot3.png create mode 100644 public/assets/games/thermal-trail/screenshot4.png create mode 100644 public/assets/games/thermal-trail/thumbnail.png create mode 100644 public/assets/games/third-party/screenshot1.jpg create mode 100644 public/assets/games/third-party/screenshot2.jpg create mode 100644 public/assets/games/third-party/screenshot3.jpg create mode 100644 public/assets/games/third-party/screenshot4.jpg create mode 100644 public/assets/games/third-party/thumbnail.png create mode 100644 public/assets/games/wuzmag/screenshot1.png create mode 100644 public/assets/games/wuzmag/screenshot2.png create mode 100644 public/assets/games/wuzmag/screenshot3.png create mode 100644 public/assets/games/wuzmag/thumbnail.png create mode 100644 public/assets/games/your-left/screenshot1.jpg create mode 100644 public/assets/games/your-left/screenshot2.jpg create mode 100644 public/assets/games/your-left/screenshot3.jpg create mode 100644 public/assets/games/your-left/thumbnail.png create mode 100644 public/assets/images/android.png create mode 100644 public/assets/images/android.svg create mode 100644 public/assets/images/cpp.png create mode 100644 public/assets/images/cpp.svg create mode 100644 public/assets/images/csharp.png create mode 100644 public/assets/images/csharp.svg create mode 100644 public/assets/images/duckpfp.png create mode 100644 public/assets/images/favicon.png create mode 100644 public/assets/images/favicon.svg create mode 100644 public/assets/images/github.png create mode 100644 public/assets/images/github.svg create mode 100644 public/assets/images/godot.png create mode 100644 public/assets/images/godot.svg create mode 100644 public/assets/images/html5.png create mode 100644 public/assets/images/html5.svg create mode 100644 public/assets/images/hyprland.png create mode 100644 public/assets/images/hyprland.svg create mode 100644 public/assets/images/linux.png create mode 100644 public/assets/images/linux.svg create mode 100644 public/assets/images/macos.png create mode 100644 public/assets/images/macos.svg create mode 100644 public/assets/images/monogame.png create mode 100644 public/assets/images/pfp.png create mode 100644 public/assets/images/placeholder.png create mode 100644 public/assets/images/playstation.png create mode 100644 public/assets/images/playstation.svg create mode 100644 public/assets/images/switch.png create mode 100644 public/assets/images/switch.svg create mode 100644 public/assets/images/symbols.png create mode 100644 public/assets/images/thumbnail.png create mode 100644 public/assets/images/thumbnail.svg create mode 100644 public/assets/images/thumbnail.zvg create mode 100644 public/assets/images/unity.png create mode 100644 public/assets/images/unity.svg create mode 100644 public/assets/images/windows.png create mode 100644 public/assets/images/windows.svg create mode 100644 public/assets/images/xamarin.png create mode 100644 public/assets/images/xbox.png create mode 100644 public/assets/images/xbox.svg create mode 100644 public/assets/index.css create mode 100644 public/assets/index.js create mode 100644 public/assets/loose/github-yellow.svg create mode 100644 public/assets/loose/itch-yellow.svg create mode 100644 public/assets/loose/twitter-yellow.svg create mode 100644 public/assets/loose/web-yellow.svg create mode 100644 public/assets/navbar.css create mode 100644 public/assets/project.css create mode 100644 public/assets/projects/hyprload/logo.png create mode 100644 public/assets/projects/spirit-mod/demo1.gif create mode 100644 public/assets/projects/spirit-mod/demo2.gif create mode 100644 public/assets/projects/spirit-mod/thumbnail.png create mode 100644 public/assets/projects/spirit-mod/thumbnail.webp (limited to 'public/assets') diff --git a/public/assets/app.css b/public/assets/app.css new file mode 100644 index 0000000..c98e9b0 --- /dev/null +++ b/public/assets/app.css @@ -0,0 +1,171 @@ +#app-main { + font-family: 'Hack', monospace; + max-width: 1280px; + margin: 0 auto; + padding: 1rem 1rem 1rem 1rem; + text-align: center; +} + +#app { + margin: 0 auto; + text-align: center; + align-content: center; + justify-content: center; +} + +.logo { + height: 6em; + padding: 1.5em; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.preact:hover { + filter: drop-shadow(0 0 2em #673ab8aa); +} + +/* fade in */ +@keyframes fade-in { + 0% { + opacity: 0; + transform: translateY(1em); + } + 60% { + transform: translateY(-0.2em); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.main-info > * { + animation: fade-in 0.2s ease-in; +} + +.main-info { + text-align: center; +} + +@media (min-width: 1150px) { + .main-info { + margin-top: 72px; + } +} + +.main-info-image { + width: 128px; + height: 128px; + border-radius: 100%; + margin: 6px 6px 6px 6px; +} + +.main-info-title { + font-size: 42pt; +} + +.main-info-subtitle { + font-size: 26pt; + font-style: italic; + color: #5c6370; +} + +.quiet { + color: var(--color-gray); + font-style: italic; +} + +.section { + font-size: 22pt; +} + +.highlight { + color: #e5c07b; +} + +.back-shadows { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, var(--color-bg) 10%, var(--color-bg) 90%, rgba(0, 0, 0, 0) 100%); +} + +#animated-bg { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -10; +} + + +@media (max-width: 480px) { + .back-shadows { + margin: auto; + max-width: 80%; + } + .main-info-title { + font-size: 32pt; + } + + .main-info-subtitle { + font-size: 18pt; + } +} + +@media (max-width: 1150px) and (min-width: 480px) { + .back-shadows { + margin: auto; + max-width: 60%; + } + .main-info-title { + font-size: 42pt; + } + + .main-info-subtitle { + font-size: 26pt; + } +} + +@media (min-width: 1150px) { + .back-shadows { + margin: auto; + max-width: 50%; + } + .main-info-title { + font-size: 42pt; + } + + .main-info-subtitle { + font-size: 26pt; + } +} + + +@media (max-width: 480px) { + .about-paragraph { + margin: auto; + font-size: 16pt; + max-width: 90%; + } +} + +@media (max-width: 1150px) and (min-width: 480px) { + .about-paragraph { + margin: auto; + font-size: 18pt; + max-width: 80%; + } +} + +@media (min-width: 1150px) { + .about-paragraph { + margin: auto; + font-size: 18pt; + max-width: 60%; + } +} diff --git a/public/assets/blog.css b/public/assets/blog.css new file mode 100644 index 0000000..9d0180c --- /dev/null +++ b/public/assets/blog.css @@ -0,0 +1,108 @@ +.code-block { + text-align: left; + background-color: #161f30; + border: 2px solid #2a3a4f; + border-radius: 8px; + padding: 2px; + margin: 8px; + font-family: Hack, monospace; + font-size: 10pt; + overflow-x: auto; +} + +code { + font-family: monospace; + font-size: 14pt; +} + +blockquote { + border-left: 4px solid #2a3a4f; + padding-left: 8px; + margin-left: 8px; + font-style: italic; +} + +td.line-number { + text-align: right; + padding-right: 5px; + color: #647089; +} + +.post-description { + text-align: justify; + font-style: italic; + color: #647089; + margin: 0 auto; + max-width: 800px; + padding: 0 10px; +} + +.post-date { + text-align: right; + font-style: italic; + margin: 0 auto; + max-width: 800px; + padding: 0 10px; +} + +.post-content { + text-align: justify; + margin: 0 auto; + max-width: 800px; +} + +.post-content img { + max-width: 100%; + height: auto; + border-radius: 8px; + border: 2px solid #2a3a4f; + margin: auto 0; +} + +.post-content p:has(img) { + text-align: center; +} + +.blog-post-header { + align-items: center; + text-align: center; + margin: 0 auto; + max-width: 800px; + padding: 0 10px; +} + +.blog-post-title { + font-size: 24pt; + font-weight: bold; + margin: 0; + padding: 0; +} + +.blog-post-date { + font-size: 12pt; + font-style: italic; + color: #647089; + margin: 0; + padding: 0; +} + +@media (max-width: 480px) { + .post-content { + margin: auto; + max-width: 96%; + } +} + +@media (max-width: 1150px) and (min-width: 480px) { + .post-content { + margin: auto; + max-width: 80%; + } +} + +@media (min-width: 1150px) { + .post-content { + margin: auto; + max-width: 60%; + } +} diff --git a/public/assets/blog/building-reluax/cli.png b/public/assets/blog/building-reluax/cli.png new file mode 100644 index 0000000..097957f Binary files /dev/null and b/public/assets/blog/building-reluax/cli.png differ diff --git a/public/assets/blog/building-reluax/first-demo.png b/public/assets/blog/building-reluax/first-demo.png new file mode 100644 index 0000000..81c212c Binary files /dev/null and b/public/assets/blog/building-reluax/first-demo.png differ diff --git a/public/assets/blog/building-reluax/second-demo.png b/public/assets/blog/building-reluax/second-demo.png new file mode 100644 index 0000000..52e9a10 Binary files /dev/null and b/public/assets/blog/building-reluax/second-demo.png differ diff --git a/public/assets/carousel.css b/public/assets/carousel.css new file mode 100644 index 0000000..2465370 --- /dev/null +++ b/public/assets/carousel.css @@ -0,0 +1,69 @@ +.carousel-content { + align-self: center; + max-height: 100%; + white-space: nowrap; + -ms-overflow-style: none; /* hide scrollbar in IE and Edge */ + scrollbar-width: none; /* hide scrollbar in Firefox */ +} + +.carousel-item { + width: 100%; + flex-shrink: 0; + height: auto; + float: left; + text-align: center; + transition: all 250ms linear; + white-space: nowrap; + vertical-align: middle; +} + +.slick-slider { + margin: 24px; +} + +.slick-slide { + margin: 0 auto; + border-radius: 10px; + text-align: center; + float: none !important; + display: inline-block !important; + vertical-align: middle; + min-height: 1px; +} + +/* .carousel-item > * { */ +/* border-radius: 10px; */ +/* vertical-align: middle; */ +/* width: 100%; */ +/* height: auto; */ +/* } */ + +.slick-dots li button::before { + color: var(--color-fg) !important; +} + +@media (max-width: 1150px) { + .carousel-wrapper { + margin: 60px auto; + width: 330px; + height: 220px; + } +} + +@media (max-width: 1150px) and (min-width: 480px) { + .carousel-wrapper { + margin: 60px auto; + width: 480px; + height: 360px; + } +} + +@media (min-width: 1150px) { + .carousel-wrapper { + float: right; + width: 480px; + height: 360px; + } +} + + diff --git a/public/assets/contact.css b/public/assets/contact.css new file mode 100644 index 0000000..93b63bd --- /dev/null +++ b/public/assets/contact.css @@ -0,0 +1,22 @@ +.contact-container { + width: 100%; + max-width: 1120px; + margin: auto; + margin-top: 24pt; + margin-bottom: 48pt; + align-items: center; + justify-content: center; + align-self: center; + font-size: 18pt; +} + +.contact { + margin-top: 24pt; + margin-bottom: 8pt; + font-size: 20pt; + color: #98C379; +} + +.highlight { + color: #e5c07b; +} diff --git a/public/assets/games/bumbling-builders/screenshot1.png b/public/assets/games/bumbling-builders/screenshot1.png new file mode 100644 index 0000000..7a8a2db Binary files /dev/null and b/public/assets/games/bumbling-builders/screenshot1.png differ diff --git a/public/assets/games/bumbling-builders/screenshot2.png b/public/assets/games/bumbling-builders/screenshot2.png new file mode 100644 index 0000000..5eb0a1f Binary files /dev/null and b/public/assets/games/bumbling-builders/screenshot2.png differ diff --git a/public/assets/games/bumbling-builders/screenshot3.png b/public/assets/games/bumbling-builders/screenshot3.png new file mode 100644 index 0000000..41f65ac Binary files /dev/null and b/public/assets/games/bumbling-builders/screenshot3.png differ diff --git a/public/assets/games/bumbling-builders/thumbnail.png b/public/assets/games/bumbling-builders/thumbnail.png new file mode 100644 index 0000000..1c723a2 Binary files /dev/null and b/public/assets/games/bumbling-builders/thumbnail.png differ diff --git a/public/assets/games/dicemask/thumbnail.png b/public/assets/games/dicemask/thumbnail.png new file mode 100644 index 0000000..f9bc9ee Binary files /dev/null and b/public/assets/games/dicemask/thumbnail.png differ diff --git a/public/assets/games/greachers/screenshot1.png b/public/assets/games/greachers/screenshot1.png new file mode 100644 index 0000000..444106e Binary files /dev/null and b/public/assets/games/greachers/screenshot1.png differ diff --git a/public/assets/games/greachers/screenshot2.png b/public/assets/games/greachers/screenshot2.png new file mode 100644 index 0000000..e968c4f Binary files /dev/null and b/public/assets/games/greachers/screenshot2.png differ diff --git a/public/assets/games/greachers/screenshot3.png b/public/assets/games/greachers/screenshot3.png new file mode 100644 index 0000000..6433fb6 Binary files /dev/null and b/public/assets/games/greachers/screenshot3.png differ diff --git a/public/assets/games/greachers/title.png b/public/assets/games/greachers/title.png new file mode 100644 index 0000000..cdb3e67 Binary files /dev/null and b/public/assets/games/greachers/title.png differ diff --git a/public/assets/games/loud/screenshot1.jpg b/public/assets/games/loud/screenshot1.jpg new file mode 100644 index 0000000..8192c15 Binary files /dev/null and b/public/assets/games/loud/screenshot1.jpg differ diff --git a/public/assets/games/loud/screenshot2.jpg b/public/assets/games/loud/screenshot2.jpg new file mode 100644 index 0000000..88a1ffe Binary files /dev/null and b/public/assets/games/loud/screenshot2.jpg differ diff --git a/public/assets/games/loud/screenshot3.jpg b/public/assets/games/loud/screenshot3.jpg new file mode 100644 index 0000000..dfbe555 Binary files /dev/null and b/public/assets/games/loud/screenshot3.jpg differ diff --git a/public/assets/games/loud/thumbnail.jpg b/public/assets/games/loud/thumbnail.jpg new file mode 100644 index 0000000..9ec9764 Binary files /dev/null and b/public/assets/games/loud/thumbnail.jpg differ diff --git a/public/assets/games/miro/screenshot1.png b/public/assets/games/miro/screenshot1.png new file mode 100644 index 0000000..5ba2365 Binary files /dev/null and b/public/assets/games/miro/screenshot1.png differ diff --git a/public/assets/games/miro/screenshot2.png b/public/assets/games/miro/screenshot2.png new file mode 100644 index 0000000..706e47a Binary files /dev/null and b/public/assets/games/miro/screenshot2.png differ diff --git a/public/assets/games/miro/screenshot3.png b/public/assets/games/miro/screenshot3.png new file mode 100644 index 0000000..237be9c Binary files /dev/null and b/public/assets/games/miro/screenshot3.png differ diff --git a/public/assets/games/miro/thumbnail.png b/public/assets/games/miro/thumbnail.png new file mode 100644 index 0000000..152acfc Binary files /dev/null and b/public/assets/games/miro/thumbnail.png differ diff --git a/public/assets/games/mr-final-boss/screenshot1.png b/public/assets/games/mr-final-boss/screenshot1.png new file mode 100644 index 0000000..d13f639 Binary files /dev/null and b/public/assets/games/mr-final-boss/screenshot1.png differ diff --git a/public/assets/games/mr-final-boss/screenshot2.png b/public/assets/games/mr-final-boss/screenshot2.png new file mode 100644 index 0000000..6b07d1c Binary files /dev/null and b/public/assets/games/mr-final-boss/screenshot2.png differ diff --git a/public/assets/games/mr-final-boss/screenshot3.png b/public/assets/games/mr-final-boss/screenshot3.png new file mode 100644 index 0000000..bf6d965 Binary files /dev/null and b/public/assets/games/mr-final-boss/screenshot3.png differ diff --git a/public/assets/games/mr-final-boss/screenshot4.png b/public/assets/games/mr-final-boss/screenshot4.png new file mode 100644 index 0000000..c6b4cbe Binary files /dev/null and b/public/assets/games/mr-final-boss/screenshot4.png differ diff --git a/public/assets/games/mr-final-boss/thumbnail.png b/public/assets/games/mr-final-boss/thumbnail.png new file mode 100644 index 0000000..024dab4 Binary files /dev/null and b/public/assets/games/mr-final-boss/thumbnail.png differ diff --git a/public/assets/games/riff-n-rage/screenshot1.png b/public/assets/games/riff-n-rage/screenshot1.png new file mode 100644 index 0000000..6a9b075 Binary files /dev/null and b/public/assets/games/riff-n-rage/screenshot1.png differ diff --git a/public/assets/games/riff-n-rage/screenshot2.png b/public/assets/games/riff-n-rage/screenshot2.png new file mode 100644 index 0000000..5b68901 Binary files /dev/null and b/public/assets/games/riff-n-rage/screenshot2.png differ diff --git a/public/assets/games/riff-n-rage/thumbnail.png b/public/assets/games/riff-n-rage/thumbnail.png new file mode 100644 index 0000000..fa8dcad Binary files /dev/null and b/public/assets/games/riff-n-rage/thumbnail.png differ diff --git a/public/assets/games/survive-the-temple/cover.png b/public/assets/games/survive-the-temple/cover.png new file mode 100644 index 0000000..5394eeb Binary files /dev/null and b/public/assets/games/survive-the-temple/cover.png differ diff --git a/public/assets/games/survive-the-temple/screenshot.png b/public/assets/games/survive-the-temple/screenshot.png new file mode 100644 index 0000000..92b8ba9 Binary files /dev/null and b/public/assets/games/survive-the-temple/screenshot.png differ diff --git a/public/assets/games/thermal-trail/gameart.png b/public/assets/games/thermal-trail/gameart.png new file mode 100644 index 0000000..34c82bc Binary files /dev/null and b/public/assets/games/thermal-trail/gameart.png differ diff --git a/public/assets/games/thermal-trail/screenshot1.png b/public/assets/games/thermal-trail/screenshot1.png new file mode 100644 index 0000000..4b940aa Binary files /dev/null and b/public/assets/games/thermal-trail/screenshot1.png differ diff --git a/public/assets/games/thermal-trail/screenshot2.png b/public/assets/games/thermal-trail/screenshot2.png new file mode 100644 index 0000000..0594eb9 Binary files /dev/null and b/public/assets/games/thermal-trail/screenshot2.png differ diff --git a/public/assets/games/thermal-trail/screenshot3.png b/public/assets/games/thermal-trail/screenshot3.png new file mode 100644 index 0000000..b5a4a6d Binary files /dev/null and b/public/assets/games/thermal-trail/screenshot3.png differ diff --git a/public/assets/games/thermal-trail/screenshot4.png b/public/assets/games/thermal-trail/screenshot4.png new file mode 100644 index 0000000..1356226 Binary files /dev/null and b/public/assets/games/thermal-trail/screenshot4.png differ diff --git a/public/assets/games/thermal-trail/thumbnail.png b/public/assets/games/thermal-trail/thumbnail.png new file mode 100644 index 0000000..d779c51 Binary files /dev/null and b/public/assets/games/thermal-trail/thumbnail.png differ diff --git a/public/assets/games/third-party/screenshot1.jpg b/public/assets/games/third-party/screenshot1.jpg new file mode 100644 index 0000000..6052ea2 Binary files /dev/null and b/public/assets/games/third-party/screenshot1.jpg differ diff --git a/public/assets/games/third-party/screenshot2.jpg b/public/assets/games/third-party/screenshot2.jpg new file mode 100644 index 0000000..7a16edf Binary files /dev/null and b/public/assets/games/third-party/screenshot2.jpg differ diff --git a/public/assets/games/third-party/screenshot3.jpg b/public/assets/games/third-party/screenshot3.jpg new file mode 100644 index 0000000..57e2d5b Binary files /dev/null and b/public/assets/games/third-party/screenshot3.jpg differ diff --git a/public/assets/games/third-party/screenshot4.jpg b/public/assets/games/third-party/screenshot4.jpg new file mode 100644 index 0000000..331594a Binary files /dev/null and b/public/assets/games/third-party/screenshot4.jpg differ diff --git a/public/assets/games/third-party/thumbnail.png b/public/assets/games/third-party/thumbnail.png new file mode 100644 index 0000000..c3cd158 Binary files /dev/null and b/public/assets/games/third-party/thumbnail.png differ diff --git a/public/assets/games/wuzmag/screenshot1.png b/public/assets/games/wuzmag/screenshot1.png new file mode 100644 index 0000000..186be8c Binary files /dev/null and b/public/assets/games/wuzmag/screenshot1.png differ diff --git a/public/assets/games/wuzmag/screenshot2.png b/public/assets/games/wuzmag/screenshot2.png new file mode 100644 index 0000000..683d7ee Binary files /dev/null and b/public/assets/games/wuzmag/screenshot2.png differ diff --git a/public/assets/games/wuzmag/screenshot3.png b/public/assets/games/wuzmag/screenshot3.png new file mode 100644 index 0000000..b5398bb Binary files /dev/null and b/public/assets/games/wuzmag/screenshot3.png differ diff --git a/public/assets/games/wuzmag/thumbnail.png b/public/assets/games/wuzmag/thumbnail.png new file mode 100644 index 0000000..0e6dea1 Binary files /dev/null and b/public/assets/games/wuzmag/thumbnail.png differ diff --git a/public/assets/games/your-left/screenshot1.jpg b/public/assets/games/your-left/screenshot1.jpg new file mode 100644 index 0000000..e76861a Binary files /dev/null and b/public/assets/games/your-left/screenshot1.jpg differ diff --git a/public/assets/games/your-left/screenshot2.jpg b/public/assets/games/your-left/screenshot2.jpg new file mode 100644 index 0000000..9e0f674 Binary files /dev/null and b/public/assets/games/your-left/screenshot2.jpg differ diff --git a/public/assets/games/your-left/screenshot3.jpg b/public/assets/games/your-left/screenshot3.jpg new file mode 100644 index 0000000..d025ec1 Binary files /dev/null and b/public/assets/games/your-left/screenshot3.jpg differ diff --git a/public/assets/games/your-left/thumbnail.png b/public/assets/games/your-left/thumbnail.png new file mode 100644 index 0000000..95f5c17 Binary files /dev/null and b/public/assets/games/your-left/thumbnail.png differ diff --git a/public/assets/images/android.png b/public/assets/images/android.png new file mode 100644 index 0000000..d1cef88 Binary files /dev/null and b/public/assets/images/android.png differ diff --git a/public/assets/images/android.svg b/public/assets/images/android.svg new file mode 100644 index 0000000..910aaab --- /dev/null +++ b/public/assets/images/android.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/public/assets/images/cpp.png b/public/assets/images/cpp.png new file mode 100644 index 0000000..ab883f7 Binary files /dev/null and b/public/assets/images/cpp.png differ diff --git a/public/assets/images/cpp.svg b/public/assets/images/cpp.svg new file mode 100644 index 0000000..f306183 --- /dev/null +++ b/public/assets/images/cpp.svg @@ -0,0 +1,41 @@ + + + + + + diff --git a/public/assets/images/csharp.png b/public/assets/images/csharp.png new file mode 100644 index 0000000..065aa53 Binary files /dev/null and b/public/assets/images/csharp.png differ diff --git a/public/assets/images/csharp.svg b/public/assets/images/csharp.svg new file mode 100644 index 0000000..77d5b38 --- /dev/null +++ b/public/assets/images/csharp.svg @@ -0,0 +1,58 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/public/assets/images/duckpfp.png b/public/assets/images/duckpfp.png new file mode 100644 index 0000000..bdad92c Binary files /dev/null and b/public/assets/images/duckpfp.png differ diff --git a/public/assets/images/favicon.png b/public/assets/images/favicon.png new file mode 100644 index 0000000..3cfd37a Binary files /dev/null and b/public/assets/images/favicon.png differ diff --git a/public/assets/images/favicon.svg b/public/assets/images/favicon.svg new file mode 100644 index 0000000..3614084 --- /dev/null +++ b/public/assets/images/favicon.svg @@ -0,0 +1,54 @@ + + + + diff --git a/public/assets/images/github.png b/public/assets/images/github.png new file mode 100644 index 0000000..0954581 Binary files /dev/null and b/public/assets/images/github.png differ diff --git a/public/assets/images/github.svg b/public/assets/images/github.svg new file mode 100644 index 0000000..11f84aa --- /dev/null +++ b/public/assets/images/github.svg @@ -0,0 +1,66 @@ + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/public/assets/images/godot.png b/public/assets/images/godot.png new file mode 100644 index 0000000..4f2bc22 Binary files /dev/null and b/public/assets/images/godot.png differ diff --git a/public/assets/images/godot.svg b/public/assets/images/godot.svg new file mode 100644 index 0000000..6a2176a --- /dev/null +++ b/public/assets/images/godot.svg @@ -0,0 +1,64 @@ + + + + + + image/svg+xml + + + + + + + + + + diff --git a/public/assets/images/html5.png b/public/assets/images/html5.png new file mode 100644 index 0000000..e0dcb1f Binary files /dev/null and b/public/assets/images/html5.png differ diff --git a/public/assets/images/html5.svg b/public/assets/images/html5.svg new file mode 100644 index 0000000..70959e4 --- /dev/null +++ b/public/assets/images/html5.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/public/assets/images/hyprland.png b/public/assets/images/hyprland.png new file mode 100644 index 0000000..36d8162 Binary files /dev/null and b/public/assets/images/hyprland.png differ diff --git a/public/assets/images/hyprland.svg b/public/assets/images/hyprland.svg new file mode 100644 index 0000000..1f03c7e --- /dev/null +++ b/public/assets/images/hyprland.svg @@ -0,0 +1,50 @@ + + + + + + + + + + diff --git a/public/assets/images/linux.png b/public/assets/images/linux.png new file mode 100644 index 0000000..492d0bf Binary files /dev/null and b/public/assets/images/linux.png differ diff --git a/public/assets/images/linux.svg b/public/assets/images/linux.svg new file mode 100644 index 0000000..cab00df --- /dev/null +++ b/public/assets/images/linux.svg @@ -0,0 +1,42 @@ + + + + + + diff --git a/public/assets/images/macos.png b/public/assets/images/macos.png new file mode 100644 index 0000000..1f4625c Binary files /dev/null and b/public/assets/images/macos.png differ diff --git a/public/assets/images/macos.svg b/public/assets/images/macos.svg new file mode 100644 index 0000000..ec4dc0c --- /dev/null +++ b/public/assets/images/macos.svg @@ -0,0 +1,39 @@ + + + + + + diff --git a/public/assets/images/monogame.png b/public/assets/images/monogame.png new file mode 100644 index 0000000..8648bcc Binary files /dev/null and b/public/assets/images/monogame.png differ diff --git a/public/assets/images/pfp.png b/public/assets/images/pfp.png new file mode 100644 index 0000000..a18b664 Binary files /dev/null and b/public/assets/images/pfp.png differ diff --git a/public/assets/images/placeholder.png b/public/assets/images/placeholder.png new file mode 100644 index 0000000..97084c7 Binary files /dev/null and b/public/assets/images/placeholder.png differ diff --git a/public/assets/images/playstation.png b/public/assets/images/playstation.png new file mode 100644 index 0000000..dd22b43 Binary files /dev/null and b/public/assets/images/playstation.png differ diff --git a/public/assets/images/playstation.svg b/public/assets/images/playstation.svg new file mode 100644 index 0000000..5d56897 --- /dev/null +++ b/public/assets/images/playstation.svg @@ -0,0 +1,61 @@ + + + + + + + image/svg+xml + + + + + + + + + diff --git a/public/assets/images/switch.png b/public/assets/images/switch.png new file mode 100644 index 0000000..723817e Binary files /dev/null and b/public/assets/images/switch.png differ diff --git a/public/assets/images/switch.svg b/public/assets/images/switch.svg new file mode 100644 index 0000000..4d891ae --- /dev/null +++ b/public/assets/images/switch.svg @@ -0,0 +1,43 @@ + + + + + + diff --git a/public/assets/images/symbols.png b/public/assets/images/symbols.png new file mode 100644 index 0000000..3d0e9aa Binary files /dev/null and b/public/assets/images/symbols.png differ diff --git a/public/assets/images/thumbnail.png b/public/assets/images/thumbnail.png new file mode 100644 index 0000000..f343a8b Binary files /dev/null and b/public/assets/images/thumbnail.png differ diff --git a/public/assets/images/thumbnail.svg b/public/assets/images/thumbnail.svg new file mode 100644 index 0000000..3783fe1 --- /dev/null +++ b/public/assets/images/thumbnail.svg @@ -0,0 +1,70 @@ + + + +duckonaut.dev diff --git a/public/assets/images/thumbnail.zvg b/public/assets/images/thumbnail.zvg new file mode 100644 index 0000000..4d675af --- /dev/null +++ b/public/assets/images/thumbnail.zvg @@ -0,0 +1,67 @@ + + + +duckonaut.dev diff --git a/public/assets/images/unity.png b/public/assets/images/unity.png new file mode 100644 index 0000000..5fea459 Binary files /dev/null and b/public/assets/images/unity.png differ diff --git a/public/assets/images/unity.svg b/public/assets/images/unity.svg new file mode 100644 index 0000000..b9d1859 --- /dev/null +++ b/public/assets/images/unity.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/public/assets/images/windows.png b/public/assets/images/windows.png new file mode 100644 index 0000000..a09553e Binary files /dev/null and b/public/assets/images/windows.png differ diff --git a/public/assets/images/windows.svg b/public/assets/images/windows.svg new file mode 100644 index 0000000..cb347b6 --- /dev/null +++ b/public/assets/images/windows.svg @@ -0,0 +1,56 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/public/assets/images/xamarin.png b/public/assets/images/xamarin.png new file mode 100644 index 0000000..91ce4ac Binary files /dev/null and b/public/assets/images/xamarin.png differ diff --git a/public/assets/images/xbox.png b/public/assets/images/xbox.png new file mode 100644 index 0000000..9a439ba Binary files /dev/null and b/public/assets/images/xbox.png differ diff --git a/public/assets/images/xbox.svg b/public/assets/images/xbox.svg new file mode 100644 index 0000000..13d7bdd --- /dev/null +++ b/public/assets/images/xbox.svg @@ -0,0 +1,74 @@ + + + + + Xbox Logo + + + + image/svg+xml + + Xbox Logo + + + + + + + + + diff --git a/public/assets/index.css b/public/assets/index.css new file mode 100644 index 0000000..9941a36 --- /dev/null +++ b/public/assets/index.css @@ -0,0 +1,108 @@ +:root { + font-weight: 400; + + color-scheme: dark; + color: var(--color-fg); + background-color: var(--color-bg); + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-text-size-adjust: 100%; + + /* variables */ + --color-bg: #161f30; + --color-fg: #a3b3d9; + --color-search-blue: #083C5A; + --color-white: #a3b3d9; + --color-gray: #647089; + --color-dark-gray: #3e4451; + --color-context: #6b737f; + --color-light-gray: #c8ccd4; + --color-tree-gray: #1b1f27; + --color-blue: #6080dd; + --color-vivid-blue: #61afef; + --color-dark-blue: #223E55; + --color-folder-blue: #61afef; + --color-light-blue: #a3b3d9; + --color-green: #449871; + --color-cyan: #56b6c2; + --color-light-green: #98c379; + --color-red: #c13251; + --color-orange: #c18a56; + --color-light-red: #e06c75; + --color-yellow: #e5c07b; + --color-purple: #604bd8; + --color-magenta: #b071fc; +} + +a:link { + font-weight: 500; + color: #4fc1ff; + text-decoration: inherit; +} + +a:visited { + color: #4fc1ff; +} + +a:hover { + color: #60d2ff; +} + +a:active { + color: #66d8ff; +} + + +body { + margin: 0; + /* display: flex; */ + /* place-items: center; */ + min-width: 320px; + min-height: 100vh; +} + +h1 { + font-size: 3.2em; + line-height: 1.1; +} + +span { + display: inline; +} + +button { + border-radius: 8px; + border: 1px solid transparent; + padding: 0.6em 1.2em; + font-size: 1em; + font-weight: 500; + font-family: inherit; + background-color: #1a1a1a; + cursor: pointer; + transition: border-color 0.25s; +} +button:hover { + border-color: #646cff; +} +button:focus, +button:focus-visible { + outline: 4px auto -webkit-focus-ring-color; +} + +.hack { + font-family: Hack, monospace; + font-weight: 500; +} + +.grow { + transition: all .2s ease-in-out; + transform: scale(1); +} + +.grow:hover { + transition: all .2s ease-in-out; + transform: scale(1.1); +} diff --git a/public/assets/index.js b/public/assets/index.js new file mode 100644 index 0000000..6dd6ab6 --- /dev/null +++ b/public/assets/index.js @@ -0,0 +1,91 @@ +$(document).ready(function() { + $('.carousel-wrapper').slick({ + dots: true, + infinite: true, + speed: 500, + slidesToShow: 1, + slidesToScroll: 1 + }); + + var canvas_parent = document.getElementById('animated-bg'); + var canvas = document.createElement('canvas'); + canvas.width = window.innerWidth; + canvas.height = window.innerHeight / 2; + window.sandbox_canvas = canvas; + + canvas_parent.appendChild(canvas, null, { filtering: 'nearest' }); + var sandbox = new GlslCanvas(canvas); + // randomize time + sandbox.timeLoad = Math.random() * 100000; + + window.sandbox = sandbox; // for access + + const shader_code = ` +precision highp float; +uniform vec3 color; +uniform sampler2D t; +uniform vec2 tiles; +uniform float u_time; +uniform vec2 u_resolution; +uniform float symbol_count; + +vec2 map_to_symbol_uv(vec2 image_coord, float symbol_index) { + float symbol_width = 1.0 / symbol_count; + float symbol_height = 1.0; + float symbol_x = symbol_index * symbol_width; + return vec2(symbol_x + image_coord.x * symbol_width, image_coord.y * symbol_height); +} + +vec2 tile_index(vec2 p, vec2 tiles) { + return vec2(floor(p.x * tiles.x), floor(p.y * tiles.y)); +} + +vec2 tilefy (vec2 p, vec2 tiles) { + return vec2(fract(p.x * tiles.x), fract(p.y * tiles.y)); +} + +float randf(float n) { + return fract(sin(n) * 43758.5453123); +} + +void main() { + vec2 uv = gl_FragCoord.xy / u_resolution.xy; + vec2 tile = tile_index(uv, tiles); + float tilerand = randf(tile.x + tile.y * tiles.x); + float v = tilerand + randf(floor(tilerand * u_time)); + float diff = fract(tilerand * u_time); + float s = floor(v * 9.0); + vec2 tp = tilefy(uv, tiles); + vec2 tp_center = vec2(0.5, 0.5); + float d = distance(tp, tp_center); + float scale = min(sin(diff * 3.1415) * 1.2, 1.0); + tp = tp_center + (tp - tp_center) / scale; + if (tp.x < 0.0 || tp.x > 1.0 || tp.y < 0.0 || tp.y > 1.0) { + gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0); + return; + } + vec2 p = map_to_symbol_uv(tp, mod(s, symbol_count)); + vec4 c = texture2D(t, p); + c.rgb *= color; + c.a *= uv.y * 4.0; + gl_FragColor = vec4(c.rgb * c.a, c.a); +} +` + + sandbox.load(shader_code); + + sandbox.setUniform('t', "https://cdn.duckonaut.dev/assets/images/symbols.png"); + + sandbox.setUniform('color', 42 / 255, 42 / 255, 80 / 255); + + sandbox.setUniform('symbol_count', 9); + + sandbox.setUniform('tiles', Math.ceil(window.innerWidth / 32), Math.ceil(window.innerHeight / 64)); + + addEventListener('resize', function() { + window.sandbox_canvas.width = window.innerWidth; + window.sandbox_canvas.height = window.innerHeight / 2; + window.sandbox.setUniform('tiles', Math.ceil(window.innerWidth / 32), Math.ceil(window.innerHeight / 64)); + }); +}); + diff --git a/public/assets/loose/github-yellow.svg b/public/assets/loose/github-yellow.svg new file mode 100644 index 0000000..f81e9b9 --- /dev/null +++ b/public/assets/loose/github-yellow.svg @@ -0,0 +1,66 @@ + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/public/assets/loose/itch-yellow.svg b/public/assets/loose/itch-yellow.svg new file mode 100644 index 0000000..008c7b1 --- /dev/null +++ b/public/assets/loose/itch-yellow.svg @@ -0,0 +1,55 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/public/assets/loose/twitter-yellow.svg b/public/assets/loose/twitter-yellow.svg new file mode 100644 index 0000000..ec6168d --- /dev/null +++ b/public/assets/loose/twitter-yellow.svg @@ -0,0 +1,91 @@ + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/loose/web-yellow.svg b/public/assets/loose/web-yellow.svg new file mode 100644 index 0000000..b61babc --- /dev/null +++ b/public/assets/loose/web-yellow.svg @@ -0,0 +1,58 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/public/assets/navbar.css b/public/assets/navbar.css new file mode 100644 index 0000000..9120052 --- /dev/null +++ b/public/assets/navbar.css @@ -0,0 +1,278 @@ +/* on big screens, navbar is fixed to the top of the screen */ +.navbar-container { + position: fixed; + /* gradient from top to bottom, full to transparent */ + top: 0; + width: 100%; + z-index: 9999; + margin: auto; +} + +/* on smaller ones, make it behave as a normal element laid out at the top of the page */ +@media (max-width: 1150px) { + .navbar-container { + position: static; + } +} + +.navbar { + padding-top: 20pt; + padding-bottom: 12pt; + align-items: center; + justify-content: center; + align-self: center; + background: linear-gradient(to bottom, var(--color-bg) 0%, var(--color-bg) 75%, rgba(0, 0, 0, 0) 100%); +} + +.navbar-icon { + font-family: Hack, monospace; + font-weight: 500; + color: #646cff; + font-size: 1.5em; + padding: 0.5em; + margin: 0.5em; +} + +.navbar { + align-self: center; + display: block; + width: 100%; + text-align: center; +} + +.navbar-item { + font-family: Hack, monospace; + font-size: 18pt; + text-align: center; + float: none; + clear: left; + display: inline-block; + margin: 0 0.25em; + transition: all 0.2s ease-in-out; +} + +.navbar-item:hover { + padding-left: 0.5em; + padding-right: 0.5em; + transition: all 0.2s ease-in-out; +} + +.navbar-current { + font-weight: bold; +} + +/* home */ + +.navbar-item-home:link { + color: #98C379; + text-decoration: none; +} + +.navbar-item-home:visited { + color: #98C379; + text-decoration: none; +} + +.navbar-item-home:hover { + color: #afd088; + text-decoration: underline; +} + +.navbar-item-home:active { + color: #afd088; + text-decoration: underline; +} + +/* games */ + +.navbar-item-games:link { + color: #e06c75; + text-decoration: none; +} + +.navbar-item-games:visited { + color: #e06c75; + text-decoration: none; +} + +.navbar-item-games:hover { + color: #ef7a80; + text-decoration: underline; +} + +.navbar-item-games:active { + color: #ef7a90; + text-decoration: underline; +} + +/* projects */ + +.navbar-item-projects:link { + color: #d19a66; + text-decoration: none; +} + +.navbar-item-projects:visited { + color: #d19a66; + text-decoration: none; +} + +.navbar-item-projects:hover { + color: #dfa873; + text-decoration: underline; +} + +.navbar-item-projects:active { + color: #dffa73; + text-decoration: underline; +} + +/* github */ + +.navbar-item-github:link { + color: #c678dd; + text-decoration: none; +} + +.navbar-item-github:visited { + color: #c678dd; + text-decoration: none; +} + +.navbar-item-github:hover { + color: #d286eb; + text-decoration: underline; +} + +.navbar-item-github:active { + color: #d286eb; + text-decoration: underline; +} + +/* itch */ + +.navbar-item-itch:link { + color: #e06c75; + text-decoration: none; +} + +.navbar-item-itch:visited { + color: #e06c75; + text-decoration: none; +} + +.navbar-item-itch:hover { + color: #ef7a80; + text-decoration: underline; +} + +.navbar-item-itch:active { + color: #ef7a90; + text-decoration: underline; +} + +/* twitter */ + +.navbar-item-twitter:link { + text-decoration: none; +} + +.navbar-item-twitter:visited { + text-decoration: none; +} + +.navbar-item-twitter:hover { + text-decoration: underline; +} + +.navbar-item-twitter:active { + text-decoration: underline; +} + +/* mastodon */ + +.navbar-item-mastodon:link { + color: #6a4ae0; + text-decoration: none; +} + +.navbar-item-mastodon:visited { + color: #6a4ae0; + text-decoration: none; +} + +.navbar-item-mastodon:hover { + color: #7a55e8; + text-decoration: underline; +} + +.navbar-item-mastodon:active { + color: #7a55e8; + text-decoration: underline; +} + +/* cohost */ + +.navbar-item-cohost:link { + color: #b63b73; + text-decoration: none; +} + +.navbar-item-cohost:visited { + color: #b63b73; + text-decoration: none; +} + +.navbar-item-cohost:hover { + color: #c54a7f; + text-decoration: underline; +} + +.navbar-item-cohost:active { + color: #c54a7f; + text-decoration: underline; +} + +/* tumblr */ + +.navbar-item-tumblr:link { + color: #00b8ff; + text-decoration: none; +} + +.navbar-item-tumblr:visited { + color: #00b8ff; + text-decoration: none; +} + +.navbar-item-tumblr:hover { + color: #00c5ff; + text-decoration: underline; +} + +.navbar-item-tumblr:active { + color: #00c5ff; + text-decoration: underline; +} + +/* contact */ + +.navbar-item-contact:link { + color: #e5c07b; + text-decoration: none; +} + +.navbar-item-contact:visited { + color: #e5c07b; + text-decoration: none; +} + +.navbar-item-contact:hover { + color: #f2ce89; + text-decoration: underline; +} + +.navbar-item-contact:active { + color: #f2ce89; + text-decoration: underline; +} diff --git a/public/assets/project.css b/public/assets/project.css new file mode 100644 index 0000000..742c072 --- /dev/null +++ b/public/assets/project.css @@ -0,0 +1,126 @@ +.icon { + display: inline; + width: 32px; + height: 32px; + transition: 0.3s; + transform-origin: center; + filter: brightness(70%) +} + +.icon:hover { + filter: brightness(80%); +} + +.icon-row { + width: 320px; + height: 36px; +} + +.icon-container { + height: 36px; + float: right; +} + +.icon-text { + width: auto; + height: 36px; + line-height: 36px; + float: left; + vertical-align: middle; + margin-right: 8px; + color: #5c6370; +} + +.project { + display: table; + align-self: center; + clear: both; + margin-top: 24pt; +} + +.project-info { + font-size: 14pt; +} + +.project-description { + font-size: 16pt; + text-align: justify; +} + +.project-image-gallery { + margin-left: 24px; + margin-right: 10px; +} + +@media (max-width: 1150px) { + .project-title { + text-align: center; + font-size: 24pt; + margin-bottom: 8px; + text-decoration-line: underline; + } + + .project-image-gallery { + margin: 60px auto; + width: 330px; + height: 220px; + } + + .project-info { + float: none; + width: 90%; + margin: auto; + } + + .project-description { + font-size: 14pt; + } +} + +@media (max-width: 1150px) and (min-width: 480px) { + .project-title { + text-align: center; + font-size: 24pt; + margin-bottom: 8px; + text-decoration-line: underline; + } + .project-image-gallery { + margin: 60px auto; + width: 480px; + height: 360px; + } + + .project-info { + float: none; + width: 90%; + margin: auto; + } + + .project-description { + font-size: 14pt; + } +} + +@media (min-width: 1150px) { + .project-title { + text-align: left; + font-size: 32pt; + margin-bottom: 8px; + text-decoration-line: underline; + } + .project-image-gallery { + float: right; + width: 480px; + height: 360px; + } + .project-info { + float: left; + max-width: 600px; + } + + .project-description { + font-size: 16pt; + } +} + + diff --git a/public/assets/projects/hyprload/logo.png b/public/assets/projects/hyprload/logo.png new file mode 100644 index 0000000..92fb9ce Binary files /dev/null and b/public/assets/projects/hyprload/logo.png differ diff --git a/public/assets/projects/spirit-mod/demo1.gif b/public/assets/projects/spirit-mod/demo1.gif new file mode 100644 index 0000000..324de0c Binary files /dev/null and b/public/assets/projects/spirit-mod/demo1.gif differ diff --git a/public/assets/projects/spirit-mod/demo2.gif b/public/assets/projects/spirit-mod/demo2.gif new file mode 100644 index 0000000..4e87fd8 Binary files /dev/null and b/public/assets/projects/spirit-mod/demo2.gif differ diff --git a/public/assets/projects/spirit-mod/thumbnail.png b/public/assets/projects/spirit-mod/thumbnail.png new file mode 100644 index 0000000..55f8d7e Binary files /dev/null and b/public/assets/projects/spirit-mod/thumbnail.png differ diff --git a/public/assets/projects/spirit-mod/thumbnail.webp b/public/assets/projects/spirit-mod/thumbnail.webp new file mode 100644 index 0000000..0250f72 Binary files /dev/null and b/public/assets/projects/spirit-mod/thumbnail.webp differ -- cgit v1.3.1