diff --git a/assets/css_files/games.css b/assets/css_files/games.css index 3b2a19d..12d1ceb 100644 --- a/assets/css_files/games.css +++ b/assets/css_files/games.css @@ -236,6 +236,56 @@ main { content: '🎯'; /* Word Guess game */ } +/* Place favorites button to the right */ +.favorites-toggle { + display: flex; + justify-content: flex-end; + margin: 0px 30px -30px 30px; + padding: 0; + background: none; +} + +#favoritesToggleBtn { + padding: 10px 20px; + font-size: 16px; + background: linear-gradient(to right, #7c3aed, #9333ea); + color: white; + border: none; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + transition: background 0.3s ease; +} + +#favoritesToggleBtn:hover { + background: linear-gradient(to right, #a855f7, #9333ea); + box-shadow: 0 6px 16px rgba(137, 39, 228, 0.6); + transform: translateY(-2px); +} + +.category-card { + position: relative; /* needed for absolute positioning */ +} + +.fav-btn { + position: absolute; + top: 12px; + right: 12px; + background: none; + border: none; + font-size: 21px; + color: #8966e1 ; + cursor: pointer; + z-index: 2; + transition: transform 0.2s ease; +} + +.fav-btn:hover { + transform: scale(1.25); +} + + /* Animations */ @keyframes slideInUp { from { diff --git a/assets/css_files/ml.css b/assets/css_files/ml.css index 9ccecee..0a79628 100644 --- a/assets/css_files/ml.css +++ b/assets/css_files/ml.css @@ -188,6 +188,50 @@ a { flex: 1; } +.fav-btn { + position: absolute; + top: 12px; + right: 12px; + background: none; + border: none; + font-size: 21px; + color: #8966e1 ; + cursor: pointer; + z-index: 2; + transition: transform 0.2s ease; +} + +.fav-btn:hover { + transform: scale(1.25); +} + +.favorites-toggle { + display: flex; + justify-content: flex-end; + margin: 0px 30px 70px 30px; + padding: 0; + background: none; +} + +#favoritesToggleBtn { + padding: 10px 20px; + font-size: 16px; + background: linear-gradient(to right, #7c3aed, #9333ea); + color: white; + border: none; + border-radius: 8px; + font-weight: bold; + cursor: pointer; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + transition: background 0.3s ease; +} + +#favoritesToggleBtn:hover { + background: linear-gradient(to right, #a855f7, #9333ea); + box-shadow: 0 6px 16px rgba(137, 39, 228, 0.6); + transform: translateY(-2px); +} + /* Tech Stack Tags */ .tech-stack { display: flex; diff --git a/assets/html_files/games.html b/assets/html_files/games.html index b7e0a69..a07a992 100644 --- a/assets/html_files/games.html +++ b/assets/html_files/games.html @@ -75,15 +75,25 @@ Back to Home +

Games

-
-
-

Memory Match

-

A fun card-flipping memory game built with JavaScript.

- Play Now - View Code +
+ +
+ +
+
+
+

Memory Match

+

A fun card-flipping memory game built with JavaScript.

+ Play Now + View Code + +
@@ -91,6 +101,9 @@

Snake Game

Classic snake game implemented in HTML5 canvas.

Play Now View Code +
@@ -98,42 +111,63 @@

Simon Says Game

Test Your Memory and Reflexes in This Classic Command Game!.

Play Now View Code +

Reflex Tester

Test your reaction time and reflexes with this interactive game.

Play Now View Code +

Minesweeper

Classic minesweeper game with grid-based puzzle solving!.

Play Now View Code +

Word Guess Game

A Wordle-style 5-letter puzzle game with scoring and clues.

Play Now View Code +

Candy Crush

Match colorful candies in this addictive puzzle game with special combinations and power-ups!

Play Now View Code +

Typing Speed Game

Test your typing speed in a fun and interactive way!

Play Now View Code -
+ +

CSS Math Duel

Two-player speed math race with beautiful animations and competitive gameplay!

Play Now View Code +

Lights Out Puzzle

diff --git a/assets/html_files/miscellaneous.html b/assets/html_files/miscellaneous.html index 5792f4f..c62e1c3 100644 --- a/assets/html_files/miscellaneous.html +++ b/assets/html_files/miscellaneous.html @@ -54,6 +54,10 @@

Miscellaneous Projects

+ +
+ +
@@ -62,11 +66,81 @@

Face Recognition Login System

learning basic computer vision and authentication.

View Code
+
+ + + + + diff --git a/assets/html_files/staticwebsites.html b/assets/html_files/staticwebsites.html index c2abd03..58f2f07 100644 --- a/assets/html_files/staticwebsites.html +++ b/assets/html_files/staticwebsites.html @@ -3,6 +3,11 @@ Websites - Project Vault + + @@ -10,18 +15,30 @@

🌐Static Websites

← Back to Home -
-
-

NetFlix

-

Website offering movies.

- View Project - View Code +
+ +
+
+
+
+

NetFlix

+

Website offering movies.

+ View Project + View Code + +
+

3D_Rotate_Tube

Website offering movies.

View Project View Code +
@@ -29,12 +46,18 @@

3D_Rotate_Tube

Amazon

Website for Online shopping.

View Project +

HostWise

Website for Rentals>

🌐 View Project πŸ’» View Code +

SunNotScreen

@@ -49,6 +72,8 @@

KeyBlaze

+ +