diff --git a/README.md b/README.md index 1b57c4c6..3c69d7a4 100644 --- a/README.md +++ b/README.md @@ -47,13 +47,6 @@ We are proud to be contributing as part of these amazing communities! ![Typing SVG](https://readme-typing-svg.herokuapp.com?font=Fira+Code&size=25&pause=1000&color=6AE3F9¢er=true&vCenter=true&width=1000&lines=Learn+By+Building!+πŸ’»;100+Web+Projects+ChallengeπŸ”₯;HTML+CSS+JS+and+More!) -## Note to Cotributors -πŸ‘‰ If you are willing to do changes in the project -πŸ‘‰The files are organized in a manner. -πŸ‘‰If you want to contribute new things please save your file names with the format "projectname-type.extension" -πŸ‘‰ This will be easy for navigation - - --- ## 🌐 Live Website diff --git a/MainIndex.html b/index.html similarity index 99% rename from MainIndex.html rename to index.html index d4b2fc8c..aba18d0e 100644 --- a/MainIndex.html +++ b/index.html @@ -54,7 +54,7 @@ @@ -132,6 +132,6 @@

Get Involved

Β© 2025 E-Waste Management Hub - Promoting Responsible Electronic Recycling

- + \ No newline at end of file diff --git a/CSS/E-WasteLocation.css b/public/Day-14_E-WasteManagementHub/locations.css similarity index 100% rename from CSS/E-WasteLocation.css rename to public/Day-14_E-WasteManagementHub/locations.css diff --git a/HTML Pages/E-WasteLocations.html b/public/Day-14_E-WasteManagementHub/locations.html similarity index 83% rename from HTML Pages/E-WasteLocations.html rename to public/Day-14_E-WasteManagementHub/locations.html index 521f2765..d37acfa9 100644 --- a/HTML Pages/E-WasteLocations.html +++ b/public/Day-14_E-WasteManagementHub/locations.html @@ -4,7 +4,7 @@ E-Waste Drop-off Locations | E-Waste Management - +
@@ -12,19 +12,19 @@

E-Waste Management Hub

@@ -92,6 +92,6 @@

Benefits of Proper Disposal

Β© 2025 E-Waste Management Hub - Promoting Responsible Electronic Recycling

- + \ No newline at end of file diff --git a/Logic/E-WasteLocation.js b/public/Day-14_E-WasteManagementHub/locations.js similarity index 100% rename from Logic/E-WasteLocation.js rename to public/Day-14_E-WasteManagementHub/locations.js diff --git a/Logic/E-WasteManagement.js b/public/Day-14_E-WasteManagementHub/script.js similarity index 100% rename from Logic/E-WasteManagement.js rename to public/Day-14_E-WasteManagementHub/script.js diff --git a/CSS/E-WasteManagement.css b/public/Day-14_E-WasteManagementHub/style.css similarity index 100% rename from CSS/E-WasteManagement.css rename to public/Day-14_E-WasteManagementHub/style.css diff --git a/HTML Pages/Currency-Converter.html b/public/Day-15_Currency_Converter/index.html similarity index 99% rename from HTML Pages/Currency-Converter.html rename to public/Day-15_Currency_Converter/index.html index 0176a6f9..39863b4e 100644 --- a/HTML Pages/Currency-Converter.html +++ b/public/Day-15_Currency_Converter/index.html @@ -6,8 +6,8 @@ Currency Converter - - + +
diff --git a/Logic/Currency-Converter.js b/public/Day-15_Currency_Converter/script.js similarity index 100% rename from Logic/Currency-Converter.js rename to public/Day-15_Currency_Converter/script.js diff --git a/CSS/Currency-Converter.css b/public/Day-15_Currency_Converter/style.css similarity index 100% rename from CSS/Currency-Converter.css rename to public/Day-15_Currency_Converter/style.css diff --git a/Assets/Images/Random-Userimage.png b/public/Day-16_Random_User_Generator/image.png similarity index 100% rename from Assets/Images/Random-Userimage.png rename to public/Day-16_Random_User_Generator/image.png diff --git a/HTML Pages/Randon-User-Generator.html b/public/Day-16_Random_User_Generator/index.html similarity index 74% rename from HTML Pages/Randon-User-Generator.html rename to public/Day-16_Random_User_Generator/index.html index 520ab57b..ef998919 100644 --- a/HTML Pages/Randon-User-Generator.html +++ b/public/Day-16_Random_User_Generator/index.html @@ -5,15 +5,15 @@ Random User Generator - - + +

Random User Generator

- Random user profile image + Random user profile image

Name:

diff --git a/Logic/Random-User-Generator.js b/public/Day-16_Random_User_Generator/script.js similarity index 100% rename from Logic/Random-User-Generator.js rename to public/Day-16_Random_User_Generator/script.js diff --git a/CSS/Random-User-Generator.css b/public/Day-16_Random_User_Generator/style.css similarity index 100% rename from CSS/Random-User-Generator.css rename to public/Day-16_Random_User_Generator/style.css diff --git a/Special Project/.gitignore b/public/Day-17_Image_Search_App/.gitignore similarity index 100% rename from Special Project/.gitignore rename to public/Day-17_Image_Search_App/.gitignore diff --git a/Special Project/ImageSearchConfig.js b/public/Day-17_Image_Search_App/config.example.js similarity index 100% rename from Special Project/ImageSearchConfig.js rename to public/Day-17_Image_Search_App/config.example.js diff --git a/Special Project/Image Search.html b/public/Day-17_Image_Search_App/index.html similarity index 76% rename from Special Project/Image Search.html rename to public/Day-17_Image_Search_App/index.html index 9cff1934..007520ce 100644 --- a/Special Project/Image Search.html +++ b/public/Day-17_Image_Search_App/index.html @@ -5,9 +5,9 @@ Image Search Engine - - - + + + diff --git a/Special Project/ImageSearch.js b/public/Day-17_Image_Search_App/script.js similarity index 100% rename from Special Project/ImageSearch.js rename to public/Day-17_Image_Search_App/script.js diff --git a/Special Project/ImageSearch.css b/public/Day-17_Image_Search_App/style.css similarity index 100% rename from Special Project/ImageSearch.css rename to public/Day-17_Image_Search_App/style.css diff --git a/HTML Pages/Todo-List.html b/public/Day-1_TodoList/index.html similarity index 100% rename from HTML Pages/Todo-List.html rename to public/Day-1_TodoList/index.html diff --git a/HTML Pages/TicTacToe.html b/public/Day-20_tictactoe/index.html similarity index 95% rename from HTML Pages/TicTacToe.html rename to public/Day-20_tictactoe/index.html index 28e38dca..a612291b 100644 --- a/HTML Pages/TicTacToe.html +++ b/public/Day-20_tictactoe/index.html @@ -4,7 +4,7 @@ Tic Tac Toe Game - +
@@ -57,6 +57,6 @@
- + \ No newline at end of file diff --git a/Logic/TicTacToe.js b/public/Day-20_tictactoe/script.js similarity index 100% rename from Logic/TicTacToe.js rename to public/Day-20_tictactoe/script.js diff --git a/CSS/TicTacToe.css b/public/Day-20_tictactoe/style.css similarity index 100% rename from CSS/TicTacToe.css rename to public/Day-20_tictactoe/style.css diff --git a/HTML Pages/candy_crush.html b/public/Day-21_candycrush/candy_crush.html similarity index 97% rename from HTML Pages/candy_crush.html rename to public/Day-21_candycrush/candy_crush.html index f87622fe..aa97bd39 100644 --- a/HTML Pages/candy_crush.html +++ b/public/Day-21_candycrush/candy_crush.html @@ -5,7 +5,7 @@ Candy Crush Clone - +
@@ -69,6 +69,6 @@

Scoring:

- + \ No newline at end of file diff --git a/Logic/CandyCrush.js b/public/Day-21_candycrush/script.js similarity index 100% rename from Logic/CandyCrush.js rename to public/Day-21_candycrush/script.js diff --git a/CSS/CandyCrush.css b/public/Day-21_candycrush/styles.css similarity index 100% rename from CSS/CandyCrush.css rename to public/Day-21_candycrush/styles.css diff --git a/HTML Pages/Palette-Generator.html b/public/Day-22_Palette_generator/index.html similarity index 85% rename from HTML Pages/Palette-Generator.html rename to public/Day-22_Palette_generator/index.html index 703761b8..389f9882 100644 --- a/HTML Pages/Palette-Generator.html +++ b/public/Day-22_Palette_generator/index.html @@ -5,7 +5,7 @@ Color Picker & Palette Generator - + @@ -25,7 +25,7 @@

🎨 Color Palette Generator

- + \ No newline at end of file diff --git a/Logic/Palette-Generator.js b/public/Day-22_Palette_generator/script.js similarity index 100% rename from Logic/Palette-Generator.js rename to public/Day-22_Palette_generator/script.js diff --git a/CSS/Palette-Generator.css b/public/Day-22_Palette_generator/style.css similarity index 100% rename from CSS/Palette-Generator.css rename to public/Day-22_Palette_generator/style.css diff --git a/HTML Pages/QR Generator.html b/public/Day-23_QRCodeGenerator/index.html similarity index 90% rename from HTML Pages/QR Generator.html rename to public/Day-23_QRCodeGenerator/index.html index 595ef04c..69364bc2 100644 --- a/HTML Pages/QR Generator.html +++ b/public/Day-23_QRCodeGenerator/index.html @@ -4,7 +4,7 @@ QR Code Generator - + @@ -26,6 +26,6 @@

QR Code Generator

- + \ No newline at end of file diff --git a/Logic/QR Generator.js b/public/Day-23_QRCodeGenerator/script.js similarity index 100% rename from Logic/QR Generator.js rename to public/Day-23_QRCodeGenerator/script.js diff --git a/CSS/QR Generator.css b/public/Day-23_QRCodeGenerator/style.css similarity index 100% rename from CSS/QR Generator.css rename to public/Day-23_QRCodeGenerator/style.css diff --git a/Logic/RockPaper.js b/public/Day-23_RockPaperScissor/app.js similarity index 100% rename from Logic/RockPaper.js rename to public/Day-23_RockPaperScissor/app.js diff --git a/HTML Pages/Rock Paper Scissor.html b/public/Day-23_RockPaperScissor/index.html similarity index 74% rename from HTML Pages/Rock Paper Scissor.html rename to public/Day-23_RockPaperScissor/index.html index 93d6f709..f0c9a576 100644 --- a/HTML Pages/Rock Paper Scissor.html +++ b/public/Day-23_RockPaperScissor/index.html @@ -4,19 +4,19 @@ Rock Paper Scissor Game - +

Rock Paper Scissor Game

- +
- +
- +
@@ -36,6 +36,6 @@

Rock Paper Scissor Game

Play your move

- + \ No newline at end of file diff --git a/Assets/Images/Rock-paper.png b/public/Day-23_RockPaperScissor/paper.png similarity index 100% rename from Assets/Images/Rock-paper.png rename to public/Day-23_RockPaperScissor/paper.png diff --git a/Assets/Images/Rock-rock.png b/public/Day-23_RockPaperScissor/rock.png similarity index 100% rename from Assets/Images/Rock-rock.png rename to public/Day-23_RockPaperScissor/rock.png diff --git a/Assets/Images/Rock-scissor.png b/public/Day-23_RockPaperScissor/scissor.png similarity index 100% rename from Assets/Images/Rock-scissor.png rename to public/Day-23_RockPaperScissor/scissor.png diff --git a/CSS/RockPaper.css b/public/Day-23_RockPaperScissor/style.css similarity index 100% rename from CSS/RockPaper.css rename to public/Day-23_RockPaperScissor/style.css diff --git a/HTML Pages/Drawing.html b/public/Day-26_Drawing/index.html similarity index 98% rename from HTML Pages/Drawing.html rename to public/Day-26_Drawing/index.html index 5125851e..ead74a83 100644 --- a/HTML Pages/Drawing.html +++ b/public/Day-26_Drawing/index.html @@ -51,6 +51,6 @@

Freehand Drawing Canvas 🎨< - + \ No newline at end of file diff --git a/Logic/Drawing.js b/public/Day-26_Drawing/script.js similarity index 100% rename from Logic/Drawing.js rename to public/Day-26_Drawing/script.js diff --git a/HTML Pages/Target Reflex Test.html b/public/Day-28_Target_Reflex_Test/index.html similarity index 96% rename from HTML Pages/Target Reflex Test.html rename to public/Day-28_Target_Reflex_Test/index.html index b0fb79d3..0d0407aa 100644 --- a/HTML Pages/Target Reflex Test.html +++ b/public/Day-28_Target_Reflex_Test/index.html @@ -5,7 +5,7 @@ 🎯 Target Clicking Game - + @@ -86,7 +86,7 @@

πŸŽ‰ Game Over!

- + \ No newline at end of file diff --git a/Logic/Target Reflex Test.js b/public/Day-28_Target_Reflex_Test/script.js similarity index 100% rename from Logic/Target Reflex Test.js rename to public/Day-28_Target_Reflex_Test/script.js diff --git a/CSS/Target Reflex Test.css b/public/Day-28_Target_Reflex_Test/styles.css similarity index 100% rename from CSS/Target Reflex Test.css rename to public/Day-28_Target_Reflex_Test/styles.css diff --git a/HTML Pages/digitalclock.html b/public/Day-2_digital_clock/digitalclock.html similarity index 100% rename from HTML Pages/digitalclock.html rename to public/Day-2_digital_clock/digitalclock.html diff --git a/Assets/Images/Alien-background.svg b/public/Day-31/background.svg similarity index 100% rename from Assets/Images/Alien-background.svg rename to public/Day-31/background.svg diff --git a/HTML Pages/Alien Hunt.html b/public/Day-31/index.html similarity index 97% rename from HTML Pages/Alien Hunt.html rename to public/Day-31/index.html index 5177e280..0d879220 100644 --- a/HTML Pages/Alien Hunt.html +++ b/public/Day-31/index.html @@ -5,7 +5,7 @@ Alien Hunt - +
@@ -88,6 +88,6 @@

Game Settings

- + diff --git a/Logic/Alien Hunt.js b/public/Day-31/script.js similarity index 100% rename from Logic/Alien Hunt.js rename to public/Day-31/script.js diff --git a/CSS/Alien Hunt.css b/public/Day-31/style.css similarity index 99% rename from CSS/Alien Hunt.css rename to public/Day-31/style.css index 79164aa4..e58ecc01 100644 --- a/CSS/Alien Hunt.css +++ b/public/Day-31/style.css @@ -17,7 +17,7 @@ body { align-items: center; overflow: hidden; animation: backgroundPulse 10s infinite ease-in-out; - background: url(/Assets/Images/Alien-background.svg); + background: url(./background.svg); background-size: cover; /* Make image cover full area */ background-repeat: no-repeat; diff --git a/HTML Pages/Color Picker.html b/public/Day-34-Colour_picker/index.html similarity index 100% rename from HTML Pages/Color Picker.html rename to public/Day-34-Colour_picker/index.html diff --git a/public/Day-35-Drawing/index.html b/public/Day-35-Drawing/index.html new file mode 100644 index 00000000..ead74a83 --- /dev/null +++ b/public/Day-35-Drawing/index.html @@ -0,0 +1,56 @@ + + + + + + Simple Drawing App + + + + + +
+

Freehand Drawing Canvas 🎨

+

Select a tool, brush, size, and color, then draw on the canvas.

+ +
+
+ + + +
+ +
+ Brush: + + + +
+ +
+ + + 5 +
+ +
+ + +
+ +
+ + +
+
+ +
+ +
+
+ + + + \ No newline at end of file diff --git a/public/Day-35-Drawing/script.js b/public/Day-35-Drawing/script.js new file mode 100644 index 00000000..f4f802da --- /dev/null +++ b/public/Day-35-Drawing/script.js @@ -0,0 +1,232 @@ +window.addEventListener('load', () => { + // --- DOM ELEMENTS --- + const canvas = document.getElementById('drawing-canvas'); + const ctx = canvas.getContext('2d'); + + // Tool & Action Buttons + const pencilBtn = document.getElementById('pencil-btn'); + const eraserBtn = document.getElementById('eraser-btn'); + const clearBtn = document.getElementById('clear-btn'); + const savePngBtn = document.getElementById('save-png-btn'); + const savePdfBtn = document.getElementById('save-pdf-btn'); + + // Brush Shape Buttons + const brushRoundBtn = document.getElementById('brush-round-btn'); + const brushCircleBtn = document.getElementById('brush-circle-btn'); + const brushSquareBtn = document.getElementById('brush-square-btn'); + + // Other Controls + const sizeSlider = document.getElementById('size-slider'); + const sizeDisplay = document.getElementById('size-display'); + const colorPicker = document.getElementById('color-picker'); + + // --- STATE --- + let isDrawing = false; + let isErasing = false; + let brushWidth = 5; + let brushColor = '#000000'; + let brushShape = 'round'; // 'round', 'circle', or 'square' + let lastX = 0; + let lastY = 0; + + // --- HELPER FUNCTIONS --- + + // Gets correct coordinates for both mouse and touch events + function getCoordinates(event) { + const rect = canvas.getBoundingClientRect(); + if (event.touches) { + return [event.touches[0].clientX - rect.left, event.touches[0].clientY - rect.top]; + } + return [event.clientX - rect.left, event.clientY - rect.top]; + } + + // Prepares canvas data URL with a white background for saving + function getCanvasDataWithBackground() { + const tempCanvas = document.createElement('canvas'); + const tempCtx = tempCanvas.getContext('2d'); + tempCanvas.width = canvas.width; + tempCanvas.height = canvas.height; + + // Fill background with white + tempCtx.fillStyle = '#FFFFFF'; + tempCtx.fillRect(0, 0, tempCanvas.width, tempCanvas.height); + + // Draw the current canvas content on top + tempCtx.drawImage(canvas, 0, 0); + + return tempCanvas.toDataURL('image/png'); + } + + // --- CORE DRAWING FUNCTION --- + function draw(event) { + if (!isDrawing) return; + event.preventDefault(); + + const [currentX, currentY] = getCoordinates(event); + + ctx.fillStyle = brushColor; + ctx.strokeStyle = brushColor; + + // Eraser logic is separate and overrides brush settings + if (isErasing) { + ctx.globalCompositeOperation = 'destination-out'; + ctx.lineWidth = brushWidth * 4; // Make eraser bigger + ctx.beginPath(); + ctx.moveTo(lastX, lastY); + ctx.lineTo(currentX, currentY); + ctx.stroke(); + } else { + ctx.globalCompositeOperation = 'source-over'; + + // Calculate distance and angle for smooth stamping + const dist = Math.sqrt((currentX - lastX)**2 + (currentY - lastY)**2); + const angle = Math.atan2(currentY - lastY, currentX - lastX); + + for (let i = 0; i < dist; i++) { + const x = lastX + i * Math.cos(angle); + const y = lastY + i * Math.sin(angle); + + // Draw based on the selected brush shape + switch (brushShape) { + case 'circle': + ctx.beginPath(); + ctx.arc(x, y, brushWidth / 2, 0, Math.PI * 2); + ctx.fill(); + break; + case 'square': + ctx.fillRect(x - brushWidth / 2, y - brushWidth / 2, brushWidth, brushWidth); + break; + case 'round': // The default line brush + default: + ctx.lineWidth = brushWidth; + ctx.lineCap = 'round'; + ctx.lineJoin = 'round'; + ctx.beginPath(); + ctx.moveTo(lastX, lastY); + ctx.lineTo(currentX, currentY); + ctx.stroke(); + i = dist; // Break the loop for line brush to avoid overdrawing + break; + } + } + } + [lastX, lastY] = [currentX, currentY]; + } + + // --- EVENT HANDLERS --- + const startDrawing = (event) => { + event.preventDefault(); + isDrawing = true; + [lastX, lastY] = getCoordinates(event); + }; + + const stopDrawing = () => { + isDrawing = false; + }; + + const handleSizeChange = (event) => { + brushWidth = event.target.value; + sizeDisplay.textContent = brushWidth; + }; + + const handleColorChange = (event) => { + brushColor = event.target.value; + }; + + const handleClearCanvas = () => { + if (window.confirm("Are you sure you want to clear the canvas? This action cannot be undone.")) { + ctx.clearRect(0, 0, canvas.width, canvas.height); + } + }; + + const handleSavePNG = () => { + const link = document.createElement('a'); + link.download = 'drawing.png'; + link.href = getCanvasDataWithBackground(); + link.click(); + }; + + const handleSavePDF = () => { + const { jsPDF } = window.jspdf; + const imgData = getCanvasDataWithBackground(); + + const orientation = canvas.width > canvas.height ? 'l' : 'p'; + const pdf = new jsPDF(orientation, 'px', [canvas.width, canvas.height]); + + const pdfWidth = pdf.internal.pageSize.getWidth(); + const pdfHeight = pdf.internal.pageSize.getHeight(); + + pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight); + pdf.save('drawing.pdf'); + }; + + // --- UI & TOOL SELECTION --- + function selectPencil() { + isErasing = false; + pencilBtn.classList.add('ring-2', 'ring-blue-700'); + eraserBtn.classList.remove('ring-2', 'ring-slate-700'); + } + + function selectEraser() { + isErasing = true; + eraserBtn.classList.add('ring-2', 'ring-slate-700'); + pencilBtn.classList.remove('ring-2', 'ring-blue-700'); + } + + function selectBrush(shape) { + brushShape = shape; + // Update UI to show active brush + [brushRoundBtn, brushCircleBtn, brushSquareBtn].forEach(btn => { + btn.classList.remove('ring-2', 'ring-blue-500'); + }); + document.getElementById(`brush-${shape}-btn`).classList.add('ring-2', 'ring-blue-500'); + } + + // --- CANVAS SIZING --- + function resizeCanvas() { + const parent = canvas.parentElement; + const dpr = window.devicePixelRatio || 1; + + // Save drawing to restore it after resize + const currentDrawing = ctx.getImageData(0, 0, canvas.width, canvas.height); + + canvas.style.width = `${parent.clientWidth}px`; + canvas.style.height = `${parent.clientHeight}px`; + canvas.width = parent.clientWidth * dpr; + canvas.height = parent.clientHeight * dpr; + ctx.scale(dpr, dpr); + + // Restore the drawing + ctx.putImageData(currentDrawing, 0, 0); + } + + // --- INITIALIZATION --- + resizeCanvas(); + selectPencil(); + selectBrush('round'); + + // --- EVENT LISTENERS --- + // Drawing events + canvas.addEventListener('mousedown', startDrawing); + canvas.addEventListener('mousemove', draw); + canvas.addEventListener('mouseup', stopDrawing); + canvas.addEventListener('mouseout', stopDrawing); + canvas.addEventListener('touchstart', startDrawing, { passive: false }); + canvas.addEventListener('touchmove', draw, { passive: false }); + canvas.addEventListener('touchend', stopDrawing); + + // Control events + window.addEventListener('resize', resizeCanvas); + pencilBtn.addEventListener('click', selectPencil); + eraserBtn.addEventListener('click', selectEraser); + clearBtn.addEventListener('click', handleClearCanvas); + sizeSlider.addEventListener('input', handleSizeChange); + colorPicker.addEventListener('input', handleColorChange); + savePngBtn.addEventListener('click', handleSavePNG); + savePdfBtn.addEventListener('click', handleSavePDF); + + // Brush selection listeners + brushRoundBtn.addEventListener('click', () => selectBrush('round')); + brushCircleBtn.addEventListener('click', () => selectBrush('circle')); + brushSquareBtn.addEventListener('click', () => selectBrush('square')); +}); \ No newline at end of file diff --git a/HTML Pages/Notes Home.html b/public/Day-36_Notes_App/index.html similarity index 91% rename from HTML Pages/Notes Home.html rename to public/Day-36_Notes_App/index.html index 005ef7db..cadc672e 100644 --- a/HTML Pages/Notes Home.html +++ b/public/Day-36_Notes_App/index.html @@ -4,7 +4,7 @@ Notes App - Home - + @@ -12,8 +12,7 @@

πŸ“ Welcome to Notes App

Organize your ideas, tasks, and thoughts in one sleek space.

- Try Notes App Now - + Try Notes App Now
@@ -62,6 +61,6 @@

πŸ’‘ Why Notes App?

- + diff --git a/Logic/Notes-navbar.js b/public/Day-36_Notes_App/navbar.js similarity index 82% rename from Logic/Notes-navbar.js rename to public/Day-36_Notes_App/navbar.js index 4cff188a..16beac4c 100644 --- a/Logic/Notes-navbar.js +++ b/public/Day-36_Notes_App/navbar.js @@ -5,9 +5,9 @@ document.addEventListener('DOMContentLoaded', () => { diff --git a/CSS/NotesPage1.css b/public/Day-36_Notes_App/notes.css similarity index 100% rename from CSS/NotesPage1.css rename to public/Day-36_Notes_App/notes.css diff --git a/HTML Pages/NotesPage1.html b/public/Day-36_Notes_App/notes.html similarity index 81% rename from HTML Pages/NotesPage1.html rename to public/Day-36_Notes_App/notes.html index 35f4b864..3486bcfb 100644 --- a/HTML Pages/NotesPage1.html +++ b/public/Day-36_Notes_App/notes.html @@ -4,8 +4,8 @@ Notes App - Notes - - + + @@ -23,7 +23,7 @@

My Notes

- - + + \ No newline at end of file diff --git a/Logic/NotesPage1.js b/public/Day-36_Notes_App/notes.js similarity index 100% rename from Logic/NotesPage1.js rename to public/Day-36_Notes_App/notes.js diff --git a/CSS/Notes Home.css b/public/Day-36_Notes_App/styles.css similarity index 100% rename from CSS/Notes Home.css rename to public/Day-36_Notes_App/styles.css diff --git a/Readme/Ascii-Art-Generator.md b/public/Day-3_AsciiArtGenerator/README.md similarity index 100% rename from Readme/Ascii-Art-Generator.md rename to public/Day-3_AsciiArtGenerator/README.md diff --git a/HTML Pages/Ascii-Art-Generator.html b/public/Day-3_AsciiArtGenerator/index.html similarity index 98% rename from HTML Pages/Ascii-Art-Generator.html rename to public/Day-3_AsciiArtGenerator/index.html index c50331f0..d5306017 100644 --- a/HTML Pages/Ascii-Art-Generator.html +++ b/public/Day-3_AsciiArtGenerator/index.html @@ -4,7 +4,7 @@ ASCII Art Generator - by Amaan Syed - + @@ -159,6 +159,6 @@

Social Media

- + diff --git a/Logic/Ascii-Art-Generator.js b/public/Day-3_AsciiArtGenerator/script.js similarity index 100% rename from Logic/Ascii-Art-Generator.js rename to public/Day-3_AsciiArtGenerator/script.js diff --git a/CSS/Ascii-Art-Generator.css b/public/Day-3_AsciiArtGenerator/style.css similarity index 100% rename from CSS/Ascii-Art-Generator.css rename to public/Day-3_AsciiArtGenerator/style.css diff --git a/HTML Pages/Note.html b/public/Day-42_NoteTaker/index.html similarity index 86% rename from HTML Pages/Note.html rename to public/Day-42_NoteTaker/index.html index 8c0ed7a8..90d7fd33 100644 --- a/HTML Pages/Note.html +++ b/public/Day-42_NoteTaker/index.html @@ -4,7 +4,7 @@ - + Notes App @@ -13,6 +13,6 @@ - + \ No newline at end of file diff --git a/Logic/NoteTaker.js b/public/Day-42_NoteTaker/script.js similarity index 100% rename from Logic/NoteTaker.js rename to public/Day-42_NoteTaker/script.js diff --git a/CSS/NoteTaker.css b/public/Day-42_NoteTaker/style.css similarity index 100% rename from CSS/NoteTaker.css rename to public/Day-42_NoteTaker/style.css diff --git a/Logic/CallRaceAudio.js b/public/Day-45/audio.js similarity index 100% rename from Logic/CallRaceAudio.js rename to public/Day-45/audio.js diff --git a/Assets/Images/CallRace.svg b/public/Day-45/bg.svg similarity index 100% rename from Assets/Images/CallRace.svg rename to public/Day-45/bg.svg diff --git a/HTML Pages/CalRace.html b/public/Day-45/index.html similarity index 98% rename from HTML Pages/CalRace.html rename to public/Day-45/index.html index 42ec6ea0..628eefa1 100644 --- a/HTML Pages/CalRace.html +++ b/public/Day-45/index.html @@ -4,7 +4,7 @@ CalRace | Web Dev 100 - + @@ -445,8 +445,8 @@

Game Paused

Loading...

- - - + + + diff --git a/Logic/CallRaceParticles.js b/public/Day-45/particles.js similarity index 100% rename from Logic/CallRaceParticles.js rename to public/Day-45/particles.js diff --git a/Logic/CallRace.js b/public/Day-45/script.js similarity index 100% rename from Logic/CallRace.js rename to public/Day-45/script.js diff --git a/CSS/CallRace.css b/public/Day-45/styles.css similarity index 99% rename from CSS/CallRace.css rename to public/Day-45/styles.css index a0207ed4..7aa85184 100644 --- a/CSS/CallRace.css +++ b/public/Day-45/styles.css @@ -56,7 +56,7 @@ body.reduce-motion * { body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - background: url(/Assets/Images/CallRace.svg); + background: url(./bg.svg); color: var(--text-primary); overflow: hidden; height: 100vh; diff --git a/HTML Pages/PromoDoro Timer.html b/public/Day-47_Pomodoro-app/index.html similarity index 97% rename from HTML Pages/PromoDoro Timer.html rename to public/Day-47_Pomodoro-app/index.html index b23e76d9..4e2e48e1 100644 --- a/HTML Pages/PromoDoro Timer.html +++ b/public/Day-47_Pomodoro-app/index.html @@ -4,7 +4,7 @@ Pomodoro Timer - +
@@ -89,6 +89,6 @@

Settings

- + diff --git a/Logic/PromoDoroTimer.js b/public/Day-47_Pomodoro-app/script.js similarity index 100% rename from Logic/PromoDoroTimer.js rename to public/Day-47_Pomodoro-app/script.js diff --git a/CSS/PromoDoroTimer.css b/public/Day-47_Pomodoro-app/style.css similarity index 100% rename from CSS/PromoDoroTimer.css rename to public/Day-47_Pomodoro-app/style.css diff --git a/HTML Pages/Password-Visualizer.html b/public/Day-4_password_visualizer/index.html similarity index 95% rename from HTML Pages/Password-Visualizer.html rename to public/Day-4_password_visualizer/index.html index 744e9493..34b40450 100644 --- a/HTML Pages/Password-Visualizer.html +++ b/public/Day-4_password_visualizer/index.html @@ -4,7 +4,7 @@ Password Strength Visualizer - +
@@ -65,6 +65,6 @@

πŸ’‘ Password Tips

- + \ No newline at end of file diff --git a/Logic/Password-Visualizer.js b/public/Day-4_password_visualizer/script.js similarity index 100% rename from Logic/Password-Visualizer.js rename to public/Day-4_password_visualizer/script.js diff --git a/CSS/Password-Visualizer.css b/public/Day-4_password_visualizer/styles.css similarity index 100% rename from CSS/Password-Visualizer.css rename to public/Day-4_password_visualizer/styles.css diff --git a/Readme/BMI-Calculator.md b/public/Day-50_BMI_Calculator_Tanu/README.md similarity index 100% rename from Readme/BMI-Calculator.md rename to public/Day-50_BMI_Calculator_Tanu/README.md diff --git a/HTML Pages/BMI Calculator.html b/public/Day-50_BMI_Calculator_Tanu/index.html similarity index 90% rename from HTML Pages/BMI Calculator.html rename to public/Day-50_BMI_Calculator_Tanu/index.html index fc8e5efe..55d2d8e6 100644 --- a/HTML Pages/BMI Calculator.html +++ b/public/Day-50_BMI_Calculator_Tanu/index.html @@ -4,8 +4,8 @@ BMI Calculator - - + +
diff --git a/Logic/BMI Calculator.js b/public/Day-50_BMI_Calculator_Tanu/script.js similarity index 100% rename from Logic/BMI Calculator.js rename to public/Day-50_BMI_Calculator_Tanu/script.js diff --git a/CSS/BMI Calculator.css b/public/Day-50_BMI_Calculator_Tanu/style.css similarity index 100% rename from CSS/BMI Calculator.css rename to public/Day-50_BMI_Calculator_Tanu/style.css diff --git a/Assets/Images/ChessBack.svg b/public/Day-51/backg.svg similarity index 100% rename from Assets/Images/ChessBack.svg rename to public/Day-51/backg.svg diff --git a/Logic/chess.js b/public/Day-51/chess.js similarity index 100% rename from Logic/chess.js rename to public/Day-51/chess.js diff --git a/Assets/Images/Chessfav.svg b/public/Day-51/fav.svg similarity index 100% rename from Assets/Images/Chessfav.svg rename to public/Day-51/fav.svg diff --git a/HTML Pages/Chess.html b/public/Day-51/index.html similarity index 96% rename from HTML Pages/Chess.html rename to public/Day-51/index.html index 05130347..8c68bc65 100644 --- a/HTML Pages/Chess.html +++ b/public/Day-51/index.html @@ -4,8 +4,8 @@ Chess Game - - + +
@@ -117,6 +117,6 @@

Captured by Black

- + diff --git a/CSS/Chess.css b/public/Day-51/styles.css similarity index 99% rename from CSS/Chess.css rename to public/Day-51/styles.css index 33aa2334..de31b64e 100644 --- a/CSS/Chess.css +++ b/public/Day-51/styles.css @@ -11,7 +11,7 @@ body { justify-content: center; align-items: center; padding: 20px; - background-image: url('/Assets/Images/ChessBack.svg'); + background-image: url('./backg.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; diff --git a/HTML Pages/4 in Row.html b/public/Day-57_4_in_a_row/index.html similarity index 96% rename from HTML Pages/4 in Row.html rename to public/Day-57_4_in_a_row/index.html index 0f663430..04c43d79 100644 --- a/HTML Pages/4 in Row.html +++ b/public/Day-57_4_in_a_row/index.html @@ -4,7 +4,7 @@ 4 in a Row Game - + @@ -82,6 +82,6 @@

It's a Draw!

- + \ No newline at end of file diff --git a/Logic/4 in Row.js b/public/Day-57_4_in_a_row/script.js similarity index 100% rename from Logic/4 in Row.js rename to public/Day-57_4_in_a_row/script.js diff --git a/CSS/4 in Row.css b/public/Day-57_4_in_a_row/style.css similarity index 100% rename from CSS/4 in Row.css rename to public/Day-57_4_in_a_row/style.css diff --git a/Logic/Physics-Simulation.js b/public/Day-5_physics_simulation/app.js similarity index 100% rename from Logic/Physics-Simulation.js rename to public/Day-5_physics_simulation/app.js diff --git a/HTML Pages/Physics-Simulation.html b/public/Day-5_physics_simulation/index.html similarity index 89% rename from HTML Pages/Physics-Simulation.html rename to public/Day-5_physics_simulation/index.html index 5d6e8d76..d2ec8492 100644 --- a/HTML Pages/Physics-Simulation.html +++ b/public/Day-5_physics_simulation/index.html @@ -5,7 +5,7 @@ Physics Simulation by Vishisht Dwivedi - + @@ -35,7 +35,7 @@

0

- + \ No newline at end of file diff --git a/CSS/Physics-Simulation.css b/public/Day-5_physics_simulation/styles.css similarity index 100% rename from CSS/Physics-Simulation.css rename to public/Day-5_physics_simulation/styles.css diff --git a/Assets/Images/Hamster.svg b/public/Day-69/fav.svg similarity index 100% rename from Assets/Images/Hamster.svg rename to public/Day-69/fav.svg diff --git a/HTML Pages/Hamster Slap.html b/public/Day-69/index.html similarity index 96% rename from HTML Pages/Hamster Slap.html rename to public/Day-69/index.html index ed0c62bb..99e256e7 100644 --- a/HTML Pages/Hamster Slap.html +++ b/public/Day-69/index.html @@ -4,8 +4,8 @@ Hamster Slap - - + +
@@ -141,6 +141,6 @@

Game Over!

- + \ No newline at end of file diff --git a/Logic/Hamster-Slap.js b/public/Day-69/script.js similarity index 100% rename from Logic/Hamster-Slap.js rename to public/Day-69/script.js diff --git a/CSS/Hamster-Slap.css b/public/Day-69/style.css similarity index 100% rename from CSS/Hamster-Slap.css rename to public/Day-69/style.css diff --git a/Readme/Quote-Generator.md b/public/Day-6_QuoteGenerator/README.md similarity index 100% rename from Readme/Quote-Generator.md rename to public/Day-6_QuoteGenerator/README.md diff --git a/HTML Pages/Quote-Generator.html b/public/Day-6_QuoteGenerator/index.html similarity index 100% rename from HTML Pages/Quote-Generator.html rename to public/Day-6_QuoteGenerator/index.html diff --git a/Assets/Images/Portfolio-ChromaCanvas.png b/public/Day-72_Portfolio/ChromaCanvas.png similarity index 100% rename from Assets/Images/Portfolio-ChromaCanvas.png rename to public/Day-72_Portfolio/ChromaCanvas.png diff --git a/Assets/Pdfs/portfolio-be10x.pdf b/public/Day-72_Portfolio/be10x.pdf similarity index 100% rename from Assets/Pdfs/portfolio-be10x.pdf rename to public/Day-72_Portfolio/be10x.pdf diff --git a/Assets/Images/portfolio-be10x.png b/public/Day-72_Portfolio/be10x.png similarity index 100% rename from Assets/Images/portfolio-be10x.png rename to public/Day-72_Portfolio/be10x.png diff --git a/Assets/Images/portfolio-bg.avif b/public/Day-72_Portfolio/bg.avif similarity index 100% rename from Assets/Images/portfolio-bg.avif rename to public/Day-72_Portfolio/bg.avif diff --git a/Assets/Pdfs/portfolio-cpp.pdf b/public/Day-72_Portfolio/cpp.pdf similarity index 100% rename from Assets/Pdfs/portfolio-cpp.pdf rename to public/Day-72_Portfolio/cpp.pdf diff --git a/Assets/Images/portfolio-cpp.png b/public/Day-72_Portfolio/cpp.png similarity index 100% rename from Assets/Images/portfolio-cpp.png rename to public/Day-72_Portfolio/cpp.png diff --git a/Assets/Pdfs/portfolio-css-certificate.pdf b/public/Day-72_Portfolio/css certificate.pdf similarity index 100% rename from Assets/Pdfs/portfolio-css-certificate.pdf rename to public/Day-72_Portfolio/css certificate.pdf diff --git a/Assets/Images/portfolio-css.png b/public/Day-72_Portfolio/css.png similarity index 100% rename from Assets/Images/portfolio-css.png rename to public/Day-72_Portfolio/css.png diff --git a/HTML Pages/Portfolio.html b/public/Day-72_Portfolio/index.html similarity index 88% rename from HTML Pages/Portfolio.html rename to public/Day-72_Portfolio/index.html index 9ea6d99d..ea513da6 100644 --- a/HTML Pages/Portfolio.html +++ b/public/Day-72_Portfolio/index.html @@ -4,7 +4,7 @@ Your Name - Captivating Portfolio - + @@ -48,9 +48,9 @@

Hi, I'm Priya

I'm a passionate web developer specializing in frontend development and a dedicated problem-solver.

- Your Photo 1 - Your Photo 2 - Your Photo 3 + Your Photo 1 + Your Photo 2 + Your Photo 3
@@ -113,7 +113,7 @@

My Proj
- AstroMedia project screenshot + AstroMedia project screenshot

AsteroMedia

@@ -125,7 +125,7 @@

AsteroMedia

- Interactive Portfolio Website project screenshot + Interactive Portfolio Website project screenshot

Portfolio Website

@@ -137,7 +137,7 @@

Portfolio Website

- TaskSync project screenshot + TaskSync project screenshot

ChromaCanvas

@@ -155,23 +155,23 @@

My Cert
- - Web Development Bootcamp Certificate + + Web Development Bootcamp Certificate
- - JavaScript Algorithms and Data Structures Certificate + + JavaScript Algorithms and Data Structures Certificate
- React.js Advanced Concepts Certificate + React.js Advanced Concepts Certificate
- - Responsive Web Design Certificate + + Responsive Web Design Certificate
@@ -286,6 +286,6 @@

Update Coding Stats

once: true // whether animation should happen only once - while scrolling down }); - + diff --git a/Assets/Images/portfolio.png b/public/Day-72_Portfolio/portfolio.png similarity index 100% rename from Assets/Images/portfolio.png rename to public/Day-72_Portfolio/portfolio.png diff --git a/Logic/portfolio.js b/public/Day-72_Portfolio/script.js similarity index 100% rename from Logic/portfolio.js rename to public/Day-72_Portfolio/script.js diff --git a/Assets/Images/portfolio-shefi.png b/public/Day-72_Portfolio/shefi.png similarity index 100% rename from Assets/Images/portfolio-shefi.png rename to public/Day-72_Portfolio/shefi.png diff --git a/CSS/portfolio.css b/public/Day-72_Portfolio/style.css similarity index 100% rename from CSS/portfolio.css rename to public/Day-72_Portfolio/style.css diff --git a/Assets/Images/portfolio-1.jpg b/public/Day-72_Portfolio/your-image-1.jpg similarity index 100% rename from Assets/Images/portfolio-1.jpg rename to public/Day-72_Portfolio/your-image-1.jpg diff --git a/Assets/Images/portfolio-2.jpg b/public/Day-72_Portfolio/your-image-2.jpg similarity index 100% rename from Assets/Images/portfolio-2.jpg rename to public/Day-72_Portfolio/your-image-2.jpg diff --git a/Assets/Images/portfolio-3.jpg b/public/Day-72_Portfolio/your-image-3.jpg similarity index 100% rename from Assets/Images/portfolio-3.jpg rename to public/Day-72_Portfolio/your-image-3.jpg diff --git a/Assets/Images/portfolio-4.jpg b/public/Day-72_Portfolio/your-image-4.jpg similarity index 100% rename from Assets/Images/portfolio-4.jpg rename to public/Day-72_Portfolio/your-image-4.jpg diff --git a/Assets/Images/portfolio-5.jpg b/public/Day-72_Portfolio/your-image-5.jpg similarity index 100% rename from Assets/Images/portfolio-5.jpg rename to public/Day-72_Portfolio/your-image-5.jpg diff --git a/Assets/Images/portfolio-6.jpg b/public/Day-72_Portfolio/your-image-6.jpg similarity index 100% rename from Assets/Images/portfolio-6.jpg rename to public/Day-72_Portfolio/your-image-6.jpg diff --git a/HTML Pages/CharacterWordCount.html b/public/Day-7_CharacterWordCounter/index.html similarity index 82% rename from HTML Pages/CharacterWordCount.html rename to public/Day-7_CharacterWordCounter/index.html index 063c2cd5..e0132739 100644 --- a/HTML Pages/CharacterWordCount.html +++ b/public/Day-7_CharacterWordCounter/index.html @@ -4,7 +4,7 @@ Live Text Counter - +
@@ -22,6 +22,6 @@

Live Text Counter ✍️

- + diff --git a/Readme/CharacterWordCount.md b/public/Day-7_CharacterWordCounter/readme.md similarity index 100% rename from Readme/CharacterWordCount.md rename to public/Day-7_CharacterWordCounter/readme.md diff --git a/Logic/CharacterWordCount.js b/public/Day-7_CharacterWordCounter/script.js similarity index 100% rename from Logic/CharacterWordCount.js rename to public/Day-7_CharacterWordCounter/script.js diff --git a/CSS/CharacterWordCount.css b/public/Day-7_CharacterWordCounter/style.css similarity index 100% rename from CSS/CharacterWordCount.css rename to public/Day-7_CharacterWordCounter/style.css diff --git a/HTML Pages/DiceRoll-Simulator.html b/public/Day-8_DiceRollSimulator/index.html similarity index 79% rename from HTML Pages/DiceRoll-Simulator.html rename to public/Day-8_DiceRollSimulator/index.html index 723d0002..826ddae0 100644 --- a/HTML Pages/DiceRoll-Simulator.html +++ b/public/Day-8_DiceRollSimulator/index.html @@ -4,8 +4,8 @@ Dice Roll Simulator - - + +

Dice Roll Simulator

diff --git a/Logic/DiceRoll-Simulator.js b/public/Day-8_DiceRollSimulator/script.js similarity index 100% rename from Logic/DiceRoll-Simulator.js rename to public/Day-8_DiceRollSimulator/script.js diff --git a/CSS/DiceRoll-Simulator.css b/public/Day-8_DiceRollSimulator/style.css similarity index 100% rename from CSS/DiceRoll-Simulator.css rename to public/Day-8_DiceRollSimulator/style.css diff --git a/HTML Pages/Guess-My-Number.html b/public/Day-9_Guess_My_Number/index.html similarity index 89% rename from HTML Pages/Guess-My-Number.html rename to public/Day-9_Guess_My_Number/index.html index 9c248d0a..68893e70 100644 --- a/HTML Pages/Guess-My-Number.html +++ b/public/Day-9_Guess_My_Number/index.html @@ -5,7 +5,7 @@ - + Guess My Number @@ -30,7 +30,7 @@

Guess My Number!

- + \ No newline at end of file diff --git a/Logic/Guess-My-Number.js b/public/Day-9_Guess_My_Number/script.js similarity index 100% rename from Logic/Guess-My-Number.js rename to public/Day-9_Guess_My_Number/script.js diff --git a/CSS/Guess-My-Number.css b/public/Day-9_Guess_My_Number/style.css similarity index 100% rename from CSS/Guess-My-Number.css rename to public/Day-9_Guess_My_Number/style.css diff --git a/HTML Pages/Amazon Clone.html b/public/Day52_E-Commerce_UI/index.html similarity index 96% rename from HTML Pages/Amazon Clone.html rename to public/Day52_E-Commerce_UI/index.html index 5064ee65..84fcd1f2 100644 --- a/HTML Pages/Amazon Clone.html +++ b/public/Day52_E-Commerce_UI/index.html @@ -1,231 +1,231 @@ - - - - - - Amazon Clone - - - - - -
-
- - -
-

Deliver to

-
- -

India

-
-
- -
- - -
- -
-
- - - -
-

Returns

-

& Orders

-
- -
- - 0 - Cart -
-
- -
-
- - All -
- -
-

Today's Deals

-

Customer Service

-

Registry

-

Gift Cards

-

Sell

-
- -
-

Shop deals in Electronics

-
-
-
- - -
-
-

You are on amazon.com. You can also shop on Amazon India for millions of products with fast local delivery. Click here to go to amazon.in

-
-
- - -
-
-
- Shopping -
-

You are on Amazon.com

-

Shop millions of products

- -
-
-
- -
-
-
-

Clothes

-
-

See more

-
-
- -
-
-

Health & Personal Care

-
-

See more

-
-
- -
-
-

Furniture

-
-

See more

-
-
- -
-
-

Electronics

-
-

See more

-
-
- -
-
-

Beauty picks

-
-

See more

-
-
- -
-
-

Pet Care

-
-

See more

-
-
- -
-
-

New arrivals in Toys

-
-

See more

-
-
- -
-
-

Discover fashion trends

-
-

See more

-
-
-
-
- - - - + + + + + + Amazon Clone + + + + + +
+
+ + +
+

Deliver to

+
+ +

India

+
+
+ +
+ + +
+ +
+
+ + + +
+

Returns

+

& Orders

+
+ +
+ + 0 + Cart +
+
+ +
+
+ + All +
+ +
+

Today's Deals

+

Customer Service

+

Registry

+

Gift Cards

+

Sell

+
+ +
+

Shop deals in Electronics

+
+
+
+ + +
+
+

You are on amazon.com. You can also shop on Amazon India for millions of products with fast local delivery. Click here to go to amazon.in

+
+
+ + +
+
+
+ Shopping +
+

You are on Amazon.com

+

Shop millions of products

+ +
+
+
+ +
+
+
+

Clothes

+
+

See more

+
+
+ +
+
+

Health & Personal Care

+
+

See more

+
+
+ +
+
+

Furniture

+
+

See more

+
+
+ +
+
+

Electronics

+
+

See more

+
+
+ +
+
+

Beauty picks

+
+

See more

+
+
+ +
+
+

Pet Care

+
+

See more

+
+
+ +
+
+

New arrivals in Toys

+
+

See more

+
+
+ +
+
+

Discover fashion trends

+
+

See more

+
+
+
+
+ + + + \ No newline at end of file diff --git a/CSS/Amazon-clone.css b/public/Day52_E-Commerce_UI/style.css similarity index 93% rename from CSS/Amazon-clone.css rename to public/Day52_E-Commerce_UI/style.css index 29c5b52f..5508c84e 100644 --- a/CSS/Amazon-clone.css +++ b/public/Day52_E-Commerce_UI/style.css @@ -1,516 +1,516 @@ -/* Reset and Base Styles */ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: Arial, sans-serif; -} - -body { - background-color: #f3f3f3; -} - -/* Header Styles */ -.header { - background-color: #0f1111; - color: white; - position: sticky; - top: 0; - z-index: 100; -} - -.navbar { - display: flex; - align-items: center; - justify-content: space-between; - padding: 8px 20px; - height: 60px; -} - -.nav-logo { - display: flex; - align-items: center; -} - -.logo { - font-size: 24px; - font-weight: bold; - color: #ff9f00; - display: flex; - align-items: center; - gap: 2px; -} - -.logo i { - font-size: 28px; -} - -.nav-address { - display: flex; - flex-direction: column; - color: #ccc; - margin-left: 20px; -} - -.add-first { - font-size: 12px; - color: #ccc; -} - -.add-icon { - display: flex; - align-items: center; - gap: 5px; -} - -.add-second { - font-size: 14px; - font-weight: bold; - color: white; -} - -.nav-search { - display: flex; - align-items: center; - flex-grow: 1; - max-width: 600px; - margin: 0 20px; - background-color: white; - border-radius: 4px; - overflow: hidden; -} - -.search-select { - background-color: #f3f3f3; - border: none; - padding: 10px; - font-size: 12px; - border-radius: 4px 0 0 4px; - cursor: pointer; -} - -.search-input { - flex-grow: 1; - border: none; - outline: none; - padding: 10px; - font-size: 14px; -} - -.search-icon { - background-color: #ff9f00; - color: #0f1111; - padding: 10px 12px; - cursor: pointer; - border-radius: 0 4px 4px 0; -} - -.nav-signin, -.nav-return, -.nav-cart { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - color: white; - cursor: pointer; - padding: 0 10px; - border: 1px solid transparent; - border-radius: 2px; - transition: border-color 0.3s; -} - -.nav-signin:hover, -.nav-return:hover, -.nav-cart:hover { - border-color: white; -} - -.nav-signin span, -.nav-return span { - font-size: 12px; - color: #ccc; -} - -.nav-second { - font-size: 14px; - font-weight: bold; -} - -.nav-cart { - flex-direction: row; - align-items: center; - gap: 8px; - position: relative; -} - -.nav-cart i { - font-size: 24px; -} - -.cart-count { - background-color: #ff9f00; - color: #0f1111; - border-radius: 50%; - padding: 2px 6px; - font-size: 12px; - font-weight: bold; - position: absolute; - top: -5px; - left: 15px; -} - -.panel { - background-color: #232f3e; - display: flex; - align-items: center; - padding: 0 20px; - height: 40px; - gap: 20px; -} - -.panel-all { - display: flex; - align-items: center; - gap: 5px; - color: white; - font-weight: bold; - cursor: pointer; - padding: 8px; - border: 1px solid transparent; - border-radius: 2px; - transition: border-color 0.3s; -} - -.panel-all:hover { - border-color: white; -} - -.panel-ops { - display: flex; - gap: 20px; -} - -.panel-ops p { - color: white; - cursor: pointer; - font-size: 14px; - padding: 8px 0; - transition: color 0.3s; -} - -.panel-ops p:hover { - color: #ff9f00; -} - -.panel-deals { - margin-left: auto; -} - -.panel-deals p { - color: white; - font-size: 14px; - font-weight: bold; - cursor: pointer; - transition: color 0.3s; -} - -.panel-deals p:hover { - color: #ff9f00; -} - -/* Hero Section */ -.hero-section { - background-color: #37475a; - color: white; - padding: 10px 20px; - text-align: center; -} - -.hero-msg { - font-size: 14px; -} - -.hero-msg a { - color: #007185; - text-decoration: none; -} - -.hero-msg a:hover { - text-decoration: underline; -} - -/* Shop Section */ -.shop-section { - padding: 20px; -} - -.hero-container { - margin-bottom: 20px; -} - -.hero-image { - position: relative; - width: 100%; - height: 400px; - background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); - border-radius: 8px; - overflow: hidden; - display: flex; - align-items: center; - justify-content: center; -} - -.hero-image img { - width: 100%; - height: 100%; - object-fit: cover; - opacity: 0.8; -} - -.hero-content { - position: absolute; - text-align: center; - color: white; - z-index: 2; -} - -.hero-content h2 { - font-size: 36px; - margin-bottom: 10px; - text-shadow: 2px 2px 4px rgba(0,0,0,0.5); -} - -.hero-content p { - font-size: 18px; - margin-bottom: 20px; - text-shadow: 1px 1px 2px rgba(0,0,0,0.5); -} - -.hero-btn { - background-color: #ff9f00; - color: #0f1111; - border: none; - padding: 12px 24px; - font-size: 16px; - font-weight: bold; - border-radius: 4px; - cursor: pointer; - transition: background-color 0.3s; -} - -.hero-btn:hover { - background-color: #e68900; -} - -.shop-container { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: 20px; - margin-top: 20px; -} - -.box { - background-color: white; - border-radius: 8px; - padding: 20px; - transition: transform 0.3s, box-shadow 0.3s; - cursor: pointer; - box-shadow: 0 2px 8px rgba(0,0,0,0.1); -} - -.box:hover { - transform: translateY(-5px); - box-shadow: 0 4px 16px rgba(0,0,0,0.15); -} - -.box-content h2 { - color: #0f1111; - font-size: 20px; - margin-bottom: 15px; - font-weight: bold; -} - -.box-img { - width: 100%; - height: 250px; - background-size: cover; - background-position: center; - border-radius: 4px; - margin-bottom: 15px; -} - -.box-content p { - color: #007185; - font-size: 14px; - font-weight: bold; - cursor: pointer; - transition: color 0.3s; -} - -.box-content p:hover { - color: #ff9f00; -} - -/* Footer */ -.footer { - background-color: #232f3e; - color: white; - margin-top: 40px; -} - -.foot-panel1 { - background-color: #37475a; - text-align: center; - padding: 15px 0; - cursor: pointer; - transition: background-color 0.3s; -} - -.foot-panel1:hover { - background-color: #485769; -} - -.foot-panel1 p { - color: white; - font-size: 14px; - font-weight: bold; -} - -.foot-panel2 { - background-color: #232f3e; - display: flex; - justify-content: center; - gap: 80px; - padding: 40px 0; -} - -.foot-panel2 ul { - list-style: none; -} - -.foot-panel2 ul p { - color: white; - font-size: 16px; - font-weight: bold; - margin-bottom: 15px; -} - -.foot-panel2 ul a { - color: #ddd; - font-size: 14px; - display: block; - margin-bottom: 8px; - cursor: pointer; - transition: color 0.3s; -} - -.foot-panel2 ul a:hover { - color: white; -} - -.foot-panel3 { - background-color: #232f3e; - border-top: 1px solid #3a4553; - text-align: center; - padding: 20px 0; -} - -.foot-panel3 .logo { - font-size: 32px; - color: #ff9f00; -} - -.foot-panel4 { - background-color: #131a22; - padding: 20px 0; - text-align: center; -} - -.pages { - margin-bottom: 10px; -} - -.pages a { - color: #ddd; - font-size: 12px; - margin: 0 15px; - cursor: pointer; - transition: color 0.3s; -} - -.pages a:hover { - color: white; -} - -.copyright p { - color: #ddd; - font-size: 12px; -} - -/* Responsive Design */ -@media (max-width: 768px) { - .navbar { - flex-direction: column; - height: auto; - padding: 10px; - } - - .nav-search { - margin: 10px 0; - max-width: 100%; - } - - .panel { - flex-direction: column; - height: auto; - padding: 10px; - } - - .panel-ops { - flex-wrap: wrap; - gap: 10px; - } - - .shop-container { - grid-template-columns: 1fr; - } - - .foot-panel2 { - flex-direction: column; - gap: 30px; - text-align: center; - } - - .hero-content h2 { - font-size: 24px; - } - - .hero-content p { - font-size: 14px; - } -} - -@media (max-width: 480px) { - .hero-image { - height: 250px; - } - - .hero-content h2 { - font-size: 20px; - } - - .box-img { - height: 200px; - } - - .navbar { - padding: 8px; - } - - .nav-address, - .nav-signin, - .nav-return { - display: none; - } +/* Reset and Base Styles */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Arial, sans-serif; +} + +body { + background-color: #f3f3f3; +} + +/* Header Styles */ +.header { + background-color: #0f1111; + color: white; + position: sticky; + top: 0; + z-index: 100; +} + +.navbar { + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px 20px; + height: 60px; +} + +.nav-logo { + display: flex; + align-items: center; +} + +.logo { + font-size: 24px; + font-weight: bold; + color: #ff9f00; + display: flex; + align-items: center; + gap: 2px; +} + +.logo i { + font-size: 28px; +} + +.nav-address { + display: flex; + flex-direction: column; + color: #ccc; + margin-left: 20px; +} + +.add-first { + font-size: 12px; + color: #ccc; +} + +.add-icon { + display: flex; + align-items: center; + gap: 5px; +} + +.add-second { + font-size: 14px; + font-weight: bold; + color: white; +} + +.nav-search { + display: flex; + align-items: center; + flex-grow: 1; + max-width: 600px; + margin: 0 20px; + background-color: white; + border-radius: 4px; + overflow: hidden; +} + +.search-select { + background-color: #f3f3f3; + border: none; + padding: 10px; + font-size: 12px; + border-radius: 4px 0 0 4px; + cursor: pointer; +} + +.search-input { + flex-grow: 1; + border: none; + outline: none; + padding: 10px; + font-size: 14px; +} + +.search-icon { + background-color: #ff9f00; + color: #0f1111; + padding: 10px 12px; + cursor: pointer; + border-radius: 0 4px 4px 0; +} + +.nav-signin, +.nav-return, +.nav-cart { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + color: white; + cursor: pointer; + padding: 0 10px; + border: 1px solid transparent; + border-radius: 2px; + transition: border-color 0.3s; +} + +.nav-signin:hover, +.nav-return:hover, +.nav-cart:hover { + border-color: white; +} + +.nav-signin span, +.nav-return span { + font-size: 12px; + color: #ccc; +} + +.nav-second { + font-size: 14px; + font-weight: bold; +} + +.nav-cart { + flex-direction: row; + align-items: center; + gap: 8px; + position: relative; +} + +.nav-cart i { + font-size: 24px; +} + +.cart-count { + background-color: #ff9f00; + color: #0f1111; + border-radius: 50%; + padding: 2px 6px; + font-size: 12px; + font-weight: bold; + position: absolute; + top: -5px; + left: 15px; +} + +.panel { + background-color: #232f3e; + display: flex; + align-items: center; + padding: 0 20px; + height: 40px; + gap: 20px; +} + +.panel-all { + display: flex; + align-items: center; + gap: 5px; + color: white; + font-weight: bold; + cursor: pointer; + padding: 8px; + border: 1px solid transparent; + border-radius: 2px; + transition: border-color 0.3s; +} + +.panel-all:hover { + border-color: white; +} + +.panel-ops { + display: flex; + gap: 20px; +} + +.panel-ops p { + color: white; + cursor: pointer; + font-size: 14px; + padding: 8px 0; + transition: color 0.3s; +} + +.panel-ops p:hover { + color: #ff9f00; +} + +.panel-deals { + margin-left: auto; +} + +.panel-deals p { + color: white; + font-size: 14px; + font-weight: bold; + cursor: pointer; + transition: color 0.3s; +} + +.panel-deals p:hover { + color: #ff9f00; +} + +/* Hero Section */ +.hero-section { + background-color: #37475a; + color: white; + padding: 10px 20px; + text-align: center; +} + +.hero-msg { + font-size: 14px; +} + +.hero-msg a { + color: #007185; + text-decoration: none; +} + +.hero-msg a:hover { + text-decoration: underline; +} + +/* Shop Section */ +.shop-section { + padding: 20px; +} + +.hero-container { + margin-bottom: 20px; +} + +.hero-image { + position: relative; + width: 100%; + height: 400px; + background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); + border-radius: 8px; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; +} + +.hero-image img { + width: 100%; + height: 100%; + object-fit: cover; + opacity: 0.8; +} + +.hero-content { + position: absolute; + text-align: center; + color: white; + z-index: 2; +} + +.hero-content h2 { + font-size: 36px; + margin-bottom: 10px; + text-shadow: 2px 2px 4px rgba(0,0,0,0.5); +} + +.hero-content p { + font-size: 18px; + margin-bottom: 20px; + text-shadow: 1px 1px 2px rgba(0,0,0,0.5); +} + +.hero-btn { + background-color: #ff9f00; + color: #0f1111; + border: none; + padding: 12px 24px; + font-size: 16px; + font-weight: bold; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; +} + +.hero-btn:hover { + background-color: #e68900; +} + +.shop-container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 20px; + margin-top: 20px; +} + +.box { + background-color: white; + border-radius: 8px; + padding: 20px; + transition: transform 0.3s, box-shadow 0.3s; + cursor: pointer; + box-shadow: 0 2px 8px rgba(0,0,0,0.1); +} + +.box:hover { + transform: translateY(-5px); + box-shadow: 0 4px 16px rgba(0,0,0,0.15); +} + +.box-content h2 { + color: #0f1111; + font-size: 20px; + margin-bottom: 15px; + font-weight: bold; +} + +.box-img { + width: 100%; + height: 250px; + background-size: cover; + background-position: center; + border-radius: 4px; + margin-bottom: 15px; +} + +.box-content p { + color: #007185; + font-size: 14px; + font-weight: bold; + cursor: pointer; + transition: color 0.3s; +} + +.box-content p:hover { + color: #ff9f00; +} + +/* Footer */ +.footer { + background-color: #232f3e; + color: white; + margin-top: 40px; +} + +.foot-panel1 { + background-color: #37475a; + text-align: center; + padding: 15px 0; + cursor: pointer; + transition: background-color 0.3s; +} + +.foot-panel1:hover { + background-color: #485769; +} + +.foot-panel1 p { + color: white; + font-size: 14px; + font-weight: bold; +} + +.foot-panel2 { + background-color: #232f3e; + display: flex; + justify-content: center; + gap: 80px; + padding: 40px 0; +} + +.foot-panel2 ul { + list-style: none; +} + +.foot-panel2 ul p { + color: white; + font-size: 16px; + font-weight: bold; + margin-bottom: 15px; +} + +.foot-panel2 ul a { + color: #ddd; + font-size: 14px; + display: block; + margin-bottom: 8px; + cursor: pointer; + transition: color 0.3s; +} + +.foot-panel2 ul a:hover { + color: white; +} + +.foot-panel3 { + background-color: #232f3e; + border-top: 1px solid #3a4553; + text-align: center; + padding: 20px 0; +} + +.foot-panel3 .logo { + font-size: 32px; + color: #ff9f00; +} + +.foot-panel4 { + background-color: #131a22; + padding: 20px 0; + text-align: center; +} + +.pages { + margin-bottom: 10px; +} + +.pages a { + color: #ddd; + font-size: 12px; + margin: 0 15px; + cursor: pointer; + transition: color 0.3s; +} + +.pages a:hover { + color: white; +} + +.copyright p { + color: #ddd; + font-size: 12px; +} + +/* Responsive Design */ +@media (max-width: 768px) { + .navbar { + flex-direction: column; + height: auto; + padding: 10px; + } + + .nav-search { + margin: 10px 0; + max-width: 100%; + } + + .panel { + flex-direction: column; + height: auto; + padding: 10px; + } + + .panel-ops { + flex-wrap: wrap; + gap: 10px; + } + + .shop-container { + grid-template-columns: 1fr; + } + + .foot-panel2 { + flex-direction: column; + gap: 30px; + text-align: center; + } + + .hero-content h2 { + font-size: 24px; + } + + .hero-content p { + font-size: 14px; + } +} + +@media (max-width: 480px) { + .hero-image { + height: 250px; + } + + .hero-content h2 { + font-size: 20px; + } + + .box-img { + height: 200px; + } + + .navbar { + padding: 8px; + } + + .nav-address, + .nav-signin, + .nav-return { + display: none; + } } \ No newline at end of file diff --git a/HTML Pages/Word Guess.html b/public/Day53-Word-Guess-Game/index.html similarity index 77% rename from HTML Pages/Word Guess.html rename to public/Day53-Word-Guess-Game/index.html index 6c43cbf5..4a9f5e55 100644 --- a/HTML Pages/Word Guess.html +++ b/public/Day53-Word-Guess-Game/index.html @@ -1,17 +1,17 @@ - - - - - - Word Guess - - - -

🧠 Word Guess

-

-
-
- - - - + + + + + + Word Guess + + + +

🧠 Word Guess

+

+
+
+ + + + diff --git a/Logic/Word-Guess.js b/public/Day53-Word-Guess-Game/script.js similarity index 96% rename from Logic/Word-Guess.js rename to public/Day53-Word-Guess-Game/script.js index 164a2961..c3382bf8 100644 --- a/Logic/Word-Guess.js +++ b/public/Day53-Word-Guess-Game/script.js @@ -1,138 +1,138 @@ -const WORD_BANK = [ - "apple", "plant", "ghost", "sugar", "train", - "bride", "grape", "lemon", "flame", "wrist", - "glass", "mouse", "chair", "blaze", "drain", - "quiet", "speak", "storm", "water", "beach" -]; - -const HINTS = { - apple: "Common fruit, keeps doctors away", - plant: "Grows in a pot or the ground", - ghost: "Spooky, invisible, says 'boo'", - sugar: "Sweet and bad for your teeth", - train: "Moves on rails, not a car", - bride: "She wears white, says 'I do'", - grape: "Tiny fruit, sometimes makes wine", - lemon: "Sour yellow fruit", - flame: "Hot and bright, not just a vibe", - wrist: "Between hand and arm", - glass: "Clear material you can see through", - mouse: "Tiny squeaker or computer buddy", - chair: "You sit on it. Hopefully comfy.", - blaze: "Big fire, sounds cool", - drain: "Where water disappears", - quiet: "Not loud at all", - speak: "Use your voice", - storm: "Rain + thunder = ⚑️", - water: "Clear, drinkable life juice", - beach: "Sand, waves, good vibes" -}; - -// πŸ”€ Pick a random word and hint -const randomWord = WORD_BANK[Math.floor(Math.random() * WORD_BANK.length)]; -const WORD = randomWord.toUpperCase(); -const HINT = HINTS[randomWord] || "No hint available 🀷"; - -let currentRow = 0; -let currentGuess = ""; - -const rows = 6; -const cols = 5; - -const grid = document.getElementById("grid"); -const keyboard = document.getElementById("keyboard"); -const hintBox = document.getElementById("hint"); -hintBox.textContent = `Hint: ${HINT}`; - -// Build grid -for (let r = 0; r < rows * cols; r++) { - const cell = document.createElement("div"); - cell.classList.add("cell"); - grid.appendChild(cell); -} - -// Build keyboard -const keys = [ - ..."QWERTYUIOP", - ..."ASDFGHJKL", - "Enter", ..."ZXCVBNM", "←" -]; - -keys.forEach(k => { - const key = document.createElement("button"); - key.textContent = k; - key.classList.add("key"); - if (k === "Enter" || k === "←") key.classList.add("wide"); - key.addEventListener("click", () => handleKey(k)); - keyboard.appendChild(key); -}); - -// Listen to physical keyboard -document.addEventListener("keydown", (e) => { - let key = e.key.toUpperCase(); - if (key === "BACKSPACE") key = "←"; - if (key === "ENTER" || /^[A-Z]$/.test(key) || key === "←") { - handleKey(key); - } -}); - -function handleKey(key) { - if (key === "Enter") { - if (currentGuess.length !== 5) return; - - const guess = currentGuess.toUpperCase(); - checkGuess(guess); - currentGuess = ""; - currentRow++; - } else if (key === "←") { - if (currentGuess.length > 0) { - currentGuess = currentGuess.slice(0, -1); - updateCell(currentRow, currentGuess.length, ""); - } - } else if (/^[A-Z]$/.test(key)) { - if (currentGuess.length < 5) { - updateCell(currentRow, currentGuess.length, key); - currentGuess += key; - } - } -} - -function updateCell(row, col, letter) { - const index = row * cols + col; - const cell = grid.children[index]; - cell.textContent = letter; -} - -function checkGuess(guess) { - const guessLetters = guess.split(""); - const wordLetters = WORD.split(""); - const result = Array(5).fill("absent"); - - for (let i = 0; i < 5; i++) { - if (guessLetters[i] === wordLetters[i]) { - result[i] = "correct"; - wordLetters[i] = null; - } - } - - for (let i = 0; i < 5; i++) { - if (result[i] === "correct") continue; - const idx = wordLetters.indexOf(guessLetters[i]); - if (idx !== -1) { - result[i] = "present"; - wordLetters[idx] = null; - } - } - - for (let i = 0; i < 5; i++) { - const index = currentRow * cols + i; - const cell = grid.children[index]; - cell.classList.add(result[i]); - } - - if (guess === WORD) { - setTimeout(() => alert("πŸŽ‰ You got it!"), 200); - } else if (currentRow === 5) { - setTimeout(() => alert(`πŸ’€ Game over. The word was ${WORD}`), 200); - } -} +const WORD_BANK = [ + "apple", "plant", "ghost", "sugar", "train", + "bride", "grape", "lemon", "flame", "wrist", + "glass", "mouse", "chair", "blaze", "drain", + "quiet", "speak", "storm", "water", "beach" +]; + +const HINTS = { + apple: "Common fruit, keeps doctors away", + plant: "Grows in a pot or the ground", + ghost: "Spooky, invisible, says 'boo'", + sugar: "Sweet and bad for your teeth", + train: "Moves on rails, not a car", + bride: "She wears white, says 'I do'", + grape: "Tiny fruit, sometimes makes wine", + lemon: "Sour yellow fruit", + flame: "Hot and bright, not just a vibe", + wrist: "Between hand and arm", + glass: "Clear material you can see through", + mouse: "Tiny squeaker or computer buddy", + chair: "You sit on it. Hopefully comfy.", + blaze: "Big fire, sounds cool", + drain: "Where water disappears", + quiet: "Not loud at all", + speak: "Use your voice", + storm: "Rain + thunder = ⚑️", + water: "Clear, drinkable life juice", + beach: "Sand, waves, good vibes" +}; + +// πŸ”€ Pick a random word and hint +const randomWord = WORD_BANK[Math.floor(Math.random() * WORD_BANK.length)]; +const WORD = randomWord.toUpperCase(); +const HINT = HINTS[randomWord] || "No hint available 🀷"; + +let currentRow = 0; +let currentGuess = ""; + +const rows = 6; +const cols = 5; + +const grid = document.getElementById("grid"); +const keyboard = document.getElementById("keyboard"); +const hintBox = document.getElementById("hint"); +hintBox.textContent = `Hint: ${HINT}`; + +// Build grid +for (let r = 0; r < rows * cols; r++) { + const cell = document.createElement("div"); + cell.classList.add("cell"); + grid.appendChild(cell); +} + +// Build keyboard +const keys = [ + ..."QWERTYUIOP", + ..."ASDFGHJKL", + "Enter", ..."ZXCVBNM", "←" +]; + +keys.forEach(k => { + const key = document.createElement("button"); + key.textContent = k; + key.classList.add("key"); + if (k === "Enter" || k === "←") key.classList.add("wide"); + key.addEventListener("click", () => handleKey(k)); + keyboard.appendChild(key); +}); + +// Listen to physical keyboard +document.addEventListener("keydown", (e) => { + let key = e.key.toUpperCase(); + if (key === "BACKSPACE") key = "←"; + if (key === "ENTER" || /^[A-Z]$/.test(key) || key === "←") { + handleKey(key); + } +}); + +function handleKey(key) { + if (key === "Enter") { + if (currentGuess.length !== 5) return; + + const guess = currentGuess.toUpperCase(); + checkGuess(guess); + currentGuess = ""; + currentRow++; + } else if (key === "←") { + if (currentGuess.length > 0) { + currentGuess = currentGuess.slice(0, -1); + updateCell(currentRow, currentGuess.length, ""); + } + } else if (/^[A-Z]$/.test(key)) { + if (currentGuess.length < 5) { + updateCell(currentRow, currentGuess.length, key); + currentGuess += key; + } + } +} + +function updateCell(row, col, letter) { + const index = row * cols + col; + const cell = grid.children[index]; + cell.textContent = letter; +} + +function checkGuess(guess) { + const guessLetters = guess.split(""); + const wordLetters = WORD.split(""); + const result = Array(5).fill("absent"); + + for (let i = 0; i < 5; i++) { + if (guessLetters[i] === wordLetters[i]) { + result[i] = "correct"; + wordLetters[i] = null; + } + } + + for (let i = 0; i < 5; i++) { + if (result[i] === "correct") continue; + const idx = wordLetters.indexOf(guessLetters[i]); + if (idx !== -1) { + result[i] = "present"; + wordLetters[idx] = null; + } + } + + for (let i = 0; i < 5; i++) { + const index = currentRow * cols + i; + const cell = grid.children[index]; + cell.classList.add(result[i]); + } + + if (guess === WORD) { + setTimeout(() => alert("πŸŽ‰ You got it!"), 200); + } else if (currentRow === 5) { + setTimeout(() => alert(`πŸ’€ Game over. The word was ${WORD}`), 200); + } +} diff --git a/CSS/Word-Guess.css b/public/Day53-Word-Guess-Game/style.css similarity index 93% rename from CSS/Word-Guess.css rename to public/Day53-Word-Guess-Game/style.css index eaf8d101..811627c5 100644 --- a/CSS/Word-Guess.css +++ b/public/Day53-Word-Guess-Game/style.css @@ -1,74 +1,74 @@ -body { - font-family: 'Segoe UI', sans-serif; - text-align: center; - background: #121213; - color: white; - margin: 0; - padding: 20px; -} - -h1 { - margin-bottom: 5px; -} - -.hint { - font-size: 1.1rem; - margin-bottom: 15px; - color: #d3d3d3; -} - -.grid { - display: grid; - grid-template-columns: repeat(5, 60px); - grid-gap: 5px; - justify-content: center; - margin-bottom: 20px; -} - -.cell { - width: 60px; - height: 60px; - border: 2px solid #3a3a3c; - font-size: 2rem; - text-transform: uppercase; - display: flex; - align-items: center; - justify-content: center; - background: #121213; - color: white; -} - -.cell.correct { - background-color: #538d4e; -} - -.cell.present { - background-color: #b59f3b; -} - -.cell.absent { - background-color: #3a3a3c; -} - -.keyboard { - display: grid; - grid-template-columns: repeat(10, 1fr); - gap: 5px; - max-width: 600px; - margin: auto; -} - -.key { - padding: 10px; - background: #818384; - color: white; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 1rem; - text-transform: uppercase; -} - -.key.wide { - grid-column: span 2; -} +body { + font-family: 'Segoe UI', sans-serif; + text-align: center; + background: #121213; + color: white; + margin: 0; + padding: 20px; +} + +h1 { + margin-bottom: 5px; +} + +.hint { + font-size: 1.1rem; + margin-bottom: 15px; + color: #d3d3d3; +} + +.grid { + display: grid; + grid-template-columns: repeat(5, 60px); + grid-gap: 5px; + justify-content: center; + margin-bottom: 20px; +} + +.cell { + width: 60px; + height: 60px; + border: 2px solid #3a3a3c; + font-size: 2rem; + text-transform: uppercase; + display: flex; + align-items: center; + justify-content: center; + background: #121213; + color: white; +} + +.cell.correct { + background-color: #538d4e; +} + +.cell.present { + background-color: #b59f3b; +} + +.cell.absent { + background-color: #3a3a3c; +} + +.keyboard { + display: grid; + grid-template-columns: repeat(10, 1fr); + gap: 5px; + max-width: 600px; + margin: auto; +} + +.key { + padding: 10px; + background: #818384; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 1rem; + text-transform: uppercase; +} + +.key.wide { + grid-column: span 2; +} diff --git a/HTML Pages/Sketch.html b/public/Etch-a-Sketch/index.html similarity index 74% rename from HTML Pages/Sketch.html rename to public/Etch-a-Sketch/index.html index ad25940d..1189dfa9 100644 --- a/HTML Pages/Sketch.html +++ b/public/Etch-a-Sketch/index.html @@ -4,8 +4,8 @@ Etch-a-Sketch - - + + diff --git a/Logic/Sketch.js b/public/Etch-a-Sketch/script.js similarity index 100% rename from Logic/Sketch.js rename to public/Etch-a-Sketch/script.js diff --git a/CSS/Sketch.css b/public/Etch-a-Sketch/style.css similarity index 100% rename from CSS/Sketch.css rename to public/Etch-a-Sketch/style.css diff --git a/Assets/Images/Fruit-Slicer1.png b/public/Fruit_Slicer_Game/images/4_fruits.png similarity index 100% rename from Assets/Images/Fruit-Slicer1.png rename to public/Fruit_Slicer_Game/images/4_fruits.png diff --git a/Assets/Images/FruitSlicer-brown_bg.jpg b/public/Fruit_Slicer_Game/images/brown_bg.jpg similarity index 100% rename from Assets/Images/FruitSlicer-brown_bg.jpg rename to public/Fruit_Slicer_Game/images/brown_bg.jpg diff --git a/Assets/Images/FruitSlicer-red_bg.jpg b/public/Fruit_Slicer_Game/images/red _bg.jpg similarity index 100% rename from Assets/Images/FruitSlicer-red_bg.jpg rename to public/Fruit_Slicer_Game/images/red _bg.jpg diff --git a/Assets/Images/FruitSlicer-Watermelon.png b/public/Fruit_Slicer_Game/images/watermelon.png similarity index 100% rename from Assets/Images/FruitSlicer-Watermelon.png rename to public/Fruit_Slicer_Game/images/watermelon.png diff --git a/HTML Pages/Fruit Slicer.html b/public/Fruit_Slicer_Game/index.html similarity index 85% rename from HTML Pages/Fruit Slicer.html rename to public/Fruit_Slicer_Game/index.html index 782848c5..0171a469 100644 --- a/HTML Pages/Fruit Slicer.html +++ b/public/Fruit_Slicer_Game/index.html @@ -4,7 +4,7 @@ Fruit Slicer - +
0 @@ -30,7 +30,7 @@
Are you ready for the ultimate slice action ?
Fruit logo
@@ -44,6 +44,6 @@
- + \ No newline at end of file diff --git a/Logic/Fruit-Slicer.js b/public/Fruit_Slicer_Game/script.js similarity index 100% rename from Logic/Fruit-Slicer.js rename to public/Fruit_Slicer_Game/script.js diff --git a/CSS/Fruit-Slicer.css b/public/Fruit_Slicer_Game/styles.css similarity index 94% rename from CSS/Fruit-Slicer.css rename to public/Fruit_Slicer_Game/styles.css index d6ebb32c..475b6d8f 100644 --- a/CSS/Fruit-Slicer.css +++ b/public/Fruit_Slicer_Game/styles.css @@ -1,7 +1,7 @@ html { height: 100%; background: linear-gradient(to bottom, #4a5568, #2d3748); - background-image: url(/Assets/Images/FruitSlicer-red_bg.jpg); + background-image: url(images/red\ _bg.jpg); background-size: cover; font-family: 'Arial', sans-serif; } @@ -30,7 +30,7 @@ html { } #fruitcontainer { - background: url(/Assets/Images/FruitSlicer-brown_bg.jpg); + background: url(images/brown_bg.jpg); background-size: cover; width: 660px; height: 450px; diff --git a/HTML Pages/Giggle Bits.html b/public/GiggleBits/index.html similarity index 100% rename from HTML Pages/Giggle Bits.html rename to public/GiggleBits/index.html diff --git a/HTML Pages/Github Finder.html b/public/Github_Profile_Finder/index.html similarity index 87% rename from HTML Pages/Github Finder.html rename to public/Github_Profile_Finder/index.html index 33603f1b..bde71c61 100644 --- a/HTML Pages/Github Finder.html +++ b/public/Github_Profile_Finder/index.html @@ -3,7 +3,7 @@ - + GitHub Profile Explorer @@ -20,6 +20,6 @@

GitHub Explorer

- + \ No newline at end of file diff --git a/Logic/Github-Finder.js b/public/Github_Profile_Finder/script.js similarity index 100% rename from Logic/Github-Finder.js rename to public/Github_Profile_Finder/script.js diff --git a/CSS/Github-Finder.css b/public/Github_Profile_Finder/styles.css similarity index 99% rename from CSS/Github-Finder.css rename to public/Github_Profile_Finder/styles.css index 25b7a1cd..7cfa15f1 100644 --- a/CSS/Github-Finder.css +++ b/public/Github_Profile_Finder/styles.css @@ -36,7 +36,6 @@ body { margin-bottom: 2rem; background: linear-gradient(90deg, #00dbde, #fc00ff); -webkit-background-clip: text; - background-clip: text; -webkit-text-fill-color: transparent; animation: pulseText 3s infinite; } diff --git a/HTML Pages/Gradient Generator.html b/public/Gradient_Generator/index.html similarity index 93% rename from HTML Pages/Gradient Generator.html rename to public/Gradient_Generator/index.html index 8ae12407..faf287f7 100644 --- a/HTML Pages/Gradient Generator.html +++ b/public/Gradient_Generator/index.html @@ -4,7 +4,7 @@ Gradient Generator - +
@@ -52,7 +52,7 @@

Gradient Generator

- + diff --git a/Logic/Gradient-Generator.js b/public/Gradient_Generator/script.js similarity index 100% rename from Logic/Gradient-Generator.js rename to public/Gradient_Generator/script.js diff --git a/CSS/Gradient-Generator.css b/public/Gradient_Generator/style.css similarity index 100% rename from CSS/Gradient-Generator.css rename to public/Gradient_Generator/style.css diff --git a/Readme/Memory-Game.md b/public/Memory Game App/README.md similarity index 100% rename from Readme/Memory-Game.md rename to public/Memory Game App/README.md diff --git a/HTML Pages/Memory Game.html b/public/Memory Game App/index.html similarity index 85% rename from HTML Pages/Memory Game.html rename to public/Memory Game App/index.html index bbca04a6..887f42e8 100644 --- a/HTML Pages/Memory Game.html +++ b/public/Memory Game App/index.html @@ -4,7 +4,7 @@ 🧠 Memory Game - + @@ -21,6 +21,6 @@

🧠 Memory Match

- + diff --git a/Logic/Memory-Game.js b/public/Memory Game App/script.js similarity index 100% rename from Logic/Memory-Game.js rename to public/Memory Game App/script.js diff --git a/CSS/Memory-Game.css b/public/Memory Game App/style.css similarity index 100% rename from CSS/Memory-Game.css rename to public/Memory Game App/style.css diff --git a/Readme/Music-Sugestor.md b/public/Mood_Music_Suggester/README.md similarity index 100% rename from Readme/Music-Sugestor.md rename to public/Mood_Music_Suggester/README.md diff --git a/HTML Pages/Music Suggester.html b/public/Mood_Music_Suggester/index.html similarity index 90% rename from HTML Pages/Music Suggester.html rename to public/Mood_Music_Suggester/index.html index b056e365..eeab0604 100644 --- a/HTML Pages/Music Suggester.html +++ b/public/Mood_Music_Suggester/index.html @@ -4,7 +4,7 @@ Mood-based Music Suggester - +
@@ -34,6 +34,6 @@

🎡 Mood-based Music Suggester

- + diff --git a/Logic/Music-Suggester.js b/public/Mood_Music_Suggester/script.js similarity index 100% rename from Logic/Music-Suggester.js rename to public/Mood_Music_Suggester/script.js diff --git a/CSS/Music-Suggestor.css b/public/Mood_Music_Suggester/style.css similarity index 100% rename from CSS/Music-Suggestor.css rename to public/Mood_Music_Suggester/style.css diff --git a/Assets/Images/Snake & Ladder-dice-roll.mp3 b/public/Snake-and-Ladder-Game/dice-rolling.mp3 similarity index 100% rename from Assets/Images/Snake & Ladder-dice-roll.mp3 rename to public/Snake-and-Ladder-Game/dice-rolling.mp3 diff --git a/HTML Pages/Snake & Ladder.html b/public/Snake-and-Ladder-Game/index.html similarity index 97% rename from HTML Pages/Snake & Ladder.html rename to public/Snake-and-Ladder-Game/index.html index 08e30fe2..3dcfc316 100644 --- a/HTML Pages/Snake & Ladder.html +++ b/public/Snake-and-Ladder-Game/index.html @@ -5,7 +5,7 @@ Document - + @@ -322,7 +322,7 @@

Snakes and ladder

- + - + \ No newline at end of file diff --git a/Logic/Snake & Ladder.js b/public/Snake-and-Ladder-Game/script.js similarity index 96% rename from Logic/Snake & Ladder.js rename to public/Snake-and-Ladder-Game/script.js index 27c1e440..c0576852 100644 --- a/Logic/Snake & Ladder.js +++ b/public/Snake-and-Ladder-Game/script.js @@ -1,6 +1,6 @@ let tog = 1 -let rollingSound = new Audio('Assets\Images\Snake & Ladder-dice-roll.mp3') -let winSound = new Audio('Assets\Images\Snake & Ladder-win-sound.mp3') +let rollingSound = new Audio('dice-rolling.mp3') +let winSound = new Audio('win-sound.mp3') let p1sum = 0 let p2sum = 0 diff --git a/Assets/Images/Snake & Ladder.png b/public/Snake-and-Ladder-Game/snake ladder.png similarity index 100% rename from Assets/Images/Snake & Ladder.png rename to public/Snake-and-Ladder-Game/snake ladder.png diff --git a/CSS/Snake & Ladder.css b/public/Snake-and-Ladder-Game/style.css similarity index 100% rename from CSS/Snake & Ladder.css rename to public/Snake-and-Ladder-Game/style.css diff --git a/Assets/Images/Snake & Ladder-win-sound.mp3 b/public/Snake-and-Ladder-Game/win-sound.mp3 similarity index 100% rename from Assets/Images/Snake & Ladder-win-sound.mp3 rename to public/Snake-and-Ladder-Game/win-sound.mp3 diff --git a/HTML Pages/Space Jumper.html b/public/Space-Jumper-Game/index.html similarity index 100% rename from HTML Pages/Space Jumper.html rename to public/Space-Jumper-Game/index.html diff --git a/Logic/SpaceShooter-audio.js b/public/Space-War-Game/audio.js similarity index 100% rename from Logic/SpaceShooter-audio.js rename to public/Space-War-Game/audio.js diff --git a/Logic/SpaceShooter-game.js b/public/Space-War-Game/game.js similarity index 100% rename from Logic/SpaceShooter-game.js rename to public/Space-War-Game/game.js diff --git a/HTML Pages/Space Shooter.html b/public/Space-War-Game/index.html similarity index 96% rename from HTML Pages/Space Shooter.html rename to public/Space-War-Game/index.html index 72440249..3b98801d 100644 --- a/HTML Pages/Space Shooter.html +++ b/public/Space-War-Game/index.html @@ -7,7 +7,7 @@ Space Shooter - Epic Space Combat - + @@ -103,7 +103,7 @@

MISSION FAILED

- - + + \ No newline at end of file diff --git a/CSS/Space-Shooter.css b/public/Space-War-Game/style.css similarity index 100% rename from CSS/Space-Shooter.css rename to public/Space-War-Game/style.css diff --git a/HTML Pages/StopWatch.html b/public/Stopwatch/index.html similarity index 84% rename from HTML Pages/StopWatch.html rename to public/Stopwatch/index.html index 216dd7ff..a55f097e 100644 --- a/HTML Pages/StopWatch.html +++ b/public/Stopwatch/index.html @@ -4,7 +4,7 @@ Stopwatch - +

Stopwatch

@@ -18,6 +18,6 @@

Stopwatch

- + \ No newline at end of file diff --git a/Logic/StopWatch.js b/public/Stopwatch/script.js similarity index 100% rename from Logic/StopWatch.js rename to public/Stopwatch/script.js diff --git a/CSS/StopWatch.css b/public/Stopwatch/styles.css similarity index 100% rename from CSS/StopWatch.css rename to public/Stopwatch/styles.css diff --git a/Readme/Student-Grade-Analyzer.md b/public/Student_Grade_Analyzer/README.md similarity index 100% rename from Readme/Student-Grade-Analyzer.md rename to public/Student_Grade_Analyzer/README.md diff --git a/HTML Pages/Student Grade Analyzer.html b/public/Student_Grade_Analyzer/index.html similarity index 94% rename from HTML Pages/Student Grade Analyzer.html rename to public/Student_Grade_Analyzer/index.html index c0f47b7f..8b051e6c 100644 --- a/HTML Pages/Student Grade Analyzer.html +++ b/public/Student_Grade_Analyzer/index.html @@ -6,7 +6,7 @@ πŸŽ“ Student Grade Analyzer - +