diff --git a/components/ProjectCardV2.vue b/components/ProjectCardV2.vue index dc45970..0387abe 100644 --- a/components/ProjectCardV2.vue +++ b/components/ProjectCardV2.vue @@ -106,6 +106,11 @@ const props = defineProps<{ border-color: white; cursor: pointer; + +} + +@media (min-width: 1000px){ + .card:hover, .content:hover{ .content{ visibility: visible; } @@ -113,6 +118,7 @@ const props = defineProps<{ .project-image{ filter: brightness(40%) blur(2px); } + } } diff --git a/pages/index.vue b/pages/index.vue index f7c9aea..8e170ca 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -75,22 +75,43 @@ var { data } = await useAsyncData('home', () => queryContent('blog').where({hidd --> - - + --> +
@@ -204,6 +225,17 @@ h1{ justify-content: center; } +.featured-container>div{ + width:30%; +} + +@media (max-width: 1000px){ + + .featured-container>div{ + width:80%; + align-self: center; + } +} .blog-container{ display: flex; flex-direction: column; diff --git a/pages/projects.vue b/pages/projects.vue index 367d35e..61d466a 100644 --- a/pages/projects.vue +++ b/pages/projects.vue @@ -61,9 +61,12 @@ It's one of my most extensive works as it entirely a solo project, In addition t 'The Chronos Terminal is a powerful device that executes command blocks based into it as soon as you unseal the chamber. Use it to your advantage to escape the time loop you've been caught in!' -Winner of the Playmakers August Game Jam!" +Winner of the Playmakers August Game Jam! + +I'll also be showcasing this at the Playmakers booth at Smash anime convention 2025 in Sydney!" :buttons='[ - { link: "https://tabby-cat-nya.itch.io/chronochamber", text: "Play on Itch.io" } + { link: "https://tabby-cat-nya.itch.io/chronochamber", text: "Play on Itch.io" }, + { link: "/chrono-chamber", text: "Landing page for Smash" } ]' /> @@ -118,6 +121,19 @@ My main focus was on the online leaderboard and login system, After the game jam { link: "https://teamstingray.dev/", text: "Visit https://teamstingray.dev/" } ]' /> + + @@ -157,13 +173,13 @@ My main focus was on the online leaderboard and login system, After the game jam @media (max-width: 1000px){ .featured-container{ - flex-direction: column; + /* flex-direction: column; margin-left: 0%; - margin-right: 0%; + margin-right: 0%; */ } .featured-container>div{ - width:100%; + width:40%; } } diff --git a/public/img/racer.png b/public/img/racer.png new file mode 100644 index 0000000..c0e6780 Binary files /dev/null and b/public/img/racer.png differ diff --git a/public/img/shine.png b/public/img/shine.png new file mode 100644 index 0000000..23f411e Binary files /dev/null and b/public/img/shine.png differ