diff --git a/index.html b/index.html index 5c1dd21..d28f586 100644 --- a/index.html +++ b/index.html @@ -24,6 +24,17 @@

Welcome to the Utility Hub!

Discover a collection of innovative tools and captivating games.

+
+

VIT Essentials

+
+
+

Mess Menu

+

Showcase of timetable for hostels mess menu.

+ Explore +

Made by: hgjajoo

+
+
+

Utility Tools

@@ -45,6 +56,7 @@

Random Color Generator

Explore

Made by: hgjajoo

+
diff --git a/memeGen/index.html b/memeGen/index.html new file mode 100644 index 0000000..cb2638a --- /dev/null +++ b/memeGen/index.html @@ -0,0 +1,22 @@ + + + + Make A Meme + + + + + + diff --git a/randNumGen/index.html b/randNumGen/index.html new file mode 100644 index 0000000..107569a --- /dev/null +++ b/randNumGen/index.html @@ -0,0 +1,23 @@ + + + + + + + Random Number Generator + + +
+

0

+ +
+ + + + Drag to set the limit +
+
+ + + + diff --git a/randNumGen/script.js b/randNumGen/script.js new file mode 100644 index 0000000..fbdbaa3 --- /dev/null +++ b/randNumGen/script.js @@ -0,0 +1,19 @@ +document.addEventListener('DOMContentLoaded', function () { + const randomNumberDisplay = document.getElementById('randomNumber'); + const generateNumberButton = document.getElementById('generateNumberButton'); + const limitSlider = document.getElementById('limitSlider'); + const limitValue = document.getElementById('limitValue'); + + generateNumberButton.addEventListener('click', generateRandomNumber); + limitSlider.addEventListener('input', updateLimitValue); + + function generateRandomNumber() { + const limit = parseInt(limitSlider.value); + const randomNumber = Math.floor(Math.random() * limit) + 1; + randomNumberDisplay.textContent = randomNumber; + } + + function updateLimitValue() { + limitValue.textContent = limitSlider.value; + } +}); diff --git a/randNumGen/style.css b/randNumGen/style.css new file mode 100644 index 0000000..4181712 --- /dev/null +++ b/randNumGen/style.css @@ -0,0 +1,61 @@ +body { + background-color: #1a1a1a; + color: white; + font-family: 'Arial', sans-serif; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; +} + +.container { + text-align: center; +} + +#randomNumber { + margin: 20px 0; + font-size: 200px; +} + +.controls { + display: flex; + flex-direction: column; + align-items: center; +} + +button { + margin-top: 10px; + padding: 12px 24px; + font-size: 16px; + background-color: #555; + color: white; + border: none; + border-radius: 8px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +button:hover { + background-color: #777; +} + +label { + margin-top: 10px; + font-size: 16px; +} + +input { + width: 100%; + margin-top: 5px; +} + +#limitValue { + margin-top: 5px; + font-size: 10px; + color: #fff; +} +#limitSlider { + width: 80vw; + margin-top: 5px; +} \ No newline at end of file diff --git a/vitbmess/index.html b/vitbmess/index.html new file mode 100644 index 0000000..53af4a6 --- /dev/null +++ b/vitbmess/index.html @@ -0,0 +1,22 @@ + + + + VITB Mess + + + + + +