+
+
+
+
-
-
-
-
+
+ 
+
+ 
This project is licensed under the MIT License.
+
From 714cc6cb0be6fa1c61f5f1bbffe7fc51d13e0b9e Mon Sep 17 00:00:00 2001
From: T <154358121+TMHSDigital@users.noreply.github.com>
Date: Mon, 8 Jul 2024 22:31:44 -0400
Subject: [PATCH 005/113] Update README.md
---
README.md | 48 +++++++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 47 insertions(+), 1 deletion(-)
diff --git a/README.md b/README.md
index 482b67a..85d4ea9 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,47 @@
-# Digital_Services.HUB
\ No newline at end of file
+# Digital Services Hub
+
+Welcome to the Digital Services Hub repository! This project contains a set of web tools designed to enhance digital experiences. Below you'll find details about the different themes available, features, and usage instructions.
+
+## Themes
+
+> ### [](https://github.com/TMHSDigital/Digital_Services.HUB/tree/Cutting-Edge-Theme)
+> ___A futuristic and vibrant theme with glowing elements and modern design aesthetics.___
+
+___
+
+> ### [](https://github.com/TMHSDigital/Digital_Services.HUB/tree/Minimalistic-Theme)
+> ___A clean and simple theme focused on usability and minimalist design principles.___
+
+## Features
+
+- **Image Resizer:** Easily resize images by specifying width and height.
+- **Color Palette Generator:** Create and explore various color palettes for design projects.
+
+------
+
+
+
+
+
+ This project is licensed under the MIT License.
+
+
+Usage
+
+1. Click on the button below to visit the GitHub Pages site:
+
+
+
+
+Connect
+
+
From f9f38c049943b8fe44d232a229d5f7f157137713 Mon Sep 17 00:00:00 2001
From: T <154358121+TMHSDigital@users.noreply.github.com>
Date: Mon, 8 Jul 2024 23:02:14 -0400
Subject: [PATCH 006/113] Update README.md
---
README.md | 13 +++++++++++++
1 file changed, 13 insertions(+)
diff --git a/README.md b/README.md
index 85d4ea9..939539f 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,19 @@
Welcome to the Digital Services Hub repository! This project contains a set of web tools designed to enhance digital experiences. Below you'll find details about the different themes available, features, and usage instructions.
+## Repository Stats
+
+
+
+
+
+
+
+
+
+
+
+
## Themes
> ### [](https://github.com/TMHSDigital/Digital_Services.HUB/tree/Cutting-Edge-Theme)
From fc748b115676eaa785ae0170a46b10206a746abc Mon Sep 17 00:00:00 2001
From: T <154358121+TMHSDigital@users.noreply.github.com>
Date: Mon, 8 Jul 2024 23:02:40 -0400
Subject: [PATCH 007/113] Update README.md
---
README.md | 13 +++++++++++++
1 file changed, 13 insertions(+)
diff --git a/README.md b/README.md
index 85d4ea9..939539f 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,19 @@
Welcome to the Digital Services Hub repository! This project contains a set of web tools designed to enhance digital experiences. Below you'll find details about the different themes available, features, and usage instructions.
+## Repository Stats
+
+
+
+
+
+
+
+
+
+
+
+
## Themes
> ### [](https://github.com/TMHSDigital/Digital_Services.HUB/tree/Cutting-Edge-Theme)
From 9c603f2aece8a4a4394bfeab59f824fa5f6c7e85 Mon Sep 17 00:00:00 2001
From: T <154358121+TMHSDigital@users.noreply.github.com>
Date: Tue, 9 Jul 2024 01:12:22 -0400
Subject: [PATCH 008/113] Claude update
License
+
Welcome to our Digital Services Hub!
We offer a range of free tools to help with your digital media needs:
Choose a service above to get started, or visit our About page to learn more.
Enter your text and click 'Convert to ASCII Art' to see the result.
+Enter text or a URL and click 'Generate QR Code' to create your QR code.
+Welcome to our Digital Services Hub!
-We offer a range of free tools to help with your digital media needs:
- - - -Choose a service above to get started, or visit our About page to learn more.
-Welcome to our Digital Services Hub!
+We offer a range of free tools to help with your digital media needs:
+ + + +Choose a service above to get started, or visit our About page to learn more.
+Customize your QR code options and click 'Generate QR Code' to create.
+Customize your QR code options and click 'Generate QR Code' to create.
-Enter text or a URL and click 'Generate QR Code' to create your QR code.
+Customize your QR code options and click 'Generate QR Code' to create.
From 711c49e4c6d8bc4eb93fcad644b01d24a4f2afdb Mon Sep 17 00:00:00 2001 From: T <154358121+TMHSDigital@users.noreply.github.com> Date: Tue, 9 Jul 2024 01:41:37 -0400 Subject: [PATCH 034/113] Update qr-generator.js --- js/qr-generator.js | 39 +++++++++++++++++++++++++++------------ 1 file changed, 27 insertions(+), 12 deletions(-) diff --git a/js/qr-generator.js b/js/qr-generator.js index 9d9c177..1556cd8 100644 --- a/js/qr-generator.js +++ b/js/qr-generator.js @@ -1,4 +1,9 @@ const qrInput = document.getElementById('qr-input'); +const qrSize = document.getElementById('qr-size'); +const qrCorrection = document.getElementById('qr-correction'); +const qrColor = document.getElementById('qr-color'); +const qrBgColor = document.getElementById('qr-bg-color'); +const qrRounded = document.getElementById('qr-rounded'); const generateButton = document.getElementById('generate-button'); const qrOutput = document.getElementById('qr-output'); const downloadLink = document.getElementById('download-link'); @@ -8,18 +13,23 @@ let qr = null; generateButton.addEventListener('click', () => { const inputText = qrInput.value; if (inputText) { - if (qr) { - qr.clear(); - qr.makeCode(inputText); - } else { - qr = new QRCode(qrOutput, { - text: inputText, - width: 256, - height: 256, - colorDark: "#000000", - colorLight: "#ffffff", - correctLevel: QRCode.CorrectLevel.H - }); + qrOutput.innerHTML = ''; // Clear previous QR code + + qr = new QRCode(qrOutput, { + text: inputText, + width: parseInt(qrSize.value), + height: parseInt(qrSize.value), + colorDark: qrColor.value, + colorLight: qrBgColor.value, + correctLevel: QRCode.CorrectLevel[qrCorrection.value] + }); + + // Apply rounded corners if selected + if (qrRounded.checked) { + setTimeout(() => { + const qrImage = qrOutput.querySelector('img'); + qrImage.style.borderRadius = '15px'; + }, 50); } // Enable download after a short delay to ensure QR code is generated @@ -31,3 +41,8 @@ generateButton.addEventListener('click', () => { }, 100); } }); + +// Update QR code in real-time as options change +[qrSize, qrCorrection, qrColor, qrBgColor, qrRounded].forEach(element => { + element.addEventListener('change', () => generateButton.click()); +}); From 2ee99da624804952912e70ae1378afc80024b937 Mon Sep 17 00:00:00 2001 From: T <154358121+TMHSDigital@users.noreply.github.com> Date: Tue, 9 Jul 2024 01:48:07 -0400 Subject: [PATCH 035/113] Update color-palette.html From 243b5c6f1b9f93e43509b4d88530c3b5cd55190d Mon Sep 17 00:00:00 2001 From: T <154358121+TMHSDigital@users.noreply.github.com> Date: Tue, 9 Jul 2024 01:48:34 -0400 Subject: [PATCH 036/113] Update color-palette.css --- css/color-palette.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/css/color-palette.css b/css/color-palette.css index 8ba5011..a85ab27 100644 --- a/css/color-palette.css +++ b/css/color-palette.css @@ -1,3 +1,10 @@ +#image-container img { + max-width: 100%; + height: auto; + margin-top: 1rem; + border-radius: 5px; +} + #palette-container { display: flex; justify-content: space-between; @@ -14,4 +21,5 @@ text-align: center; font-size: 0.8rem; margin-top: 0.5rem; + color: #fff; } From 49572246b6610b280e91edbcee62ebfb985f9762 Mon Sep 17 00:00:00 2001 From: T <154358121+TMHSDigital@users.noreply.github.com> Date: Tue, 9 Jul 2024 01:48:59 -0400 Subject: [PATCH 037/113] Update color-palette.js --- js/color-palette.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/js/color-palette.js b/js/color-palette.js index 33dab09..3b92b64 100644 --- a/js/color-palette.js +++ b/js/color-palette.js @@ -8,14 +8,14 @@ fileInput.addEventListener('change', (e) => { if (file) { const reader = new FileReader(); reader.onload = (e) => { - imageContainer.innerHTML = `Welcome to our Digital Services Hub! We offer a range of tools to help with your digital media needs.
+Welcome to the Digital Services Hub - your gateway to cutting-edge digital tools and AI-powered services!
-We strive to provide innovative, user-friendly digital tools that empower creators, developers, and everyday users to unleash their creativity and productivity in the digital realm.
+ +We're constantly innovating! Here's a sneak peek at some exciting services we're working on:
+And many more AI-integrated and high-tech services on the horizon!
+ +At Digital Services Hub, we are committed to:
All our tools are free to use and designed with a futuristic aesthetic. We're constantly working on adding new features and tools to enhance your digital workflow.
+We welcome feedback, suggestions, and contributions from our community. If you have ideas for new features or improvements, please visit our GitHub repository and open an issue or submit a pull request.
+ +Thank you for choosing Digital Services Hub. Together, let's shape the future of digital creativity and productivity!
This project is licensed under the MIT License.
+This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
-
-
+
+
+Welcome to our Digital Services Hub!
+We offer a range of free tools to help with your digital media needs:
+ + +Choose a service above to get started, or visit our About page to learn more.
+Welcome to our Digital Services Hub!
-// Populate voice list -function populateVoiceList() { - voices = synth.getVoices(); - voiceSelect.innerHTML = ''; - voices.forEach((voice, i) => { - const option = new Option(voice.name, i); - voiceSelect.options.add(option); - }); -} +We offer a range of free tools to help with your digital media needs:
-populateVoiceList(); -if (speechSynthesis.onvoiceschanged !== undefined) { - speechSynthesis.onvoiceschanged = populateVoiceList; -} +Choose a service above to get started, or visit our About page to learn more.
+Welcome to the Digital Services Hub - your gateway to cutting-edge digital tools and AI-powered services!
From bcc9f8e630bad615fdee9bd59815d22044f07bb5 Mon Sep 17 00:00:00 2001 From: T <154358121+TMHSDigital@users.noreply.github.com> Date: Sat, 10 Aug 2024 03:29:40 -0400 Subject: [PATCH 062/113] Update qr-generator.html --- pages/qr-generator.html | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/pages/qr-generator.html b/pages/qr-generator.html index 7c9c251..b4ba03a 100644 --- a/pages/qr-generator.html +++ b/pages/qr-generator.html @@ -12,7 +12,15 @@Welcome to our Digital Services Hub!
-We offer a range of free tools to help with your digital media needs:
- - +Welcome to our Digital Services Hub!
-Choose a service above to get started, or visit our About page to learn more.
-We offer a range of free tools to help with your digital media needs:
+ +Choose a service above to get started, or visit our About page to learn more.
+We offer a range of free tools to help with your digital media needs:
Choose a service above to get started, or visit our About page to learn more.
diff --git a/js/common.js b/js/common.js index c3a70ec..7f9ff6d 100644 --- a/js/common.js +++ b/js/common.js @@ -8,22 +8,32 @@ document.addEventListener('DOMContentLoaded', (event) => { { href: "pages/color-palette.html", text: "Color Palette" }, { href: "pages/ascii-art.html", text: "ASCII Art" }, { href: "pages/qr-generator.html", text: "QR Code" }, + { href: "pages/text-to-speech.html", text: "Text-to-Speech" }, { href: "pages/about.html", text: "About" } ]; + // Helper function to normalize paths + const normalizePath = (path) => path.replace(/\\/g, '/').toLowerCase(); + + // Get the current page name for active state + const currentPage = normalizePath(currentPath).split('/').pop(); + const navHTML = navItems.map(item => { let href = item.href; + const isCurrentPage = normalizePath(href).endsWith(currentPage); + + // Adjust paths based on current location if (currentPath.includes('/pages/')) { href = href.replace('pages/', ''); if (item.href === 'index.html') { href = '../' + href; } - } else if (currentPath.endsWith('/') || currentPath.endsWith('index.html')) { - if (item.href !== 'index.html') { - href = 'pages/' + href.replace('pages/', ''); - } } - return `${item.text}`; + + // Add active class if current page + const activeClass = isCurrentPage ? ' class="active"' : ''; + + return `${item.text}`; }).join(''); nav.innerHTML = navHTML; diff --git a/js/text-to-speech.js b/js/text-to-speech.js index bce5780..9752563 100644 --- a/js/text-to-speech.js +++ b/js/text-to-speech.js @@ -1,31 +1,84 @@ - - - - - -Welcome to our Digital Services Hub!
- -We offer a range of free tools to help with your digital media needs:
- -Choose a service above to get started, or visit our About page to learn more.
-Welcome to our Digital Services Hub!
-We offer a range of free tools to help with your digital media needs:
- - -Choose a service above to get started, or visit our About page to learn more.
-
-
-
-
-
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
-Welcome to our Digital Services Hub!
- -We offer a range of free tools to help with your digital media needs:
- -Choose a service above to get started, or visit our About page to learn more.
-A collection of useful web-based tools for everyday digital tasks.
+