s1

s11
s1
2025-03-13 19:06:30 +05:30 · 2025-03-11 13:22:14 +05:30 · 2025-03-06 16:19:27 +05:30 · 2025-01-30 17:03:27 +05:30 · 2024-10-21 16:23:40 +05:30 · 2024-07-11 12:49:20 +05:30
74 changed files with 2993 additions and 1859 deletions
--- a/.hta_slug/_404.php
+++ b/.hta_slug/_404.php
@@ -0,0 +1,110 @@
+<?php
+    require_once('../.hta_config/conf.php');
+    require_once('../.hta_slug/_header.php');
+    require_once('../.hta_slug/_nav.php');
+?>
+
+<section class="diZContainer diZmxAuto diZmb20">
+    <h1 class="diZBorderBottom">SiliconPin - Tools</h1>
+    <div class="diZFlexRow diZmy8 diZFlexRow">
+        <a href="/tools" class="diZButtonDefault diZmr2"><span>All</span></a>
+        <a href="/tools/image" class="diZButtonDefault diZmr2"><span>Image</span></a>
+        <a href="/tools/text" class="diZButtonDefault diZmr2"><span>Text</span></a>
+        <a href="/tools/html" class="diZButtonDefault diZmr2"><span>HTML</span></a>
+        <a href="/tools/color" class="diZButtonDefault diZmr2"><span>Color</span></a>
+        <a href="/tools/info" class="diZButtonDefault diZmr2"><span>Info</span></a>
+        <a href="/tools/encrypt-decrypt" class="diZButtonDefault diZmr2"><span>Encrypt / Decrypt</span></a>
+    </div>
+    <div class="diZGridCols1-3">
+        <?php
+        $requestUri = $_SERVER['REQUEST_URI'];
+        $requestUri = explode('/', $requestUri)[2];
+        $requestUri = ($requestUri <= 1) ? "%%" : $requestUri;
+        if(isset($requestUri) && strlen($requestUri > 1)){
+            try {
+                $conn = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
+                $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+                $stmt = $conn->prepare("SELECT * FROM api_tools WHERE `type` = :type");
+                $stmt->bindParam(':type', $requestUri);
+                $stmt->execute();
+                $rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
+                // var_dump($rows);
+                foreach($rows as $row){
+                    // echo $row['name'].'<br>';
+                    if($row['status']==1){
+                        $link_button = '<a class="diZButtonDefault" href="/tools/'.$row['slug'].'" ><span class="">'.$row['name'].'</span></a>';
+                    } else{
+                        $link_button = '<a class="diZButtonDefault"><span>'.$row['name'].'</span></a>';
+                    }
+                    echo '
+                        <div class="diZblogStyle diZPadding10px">
+                            <p class="diZLineClamp1">'.$row['description'].'</p>
+                            '.$link_button.'
+                        </div>';
+                }
+            } catch (PDOException $e) {
+                $in_page_message = "<p class='text-danger'>Error: " . $e->getMessage() . "</p>";
+            }
+        }else{
+            echo 'Page Not Found!';
+        }
+        ?>
+    </div>
+</section>
+<style>
+    .diZContainer {
+        max-width: 1200px;
+        margin: auto;
+        padding: 20px;
+    }
+
+    .diZBorderBottom {
+        border-bottom: 2px solid #87ab63;
+        padding-bottom: 10px;
+    }
+
+    .diZFlexRow {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 10px;
+    }
+
+    .diZButtonDefault {
+        background: #87ab63;
+        color: #121212;
+        padding: 10px 15px;
+        border-radius: 5px;
+        text-decoration: none;
+        font-weight: bold;
+        transition: 0.3s;
+    }
+
+    .diZButtonDefault:hover {
+        background: #6f8f52;
+        color: #fff;
+    }
+
+    .diZGridCols1-3 {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+        gap: 15px;
+        margin-top: 20px;
+    }
+
+    .diZblogStyle {
+        background: #1e1e1e;
+        border-radius: 8px;
+        padding: 15px;
+        box-shadow: 0px 0px 10px rgba(135, 171, 99, 0.3);
+        transition: transform 0.3s ease-in-out;
+    }
+
+    .diZblogStyle:hover {
+        transform: translateY(-5px);
+        box-shadow: 0px 0px 15px rgba(135, 171, 99, 0.5);
+    }
+
+    .diZToolsContentHeight {
+        min-height: 60px;
+    }
+</style>
--- a/.hta_slug/_home.php
+++ b/.hta_slug/_home.php
@@ -0,0 +1,104 @@
+<?php
+    require_once('../.hta_config/conf.php');
+    require_once('../.hta_slug/_header.php');
+    require_once('../.hta_slug/_nav.php');
+?>
+
+<section class="diZContainer diZmxAuto diZmb20">
+    <h1 class="diZBorderBottom">SiliconPin - Tools</h1>
+    <div class="diZFlexRow diZmy8 diZFlexRow diZOverflowAuto diZWhiteSpaceNowrap">
+        <a href="/tools" class="diZButtonDefault diZmr2"><span>All</span></a>
+        <a href="/tools/image" class="diZButtonDefault diZmr2"><span>Image</span></a>
+        <a href="/tools/text" class="diZButtonDefault diZmr2"><span>Text</span></a><br>
+        <a href="/tools/html" class="diZButtonDefault diZmr2"><span>HTML</span></a>
+        <a href="/tools/color" class="diZButtonDefault diZmr2"><span>Color</span></a>
+        <a href="/tools/info" class="diZButtonDefault diZmr2"><span>Info</span></a>
+        <a href="/tools/encrypt-decrypt" class="diZButtonDefault diZmr2"><span>Encrypt / Decrypt</span></a>
+    </div>
+    <div class="diZGridCols1-3">
+        <?php
+            try {
+                $conn = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
+                $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+                $stmt = $conn->prepare("SELECT * FROM api_tools");
+                $stmt->execute();
+                $rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
+                // var_dump($rows);
+                foreach($rows as $row){
+                    // echo $row['name'].'<br>';
+                    if($row['status']==1){
+                        $link_button = '<a class="diZButtonDefault" href="/tools/'.$row['slug'].'" ><span class="">'.$row['name'].'</span></a>';
+                    } else{
+                        $link_button = '<a class="diZButtonDefault"><span>'.$row['name'].'</span></a>';
+                    }
+                    echo '
+                        <div class="diZblogStyle diZPadding10px">
+                            <p class="diZLineClamp2 diZTextJustify diZToolsContentHeight" >'.$row['description'].'</p>
+                            '.$link_button.'
+                        </div>';
+                }
+            } catch (PDOException $e) {
+                $in_page_message = "<p class='text-danger'>Error: " . $e->getMessage() . "</p>";
+            }
+        ?>
+    </div>
+</section> 
+<style>
+.diZContainer {
+    max-width: 1200px;
+    margin: auto;
+    padding: 20px;
+}
+
+.diZBorderBottom {
+    border-bottom: 2px solid #87ab63;
+    padding-bottom: 10px;
+}
+
+.diZFlexRow {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+}
+
+.diZButtonDefault {
+    background: #87ab63;
+    color: #121212;
+    padding: 10px 15px;
+    border-radius: 5px;
+    text-decoration: none;
+    font-weight: bold;
+    transition: 0.3s;
+}
+
+.diZButtonDefault:hover {
+    background: #6f8f52;
+    color: #fff;
+}
+
+.diZGridCols1-3 {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 15px;
+    margin-top: 20px;
+}
+
+.diZblogStyle {
+    background: #1e1e1e;
+    border-radius: 8px;
+    padding: 15px;
+    box-shadow: 0px 0px 10px rgba(135, 171, 99, 0.3);
+    transition: transform 0.3s ease-in-out;
+}
+
+.diZblogStyle:hover {
+    transform: translateY(-5px);
+    box-shadow: 0px 0px 15px rgba(135, 171, 99, 0.5);
+}
+
+.diZToolsContentHeight {
+    min-height: 60px;
+}
+
+
+</style>
--- a/.hta_slug/add-tool.php
+++ b/.hta_slug/add-tool.php
@@ -1,5 +1,6 @@
 <?php
-    require_once('.hta_config/siliconpin_sp.php');
+    require_once('../.hta_config/conf.php');
+    require_once('../.hta_slug/_header.php');

    if($_SERVER['REQUEST_METHOD']=='POST' && strlen($_POST['name']>3)){
        $slugText = $_POST['name'];
--- a/.hta_slug/bar-code.php
+++ b/.hta_slug/bar-code.php
@@ -1,17 +1,46 @@
-<section class="container-zz mx-auto my-20 flex-direction-col">
-    <h1 style="font-size: 25px;">Generate BAR Code</h1>
-    <!-- <h2 class="text-center">Alert: Text should not exceed 165 characters.</h2> -->
-    <form id="barGenerator" action="" class="flex-direction-col">
-        <textarea class="" name="" id="barCodeText" cols="36" rows="10" required style="background-color: #3d3d3d; padding: 6px;" autofocus></textarea>
-        <input class="" onclick="displayBarCode();" id="generatButton"  type="submit" value="Generate BAR Code" style="background-color: #3d3d3d; padding: 10px 20px 10px 20px; border-radius: 10px; cursor: pointer; margin-top: 10px;">
-    </form>
-    <div class="">
-        <svg id="barCode"></svg>
-        <div class="" id="buttonContainer">
-            <button class=""  id="download-button" style="background-color: #3d3d3d; padding: 10px 20px 10px 20px; border-radius: 10px; cursor: pointer; margin-top: 10px;">Download</button>
-            <button class="" onclick="getNewCode();" style="background-color: #3d3d3d; padding: 10px 20px 10px 20px; border-radius: 10px; cursor: pointer; margin-top: 10px;">New BAR Code</button>
+<section class="diZContainer diZmxAuto">
+    <h1 class="diZBorderBottom">Generate BAR Code</h1>
+    <p class="diZTextJustify">This tool allows you to generate BAR codes from any text you input. The generated BAR code can be downloaded and used in various applications such as inventory management, product labeling, and more.</p>
+    <div class="diZMaxW600 diZFlexColumn diZmxAuto toolsSection diZmy20">
+        <form id="barGenerator" action="" class="diZFlexColumn">
+            <textarea class="" name="" id="barCodeText" rows="12" required autofocus></textarea><br>
+            <button onclick="displayBarCode();" id="generatButton"><span>Generate BAR Code</span></button>
+            <!-- <input class="" onclick="displayBarCode();" id="generatButton"  type="submit" value="Generate BAR Code" > -->
+        </form>
+        <div class="diZJustifyCenter diZFlexColumn diZItemsCenter">
+            <svg id="barCode"></svg>
+            <div class="diZmt4 diZFlexRow" id="buttonContainer">
+                <button class=""  id="download-button" ><span>Download</span></button>
+                <button class="" onclick="getNewCode();" ><span>New BAR Code</span></button>
+            </div>
        </div>
    </div>
+    <div>
+        <h3>Usage:</h3>
+        <ul>
+            <li><strong>Enter Text:</strong> Input your desired text into the text area provided.</li>
+            <li><strong>Generate BAR Code:</strong> Click the "Generate BAR Code" button to convert the text into a BAR code.</li>
+            <li><strong>View BAR Code:</strong> The generated BAR code will appear in the area below the button.</li>
+            <li><strong>Download BAR Code:</strong> Click the "Download" button to save the BAR code as an image file.</li>
+            <li><strong>Generate New BAR Code:</strong> Click the "New BAR Code" button to clear the text area and generate a new BAR code.</li>
+        </ul>
+        
+        <h3>Features:</h3>
+        <ul>
+            <li>Generates BAR codes quickly and efficiently.</li>
+            <li>Supports various text inputs.</li>
+            <li>Provides a download option for the generated BAR code.</li>
+            <li>Easy-to-use interface with clear instructions.</li>
+        </ul>
+        
+        <h3>Example Use Cases:</h3>
+        <ul>
+            <li>Businesses creating product labels for inventory management.</li>
+            <li>Retail stores generating BAR codes for pricing and checkout systems.</li>
+            <li>Developers testing BAR code generation in their applications.</li>
+            <li>Individuals organizing personal collections with BAR code labels.</li>
+        </ul>
+    </div>
 </section>
 <script src="/assets/html2canvas.min.js"></script>
 <script>
@@ -22,7 +51,8 @@
        const barText = document.getElementById('barCodeText');
        document.getElementById('barCodeText').style.display = 'block';
        document.getElementById('buttonContainer').style.display = 'none';
-        document.getElementById('generatButton').style.display = 'block';
+        document.getElementById('generatButton').style.display = 'flex';
+        document.getElementById('barCode').style.display = 'none';
        barGenerator.addEventListener('submit', async function (event) {
            event.preventDefault();
            const formData = {
@@ -34,8 +64,9 @@
    function displayBarCode(){
        JsBarcode("#barCode", barCodeText.value);
        document.getElementById('barCodeText').style.display = 'none';
-        document.getElementById('buttonContainer').style.display = 'block';
+        document.getElementById('buttonContainer').style.display = 'flex';
        document.getElementById('generatButton').style.display = 'none';
+        document.getElementById('barCode').style.display = 'block';
        
        // console.log(barCodeText)
    }
@@ -68,15 +99,4 @@
    function getNewCode(){
        window.location.reload();
    }
-</script>
-<style>
-    .container-zz{width:100%}@media (min-width: 640px){.container-zz{max-width:640px}}@media (min-width: 768px){.container-zz{max-width:768px}}@media (min-width: 1024px){.container-zz{max-width:1024px}}@media (min-width: 1280px){.container-zz{max-width:1280px}}@media (min-width: 1536px){.container-zz{max-width:1536px}}
-    .mx-auto{margin-left:auto;margin-right:auto}
-    .my-20{margin-top:5rem;margin-bottom:5rem}
-    .flex-direction-col{
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-    }
-</style>
+</script>
--- a/.hta_slug/base64-to-image-converter.php
+++ b/.hta_slug/base64-to-image-converter.php
@@ -0,0 +1,52 @@
+<section class="diZContainer diZmxAuto">
+    <h2 class="diZBorderBottom">Convert Base64 to Image</h2>
+    <div class="diZMaxW500 diZmxAuto diZFlexColumn toolsSection diZmy20">
+        <textarea rows="10" class="base64-textarea" placeholder="Enter base64 encoded image data"></textarea>
+        <p class="diZDisplayNone diZDengerText" id="no-select-message"></p>
+        <button class="convert-button diZmt2"><span>Convert to Image</span></button>
+        <div class="" id="preview"></div>
+
+        <div class="diZFlexColumn diZDisplayNone diZJustifyCenter" id="download-options" >
+        <p>Choose Image Format & Download:</p>
+        <div class="diZFlexRow">
+            <button class="format-button" data-format="png"><span>PNG</span></button>
+            <button class="format-button" data-format="jpeg"><span>JPEG</span></button>
+            <button class="format-button" data-format="webp"><span>WebP</span></button>
+        </div>
+    </div>
+    </div>
+</section>
+<script>
+    document.querySelector('.convert-button').addEventListener('click', function() {
+        var base64Data = document.querySelector('.base64-textarea').value.trim();
+        if (base64Data !== '') {
+            var img = document.createElement('img');
+            img.src = base64Data;
+            img.style.maxWidth = '100%';
+            img.style.height = 'auto';
+            document.getElementById('preview').innerHTML = '';
+            document.getElementById('preview').appendChild(img);
+            document.getElementById('download-options').style.display = 'block';
+        } else {
+            document.getElementById('no-select-message').innerHTML = 'Please enter base64 encoded image data.';
+            document.getElementById('no-select-message').style.display = 'block';
+        }
+    });
+
+    // Add event listeners to format buttons
+    var formatButtons = document.querySelectorAll('.format-button');
+    formatButtons.forEach(function(button) {
+        button.addEventListener('click', function() {
+            var imageFormat = this.getAttribute('data-format');
+            downloadImage(imageFormat);
+        });
+    });
+
+    function downloadImage(imageFormat) {
+        var base64Data = document.querySelector('.base64-textarea').value.trim();
+        var downloadLink = document.createElement('a');
+        downloadLink.href = base64Data;
+        downloadLink.download = 'image.' + imageFormat;
+        downloadLink.click();
+    }
+</script>
--- a/.hta_slug/color-code-from-image.php
+++ b/.hta_slug/color-code-from-image.php
@@ -0,0 +1,113 @@
+<section class="diZContainer diZmxAuto diZmy8">
+    <h1 class="diZBorderBottom">Color Hex/RGB Code From Image</h1>
+    <p>The Color Code Extractor from Image is a simple and efficient web-based tool that allows users to upload an image and click on any part of it to get the RGB and HEX color codes of the pixel they clicked on. This tool is particularly useful for designers, developers, and anyone who needs to identify and use specific colors from images.</p>
+    <div class="diZMaxW600 diZmxAuto toolsSection">
+        <label class="diZFlexColumn " for="imageInput">Choose Image</label><br>
+        <input class="diZPadding10px" type="file" id="imageInput" accept="image/*" /><br><br>
+        <canvas class="diZDisplayNone diZw100" id="canvas"></canvas><br>
+        <div class="diZFlexBetween">
+            <div id="result">Click on the image to get the color code.</div>
+            <button class="diZDisplayNone" id="copyButton" ><span>Copy</span></button>
+        </div>
+    </div>
+    <div>
+        <h2>Usage:</h2>
+        <ul>
+            <li><strong>Upload an Image:</strong> Click on the file input field and select an image file from your device.</li>
+            <li><strong>Display the Image:</strong> Once the image is uploaded, it will be displayed on a hidden canvas element.</li>
+            <li><strong>Extract Color Code:</strong> Click on any part of the displayed image. The tool will capture the color of the clicked pixel and display both the RGB and HEX color codes.</li>
+            <li><strong>Copy Color Code:</strong> Click the "Copy Color Code" button to copy the displayed color code to your clipboard for easy use in your projects.</li>
+        </ul>
+
+        <h2>Features:</h2>
+        <ul>
+            <li><strong>Easy Image Upload:</strong> Supports uploading images directly from your device.</li>
+            <li><strong>Accurate Color Extraction:</strong> Retrieves the exact RGB and HEX color codes from any pixel of the image.</li>
+            <li><strong>Clipboard Copy Functionality:</strong> Allows you to easily copy the extracted color codes to your clipboard.</li>
+            <li><strong>Fallback for Compatibility:</strong> Provides a fallback method for copying color codes on browsers that do not support the Clipboard API.</li>
+            <li><strong>User-Friendly Interface:</strong> Simple and intuitive design for ease of use.</li>
+        </ul>
+
+        <h2>Use Case:</h2>
+        <ul>
+            <li><strong>Web Designers and Developers:</strong> Quickly extract color codes from images for use in web design and development projects.</li>
+            <li><strong>Graphic Designers:</strong> Identify and use specific colors from images in design software.</li>
+            <li><strong>Digital Artists:</strong> Match colors from reference images to create cohesive artworks.</li>
+            <li><strong>Marketing Professionals:</strong> Ensure brand consistency by extracting and using exact colors from marketing materials and logos.</li>
+            <li><strong>DIY Enthusiasts:</strong> Use color codes to match paint colors, fabrics, or other materials in home decoration projects.</li>
+        </ul>
+    </div>
+</section>
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+        const imageInput = document.getElementById('imageInput');
+        const copyButton = document.getElementById('copyButton');
+
+        imageInput.addEventListener('change', function(event) {
+            const file = event.target.files[0];
+            if (file) {
+                const reader = new FileReader();
+                reader.onload = function(e) {
+                    const img = new Image();
+                    img.onload = function() {
+                        const canvas = document.getElementById('canvas');
+                        const ctx = canvas.getContext('2d');
+                        canvas.width = img.width;
+                        canvas.height = img.height;
+                        ctx.drawImage(img, 0, 0);
+                        canvas.style.display = 'block';
+
+                        canvas.addEventListener('click', function(event) {
+                            const rect = canvas.getBoundingClientRect();
+                            const x = event.clientX - rect.left;
+                            const y = event.clientY - rect.top;
+                            console.log(`Clicked at (x, y): (${x}, ${y})`);
+
+                            try {
+                                const imageData = ctx.getImageData(x, y, 1, 1).data;
+                                const rgb = `rgb(${imageData[0]}, ${imageData[1]}, ${imageData[2]})`;
+                                const hex = `#${((1 << 24) + (imageData[0] << 16) + (imageData[1] << 8) + imageData[2]).toString(16).slice(1).toUpperCase()}`;
+                                const colorCode = `RGB: ${rgb}, HEX: ${hex}`;
+                                console.log('Color code:', colorCode);
+                                document.getElementById('result').innerText = colorCode;
+                                copyButton.style.display = 'block';
+                                copyButton.setAttribute('data-color-code', colorCode);
+                            } catch (err) {
+                                console.error('Error getting image data:', err);
+                            }
+                        });
+                    };
+                    img.src = e.target.result;
+                };
+                reader.readAsDataURL(file);
+            }
+        });
+
+        copyButton.addEventListener('click', function() {
+            const colorCode = copyButton.getAttribute('data-color-code');
+            if (navigator.clipboard && navigator.clipboard.writeText) {
+                navigator.clipboard.writeText(colorCode).then(() => {
+                    console.log('Color code copied to clipboard');
+                }).catch(err => {
+                    console.error('Could not copy text: ', err);
+                });
+            } else {
+                const textarea = document.createElement('textarea');
+                textarea.value = colorCode;
+                document.body.appendChild(textarea);
+                textarea.select();
+                try {
+                    document.execCommand('copy');
+                    console.log('Color code copied to clipboard');
+                    copyButton.innerHTML = '<span>Copied!</span>';
+                    setTimeout(() => {
+                        copyButton.innerHTML = '<span>Copy</span>';
+                    }, 2000);
+                } catch (err) {
+                    console.error('Could not copy text: ', err);
+                }
+                document.body.removeChild(textarea);
+            }
+        });
+    });
+</script>
--- a/.hta_slug/color-shades-generator.php
+++ b/.hta_slug/color-shades-generator.php
@@ -2,7 +2,7 @@
    <div class="color-shades-generator">
        <h1>Color Shades Generator</h1>
        <div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
-            <label for="colorInput" style="color: #000;">Choose Color</label>
+            <label for="colorInput">Choose Color</label>
            <input type="color" id="colorInput" class="color-input" value="#ff0000" />
        </div>
        <div id="colorShades" class="color-shades"></div>
@@ -99,14 +99,12 @@
    max-width: 600px;
    width: 100%;
    padding: 20px;
-    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  .color-shades-generator h1 {
    font-size: 36px;
    margin-bottom: 20px;
-    color: #333;
  }
  .color-input {
    width: 50px;
--- a/.hta_slug/dns-tools-get-a-record.php
+++ b/.hta_slug/dns-tools-get-a-record.php
@@ -0,0 +1,34 @@
+<section class="diZContainer diZmxAuto">
+    <h2 class="diZBorderBottom">Ultimate Domain & IP Lookup Tool</h2>
+</section>
+<!-- <p class="diZTextJustify">Discover detailed information about any domain and IP address with ease using Who-Is. Our tool provides instant access to essential data, including ownership, registration details, and more, all in a user-friendly interface designed for efficiency and accuracy.</p> -->
+
+    <form method="post" class="diZToolsSection diZmt4 diZmb4 diZBorderRadius diZPadding5px">
+        <div class="diZFlexRowCol  diZJustifyCenter diZItemsCenter">
+            <input class="diZmr2 diZw70" placeholder="Domain" name="domain" type="text" />
+        </div>
+    </form>
+    <?php
+    if(isset($_POST['domain']) && $_POST['domain']){
+        function validateDomain($domain) {
+            $regex = "/^(?!\-)(?:[a-zA-Z0-9\-]{0,61}[a-zA-Z0-9]\.)+[a-zA-Z]{2,}$/";
+            if (preg_match($regex, $domain)) {
+                return true;
+            } else {
+                return false;
+            }
+        }
+
+        $domain = isset($_POST['domain']) ? $_POST['domain'] : '';
+        if ($domain && validateDomain($domain)) {
+            $command = 'dig '.$_POST['domain'].' A +short';
+            $escaped_command = escapeshellcmd($command);
+            $output = shell_exec($escaped_command);
+            echo '<div class="diZContainer diZmxAuto diZPadding5px"><pre class="diZTextJustify" style="width: fit-content;"> ',$output, '</pre> <br><br></div>';
+        } else {
+            echo "Invalid domain.";
+        }
+    }
+    
+?>
+
--- a/.hta_slug/dns-tools-get-mx-record.php
+++ b/.hta_slug/dns-tools-get-mx-record.php
@@ -0,0 +1,34 @@
+<section class="diZContainer diZmxAuto">
+    <h2 class="diZBorderBottom">Ultimate Domain & IP Lookup Tool</h2>
+</section>
+<!-- <p class="diZTextJustify">Discover detailed information about any domain and IP address with ease using Who-Is. Our tool provides instant access to essential data, including ownership, registration details, and more, all in a user-friendly interface designed for efficiency and accuracy.</p> -->
+
+    <form method="post" class="diZToolsSection diZmt4 diZmb4 diZBorderRadius diZPadding5px">
+        <div class="diZFlexRowCol  diZJustifyCenter diZItemsCenter">
+            <input class="diZmr2 diZw70" placeholder="Domain" name="domain" type="text" />
+        </div>
+    </form>
+    <?php
+    if(isset($_POST['domain']) && $_POST['domain']){
+        function validateDomain($domain) {
+            $regex = "/^(?!\-)(?:[a-zA-Z0-9\-]{0,61}[a-zA-Z0-9]\.)+[a-zA-Z]{2,}$/";
+            if (preg_match($regex, $domain)) {
+                return true;
+            } else {
+                return false;
+            }
+        }
+
+        $domain = isset($_POST['domain']) ? $_POST['domain'] : '';
+        if ($domain && validateDomain($domain)) {
+            $command = 'dig '.$_POST['domain'].' MX +short';
+            $escaped_command = escapeshellcmd($command);
+            $output = shell_exec($escaped_command);
+            echo '<div class="diZContainer diZmxAuto diZPadding5px"><pre class="diZTextJustify" style="width: fit-content;"> ',$output, '</pre> <br><br></div>';
+        } else {
+            echo "Invalid domain.";
+        }
+    }
+    
+?>
+
--- a/.hta_slug/dns-tools-get-ns-record.php
+++ b/.hta_slug/dns-tools-get-ns-record.php
@@ -0,0 +1,34 @@
+<section class="diZContainer diZmxAuto">
+    <h2 class="diZBorderBottom">Ultimate Domain & IP Lookup Tool</h2>
+</section>
+<!-- <p class="diZTextJustify">Discover detailed information about any domain and IP address with ease using Who-Is. Our tool provides instant access to essential data, including ownership, registration details, and more, all in a user-friendly interface designed for efficiency and accuracy.</p> -->
+
+    <form method="post" class="diZToolsSection diZmt4 diZmb4 diZBorderRadius diZPadding5px">
+        <div class="diZFlexRowCol  diZJustifyCenter diZItemsCenter">
+            <input class="diZmr2 diZw70" placeholder="Domain" name="domain" type="text" />
+        </div>
+    </form>
+    <?php
+    if(isset($_POST['domain']) && $_POST['domain']){
+        function validateDomain($domain) {
+            $regex = "/^(?!\-)(?:[a-zA-Z0-9\-]{0,61}[a-zA-Z0-9]\.)+[a-zA-Z]{2,}$/";
+            if (preg_match($regex, $domain)) {
+                return true;
+            } else {
+                return false;
+            }
+        }
+
+        $domain = isset($_POST['domain']) ? $_POST['domain'] : '';
+        if ($domain && validateDomain($domain)) {
+            $command = 'dig '.$_POST['domain'].' NS +short';
+            $escaped_command = escapeshellcmd($command);
+            $output = shell_exec($escaped_command);
+            echo '<div class="diZContainer diZmxAuto diZPadding5px"><pre class="diZTextJustify" style="width: fit-content;"> ',$output, '</pre> <br><br></div>';
+        } else {
+            echo "Invalid domain.";
+        }
+    }
+    
+?>
+
--- a/.hta_slug/geoip_domain.php
+++ b/.hta_slug/geoip_domain.php
@@ -0,0 +1,6 @@
+<?php
+    $isp = geoip_isp_by_name('www.example.com');
+    if ($isp) {
+        echo 'This host IP is from ISP: ' . $isp;
+    }
+?>
--- a/.hta_slug/geolocation.php
+++ b/.hta_slug/geolocation.php
@@ -0,0 +1,54 @@
+<section class="diZContainer diZmxAuto diZmy8">
+    <h2 class="diZBorderBottom">Get Current Location's Latitude & Longitude</h2>
+    <p class="diZTextJustify">The Geolocation Tool is a powerful and user-friendly web application designed to pinpoint your exact geographical location. With just a click, this tool leverages advanced geolocation technology to provide you with accurate latitude and longitude coordinates of your current position</p>
+    <div class="diZFlexColumn  diZItemsCenter diZMaxW500 diZmxAuto diZmy20 toolsSection">
+        <p class="diZDisplayNone" id="copiedNotice"></p>    
+        <div class="diZFlexRow diZItemsCenter diZFlexBetween">
+            <h2 class="" id="demo"></h2>
+            <span title="Click to copy Latitude & Longitude!" onclick="copyToClipboard()" class="diZCursorPointer"><img src="/assets/svg/copy.svg" /></span>
+        </div>
+    </div>
+    <h2>Features:</h2>
+    <ul>
+        <li><strong>Real-Time Location Tracking:</strong> Instantly fetches and displays your current latitude and longitude.</li>
+        <li><strong>User-Friendly Interface:</strong> Simple and intuitive design makes it easy for anyone to use.</li>
+        <li><strong>High Accuracy:</strong> Utilizes modern geolocation APIs to ensure precise location data.</li>
+        <li><strong>Privacy-Conscious:</strong> Only accesses your location when you allow it, ensuring your privacy is respected.</li>
+    </ul>
+</section>
+
+<script>
+const x = document.getElementById("demo");
+const copiedNoticeSection = document.getElementById('copiedNotice');
+
+function getLocation() {
+  if (navigator.geolocation) {
+    navigator.geolocation.getCurrentPosition(showPosition);
+  } else { 
+    x.innerHTML = "Geolocation is not supported by this browser.";
+  }
+}
+getLocation();
+
+function showPosition(position) {
+  x.innerHTML = "Latitude: " + position.coords.latitude + 
+  "<br>Longitude: " + position.coords.longitude;
+}
+
+
+function copyToClipboard() {
+  const copyText = document.getElementById("demo").innerText;
+  const textArea = document.createElement("textarea");
+  textArea.value = copyText;
+  document.body.appendChild(textArea);
+  textArea.select();
+  document.execCommand("copy");
+  document.body.removeChild(textArea);
+  setTimeout(() => {
+    copiedNoticeSection.style.display = 'none';
+  }, 1000);
+  copiedNoticeSection.style.display = 'block';
+  copiedNoticeSection.innerHTML = 'Coordinates copied to clipboard!';
+}
+
+</script>
--- a/.hta_slug/get-a-name.php
+++ b/.hta_slug/get-a-name.php
@@ -0,0 +1,57 @@
+<?php
+// Function to generate a random name
+function generateRandomName($length = 6) {
+    $vowels = array('a', 'e', 'i', 'o', 'u');
+    $consonants = array('b', 'c', 'd', 'f', 'g', 'h', 'j', 'k', 'l', 'm', 'n', 'p', 'r', 's', 't', 'v', 'w', 'x', 'y', 'z');
+
+    $name = '';
+    $is_vowel = mt_rand(0, 1);
+    for ($i = 0; $i < $length; $i++) {
+        $source = $is_vowel ? $vowels : $consonants;
+        $name .= $source[mt_rand(0, count($source) - 1)];
+        $is_vowel = !$is_vowel;
+    }
+    return ucfirst($name);
+}
+
+$randomFirstName = generateRandomName(mt_rand(4, 8));
+$randomLastName = generateRandomName(mt_rand(4, 8));
+?>
+<section class="diZContainer diZmxAuto diZmy8">
+    <h2 class="diZBorderBottom">Get a Random Name</h2>
+    <div class="diZMaxW500 diZFlexColumn diZItemsCenter diZJustifyCenter diZmxAuto toolsSection diZmy20">
+        <span class="diZDisplayNone" id="copiedNoticeName">Copied to clipboard</span>
+        <div class="diZFlexRow diZItemsCenter diZJustifyCenter">
+            <h2 id="randomName"><?php echo $randomFirstName . ' ' . $randomLastName; ?></h2>
+            <span class="diZCursorPointer" onclick="copyNameToClipboard()"><img src="/assets/svg/copy.svg" alt="Copy to Clipboard"></span>
+        </div>
+    </div>
+    <div class="">
+    <h3>Random Name Usage:</h3>
+    <ul>
+        <li class="diZTextJustify diZmt2">Generate random names for testing or placeholder purposes in applications or websites.</li>
+        <li class="diZTextJustify diZmt2">Use randomly generated names in mockups or design prototypes.</li>
+        <li class="diZTextJustify diZmt2">Create unique usernames or profile names in development environments.</li>
+        <li class="diZTextJustify diZmt2">Generate fictional character names for creative writing or gaming applications.</li>
+        <li class="diZTextJustify diZmt2">Provide random names for demo accounts or example data in presentations.</li>
+    </ul>
+</div>
+</section>
+
+<script>
+    function copyNameToClipboard() {
+        var copyText = document.getElementById('randomName');
+        var textArea = document.createElement('textarea');
+        textArea.value = copyText.textContent.trim();
+        document.body.appendChild(textArea);
+        textArea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textArea);
+        
+        var copiedNotice = document.getElementById('copiedNoticeName');
+        copiedNotice.style.display = 'block';
+        setTimeout(function() {
+            copiedNotice.style.display = 'none';
+        }, 1000);
+    }
+</script>
--- a/.hta_slug/get-a-number.php
+++ b/.hta_slug/get-a-number.php
@@ -0,0 +1,61 @@
+<section class="diZContainer diZmxAuto diZmy8">
+    <h2 class="diZBorderBottom">Random Unique Number Generator</h2>
+    <p class="diZTextJustify">This tool generates a random and unique number sequence every time it's called. It combines a random string of digits with a unique identifier based on the current microtime, ensuring that each generated number is both unpredictable and unique. This ensures that generated IDs do not conflict in the future. Use it for various applications where unique identifiers or random tokens are required, such as in cryptographic nonce generation, session identifiers, or unique transaction IDs.</p>
+    <div class="diZmy20">
+        <?php
+            function generateRandomUniqueNumber($length = 10) {
+                $randomNumber = '';
+
+                for ($i = 0; $i < $length; $i++) {
+                    $randomNumber .= mt_rand(0, 9);
+                }
+
+                // Append a unique identifier (based on microtime)
+                $uniqueId = uniqid();
+                $randomUniqueNumber = $randomNumber . $uniqueId;
+
+                return $randomUniqueNumber;
+            }
+            // Usage
+            $randomUniqueNumber = generateRandomUniqueNumber();
+            // echo $randomUniqueNumber;
+        ?>
+        <div class="diZMaxW500 diZFlexColumn diZItemsCenter diZJustifyCenter diZmxAuto toolsSection">
+            <span class="diZDisplayNone" id="copiedNotice">Copied to clipboard</span>
+            <div class="diZFlexRow diZItemsCenter diZJustifyCenter">
+                <h2 id="randomNumber"><?php echo $randomUniqueNumber; ?></h2> &nbsp;
+                <span title="Click to copy Siliconid!" onclick="copyToClipboard()" class="diZCursorPointer"><img src="/assets/svg/copy.svg" /></span>
+            </div>
+        </div>
+        <div>
+            <h3>Usage:</h3>
+            <ul>
+                <li class="diZTextJustify"><strong>Order and Transaction IDs:</strong> Generate unique identifiers for orders and transactions in e-commerce platforms to ensure each transaction is uniquely identified and tracked.</li>
+                <li class="diZTextJustify"><strong>Session IDs:</strong> Use unique numbers as session identifiers in web applications to manage user sessions securely and uniquely.</li>
+                <li class="diZTextJustify"><strong>Cryptographic Nonces:</strong> Generate random tokens for cryptographic nonces in security-sensitive operations to prevent replay attacks and ensure message integrity.</li>
+                <li class="diZTextJustify"><strong>API Tokens:</strong> Create unique tokens for API authentication and authorization purposes, ensuring secure and verifiable access to APIs.</li>
+                <li class="diZTextJustify"><strong>Coupon and Voucher Codes:</strong> Generate unique codes for promotional coupons and vouchers to track redemptions and prevent duplication.</li>
+                <li class="diZTextJustify"><strong>Database Keys:</strong> Generate unique primary keys or identifiers for database records to ensure data integrity and efficient data retrieval.</li>
+                <li class="diZTextJustify"><strong>Logging and Tracking:</strong> Use unique numbers as tracking IDs in logging systems to uniquely identify and trace events or actions within applications.</li>
+                <li class="diZTextJustify"><strong>Password Reset Tokens:</strong> Generate unique tokens for password reset links sent via email to securely verify and authorize password changes.</li>
+            </ul>
+        </div>
+    </div>
+</section>
+<script>
+    function copyToClipboard() {
+        var copyText = document.getElementById('randomNumber');
+        var textArea = document.createElement('textarea');
+        textArea.value = copyText.textContent.trim();
+        document.body.appendChild(textArea);
+        textArea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textArea); //copiedNotice
+        setTimeout(() => {
+            document.getElementById('copiedNotice').style.display = 'none';
+        }, 1000);
+        document.getElementById('copiedNotice').style.display = 'block';
+        
+
+    }
+</script>
--- a/.hta_slug/google-fonts-pair-finder.php
+++ b/.hta_slug/google-fonts-pair-finder.php
--- a/.hta_slug/hex-to-rgb-generator.php
+++ b/.hta_slug/hex-to-rgb-generator.php
@@ -0,0 +1,56 @@
+<div class="diZContainer diZmxAuto">
+<h1 class="diZBorderBottom">HEX to RGB Converter</h1>
+    <div class="diZMaxW600 diZmxAuto toolsSection diZmy20 diZPadding15px">
+        <label for="hex">HEX Color:</label><br><br>
+        <input style="width: 96%;" onchange="visibleColor();" type="text" id="hex" value="#" pattern="^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" required ><br>
+        <br>
+        <div id="result"></div><br>
+        <div class="diZFlexRow">
+            <button id="convert-button" onclick="convertHexToRgb()"><span>Convert</span></button>
+            <button id="copyButton" onclick="copyToClipboard()"><span>Copy</span></button>
+        </div>
+        <div>
+        </div>
+    </div>
+</div>
+
+<script>
+    function hexToRgb(hex) {
+        hex = hex.replace(/^#/, '');
+        if (hex.length === 3) {
+            hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+        }
+        var bigint = parseInt(hex, 16);
+        var r = (bigint >> 16) & 255;
+        var g = (bigint >> 8) & 255;
+        var b = bigint & 255;
+        return [r, g, b];
+    }
+    function visibleColor(){
+        var hexColorCode = document.getElementById('hex').value;
+        document.getElementById('convert-button').style.backgroundColor = hexColorCode;
+    }
+    function convertHexToRgb() {
+        var hexColor = document.getElementById('hex').value;
+        var rgbArray = hexToRgb(hexColor);
+        var red = rgbArray[0];
+        var green = rgbArray[1];
+        var blue = rgbArray[2];
+
+        document.getElementById('result').textContent = "HEX " + hexColor + " is equivalent to RGB(" + red + ", " + green + ", " + blue + ")";
+
+        document.getElementById('copyButton').style.display = 'inline-block';
+    }
+
+    function copyToClipboard() {
+        var rgbText = document.getElementById('result').textContent.split('equivalent to ')[1];
+        var textarea = document.createElement('textarea');
+        textarea.value = rgbText;
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textarea);
+        document.getElementById('copied-notice').style.display = 'block';
+        document.getElementById('copied-notice').innerHTML = 'RGB values copied successfully';
+    }
+</script>
--- a/.hta_slug/html-cleaner.php
+++ b/.hta_slug/html-cleaner.php
@@ -0,0 +1,76 @@
+<section class="diZContainer diZmxAuto diZmy4">
+  <h1 class="diZBorderBottom">HTML Remover</h1>
+  <p class="diZTextJustify">The HTML Remover tool helps you clean text by removing all HTML tags, leaving only plain text. It's perfect for extracting content from HTML code without any formatting.</p>
+  <div class="diZFlexColumn  diZMaxW600 diZmxAuto diZmy20 toolsSection">
+    <div class="diZmt2 diZFlexColumn">
+      <label for="htmlInput">Input Text with HTML:</label>
+      <textarea class="diZTextAreaResizeNone" rows="10" id="htmlInput" placeholder="Paste your text with html here..."></textarea>
+    </div>
+    <div class="diZFlexColumn diZItemsCenter">
+      <button class="diZmt2 " onclick="cleanHTML()"><span>Remove</span></button>
+    </div>
+    <div class="diZmt2 diZFlexColumn">
+      <label for="cleanedHTML">Cleaned Text:</label>
+      <textarea class="diZTextAreaResizeNone" rows="10" id="cleanedHTML" readonly placeholder="Cleaned Text will appear here..."></textarea>
+    </div>
+    <p class="diZDisplayNone" id="copied-notice"></p>
+    <div class="diZFlexColumn diZItemsCenter">
+      <button class="diZmt2 " onclick="copyToClipboard()"><span>Copy</span></button>
+    </div>
+  </div>
+  <div>
+  <!-- diZwFit diZJustifyCenter diZItemsCenter -->
+    <h3>Usage:</h3>
+    <ul>
+        <li><strong>Enter Text with HTML:</strong> Paste your desired text with HTML into the text area provided.</li>
+        <li><strong>Remove HTML:</strong> Click the "Remove" button to clean the text, stripping out all HTML tags.</li>
+        <li><strong>View Cleaned Text:</strong> The cleaned, plain text will appear in the output text area below.</li>
+        <li><strong>Copy Cleaned Text:</strong> Click the "Copy" button to copy the cleaned text to your clipboard.</li>
+    </ul>
+    
+    <h3>Features:</h3>
+    <ul>
+        <li>Effortlessly removes all HTML tags from the input text.</li>
+        <li>Provides a user-friendly interface for inputting and viewing text.</li>
+        <li>Includes a copy function to quickly copy the cleaned text to your clipboard.</li>
+        <li>Displays a notification when the text is successfully copied to the clipboard.</li>
+    </ul>
+    
+    <h3>Example Use Cases:</h3>
+    <ul>
+        <li>Writers and editors extracting plain text content from HTML-formatted documents.</li>
+        <li>Developers cleaning up text before using it in applications or databases.</li>
+        <li>Content creators preparing text for use in plain text editors or word processors.</li>
+    </ul>
+</div>
+</section>
+<script>
+  function cleanHTML() {
+      const inputHTML = document.getElementById("htmlInput").value;
+      
+      // Create a temporary element to hold the input HTML
+      const tempDiv = document.createElement("div");
+      tempDiv.innerHTML = inputHTML;
+      
+      // Remove all HTML tags
+      const plainText = tempDiv.textContent || tempDiv.innerText || "";
+      
+      document.getElementById("cleanedHTML").value = plainText;
+  }
+
+  function copyToClipboard() {
+      const cleanedHTML = document.getElementById("cleanedHTML").value;
+      navigator.clipboard.writeText(cleanedHTML)
+          .then(() => {
+              document.getElementById('copied-notice').style.display = 'block';
+              document.getElementById('copied-notice').innerHTML = 'Text copied to clipboard!';
+            setTimeout(() => {
+              document.getElementById('copied-notice').style.display = 'none';
+            }, 1000);
+              
+          })
+          .catch(err => {
+              // console.error('Failed to copy: ', err);
+          });
+  }
+</script>
--- a/.hta_slug/html-decode.php
+++ b/.hta_slug/html-decode.php
@@ -0,0 +1,36 @@
+<section class="diZContainer diZmxAuto ">
+    <h1 class="diZBorderBottom">HTML Decoder</h1>
+    <div class="diZMaxW600 diZmxAuto toolsSection diZmy20">
+        <div class="diZFlexColumn diZJustifyCenter">
+            <textarea class="diZScrollBarNone" rows="10" id="encodedText" placeholder="Enter encoded HTML here..."></textarea>
+            <div></div>
+            <button class="diZmt4 diZmxAuto" onclick="decodeHtml()"><span>Decode</span></button>
+            <textarea class="diZmt4 diZScrollBarNone" rows="10" id="decodedText" readonly placeholder="Decoded HTML will appear here..."></textarea>
+            <button class="diZmt4 diZmxAuto" id="copyButton" onclick="copyToClipboard()"><span>Copy</span></button>
+        </div>
+    </div>
+</section>    
+
+<script>
+    function decodeHtml() {
+        const encodedInput = document.getElementById('encodedText').value;
+        const textarea = document.createElement('textarea');
+        textarea.innerHTML = encodedInput;
+        const decoded = textarea.value;
+        document.getElementById('decodedText').value = decoded;
+    }
+
+    function copyToClipboard() {
+        const decodedText = document.getElementById('decodedText');
+        decodedText.select();
+        decodedText.setSelectionRange(0, 99999); // For mobile devices
+        document.execCommand('copy');
+        let copyButtons = document.getElementById('copyButton');
+        copyButtons.innerHTML = 'Copied to clipboard!';
+        setTimeout(() => {
+            copyButtons.innerHTML = 'Copy';
+        }, 2000);
+        
+        // alert('Decoded HTML copied to clipboard!');
+    }
+</script>
--- a/.hta_slug/html-encode.php
+++ b/.hta_slug/html-encode.php
@@ -0,0 +1,40 @@
+<?php
+    require_once('.htac_header.php');
+?>
+<section class="diZContainer diZmxAuto diZmy20">
+    <div class="diZMaxW600 diZmxAuto toolsSection">
+        <h1>HTML Encoder</h1>
+        <div class="diZFlexColumn">
+            <textarea class="diZScrollBarNone" rows="10" id="inputText" placeholder="Enter HTML code here..."></textarea>
+
+            <button class="diZmt4 diZmxAuto" onclick="encodeHtml()"><span>Encode</span></button>
+
+            <textarea class="diZmt4 diZScrollBarNone" rows="10" id="outputText" readonly placeholder="Encoded HTML will appear here..."></textarea>
+
+            <button class="diZmt4 diZmxAuto" id="copyButton" onclick="copyToClipboard()"><span>Copy</span></button>
+        </div>
+    </div>
+</section>   
+    <script>
+        function encodeHtml() {
+            const input = document.getElementById('inputText').value;
+            const encoded = input.replace(/[\u00A0-\u9999<>&'"]/gim, function(i) {
+                return '&#' + i.charCodeAt(0) + ';';
+            });
+            document.getElementById('outputText').value = encoded;
+        }
+
+        function copyToClipboard() {
+        const encodedText = document.getElementById('outputText');
+        encodedText.select();
+        encodedText.setSelectionRange(0, 99999); // For mobile devices
+        document.execCommand('copy');
+        let copyButtons = document.getElementById('copyButton');
+        copyButtons.innerHTML = 'Copied to clipboard!';
+        setTimeout(() => {
+            copyButtons.innerHTML = 'Copy';
+        }, 2000);
+        
+        // alert('Decoded HTML copied to clipboard!');
+    }
+    </script>
--- a/.hta_slug/image-compressor.php
+++ b/.hta_slug/image-compressor.php
@@ -0,0 +1,75 @@
+<section class="diZContainer diZmxAuto ">
+    <h1 class="diZBorderBottom">Image Compression Tool</h1>
+    <div class="toolsSection diZMaxW600 diZmxAuto diZmy20">
+        <div>
+            <input type="file" id="imageInput" accept="image/*">
+        </div>
+        <div>
+            <label for="qualityInput">Compression Quality:</label>
+            <div class="diZFlexRow">
+                <input class="diZw100" type="range" id="qualityInput" min="1" max="100" step="1" value="10" />&nbsp;
+                <span id="qualityValue">10%</span>
+            </div>
+        </div>
+        <div class="image-preview">
+            <img id="preview" src="" alt="" style="width: 100%;" />
+            <span id="imageSize" class="image-size"></span>
+        </div>
+        <div class="diZFlexBetween">
+            <button class="comp-button" onclick="compressImage()"><span>Compress Image</span></button>
+            <a class="diZDisplayNone diZButtonDefault" id="downloadLink" href="#" download="compressed_image.jpg"><span>Download Compressed Image</span></a>
+        </div>
+    </div>
+</section>
+
+<script>
+function compressImage() {
+    const fileInput = document.getElementById('imageInput');
+    const file = fileInput.files[0];
+
+    if (!file) {
+        alert('Please select an image file.');
+        return;
+    }
+
+    const reader = new FileReader();
+
+    reader.onload = function(event) {
+        const image = new Image();
+        image.src = event.target.result;
+
+        image.onload = function() {
+            const canvas = document.createElement('canvas');
+            const ctx = canvas.getContext('2d');
+
+            canvas.width = image.width;
+            canvas.height = image.height;
+            console.log(image.width)
+            ctx.drawImage(image, 0, 0);
+
+            const qualityInput = document.getElementById('qualityInput');
+            const qualityValue = parseFloat(qualityInput.value) / 100; // Normalize quality value to range 0-1
+
+            canvas.toBlob(function(blob) {
+                const url = URL.createObjectURL(blob);
+                const preview = document.getElementById('preview');
+                const downloadLink = document.getElementById('downloadLink');
+
+                preview.src = url;
+                downloadLink.href = url;
+                downloadLink.style.display = 'flex';
+
+                const imageSizeSpan = document.getElementById('imageSize');
+                const compressedSize = (blob.size / 1024).toFixed(2); // Convert bytes to kilobytes and round to 2 decimal places
+                imageSizeSpan.textContent = `Compressed Image Size: ${compressedSize} KB`;
+            }, 'image/jpeg', qualityValue); // Pass normalized quality value to toBlob
+        };
+    };
+
+    reader.readAsDataURL(file);
+}
+
+document.getElementById('qualityInput').addEventListener('input', function() {
+    document.getElementById('qualityValue').textContent = this.value + "%";
+});
+</script>
--- a/.hta_slug/image-to-base64-converter.php
+++ b/.hta_slug/image-to-base64-converter.php
@@ -0,0 +1,40 @@
+<section class="diZContainer diZmxAuto">
+    <h2 class="diZBorderBottom">Convert Image to Base64</h2>
+    <div class="diZMaxW600 diZmxAuto toolsSection diZmy20">
+        <div class="diZFlexColumn ">
+            <input type="file" class="image-input diZmt2" accept="image/*">
+            <textarea rows="10" class="base64-textarea diZmt2" readonly></textarea>
+            <p class="diZDisplayNone diZTextCenter diZmt2" id="copied-notice"></p>
+            <div class="diZmt2" id="preview" ></div>
+            <button class="copy-button diZmt2 diZmxAuto"><span>Copy Base64</span></button>
+        </div>
+    </div>
+</section>
+
+
+<script>
+    document.querySelector('.image-input').addEventListener('change', function() {
+        var file = this.files[0];
+        if (file) {
+            var reader = new FileReader();
+            reader.onload = function(e) {
+                var base64 = e.target.result;
+                var img = document.createElement('img');
+                img.src = base64;
+                img.style.width = '100%';
+                document.getElementById('preview').innerHTML = '';
+                document.getElementById('preview').appendChild(img);
+                document.querySelector('.base64-textarea').value = base64;
+            };
+            reader.readAsDataURL(file);
+        }
+    });
+
+    document.querySelector('.copy-button').addEventListener('click', function() {
+        var base64TextArea = document.querySelector('.base64-textarea');
+        base64TextArea.select();
+        document.execCommand('copy');
+        document.getElementById('copied-notice').style.display = 'block';
+        document.getElementById('copied-notice').innerHTML = 'Base64 copied to clipboard!';
+    });
+</script>
--- a/.hta_slug/json-formatter.php
+++ b/.hta_slug/json-formatter.php
@@ -0,0 +1,109 @@
+
+<section class="diZContainer diZmxAuto diZmy8">
+<h1 class="diZBorderBottom">JSON Formatter</h1>
+    <div class="diZFlexRowCol">
+        <div class="diZw100 jsonCustomHeight diZFlexColumn diZJsonInputBorder diZBorderRadius5px diZmr2">
+            <textarea oninput="parseJSON()" id="jsonInput" class="diZJsonInput diZScrollBarNone" rows="40" placeholder="Enter JSON here"></textarea><br>
+        </div>
+        <div class="diZw100 jsonCustomHeight diZFlexColumn diZJsonInputBorder diZBorderRadius5px">
+            <div id="output" class="diZJsonViewer"></div>
+        </div>
+    </div>
+    <div class="diZFloatRight diZFlexRow diZJustifyCenter diZItemsCenter">
+        <p class=" diZJsonKey" id="countArray">Array Length: 0</p>
+        <button class="diZmt4 diZmb4 diZml2" onclick="copyToClipboard()"><span>Copy JSON</span></button>
+        <button class="diZmt4 diZmb4 diZml2" onclick="downloadJsonData()"><span>Download JSON</span></button>
+    </div>
+    
+</section>
+<script>
+    function parseJSON() {
+        const input = document.getElementById('jsonInput').value;
+        const outputElement = document.getElementById('output');
+        outputElement.innerHTML = ''; // Clear previous output
+       
+        try {
+            const parsedData = JSON.parse(input);
+            outputElement.appendChild(createTreeView(parsedData));
+            let totalObjects = parsedData.length;
+            document.getElementById('countArray').innerHTML = 'Array Length: '+ totalObjects;
+        } catch (error) {
+            outputElement.textContent = 'Error parsing JSON: ' + error.message;
+        }
+    }
+
+    function createTreeView(data) {
+        const container = document.createElement('div');
+
+        if (typeof data === 'object' && data !== null) {
+            const ul = document.createElement('ul');
+            ul.className = 'diZJsonUl';
+            for (const key in data) {
+                if (data.hasOwnProperty(key)) {
+                    const li = document.createElement('li');
+                    li.className = 'diZJsonLi';
+                    const keySpan = document.createElement('span');
+                    keySpan.className = 'diZJsonKey';
+                    keySpan.textContent = `${key}: `;
+
+                    const valueSpan = document.createElement('span');
+                    if (typeof data[key] === 'object' && data[key] !== null) {
+                        const childContainer = createTreeView(data[key]);
+                        li.appendChild(keySpan);
+                        li.appendChild(childContainer);
+                    } else {
+                        if (typeof data[key] === 'string') {
+                            valueSpan.className = 'diZJsonString';
+                            valueSpan.textContent = `"${data[key]}"`;
+                        } else {
+                            valueSpan.className = 'diZJsonValue';
+                            valueSpan.textContent = data[key];
+                        }
+                        li.appendChild(keySpan);
+                        li.appendChild(valueSpan);
+                    }
+                    ul.appendChild(li);
+                }
+            }
+            container.appendChild(ul);
+        } else {
+            const span = document.createElement('span');
+            if (typeof data === 'string') {
+                span.className = 'diZJsonString';
+                span.textContent = `"${data}"`;
+            } else {
+                span.className = 'diZJsonValue';
+                span.textContent = data;
+            }
+            container.appendChild(span);
+        }
+
+        return container;
+    }
+
+    function copyToClipboard() {
+        const input = document.getElementById('jsonInput').value;
+        navigator.clipboard.writeText(input).then(() => {
+            console.log('JSON copied to clipboard!');
+        }, (err) => {
+            console.log('Failed to copy JSON: ', err);
+        });
+    }
+    function downloadJsonData() {
+        const jsonData = document.getElementById('jsonInput').value;
+        let jsonObject;
+        try {
+            jsonObject = JSON.parse(jsonData);
+        } catch (error) {
+            console.log('Invalid JSON data');
+            return;
+        }
+        const jsonString = JSON.stringify(jsonObject, null, 2);
+        const blob = new Blob([jsonString], { type: 'application/json' });
+        const downloadLink = document.createElement('a');
+        downloadLink.href = URL.createObjectURL(blob);
+        downloadLink.download = 'json-data.json';
+        downloadLink.click();
+        URL.revokeObjectURL(downloadLink.href);
+    }
+</script>
--- a/.hta_slug/letter-case-converter.php
+++ b/.hta_slug/letter-case-converter.php
@@ -0,0 +1,104 @@
+<section class="diZContainer diZmxAuto">
+    <h2 class="diZBorderBottom">Case Converter</h2>
+    <p class="diZTextJustify">The Letter Case Converter tool allows you to effortlessly change the case of your text to Uppercase, Lowercase, or Title Case. Whether you're writing a document, formatting code, or preparing content for publication, this tool provides a quick and easy way to ensure your text is in the desired case format.</p>
+    <div class="diZMaxW600 diZmxAuto toolsSection diZmt20 ">
+        <form class="diZFlexColumn">
+            <label class="" for="inputString">Input Text:</label>
+            <textarea id="inputString" class="diZTextAreaResizeNone" name="inputString" rows="8" oninput="convertCase()"></textarea>
+            <div class="diZFlexBetween diZmt4">
+                <div class="caseOptionButton diZButtonDefault" onclick="setActive(this)" data-case="uppercase"><span>Uppercase</span></div>
+                <div class="caseOptionButton diZButtonDefault" onclick="setActive(this)" data-case="lowercase"><span>Lowercase</span></div>
+                <div class="caseOptionButton diZButtonDefault" onclick="setActive(this)" data-case="titlecase"><span>Titlecase</span></div>
+            </div>
+        </form>
+        <div class="diZFlexColumn">
+            <textarea  id="result" rows="7" readonly class="result-cc diZTextAreaResizeNone diZmt4"></textarea>
+            <p class="diZDisplayNone diZmt4" id="copied-notice"></p>
+            <button type="button" class="copy-button-cc diZmt4 diZmxAuto" onclick="copyToClipboard()"><span>Copy</span></button>
+        </div>
+    </div>
+    <div class="diZmb20">
+        <h3>Usage:</h3>
+        <ul>
+            <li><strong>Enter Text:</strong> Input your desired text into the text area provided.</li>
+            <li><strong>Choose Case Conversion:</strong> Select the type of conversion you want: Uppercase, Lowercase, or Title Case.</li>
+            <!-- <li><strong>Convert Text:</strong> Click the "Convert" button to apply the selected case transformation to your text.</li> -->
+            <li><strong>Copy Converted Text:</strong> Once converted, the text will appear in the output text area. Click the "Copy" button to copy it to your clipboard.</li>
+            <li><strong>Paste and Use:</strong> Paste the copied text into your document, email, or any other text field where you need the transformed text.</li>
+        </ul>
+        
+        <h3>Features:</h3>
+        <ul>
+            <li>Converts text to uppercase.</li>
+            <li>Converts text to lowercase.</li>
+            <li>Converts text to title case.</li>
+            <li>Provides instant feedback with a "Text copied to clipboard!" notification upon copying.</li>
+        </ul>
+        
+        <h3>Example Use Cases:</h3>
+        <ul>
+            <li>Writers ensuring consistent capitalization in their documents.</li>
+            <li>Developers needing text transformations for various programming tasks.</li>
+            <li>Students formatting essays and assignments according to specific case requirements.</li>
+            <li>Content creators adjusting the text case for social media posts, emails, or presentations.</li>
+        </ul>
+    </div>
+</section>
+<script>
+    function convertCase() {
+        var inputString = document.getElementById("inputString").value;
+        var targetCase = document.querySelector('.caseOptionButton.active').getAttribute('data-case');
+        var result = document.getElementById("result");
+
+        if (inputString.trim() === "") {
+            result.value = "Please enter a string.";
+            return;
+        }
+
+        if (targetCase === 'uppercase') {
+            result.value = inputString.toUpperCase();
+        } else if (targetCase === 'lowercase') {
+            result.value = inputString.toLowerCase();
+        } else if (targetCase === 'titlecase') {
+            result.value = inputString.replace(/\w\S*/g, function (txt) {
+                return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+            });
+        } else {
+            result.value = "Invalid target case specified.";
+        }
+    }
+
+    function setActive(button) {
+        var buttons = document.querySelectorAll('.caseOptionButton');
+        buttons.forEach(function(btn) {
+            btn.classList.remove('active');
+        });
+        button.classList.add('active');
+
+        convertCase();
+    }
+
+    function copyToClipboard() {
+        var result = document.getElementById("result");
+        var range = document.createRange();
+        range.selectNode(result);
+        window.getSelection().removeAllRanges();
+        window.getSelection().addRange(range);
+        document.execCommand("copy");
+        window.getSelection().removeAllRanges();
+        // alert("Copied to clipboard!");
+
+        setTimeout(() => {
+            document.getElementById('copied-notice').style.display = 'none';
+        }, 1000);
+        document.getElementById('copied-notice').style.display = 'block';
+        document.getElementById('copied-notice').innerHTML = 'Copied to clipboard!';
+    }
+</script>
+<style>
+    .active{
+        border: 2px solid #4caf50;
+        background: transparent;
+        color: #4caf50;
+    }
+</style>
--- a/.hta_slug/letter-counter.php
+++ b/.hta_slug/letter-counter.php
@@ -0,0 +1,148 @@
+
+<section class="diZContainer diZmxAuto">
+    <h1 class="diZBorderBottom">Text Counter</h1>
+    <div class="diZMaxW600 diZmxAuto diZmyAuto diZFlexColumn toolsSection diZmt20">
+        <label for="inputText">Enter your text:</label><br>
+        <textarea class="" rows="10" id="inputText" placeholder="Type your text here..." oninput="countTextMetrics()" style="resize: vertical;"></textarea>
+        <div>
+          <p>Total letters: <span id="letterCount">0</span></p>
+          <p>Total words: <span id="wordCount">0</span></p>
+          <p>Total sentences: <span id="sentenceCount">0</span></p>
+          <p>Total paragraphs: <span id="paragraphCount">0</span></p>
+        </div>
+    </div>
+</section>
+<section class="diZContainer diZmxAuto diZmb20">
+  <div>
+      <h2 class="diZBorderBottom">Content Limitations</h2>
+      <table class="diZw70 diZmxAuto">
+          <tr>
+              <th class="diZTableBorder diZPadding5px">Name</th>
+              <th class="diZTableBorder diZPadding5px">Min/Max</th>
+              <th class="diZTableBorder diZPadding5px">Limit</th>
+              <th class="diZTableBorder diZPadding5px">Type</th>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Meta Title</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">55</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Meta Description</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">160</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Google Ideal Post Content</td>
+              <td class="diZTableBorder diZPadding5px">Min</td>
+              <td class="diZTableBorder diZPadding5px">300</td>
+              <td class="diZTableBorder diZPadding5px">Word</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Instagram Captions/Comments</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">2200</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Twitter Post</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">280</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Twitter Username</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">20</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Facebook Wall Post (Truncation)</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">477</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Facebook Wall Post (All)</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">63206</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Facebook Comment</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">8000</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Facebook Page Description</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">255</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Facebook Username</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">50</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Facebook Messenger Message</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">20000</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">YouTube Video Title</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">70</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">YouTube Video Description</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">5000</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Snapchat Caption</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">250</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+          <tr>
+              <td class="diZTableBorder diZPadding5px">Pinterest Pin Description</td>
+              <td class="diZTableBorder diZPadding5px">Max</td>
+              <td class="diZTableBorder diZPadding5px">500</td>
+              <td class="diZTableBorder diZPadding5px">Letter</td>
+          </tr>
+      </table>
+  </div>
+</section>
+
+    <script>
+        function countTextMetrics() {
+            const text = document.getElementById('inputText').value;
+
+            // Count letters
+            const letterCount = text.replace(/[^a-zA-Z]/g, '').length;
+            document.getElementById('letterCount').textContent = letterCount;
+
+            // Count words
+            const words = text.split(/\s+/).filter(word => word.length > 0);
+            const wordCount = words.length;
+            document.getElementById('wordCount').textContent = wordCount;
+
+            // Count sentences
+            const sentences = text.split(/[.!?]+/).filter(sentence => sentence.trim().length > 0);
+            const sentenceCount = sentences.length;
+            document.getElementById('sentenceCount').textContent = sentenceCount;
+
+            // Count paragraphs
+            const paragraphs = text.split(/\n\n+/).filter(paragraph => paragraph.trim().length > 0);
+            const paragraphCount = paragraphs.length;
+            document.getElementById('paragraphCount').textContent = paragraphCount;
+        }
+    </script>
--- a/.hta_slug/location-ip-to-location.php
+++ b/.hta_slug/location-ip-to-location.php
@@ -0,0 +1,118 @@
+<?php
+    require '.hta_lib/vendors/maxmind-db-reader/vendor/autoload.php';
+?>
+<section class="diZContainer diZmxAuto diZmy8">
+    <h1 class="diZBorderBottom">IP Information</h1>
+    <p>This tool provides detailed geographical and ISP information for a given IP address using the GeoIP2.</p>
+    <?php
+        use GeoIp2\Database\Reader;
+        if (isset($_GET['ip'])) {
+            try {
+                $reader = new Reader('.hta_lib/data/GeoLite2-City.mmdb');
+                $reader2 = new Reader('.hta_lib/data/GeoLite2-ASN.mmdb');
+
+                $records = $reader->city($_GET['ip']);
+                $records2 = $reader2->asn($_GET['ip']);
+                // var_dump($records2);
+                $country = $records->country->name ?? null;
+                $state = $records->mostSpecificSubdivision->name ?? null;
+                $city = $records->city->name ?? null;
+                $region = $records->subdivisions[0]->name ?? null;
+                $timezone = $records->location->timeZone ?? null;
+
+                $data = [
+                    'ip' => $_GET['ip'],
+                    'country' => $records->country->name ?? null,
+                    'country_iso_code' => $records->country->iso_code ?? null,
+                    'state' => $records->mostSpecificSubdivision->name ?? null,
+                    'state_iso_code' => $records->mostSpecificSubdivision->iso_code ?? null,
+                    'city' => $records->city->name ?? null,
+                    'region' => $records->subdivisions[0]->name ?? null,
+                    'timezone' => $records->location->timeZone ?? null,
+                    'latitude' => $records->location->latitude ?? null,
+                    'longitude' => $records->location->longitude ?? null,
+                    'postal_code' => $records->postal->code ?? null,
+                    'continent' => $records->continent->name ?? null,
+                    'asn' => $records2->autonomousSystemNumber ?? null,
+                    'isp' => $records2->autonomousSystemOrganization ?? null,
+                ];
+                $dataArray = [$data]; // Wrap in an array if it's a single record.
+    ?>
+                    <div class="diZGridCols1-3">
+    <?php
+                        foreach ($dataArray as $record) { // Ensure you loop through an array
+                            if (is_array($record)) { // Check if record is an array
+    ?>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>IP:</strong> <?php echo $record['ip']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>Continent:</strong> <?php echo $record['continent']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>Country:</strong> <?php echo $record['country']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>State:</strong> <?php echo $record['state']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>City:</strong> <?php echo $record['city']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>Region:</strong> <?php echo $record['region']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>Timezone:</strong> <?php echo $record['timezone']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>Latitude:</strong> <?php echo $record['latitude']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>Longitude:</strong> <?php echo $record['longitude']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>Postal Code:</strong> <?php echo $record['postal_code']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>ASN:</strong> <?php echo $record['asn']; ?></h3>
+                                <h3 style="border-bottom: 1px solid #808080;"><strong>ISP:</strong> <?php echo $record['isp']; ?></h3>
+    <?php 
+                            } else {
+                                echo '<p>Invalid data format</p><br>';
+                                echo '<div class="diZFlexColumn diZmxAuto diZJustifyCenter diZItemsCenter">
+                                <a class="diZButtonDenger " href="/tools/location-ip-to-location">Back</a>
+                            </div>';
+                            }
+                        } 
+    ?>
+                    </div>
+                    <div class="diZFlexColumn diZmxAuto diZJustifyCenter diZItemsCenter">
+                        <a class="diZButtonDenger " href="/tools/location-ip-to-location">Back</a>
+                    </div>
+    <?php
+                // Echoing the data as JSON
+                // echo json_encode($data);
+            } catch (Exception $e) {
+                echo json_encode(['error' => $e->getMessage()]);
+                echo '<div class="diZFlexColumn diZmxAuto diZJustifyCenter diZItemsCenter">
+                <a class="diZButtonDenger " href="/tools/location-ip-to-location">Back</a>
+            </div>';
+            }
+        } else { 
+    ?>
+                <div class="diZMaxW600 diZw100 diZmxAuto toolsSection diZFlexColumn diZmy20"><br>
+                    <form method="get" class="diZFlexColumn">
+                        <label for="ip">IP Address:</label>
+                        <div class="diZFlexColumn">
+                            <input class="diZPadding5px" type="text" name="ip" id="ip" placeholder="Enter IP Address" />
+                            <button class="diZmxAuto diZmt4" type="submit"><span>Check IP Details</span></button>
+                        </div>
+                    </form><br>
+                </div>
+            <!-- echo json_encode(['error' => 'Invalid parameters']); diZw100 -->
+        <?php
+        }
+    ?>
+    <div>
+        <h3>Usage:</h3>
+        <ul>
+            <li><strong>Enter IP Address:</strong> Input the IP address you wish to check in the provided query parameter.</li>
+            <li><strong>Check Location:</strong> Send a request with the IP address to retrieve and display the geographical and ISP information.</li>
+            <li><strong>View Results:</strong> The location and ISP details will be displayed in a structured format, showing country, city, region, ASN, ISP, and other relevant information.</li>
+        </ul>
+        
+        <h3>Features:</h3>
+        <ul>
+            <li>Uses MaxMind GeoLite2 databases for accurate geo-location and ISP information.</li>
+            <li>Displays detailed geographical information including continent, country, state, city, and region.</li>
+            <li>Provides additional information such as timezone, latitude, longitude, and postal code.</li>
+            <li>Displays Autonomous System Number (ASN) and Internet Service Provider (ISP) details.</li>
+        </ul>
+        <h3>Example Use Cases:</h3>
+        <ul>
+            <li>Network administrators tracking the location of IP addresses accessing their networks.</li>
+            <li>Security professionals analyzing IP addresses for potential threats.</li>
+            <li>Developers building applications that require IP-based location services.</li>
+            <li>Marketers tailoring content based on the geographic location of their audience.</li>
+        </ul>
+    </div>
+</section> 
--- a/.hta_slug/md5-decryption.php
+++ b/.hta_slug/md5-decryption.php
@@ -0,0 +1,94 @@
+<?php 
+    require_once ('.hta_config/db_config.php'); 
+?>
+<section class="diZContainer diZmxAuto diZmy8">
+    <h2 class="diZBorderBottom">MD5 Decryption</h2>
+    <p class="diZTextJustify">The MD5 Decryption Tool is designed to help you decrypt MD5 hashes. It searches a pre-existing database for the original text corresponding to a given MD5 hash and retrieves it if available. This tool is especially useful for developers and security professionals who need to quickly look up the original value of an MD5 hash.</p>
+    <div class="diZMaxW600 diZmxAuto toolsSection diZmy20">
+        <?php 
+            if ($_SERVER["REQUEST_METHOD"] == "POST") {
+                try {
+                    $db = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
+                    $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+                    $stmt = $db->prepare("SELECT * FROM md5_data WHERE md5 = :md5");
+                    $stmt->bindParam(':md5', $_POST["md5-hash"]);
+                    $stmt->execute();
+                    $result = $stmt->fetch(PDO::FETCH_ASSOC);
+                    
+                    if ($result) {
+                        echo '  <div class="">
+                                    <p>Given MD5 Vlue: </p>
+                                    <p class="diZDisplayNone" id="copied-notice"></p>
+                                    <div class="diZFlexColumn">
+                                    <textarea class="diZTextAreaResizeNone" rows="8" id="output" readonly>'.$result['value'].'</textarea><br>
+                                    <button class="diZmxAuto" id="copyButton" onclick="copyOutputText()"><span>Copy</span></button>
+                                    </div>
+                                </div>';
+                            echo '
+                                <script>
+                                    function copyOutputText() {
+                                        const outputText = document.getElementById(\'output\').value;
+                                        const textarea = document.createElement(\'textarea\');
+                                        textarea.value = outputText;
+                                        document.body.appendChild(textarea);
+                                        textarea.select();
+                                        document.execCommand(\'copy\');
+                                        document.body.removeChild(textarea);
+                                        document.getElementById(\'copied-notice\').style.display = \'block\';
+                                        document.getElementById(\'copied-notice\').innerHTML = \'MD5 value copied to clipboard!\';
+                                    }
+                                </script>';
+                    } else {
+                        echo '<div>
+                                <div>
+                                    <p>No data found for the given MD5 hash </p>
+                                    <div>
+                                        <button class="" id="" onclick="tryAgain()">Try Again</button>
+                                    </div>
+                                </div>
+                            </div>';
+                            echo '  <script>
+                                        function tryAgain() {
+                                            window.location.href="/tools/md5-decryption";
+                                        }
+                                    </script>' ;
+                        // echo json_encode(array('success' => false, 'message' => 'No data found for the given MD5 hash'));
+                    }
+                } catch (PDOException $e) {
+                    echo json_encode(array('success' => false, 'message' => 'Database error: ' . $e->getMessage()));
+                    exit();
+                }
+            }else{
+                echo '  <form method="post" action="" class="diZFlexColumn">
+                            <label for="md5-hash" class="custom-label">Enter MD5 Hash:</label><br>
+                            <textarea id="md5-hash" name="md5-hash" class="diZTextAreaResizeNone" rows="8"></textarea><br>
+                            <button class="diZmxAuto" type="submit"><span>Convert MD5</span></button>
+                        </form>';
+            }
+        ?> 
+    </div>
+    <div>
+        <h3>Usage:</h3>
+        <ul>
+            <li><strong>Enter MD5 Hash:</strong> Input the MD5 hash you want to decrypt into the provided text area.</li>
+            <li><strong>Decrypt MD5:</strong> Click the "Convert MD5" button to initiate the search for the corresponding value in the database.</li>
+            <li><strong>View and Copy Result:</strong> If a matching value is found, it will be displayed in the output area. Click the "Copy" button to copy the result to your clipboard.</li>
+            <li><strong>Try Again:</strong> If no matching value is found, click the "Try Again" button to search for another MD5 hash.</li>
+        </ul>
+        
+        <h3>Features:</h3>
+        <ul>
+            <li>Simple and user-friendly interface for easy MD5 hash decryption.</li>
+            <li>Instantly displays the original text if found in the database.</li>
+            <li>Copy functionality to quickly copy the decrypted text to your clipboard.</li>
+            <li>Notification message to indicate successful copying of the decrypted text.</li>
+        </ul>
+        
+        <h3>Example Use Cases:</h3>
+        <ul>
+            <li>Developers verifying the integrity of files by comparing original text and its MD5 hash.</li>
+            <li>Security professionals analyzing hashed data to check for common vulnerabilities.</li>
+            <li>Researchers decrypting MD5 hashes for data analysis purposes.</li>
+        </ul>
+    </div>
+</section>
--- a/.hta_slug/md5-encryption.php
+++ b/.hta_slug/md5-encryption.php
@@ -0,0 +1,101 @@
+<?php 
+    // require_once ('.hta_config/siliconpin_sp.php'); 
+    if ($_SERVER["REQUEST_METHOD"] == "POST") {
+        
+        $md5_hash = md5($_POST["md5-text"]);
+        try {
+            $db = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
+            $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
+            $stmt = $db->prepare("INSERT INTO md5_data (md5, value) VALUES (:md5, :value)");
+            $stmt->bindParam(':md5', $md5_hash);
+            $stmt->bindParam(':value', $_POST["md5-text"]);
+            $stmt->execute();
+            echo '  <div class="diZContainer diZmxAuto">
+                        <h2 class="diZBorderBottom">Generate MD5 Hash</h2>
+                        <p>The MD5 Hash Generator tool allows you to quickly and easily generate an MD5 hash from any text input. This is useful for creating checksums, storing passwords securely, or any other application where a unique hash representation of your data is needed.</p>
+                        <div class="diZMaxW600 diZmxAuto diZmy20 toolsSection">
+                            <div class="diZFlexColumn diZJustifyCenter ">
+                                <div>
+                                    <p>Converted MD5: </p>
+                                    <p id="copied-notice"></p>
+                                    <div class="diZFlexColumn">
+                                        <input id="output" type="text" readonly value="'.$md5_hash.'" /><br>
+                                        <button class="diZmxAuto" id="copyButton" onclick="copyOutputText()"><span>Copy</span></button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>';
+                echo '
+                    <script>
+                        function copyOutputText() {
+                            const outputText = document.getElementById(\'output\').value;
+                            const textarea = document.createElement(\'textarea\');
+                            textarea.value = outputText;
+                            document.body.appendChild(textarea);
+                            textarea.select();
+                            document.execCommand(\'copy\');
+                            document.body.removeChild(textarea);
+                            document.getElementById(\'copied-notice\').style.display = \'block\';
+                            document.getElementById(\'copied-notice\').innerHTML = \'MD5 copied to clipboard!\';
+                        }
+                    </script>';
+            // echo json_encode(array('success' => true, 'message' => 'Data inserted successfully'));
+            // echo '<script>window.location.href="/admin/add-content";</script>';
+        } catch (PDOException $e) {
+            echo json_encode(array('success' => false, 'message' => 'Database error: ' . $e->getMessage()));
+            exit();
+        }
+    }else{
+        echo '<section class="diZContainer diZmxAuto">
+                <h2 class="diZBorderBottom">Generate MD5 Hash</h2>
+                <div class="diZMaxW600 diZmxAuto diZmy20 toolsSection">
+                    <form method="post" class="diZFlexColumn diZJustifyCenter "><br>
+                        <label for="md5-text" class="">Enter Text Convert to MD5:</label><br>
+                        <textarea name="md5-text" id="md5-text" rows="10"></textarea><br>
+                        <button class="diZmxAuto" type="submit"><span>Generate MD5 Hash</span></button>
+                    </form>
+                </div>
+            </section>';
+    }
+?>
+<div class="diZContainer diZmxAuto">
+    <h3>Usage:</h3>
+    <ul>
+        <li><strong>Enter Text:</strong> Input your desired text into the text area provided.</li>
+        <li><strong>Generate MD5 Hash:</strong> Click the "Generate MD5 Hash" button to convert the text into an MD5 hash.</li>
+        <li><strong>Copy Hash:</strong> Once generated, the hash will appear in the output text area. Click the "Copy" button to copy it to your clipboard.</li>
+        <li><strong>Paste and Use:</strong> Paste the copied hash directly into your application, database, or any other place where you need an MD5 hash.</li>
+    </ul>
+    
+    <h3>Features:</h3>
+    <ul>
+        <li>Generates a unique MD5 hash from any input text.</li>
+        <li>Displays the generated hash in a read-only text area for easy copying.</li>
+        <li>Provides a "Copy" button to quickly copy the generated hash to the clipboard.</li>
+        <li>Includes error handling to manage database insertion issues gracefully.</li>
+    </ul>
+    
+    <h3>Example Use Cases:</h3>
+    <ul>
+        <li>Web developers creating checksums for file verification.</li>
+        <li>Security professionals storing passwords securely in a database.</li>
+        <li>Software engineers ensuring data integrity by generating unique hashes for sensitive data.</li>
+    </ul>
+</div>
+
+
+
+<!-- <script>
+       function copyOutputText() {
+        const outputText = document.getElementById('output').value;
+        const textarea = document.createElement('textarea');
+        textarea.value = outputText;
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textarea);
+        document.getElementById('copied-notice').style.display = 'block';
+        document.getElementById('copied-notice').innerHTML = 'Output text copied to clipboard!';
+    }
+</script> -->
--- a/.hta_slug/multiple-whitespace-remover.php
+++ b/.hta_slug/multiple-whitespace-remover.php
@@ -0,0 +1,41 @@
+<section class="diZContainer diZmxAuto">
+    <h2 class="diZBorderBottom">Remove Multiple Whitespace</h2>
+    <div class="diZMaxW600 diZFlexColumn diZmxAuto diZmy20 toolsSection">
+        <textarea class="textarea-text" id="textInput" rows="10" placeholder="Enter text here..."></textarea>
+        <button class="diZmt2 diZmxAuto" onclick="processText()"><span>Remove</span></button>
+        <div class="diZFlexColumn diZDisplayNone diZmt2" id="after-procces">
+            <textarea class="textarea-text" id="output" rows="10" readonly></textarea>
+            <p class="diZDisplayNone diZTextCenter" id="copied-notice"></p>
+            <button class="diZmt2 diZmxAuto" id="copyButton" onclick="copyOutputText()"><span>Copy</span></button>
+        </div>
+    </div>
+</section>
+
+<script>
+    function removeMultipleWhitespace(text) {
+        return text.replace(/\s+/g, ' ').trim();
+    }
+
+    function processText() {
+        const inputText = document.getElementById('textInput').value;
+        const cleanedText = removeMultipleWhitespace(inputText);
+        document.getElementById('output').value = cleanedText;
+        document.getElementById('after-procces').style.display = 'flex';
+    }
+
+    function copyOutputText() {
+        const outputText = document.getElementById('output').value;
+        const textarea = document.createElement('textarea');
+        textarea.value = outputText;
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textarea);
+        const copiedNotice = document.getElementById('copied-notice');
+        copiedNotice.style.display = 'block';
+        copiedNotice.innerHTML = 'Output text copied to clipboard!';
+        setTimeout(() => {
+            copiedNotice.style.display = 'none';
+        }, 2000);
+    }
+</script>
--- a/.hta_slug/mx-lookup.php
+++ b/.hta_slug/mx-lookup.php
@@ -0,0 +1,36 @@
+<section class="diZContainer diZmxAuto">
+    <h2 class="diZBorderBottom">Domain MX Information Viewer</h2>
+    <p class="diZTextJustify diZmb4">The Domain MX Information Viewer is a powerful and easy-to-use tool designed to help IT professionals and website administrators retrieve detailed mail exchange (MX) records for any given domain. Simply enter a domain name, and this tool will perform a DNS lookup to fetch and display the MX records, providing insights into the domain's email routing information.</p>
+    <form method="post" class="diZToolsSection diZmt4 diZmb4 diZBorderRadius diZPadding5px ">
+        <div class="diZFlexRowCol  diZJustifyCenter diZItemsCenter">
+            <input class="diZmr2 diZw70" placeholder="Domain Name" id="Domain" name="domain" type="text" required />
+            <button class="diZmr2" type="submit"><span>Check</span></button>
+        </div>
+    </form>
+    <?php
+        if (isset($_POST['domain']) && $_POST['domain']) {
+            function validateDomain($domain) {
+                return filter_var($domain, FILTER_VALIDATE_DOMAIN, FILTER_FLAG_HOSTNAME);
+            }
+
+            $domain = $_POST['domain'];
+            if (validateDomain($domain)) {
+                $command = escapeshellcmd('dig ' . $domain . ' MX');
+                $output = shell_exec($command);
+                echo '<div class="diZContainer diZmxAuto diZPadding5px"><pre>' . htmlspecialchars($output, ENT_QUOTES, 'UTF-8') . '</pre></div>';
+            } else {
+                echo '<div class="diZContainer diZmxAuto diZPadding5px">Invalid domain.</div>';
+            }
+        }
+    ?>
+    <div class="diZmy20">
+        <h3>Key Features:</h3>
+        <ul>
+            <li><strong>Accurate Domain Validation:</strong> Ensures the entered domain name is valid and properly formatted.</li>
+            <li><strong>Secure Processing:</strong> Utilizes command sanitization and output encoding to prevent security vulnerabilities like command injection and cross-site scripting (XSS).</li>
+            <li><strong>Instant Results:</strong> Quickly retrieves and displays MX records for the specified domain.</li>
+            <li><strong>User-Friendly Interface:</strong> Simplified input form for easy use without the need for additional styling.</li>
+        </ul>
+        <p>This tool is ideal for those seeking quick and reliable MX record information to manage and troubleshoot email delivery issues effectively.</p>
+    </div>
+</section>
--- a/.hta_slug/ns-lookup.php
+++ b/.hta_slug/ns-lookup.php
@@ -0,0 +1,32 @@
+    <section class="diZContainer diZmxAuto">
+        <h2 class="diZBorderBottom">Domain DNS Information Viewer</h2>
+    </section>
+    <!-- <p class="diZTextJustify">NS Lookup simplifies checking DNS records. Enter any domain to instantly retrieve and explore its DNS details, including A, AAAA, MX, CNAME records, and more. Ideal for IT professionals and website administrators seeking quick and accurate DNS insights.</p> -->
+    <form method="post" class="diZToolsSection diZmt4 diZmb4 diZBorderRadius diZPadding5px">
+        <div class="diZFlexRowCol  diZJustifyCenter diZItemsCenter">
+            <input class="diZmr2 diZw70" placeholder="Domain Name" name="domain" type="text" />
+            <button class="diZmr2" type="submit" value="Check"><span>Check</span></button>
+        </div>
+    </form>
+    <?php
+        if(isset($_POST['domain']) && $_POST['domain']){
+            function validateDomain($domain) {
+                $regex = "/^(?!\-)(?:[a-zA-Z0-9\-]{0,61}[a-zA-Z0-9]\.)+[a-zA-Z]{2,}$/";
+                if (preg_match($regex, $domain)) { 
+                    return true;
+                } else {
+                    return false;
+                }
+            }
+            $domain = isset($_POST['domain']) ? $_POST['domain'] : '';
+            if ($domain && validateDomain($domain)) {
+                $command = 'dig '.$_POST['domain']. ' NS';
+                $escaped_command = escapeshellcmd($command);
+                $output = shell_exec($escaped_command);
+                echo '<div class="diZContainer diZmxAuto diZPadding5px"><pre class="diZTextJustify" style="width: fit-content;"> ',$output, '</pre> <br><br></div>';
+            } else {
+                echo "Invalid domain.";
+            }
+        }
+    ?>
+
--- a/.hta_slug/open-graph-meta-generator.php
+++ b/.hta_slug/open-graph-meta-generator.php
@@ -0,0 +1,250 @@
+<section class="diZContainer diZmxAuto diZmy4">
+    <h1 class="diZBorderBottom">Open Graph Meta Generator</h1>
+    <p class="diZTextJustify">The Open Graph Meta Generator is a tool designed to help web developers and content creators easily generate meta tags for optimizing content sharing on social media platforms like Facebook and Twitter. By filling out a simple form, users can create the necessary Open Graph and Twitter meta tags to enhance the visibility and appearance of their web pages when shared online.</p>
+    <div class="diZFlexColumn diZMaxW600 diZmxAuto diZmy20 toolsSection">
+        <form class="diZFlexColumn" id="metaForm">
+            <div class="diZFlexColumn diZmt2">
+                <label for="ogTitle" class="form-label">Title:</label>
+                <input type="text" id="ogTitle" name="ogTitle" class="" required>
+            </div>
+            <div class="diZFlexColumn diZmt2">
+                <label for="ogDescription" class="form-label">Description:</label>
+                <textarea id="ogDescription" name="ogDescription" class="diZTextAreaResizeNone" rows="4" required></textarea>
+            </div>
+            <div class="diZFlexColumn diZmt2">
+                <label for="ogImage" class="form-label">Image URL:</label>
+                <input type="text" id="ogImage" name="ogImage" class="" required>
+            </div>
+            <div class="diZFlexColumn diZmt2">
+                <label for="ogUrl" class="form-label">URL:</label>
+                <input type="text" id="ogUrl" name="ogUrl" class="" required>
+            </div>
+            <div class="diZFlexColumn diZmt2">
+                <label for="author" class="form-label">Author:</label>
+                <input type="text" id="author" name="author" class="" required>
+            </div>
+            <div class="diZFlexColumn diZmt2">
+                <label for="keywords" class="form-label">Keywords:</label>
+                <input type="text" id="keywords" name="keywords" class="" required>
+            </div>
+            <div class="diZFlexColumn diZmt2">
+                <label for="twitterTitle" class="form-label">Twitter Title:</label>
+                <input type="text" id="twitterTitle" name="twitterTitle" class="" required>
+            </div>
+            <div class="diZFlexColumn diZmt2">
+                <label for="twitterDescription" class="form-label">Twitter Description:</label>
+                <textarea id="twitterDescription" name="twitterDescription" class="diZTextAreaResizeNone" rows="4" required></textarea>
+            </div>
+            <div class="diZFlexColumn diZmt2">
+                <label for="twitterImage" class="form-label">Twitter Image URL:</label>
+                <input type="text" id="twitterImage" name="twitterImage" class="" required>
+            </div>
+            <div class="diZFlexColumn diZmt2">
+                <label for="twitterCard" class="form-label">Twitter Card Type:</label>
+                <select id="twitterCard" name="twitterCard" class="" required>
+                    <option value="summary">Summary</option>
+                    <option value="summary_large_image">Summary Large Image</option>
+                </select>
+            </div>
+            <div class="diZFlexColumn diZmt2">
+                <div class="diZDisplayNone generated-meta-tags" id="generatedMetaTags"></div>
+                <p class="diZDisplayNone" id="copied-notice"></p>
+            </div>
+            <div class="diZFlexBetween diZmt2">
+                <button type="submit" class="button-style"><span>Generate</span></button>
+                <button id="copyButton" class="button-style" onclick="copyToClipboard()"><span>Copy</span></button>
+            </div>
+        </form>
+    </div>
+    <h2 class="diZBorderBottom">Content Limitations</h2>
+    <p>Understanding the character and word limits for various platforms and meta tags is crucial for optimizing your content. The following table provides a comprehensive guide to these limitations, ensuring that your content adheres to the best practices for SEO and social media sharing.</p>
+    <table class="diZw70 diZmxAuto">
+    <tr>
+      <th class="diZTableBorder diZPadding5px">Name</th>
+      <th class="diZTableBorder diZPadding5px">Min/Max</th>
+      <th class="diZTableBorder diZPadding5px">Limit</th>
+      <th class="diZTableBorder diZPadding5px">Type</th>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Meta Title</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">55</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Meta Description</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">160</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Google Ideal Post Content</td>
+      <td class="diZTableBorder diZPadding5px">Min</td>
+      <td class="diZTableBorder diZPadding5px">300</td>
+      <td class="diZTableBorder diZPadding5px">Word</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Instagram Captions/Comments</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">2200</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Twitter Post</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">280</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Twitter Username</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">20</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Facebook Wall Post (Truncation)</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">477</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Facebook Wall Post (All)</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">63206</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Facebook Comment</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">8000</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Facebook Page Description</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">255</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Facebook Username</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">50</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Facebook Messenger Message</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">20000</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">YouTube Video Title</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">70</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">YouTube Video Description</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">5000</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Snapchat Caption</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">250</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+    <tr>
+      <td class="diZTableBorder diZPadding5px">Pinterest Pin Description</td>
+      <td class="diZTableBorder diZPadding5px">Max</td>
+      <td class="diZTableBorder diZPadding5px">500</td>
+      <td class="diZTableBorder diZPadding5px">Letter</td>
+    </tr>
+  </table>
+  <div>
+    <h3>Usage:</h3>
+    <ul>
+        <li><strong>Enter Information:</strong> Input the required information, including Title, Description, Image URL, URL, Author, Keywords, Twitter Title, Twitter Description, Twitter Image URL, and Twitter Card Type, into the respective fields in the form.</li>
+        <li><strong>Generate Meta Tags:</strong> Click the "Generate" button to create the Open Graph and Twitter meta tags based on the provided information.</li>
+        <li><strong>Copy Meta Tags:</strong> The generated meta tags will appear in the output area. Click the "Copy" button to copy the meta tags to your clipboard.</li>
+        <li><strong>Paste and Use:</strong> Paste the copied meta tags into the head section of your HTML document to enhance your webpage's social media integration and SEO.</li>
+    </ul>
+
+    <h3>Features:</h3>
+    <ul>
+        <li>Generates Open Graph meta tags for improved social media sharing.</li>
+        <li>Generates Twitter meta tags for optimized content sharing on Twitter.</li>
+        <li>Provides a clear and user-friendly form to input all necessary information.</li>
+        <li>Includes a "Copy to Clipboard" function for easy integration into your HTML code.</li>
+        <li>Displays a "Meta tags copied to clipboard!" notification upon copying.</li>
+    </ul>
+
+    <h3>Example Use Cases:</h3>
+    <ul>
+        <li>Web developers optimizing websites for social media sharing.</li>
+        <li>Content creators ensuring their articles and posts are displayed attractively on social media platforms.</li>
+        <li>SEO specialists enhancing webpage metadata for better search engine rankings.</li>
+        <li>Bloggers and marketers improving the visibility and engagement of their content on social media.</li>
+    </ul>
+</div>
+
+</section>
+
+<script>
+    const form = document.getElementById('metaForm');
+    const generatedMetaTags = document.getElementById('generatedMetaTags');
+    const copiedNotice = document.getElementById('copied-notice');
+
+    form.addEventListener('submit', function(event) {
+        event.preventDefault();
+
+        const ogTitle = document.getElementById('ogTitle').value.trim();
+        const ogDescription = document.getElementById('ogDescription').value.trim();
+        const ogImage = document.getElementById('ogImage').value.trim();
+        const ogUrl = document.getElementById('ogUrl').value.trim();
+        const author = document.getElementById('author').value.trim();
+        const keywords = document.getElementById('keywords').value.trim();
+        const twitterTitle = document.getElementById('twitterTitle').value.trim();
+        const twitterDescription = document.getElementById('twitterDescription').value.trim();
+        const twitterImage = document.getElementById('twitterImage').value.trim();
+        const twitterCard = document.getElementById('twitterCard').value.trim();
+
+        const metaTags = `
+            <title>${ogTitle}</title>
+            <meta name="description" content="${ogDescription}">
+            <meta name="keywords" content="${keywords}">
+            <meta name="author" content="${author}">
+            <meta property="og:title" content="${ogTitle}">
+            <meta property="og:description" content="${ogDescription}">
+            <meta property="og:image" content="${ogImage}">
+            <meta property="og:url" content="${ogUrl}">
+            <meta name="twitter:title" content="${twitterTitle}">
+            <meta name="twitter:description" content="${twitterDescription}">
+            <meta name="twitter:image" content="${twitterImage}">
+            <meta name="twitter:card" content="${twitterCard}">
+        `;
+        
+        if(metaTags.length > 20) {
+            generatedMetaTags.style.display = "block";
+        }
+        
+        generatedMetaTags.innerText = `${metaTags}`;
+    });
+
+    function copyToClipboard() {
+        const metaTags = document.getElementById('generatedMetaTags');
+        const textarea = document.createElement('textarea');
+        textarea.value = metaTags.innerText;
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textarea);
+        copiedNotice.style.display = 'block';
+        copiedNotice.innerHTML = 'Meta tags copied to clipboard!';
+
+        setTimeout(() => {
+            copiedNotice.style.display = 'none';
+        }, 3000);
+    }
+</script>
--- a/.hta_slug/pdf-to-image.php
+++ b/.hta_slug/pdf-to-image.php
@@ -23,7 +23,7 @@

    <form method="post" enctype="multipart/form-data">
        <input type="file" name="pdfFile" accept=".pdf">
-        <button type="submit" name="submit">Upload PDF</button>
+        <button type="submit" name="submit"><span>Upload PDF</span></button>
    </form>

    <?php
--- a/.hta_slug/png-to-svg.php
+++ b/.hta_slug/png-to-svg.php
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Image to ICO Converter</title>
+<style>
+  body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    margin-top: 50px;
+  }
+  #fileInput {
+    margin-bottom: 20px;
+  }
+</style>
+</head>
+<body>
+  <h1>Image to ICO Converter</h1>
+  <input type="file" id="fileInput" accept="image/*">
+  <br>
+  <button id="convertButton"><span>Convert to ICO</span></button>
+  <br><br>
+  <a id="downloadLink" style="display: none;" download="icon.ico">Download ICO</a>
+
+  <script src="icojs.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const fileInput = document.getElementById('fileInput');
+      const convertButton = document.getElementById('convertButton');
+      const downloadLink = document.getElementById('downloadLink');
+
+      convertButton.addEventListener('click', function() {
+        if (fileInput.files.length > 0) {
+          const file = fileInput.files[0];
+
+          // Check if file is an image
+          if (file.type.startsWith('image/')) {
+            const reader = new FileReader();
+
+            reader.onload = function(e) {
+              const img = new Image();
+              img.onload = function() {
+                // Create a canvas to draw the image
+                const canvas = document.createElement('canvas');
+                canvas.width = img.width;
+                canvas.height = img.height;
+                const ctx = canvas.getContext('2d');
+                ctx.drawImage(img, 0, 0, img.width, img.height);
+
+                // Convert canvas to ICO format
+                const ico = new ICO();
+                ico.add(canvas.toDataURL('image/png')); // Add PNG image data
+
+                // Generate ICO file blob
+                const icoBlob = ico.build();
+
+                // Update download link
+                const url = URL.createObjectURL(icoBlob);
+                downloadLink.href = url;
+                downloadLink.style.display = 'inline-block';
+              };
+              img.src = e.target.result;
+            };
+
+            reader.readAsDataURL(file);
+          } else {
+            alert('Please upload an image file.');
+          }
+        } else {
+          alert('Please select a file to convert.');
+        }
+      });
+    });
+  </script>
+</body>
+</html>
--- a/.hta_slug/qr-code.php
+++ b/.hta_slug/qr-code.php
--- a/.hta_slug/random-password-generator.php
+++ b/.hta_slug/random-password-generator.php
@@ -0,0 +1,74 @@
+<?php
+$time = time();
+$gen_pass = rand(100, 360) . $time . rand(100, 999);
+$rand_pass = base_convert($gen_pass, 10, 36);
+?>
+
+<section class="diZContainer diZmxAuto diZmy8">
+  <h1 class="diZBorderBottom">Get a random password</h1>
+  <p class="diZTextJustify">This tool generates a random password consisting of alphanumeric characters, ideal for creating secure credentials quickly. It combines a random numeric value with the current timestamp, converting the result into a base-36 string format for enhanced security and uniqueness.</p>
+  <div class="diZMaxW600 diZmxAuto diZmy20 diZFlexColumn toolsSection">
+      <p class="diZDisplayNone" id="copied-notice"></p>
+      <div class="diZFlexRow diZItemsCenter diZJustifyCenter">
+        <h2>Password: <span id="randPassword"><?php echo $rand_pass; ?></span></h2>&nbsp;
+        <span class="diZCursorPointer" onclick="copyToClipboard()"><img src="/assets/svg/copy.svg" alt="Copy to Clipboard"></span>
+      </div>
+  </div>
+  <div>   
+    <h3>Usage:</h3>
+    <ul>
+        <li><strong>Generate Random Password:</strong> Click the "Get a random password" button to generate a new, unique password.</li>
+        <li><strong>Copy Password to Clipboard:</strong> Once generated, the password will display below the button.</li>
+        <li><strong>Click the Copy Icon:</strong> Click the copy icon next to the password to copy it to your clipboard.</li>
+        <li><strong>Paste and Use:</strong> Paste the copied password into any application, login form, or document where a secure password is required.</li>
+    </ul>
+    
+    <h3>Features:</h3>
+    <ul>
+        <li><strong>Randomized Generation:</strong> Each password is dynamically generated using random numbers and timestamps.</li>
+        <li><strong>Secure Base-36 Conversion:</strong> Converts the generated value into a base-36 string format for enhanced security.</li>
+        <li><strong>Clipboard Integration:</strong> Allows easy copying of the generated password with a single click.</li>
+    </ul>
+    
+    <h3>Example Use Cases:</h3>
+    <ul>
+        <li><strong>User Accounts:</strong> Quickly generate secure passwords for new user registrations or account setups.</li>
+        <li><strong>Password Resets:</strong> Provide users with randomly generated passwords for password recovery processes.</li>
+        <li><strong>Secure Access:</strong> Ideal for securing sensitive information and access credentials across various platforms.</li>
+    </ul>
+</div>
+
+</section>
+<script>
+  function copyToClipboard() {
+    var copyText = document.getElementById('randPassword').innerText; // Get the text content
+    var textArea = document.createElement('textarea');
+    
+    // Place the text in the textarea
+    textArea.value = copyText;
+    
+    // Make the textarea hidden
+    textArea.style.position = 'fixed';
+    textArea.style.opacity = 0;
+    
+    // Append the textarea to the body
+    document.body.appendChild(textArea);
+    
+    // Select and copy the text
+    textArea.select();
+    document.execCommand('copy');
+    
+    // Remove the textarea from the DOM
+    document.body.removeChild(textArea);
+    
+    // Show copied notice
+    var notice = document.getElementById('copied-notice');
+    notice.style.display = 'block';
+    notice.textContent = 'Text copied to clipboard!';
+    
+    // Hide notice after 1 second
+    setTimeout(function() {
+      notice.style.display = 'none';
+    }, 1000);
+  }
+</script>
--- a/.hta_slug/rgb-to-hex-generator.php
+++ b/.hta_slug/rgb-to-hex-generator.php
@@ -1,26 +1,27 @@
-<div style="padding-bottom: 350px;">
-    <div class="container-dzx">
-        <h1>RGB to HEX Converter</h1>
-        <label for="red">Red:</label><br>
-        <input type="number" id="red" min="0" max="255" required>
-        <br>
-        <label for="green">Green:</label><br>
-        <input type="number" id="green" min="0" max="255" required>
-        <br>
-        <label for="blue">Blue:</label><br>
-        <input type="number" id="blue" min="0" max="255" required>
-        <br>
-        <button class="button-style" onclick="convert()">Convert</button>
-        <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; place-items: center;">
-            <div id="result"></div>
-            <div>
-                <button id="copyButton" style="display: none; padding: 5px 10px 5px 10px; background-color: #7d7d7d; border-radius: 5px;" onclick="copyToClipboard()">Copy</button>
-            </div>
+<section class="diZContainer diZmxAuto diZmt8">
+    <h1 class="diZBorderBottom">RGB to HEX Converter</h1>
+    <div class="diZmxAuto toolsSection diZMaxW600 diZmy20" >
+        <div class="diZFlexColumn"><br>
+            <label for="red">Red:</label>
+            <input style="width: 97%;" type="number" id="red" min="0" max="255" required>
        </div>
-        <span style="display: none;" id="copied-notice"></span>
-        
+        <div class="diZFlexColumn"><br>
+            <label for="green">Green:</label>
+            <input style="width: 97%;" type="number" id="green" min="0" max="255" required>
+        </div>
+        <div class="diZFlexColumn"><br>
+            <label for="blue">Blue:</label>
+            <input style="width: 97%;" type="number" id="blue" min="0" max="255" required>
+        </div>
+        <div id="result"></div>
+        <div class="diZFlexBetween">
+            <button class="" onclick="convert()"><span>Convert</span></button>
+            <button id="copyButton" onclick="copyToClipboard()"><span>Copy</span></button>
+        </div>
+        <span class="diZDisplayNone" id="copied-notice"></span>
    </div>
-</div>
+</section>
+<!-- diZJustifyCenter diZItemsCenter -->
 <script>
    function rgbToHex(r, g, b) {
        r = Math.max(0, Math.min(255, r));
--- a/.hta_slug/screen-recorder.php
+++ b/.hta_slug/screen-recorder.php
@@ -0,0 +1,126 @@
+<?php
+    require_once('.htac_header.php');
+?>
+<div class="diZMaxW600 diZmxAuto diZFlexColumn diZmb20">
+    <h1 class="diZTextCenter diZBorderBottom">Screen Recorder</h1>
+    <div class="diZFlexRow ">
+        <button class="diZSpaceR" id="start"><span>Start Recording</span></button>
+        <button class="diZSpaceR" id="stop" disabled><span>Stop Recording</span></button>
+        <button class="diZSpaceR" id="download" disabled><span>Download Recording</span></button>
+    </div>
+    <div class="diZTextCenter diZmb4 diZmt4" id="timer">Duration: 00:00:00</div>
+    <video class="diZw100" id="video" muted controls autoplay></video>
+</div>
+<script>
+    const startButton = document.getElementById('start');
+    const stopButton = document.getElementById('stop');
+    const downloadButton = document.getElementById('download');
+    const video = document.getElementById('video');
+    const timer = document.getElementById('timer');
+
+    let mediaRecorder;
+    let recordedChunks = [];
+    let startTime;
+    let timerInterval;
+
+    function formatTime(time) {
+        const hours = String(Math.floor(time / 3600)).padStart(2, '0');
+        const minutes = String(Math.floor((time % 3600) / 60)).padStart(2, '0');
+        const seconds = String(time % 60).padStart(2, '0');
+        return `${hours}:${minutes}:${seconds}`;
+    }
+
+    function startTimer() {
+        startTime = Date.now();
+        timerInterval = setInterval(() => {
+            const elapsedTime = Math.floor((Date.now() - startTime) / 1000);
+            timer.textContent ='Duration: ' + formatTime(elapsedTime);
+        }, 1000);
+    }
+
+    function stopTimer() {
+        clearInterval(timerInterval);
+    }
+
+    startButton.addEventListener('click', async () => {
+        if (!navigator.mediaDevices || !navigator.mediaDevices.getDisplayMedia) {
+            console.log('getDisplayMedia is not supported in your browser.');
+            return;
+        }
+
+        try {
+            const stream = await navigator.mediaDevices.getDisplayMedia({
+                video: { mediaSource: 'screen' },
+                audio: true // Enable audio recording
+            });
+
+            // Show live video feed in the video element
+            video.srcObject = stream;
+
+            mediaRecorder = new MediaRecorder(stream);
+
+            mediaRecorder.ondataavailable = (event) => {
+                if (event.data.size > 0) {
+                    console.log('Data available:', event.data.size);
+                    recordedChunks.push(event.data);
+                }
+            };
+
+            mediaRecorder.onstop = () => {
+                console.log('Recording stopped. Creating blob.');
+                if (recordedChunks.length > 0) {
+                    const blob = new Blob(recordedChunks, {
+                        type: 'video/webm'
+                    });
+                    const url = URL.createObjectURL(blob);
+                    video.src = url;
+                    downloadButton.href = url;
+                    downloadButton.download = 'recording.webm';
+                    downloadButton.disabled = false;
+                } else {
+                    console.error('No recorded data available.');
+                }
+            };
+
+            mediaRecorder.start();
+            startTimer();
+
+            startButton.disabled = true;
+            stopButton.disabled = false;
+            downloadButton.disabled = true;
+        } catch (error) {
+            console.error('Error: ' + error);
+        }
+    });
+
+    stopButton.addEventListener('click', () => {
+        if (mediaRecorder && mediaRecorder.state !== 'inactive') {
+            mediaRecorder.stop();
+            stopTimer();
+
+            startButton.disabled = false;
+            stopButton.disabled = true;
+        } else {
+            console.error('No active recording to stop.');
+        }
+    });
+
+    downloadButton.addEventListener('click', () => {
+        if (recordedChunks.length > 0) {
+            const blob = new Blob(recordedChunks, {
+                type: 'video/webm'
+            });
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.style.display = 'none';
+            a.href = url;
+            a.download = 'recording.webm';
+            document.body.appendChild(a);
+            a.click();
+            window.URL.revokeObjectURL(url);
+            recordedChunks = [];
+        } else {
+            console.error('No data available for download.');
+        }
+    });
+</script>
--- a/.hta_slug/slug-generator.php
+++ b/.hta_slug/slug-generator.php
@@ -0,0 +1,71 @@
+<section class="diZContainer diZmxAuto diZmy8">
+    <h1 class="diZBorderBottom">Slug Generator</h1>
+    <p class="diZTextJustify">The Slug Generator tool allows you to easily create SEO-friendly slugs from your input text. A slug is a URL-friendly version of a string, typically used in web addresses to identify a specific page or resource. This tool converts any text you input into a lowercase string, removes special characters, and replaces spaces with hyphens to generate a clean and readable URL slug.</p>
+    <div class="diZMaxW600 diZmxAuto diZmy20 diZFlexColumn toolsSection">
+        <textarea class="diZTextAreaResizeNone" placeholder="Enter text" id="inputText" rows="6"></textarea> <br>
+        <button class="diZmxAuto" onclick="generateSlug()"><span>Generate Slug</span></button>
+        <p id="copied-notice" class="diZDisplayNone"></p>
+        <textarea id="slugOutput" class="diZTextAreaResizeNone diZDisplayNone diZmy4" rows="6"></textarea>
+        <button id="copyBtn" class="diZDisplayNone diZmxAuto" onclick="copyToClipboard()"><span>Copy Slug</span></button>
+    </div>
+    <div>
+        <h3>Usage:</h3>
+        <ul>
+            <li><strong>Enter Text:</strong> Input your desired text into the text area provided.</li>
+            <li><strong>Generate Slug:</strong> Click the "Generate Slug" button to convert the text into a URL-friendly slug.</li>
+            <li><strong>Copy Slug:</strong> Once generated, the slug will appear in the output text area. Click the "Copy Slug" button to copy it to your clipboard.</li>
+            <li><strong>Paste and Use:</strong> Paste the copied slug directly into your web application, blog post, or any other content management system (CMS) where you need a URL slug.</li>
+        </ul>
+        
+        <h3>Features:</h3>
+        <ul>
+            <li>Converts text to lowercase.</li>
+            <li>Removes special characters and replaces spaces with hyphens.</li>
+            <li>Provides instant feedback with a "Slug copied to clipboard!" notification upon copying.</li>
+        </ul>
+        
+        <h3>Example Use Cases:</h3>
+        <ul>
+            <li>Bloggers creating SEO-friendly URLs for their articles.</li>
+            <li>Developers generating slugs for dynamic content pages.</li>
+            <li>Content managers ensuring consistency and readability in URL structures.</li>
+        </ul>
+    </div>
+</section>
+<script>
+    function generateSlug() {
+        const inputText = document.getElementById('inputText').value;
+        const slugOutput = document.getElementById('slugOutput');
+        // Generate slug
+        const slug = inputText.trim().toLowerCase().replace(/[^\w\s-]/g, '').replace(/\s+/g, '-');
+
+        // Update output textarea and display copy button
+        if (slug.length > 0) {
+            document.getElementById('copyBtn').style.display = 'block';
+            slugOutput.style.display = 'block';
+            slugOutput.value = slug;
+        } else {
+            document.getElementById('copyBtn').style.display = 'none';
+            slugOutput.style.display = 'none';
+        }
+    }
+
+    function copyToClipboard() {
+        const slugOutput = document.getElementById('slugOutput');
+        const textArea = document.createElement('textarea');
+        textArea.value = slugOutput.value;
+        document.body.appendChild(textArea);
+        textArea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textArea);
+
+        // Show copied notice
+        document.getElementById('copied-notice').innerHTML = 'Slug copied to clipboard!';
+        document.getElementById('copied-notice').style.display = 'block';
+
+        // Hide notice after 1 second
+        setTimeout(() => {
+            document.getElementById('copied-notice').style.display = 'none';
+        }, 1000);
+    }
+</script>
--- a/.hta_slug/speed-test.php
+++ b/.hta_slug/speed-test.php
@@ -5,7 +5,7 @@
 </head>
 <body>
    <h1>Internet Speed Test</h1>
-    <button onclick="runSpeedTest()">Run Speed Test</button>
+    <button onclick="runSpeedTest()"><span>Run Speed Test</span></button>
    <div id="result"></div>

    <script>
--- a/.hta_slug/toml-to-json.php
+++ b/.hta_slug/toml-to-json.php
@@ -0,0 +1,128 @@
+<div class="tomljson-container">
+    <div class="tomljson-box">
+        <h2 class="tomljson-title">TOML to JSON Converter</h2>
+        <textarea cols="45" rows="8" class="tomljson-input" placeholder="Paste TOML here..."></textarea>
+        <div class="tomljson-button-group">
+            <button class="tomljson-convert-btn">Convert</button>
+            <button class="tomljson-copy-btn">Copy JSON</button>
+        </div>
+
+        <h3 class="tomljson-output-title">JSON Output:</h3>
+        <pre class="tomljson-output"></pre>
+    </div>
+</div>
+<script type="module">
+    import * as TOML from 'https://cdn.jsdelivr.net/npm/toml@3.0.0/+esm';
+
+    document.addEventListener("DOMContentLoaded", () => {
+        document.querySelector(".tomljson-convert-btn").addEventListener("click", () => {
+            try {
+                const tomlData = document.querySelector(".tomljson-input").value;
+                const jsonData = TOML.parse(tomlData);
+                document.querySelector(".tomljson-output").textContent = JSON.stringify(jsonData, null, 2);
+            } catch (error) {
+                document.querySelector(".tomljson-output").textContent = "Error: " + error.message;
+            }
+        });
+
+        document.querySelector(".tomljson-copy-btn").addEventListener("click", () => {
+            const jsonOutput = document.querySelector(".tomljson-output").textContent;
+            navigator.clipboard.writeText(jsonOutput).then(() => {
+                document.querySelector(".tomljson-copy-btn").textContent = "Copied!";
+                setTimeout(() => document.querySelector(".tomljson-copy-btn").textContent = "Copy JSON", 2000);
+            });
+        });
+    });
+</script>
+
+<style>
+
+    .tomljson-container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        margin: 100px 0
+    }
+
+    .tomljson-box {
+        background: #2c2c2c;
+        padding: 25px;
+        border-radius: 10px;
+        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
+        max-width: 450px;
+        width: 100%;
+        text-align: center;
+    }
+
+    .tomljson-title {
+        font-size: 22px;
+        font-weight: bold;
+        margin-bottom: 15px;
+        color: #ffffff;
+    }
+
+    .tomljson-input {
+        /* width: 100%; */
+        background: #3c3c3c;
+        color: #ffffff;
+        border: 1px solid #555;
+        border-radius: 5px;
+        /* padding: 12px; */
+        font-size: 14px;
+        resize: none;
+    }
+
+    .tomljson-button-group {
+        display: flex;
+        justify-content: center;
+        gap: 10px;
+        margin-top: 15px;
+    }
+
+    .tomljson-convert-btn, .tomljson-copy-btn {
+        background: #007bff;
+        border: none;
+        padding: 10px 18px;
+        border-radius: 5px;
+        color: #ffffff;
+        cursor: pointer;
+        font-size: 15px;
+        transition: 0.3s;
+    }
+
+    .tomljson-copy-btn {
+        background: #28a745;
+    }
+
+    .tomljson-convert-btn:hover {
+        background: #0056b3;
+    }
+
+    .tomljson-copy-btn:hover {
+        background: #218838;
+    }
+
+    .tomljson-output-title {
+        font-size: 18px;
+        margin-top: 20px;
+        font-weight: bold;
+        text-align: center;
+        color: #ffffff;
+    }
+
+    .tomljson-output {
+        background: #3c3c3c;
+        padding: 12px;
+        border-radius: 5px;
+        text-align: left;
+        font-size: 14px;
+        height: 160px;
+        overflow: auto;
+        white-space: pre-wrap;
+        border: 1px solid #555;
+        color: #ffffff;
+        margin-top: 10px;
+    }
+
+</style>
--- a/.hta_slug/type-1.php
+++ b/.hta_slug/type-1.php
@@ -1,6 +1,6 @@
 <?php
-require_once('.hta_config/siliconpin_sp.php');
-require_once('.htac_header.php');
+    require_once('.htac_header.php');
+    require_once('.hta_config/db_config.php');
 ?>

 <section class="container-zz mx-auto">
--- a/.hta_slug/url-encode-url-decode.php
+++ b/.hta_slug/url-encode-url-decode.php
--- a/.hta_slug/weather.php
+++ b/.hta_slug/weather.php
@@ -10,7 +10,7 @@ echo 'Weather Report';
                <option value="Kolkata">Kolkata</option>
                <option value="Delhi">Delhi</option>
            </select> -->
-            <button type="submit" name="submit" onsubmit="getCity();">Click</button>
+            <button type="submit" name="submit" onsubmit="getCity();"><span>Click</span></button>
        </form>
    </div>
 </section>
--- a/.hta_slug/what-is-my-browser.php
+++ b/.hta_slug/what-is-my-browser.php
--- a/.hta_slug/what-is-my-device.php
+++ b/.hta_slug/what-is-my-device.php
--- a/.hta_slug/what-is-my-dns.php
+++ b/.hta_slug/what-is-my-dns.php
@@ -0,0 +1,96 @@
+<?php
+    $errorMessage = "";
+    $dns_records = [];
+
+    if ($_SERVER["REQUEST_METHOD"] == "POST") {
+        $domain = filter_input(INPUT_POST, 'domain', FILTER_SANITIZE_STRING);
+
+        if (filter_var($domain, FILTER_VALIDATE_DOMAIN, FILTER_FLAG_HOSTNAME)) {
+            $dns_records = dns_get_record($domain, DNS_ALL);
+
+            if ($dns_records === false) {
+                $errorMessage = "Unable to retrieve DNS records for domain: $domain";
+            }
+        } else {
+            $errorMessage = "Invalid domain format: $domain";
+        }
+    }
+?>
+
+<section class="diZContainer diZmxAuto diZmy4">
+    <h2 class="diZBorderBottom">DNS records for domain: <?php echo htmlspecialchars($domain); ?></h2>
+
+    <div class="diZmy20 toolsSection diZMaxW700 diZmxAuto">
+        <form action="" method="post">
+            <div class="diZFlexColumn">
+                <label for="domain">Enter domain:</label>
+                <p class="diZDangerText"><?php echo htmlspecialchars($errorMessage); ?></p>
+                <input type="text" id="domain" name="domain" placeholder="Enter Domain Name" required>
+                <button class="diZmxAuto diZmt4" type="submit"><span>Check DNS</span></button>
+            </div>
+        </form>
+    </div>
+    <?php if (!empty($dns_records)) { ?>
+        <div class="diZMaxW700 diZmxAuto diZOverflowXAuto">
+            <table class="diZw100">
+                <thead>
+                    <tr>
+                        <th class="diZTableBorder diZPadding5px">Type</th>
+                        <th class="diZTableBorder diZPadding5px">Host</th>
+                        <th class="diZTableBorder diZPadding5px">Class</th>
+                        <th class="diZTableBorder diZPadding5px">TTL</th>
+                        <th class="diZTableBorder diZPadding5px">Other</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($dns_records as $record) { ?>
+                    <tr>
+                        <td class="diZTableBorder diZPadding5px"><?php echo $record['type']; ?></td>
+                        <td class="diZTableBorder diZPadding5px"><?php echo $record['host']; ?></td>
+                        <td class="diZTableBorder diZPadding5px"><?php echo $record['class']; ?></td>
+                        <td class="diZTableBorder diZPadding5px"><?php echo $record['ttl']; ?></td>
+                        <td class="diZTableBorder diZPadding5px">
+                            <?php
+                                foreach ($record as $key => $value) {
+                                    if (!in_array($key, ['type', 'host', 'class', 'ttl'])) {
+                                        if (is_array($value)) {
+                                            echo "$key: " . implode(', ', $value) . " <br>";
+                                        } else {
+                                            echo "$key: $value <br>";
+                                        }
+                                    }
+                                }
+                            ?>
+                        </td>
+                    </tr>
+                    <?php } ?>
+                </tbody>
+            </table>
+        </div>
+        <?php } ?>
+
+    <div>
+        <h3>Usage:</h3>
+        <ul>
+            <li><strong>Enter Domain:</strong> Input the domain name you wish to check in the provided text field.</li>
+            <li><strong>Check DNS:</strong> Click the "Check DNS" button to retrieve and display the DNS records for the entered domain.</li>
+            <li><strong>View Results:</strong> The DNS records will be displayed in a tabular format, showing the type, host, class, TTL, and other relevant information for each record.</li>
+        </ul>
+
+        <h3>Features:</h3>
+        <ul>
+            <li>Supports all common DNS record types (A, AAAA, CNAME, MX, NS, TXT, etc.).</li>
+            <li>Displays DNS records in a clear and organized table.</li>
+            <li>Validates domain format before querying DNS records.</li>
+            <li>Provides a user-friendly interface for easy DNS checking.</li>
+        </ul>
+
+        <h3>Example Use Cases:</h3>
+        <ul>
+            <li>Web administrators troubleshooting DNS issues for their domains.</li>
+            <li>Developers needing to verify DNS settings for their applications.</li>
+            <li>SEO specialists checking the DNS configuration of websites.</li>
+            <li>Domain owners ensuring proper DNS setup and propagation.</li>
+        </ul>
+    </div>
+</section>
--- a/.hta_slug/what-is-my-ip-old.php
+++ b/.hta_slug/what-is-my-ip-old.php
--- a/.hta_slug/what-is-my-ip.php
+++ b/.hta_slug/what-is-my-ip.php
@@ -0,0 +1,17 @@
+<?php
+    $ipv4 = $_SERVER['REMOTE_ADDR'];
+
+    // Get the IPv6 address of the client if available
+    $ipv6 = $_SERVER['REMOTE_ADDR'];
+    if (strpos($ipv6, ":") !== false) {
+        // IPv6 address detected
+        $ipv6 = explode("%", $ipv6)[0]; // Remove interface suffix, if any
+    } else {
+        // No IPv6 address detected
+        $ipv6 = "IPv6 not available";
+    }
+
+    // Display IPv4 and IPv6 addresses
+    echo "IPv4 Address: " . $ipv4 . "<br>";
+    echo "IPv6 Address: " . $ipv6 . "<br>";
+?>
--- a/.hta_slug/what-is-my-operating-system.php
+++ b/.hta_slug/what-is-my-operating-system.php
--- a/.hta_slug/what-is-my-screen-resolution.php
+++ b/.hta_slug/what-is-my-screen-resolution.php
--- a/.hta_slug/what-is-my-user-agent.php
+++ b/.hta_slug/what-is-my-user-agent.php
--- a/.hta_slug/who-is.php
+++ b/.hta_slug/who-is.php
@@ -0,0 +1,74 @@
+<section class="diZContainer diZmxAuto">
+    <h2 class="diZBorderBottom">Ultimate Domain & IP Lookup Tool</h2>
+    <p class="diZmb20">This tool allows you to perform a comprehensive lookup of domain names or IP addresses, providing detailed WHOIS information.</p>
+    <form method="post" class="diZToolsSection diZmt4 diZmb4 diZBorderRadius diZPadding5px ">
+        <div class="diZFlexRowCol diZJustifyCenter diZItemsCenter ">
+            <input class="diZmr2 diZw70" placeholder="Domain" name="domain" type="text" />
+            <p class="diZmr2">OR</p> 
+            <input class="diZmr2 diZw70" placeholder="IP Address" name="ip" type="text" />
+            <button type="submit"><span>Check</span></button>
+        </div>
+    </form>
+    <?php
+        if(isset($_POST['domain']) && $_POST['domain']){
+            function validateDomain($domain) {
+                $regex = "/^(?!\-)(?:[a-zA-Z0-9\-]{0,61}[a-zA-Z0-9]\.)+[a-zA-Z]{2,}$/";
+                if (preg_match($regex, $domain)) {
+                    return true;
+                } else {
+                    return false;
+                }
+            }
+
+            $domain = isset($_POST['domain']) ? $_POST['domain'] : '';
+            if ($domain && validateDomain($domain)) {
+                $command = 'whois '.$_POST['domain'];
+                $escaped_command = escapeshellcmd($command);
+                $output = shell_exec($escaped_command);
+                echo '<div class="diZContainer diZmxAuto diZPadding5px"><pre class="diZTextJustify" style="width: fit-content;"> ',$output, '</pre> <br><br></div>';
+            } else {
+                echo "Invalid domain.";
+            }
+        }
+        if(isset($_POST['ip']) && $_POST['ip']){
+            function validatePublicIp($ip) {
+                if (filter_var($ip, FILTER_VALIDATE_IP)) {
+                    if (filter_var($ip, FILTER_VALIDATE_IP, FILTER_FLAG_NO_PRIV_RANGE | FILTER_FLAG_NO_RES_RANGE)) {
+                        return true;
+                    }
+                }
+                return false;
+            }
+            $ip = isset($_POST['ip']) ? $_POST['ip'] : '';
+            if ($ip && validatePublicIp($ip)) {
+                $command = 'whois '.$_POST['ip'];
+                $escaped_command = escapeshellcmd($command);
+                $output = shell_exec($escaped_command);
+                echo '<div class="diZContainer diZmxAuto diZPadding5px"><pre> ',$output, '</pre> <br><br></div>';
+            } else {
+                echo "Invalid IP address.";
+            }
+        }
+    ?>
+    <div>
+        <h3>Usage:</h3>
+        <ul>
+            <li>Enter a domain name or an IP address into the respective input field.</li>
+            <li>Click the "Check" button to retrieve WHOIS information.</li>
+        </ul>
+
+        <h3>Features:</h3>
+        <ul>
+            <li>Supports lookup for both domain names and IP addresses.</li>
+            <li>Displays WHOIS data including registration details and administrative contacts.</li>
+            <li>Secure input validation to ensure accurate results.</li>
+        </ul>
+
+        <h3>Example Use Cases:</h3>
+        <ul>
+            <li>Investigate ownership and registration details of a domain.</li>
+            <li>Check the WHOIS information of an IP address for network troubleshooting.</li>
+            <li>Verify domain availability and registration status.</li>
+        </ul>
+    </div>
+</section>
--- a/.hta_slug/xml-to-json.php
+++ b/.hta_slug/xml-to-json.php
@@ -0,0 +1,166 @@
+<div class="xmljson-container">
+    <div class="xmljson-box">
+        <h2 class="xmljson-title">XML to JSON Converter</h2>
+        <textarea cols="45" rows="8" class="xmljson-input" placeholder="Paste XML here..."></textarea>
+        <div class="xmljson-button-group">
+            <button class="xmljson-convert-btn">Convert</button>
+            <button class="xmljson-copy-btn">Copy JSON</button>
+        </div>
+
+        <h3 class="xmljson-output-title">JSON Output:</h3>
+        <pre class="xmljson-output"></pre>
+    </div>
+</div>
+
+<script>
+    function xmlToJson(xml) {
+        let obj = {};
+        if (xml.nodeType === 1) { // Element
+            if (xml.attributes.length > 0) {
+                obj["@attributes"] = {};
+                for (let j = 0; j < xml.attributes.length; j++) {
+                    let attribute = xml.attributes.item(j);
+                    obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
+                }
+            }
+        } else if (xml.nodeType === 3) { // Text
+            return xml.nodeValue.trim();
+        }
+
+        if (xml.hasChildNodes()) {
+            for (let i = 0; i < xml.childNodes.length; i++) {
+                let item = xml.childNodes.item(i);
+                let nodeName = item.nodeName;
+                let jsonNode = xmlToJson(item);
+
+                if (jsonNode !== "") {
+                    if (typeof obj[nodeName] === "undefined") {
+                        obj[nodeName] = jsonNode;
+                    } else {
+                        if (!Array.isArray(obj[nodeName])) {
+                            obj[nodeName] = [obj[nodeName]];
+                        }
+                        obj[nodeName].push(jsonNode);
+                    }
+                }
+            }
+        }
+        return obj;
+    }
+
+    document.addEventListener("DOMContentLoaded", () => {
+        document.querySelector(".xmljson-convert-btn").addEventListener("click", () => {
+            try {
+                const xmlText = document.querySelector(".xmljson-input").value;
+                const parser = new DOMParser();
+                const xmlDoc = parser.parseFromString(xmlText, "text/xml");
+
+                if (xmlDoc.getElementsByTagName("parsererror").length) {
+                    throw new Error("Invalid XML format!");
+                }
+
+                let jsonData = xmlToJson(xmlDoc.documentElement);
+                document.querySelector(".xmljson-output").textContent = JSON.stringify(jsonData, null, 2);
+            } catch (error) {
+                document.querySelector(".xmljson-output").textContent = "Error: " + error.message;
+            }
+        });
+
+        document.querySelector(".xmljson-copy-btn").addEventListener("click", () => {
+            const jsonOutput = document.querySelector(".xmljson-output").textContent;
+            navigator.clipboard.writeText(jsonOutput).then(() => {
+                document.querySelector(".xmljson-copy-btn").textContent = "Copied!";
+                setTimeout(() => document.querySelector(".xmljson-copy-btn").textContent = "Copy JSON", 2000);
+            });
+        });
+    });
+</script>
+
+<style>
+    .xmljson-container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 100%;
+        margin: 100px 0;
+    }
+
+    .xmljson-box {
+        background: #2c2c2c;
+        padding: 25px;
+        border-radius: 10px;
+        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
+        max-width: 450px;
+        width: 100%;
+        text-align: center;
+    }
+
+    .xmljson-title {
+        font-size: 22px;
+        font-weight: bold;
+        margin-bottom: 15px;
+        color: #ffffff;
+    }
+
+    .xmljson-input {
+        background: #3c3c3c;
+        color: #ffffff;
+        border: 1px solid #555;
+        border-radius: 5px;
+        font-size: 14px;
+        resize: none;
+        padding: 10px;
+    }
+
+    .xmljson-button-group {
+        display: flex;
+        justify-content: center;
+        gap: 10px;
+        margin-top: 15px;
+    }
+
+    .xmljson-convert-btn, .xmljson-copy-btn {
+        background: #007bff;
+        border: none;
+        padding: 10px 18px;
+        border-radius: 5px;
+        color: #ffffff;
+        cursor: pointer;
+        font-size: 15px;
+        transition: 0.3s;
+    }
+
+    .xmljson-copy-btn {
+        background: #28a745;
+    }
+
+    .xmljson-convert-btn:hover {
+        background: #0056b3;
+    }
+
+    .xmljson-copy-btn:hover {
+        background: #218838;
+    }
+
+    .xmljson-output-title {
+        font-size: 18px;
+        margin-top: 20px;
+        font-weight: bold;
+        text-align: center;
+        color: #ffffff;
+    }
+
+    .xmljson-output {
+        background: #3c3c3c;
+        padding: 12px;
+        border-radius: 5px;
+        text-align: left;
+        font-size: 14px;
+        height: 160px;
+        overflow: auto;
+        white-space: pre-wrap;
+        border: 1px solid #555;
+        color: #ffffff;
+        margin-top: 10px;
+    }
+</style>
--- a/.htaccess
+++ b/.htaccess
@@ -0,0 +1,8 @@
+RewriteEngine On
+#RewriteCond %{HTTPS} !=on
+#RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301,NE]
+RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
+RewriteRule ^(.*)$ https://%1/$1 [R=301,L]
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule ^(.*) index.php
--- a/_home.php
+++ b/_home.php
@@ -1,102 +0,0 @@
-<?php
-require_once('.hta_config/siliconpin_sp.php');
-require_once('.htac_header.php');
-?>
-
-<section class="container-zz mx-auto">
-    <h1 class="grid-container" style="font-size: 30px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; border-bottom: 4px solid #FFF; margin-bottom: 20px;">SiliconPin - Tools</h1>
-    <div class="grid-container" style="display: flex; flex-direction: row; overflow-x: auto; margin-bottom: 20px;">
-        <a href="/tools/type/?type=image" class="choosen-button">Image</a>
-        <a href="/tools/type/?type=text" class="choosen-button">Text</a>
-        <a href="/tools/type/?type=html" class="choosen-button">HTML</a>
-        <a href="/tools/type/?type=color" class="choosen-button">Color</a>
-        <a href="/tools/type/?type=info" class="choosen-button">Info</a>
-        <a href="/tools/type/?type=encrypt-decrypt" class="choosen-button">Encrypt / Decrypt</a>
-    </div>
-    <div class="grid-container">
-        <?php
-            try {
-                $conn = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
-                $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
-                $stmt = $conn->prepare("SELECT * FROM api_tools");
-                $stmt->execute();
-                $rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
-                // var_dump($rows);
-                foreach($rows as $row){
-                    // echo $row['name'].'<br>';
-                    if($row['status']==1){
-                        $link_button = '<a href="/tools/'.$row['slug'].'" ><p class="choosen-button">'.$row['name'].'</p></a>';
-                    } else{
-                        $link_button = '<h2><p class="choosen-button">'.$row['name'].'</p></h2>';
-                    }
-                    echo '
-                        <div class="grid-item blog-style">
-                            <p class="line-clamp-2" style="text-align: justify;" >'.$row['description'].'</p>
-                            '.$link_button.'
-                        </div>';
-                }
-            } catch (PDOException $e) {
-                $in_page_message = "<p class='text-danger'>Error: " . $e->getMessage() . "</p>";
-            }
-        ?>
-    </div>
-</section>
-
-<style>
-    .container-zz{width:100%}@media (min-width: 640px){.container-zz{max-width:640px}}@media (min-width: 768px){.container-zz{max-width:768px}}@media (min-width: 1024px){.container-zz{max-width:1024px}}@media (min-width: 1280px){.container-zz{max-width:1280px}}@media (min-width: 1536px){.container-zz{max-width:1536px}}
-    .mx-auto{margin-left:auto;margin-right:auto;
-        padding: 10px;
-    }
-    .my-20{margin-top:5rem;margin-bottom:5rem}
-    .grid-container {
-        display: grid;
-        grid-gap: 10px;
-        margin: 0 auto;
-        max-width: 1200px;
-    }
-
-    .grid-item {
-        padding: 10px;
-        text-align: center;
-        border-radius: 15px;
-    }
-
-    /* Mobile (up to 600px) */
-    @media only screen and (max-width: 600px) {
-        .grid-container {
-        grid-template-columns: repeat(1, 1fr);
-        }
-    }
-
-    /* Medium (601px - 1024px) */
-    @media only screen and (min-width: 601px) and (max-width: 1024px) {
-        .grid-container {
-        grid-template-columns: repeat(2, 1fr);
-        }
-    }
-
-    /* Large (1025px and above) */
-    @media only screen and (min-width: 1025px) {
-        .grid-container {
-        grid-template-columns: repeat(3, 1fr);
-        }
-    }
-    .line-clamp-2 {
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;  
-        overflow: hidden;   
-        }
-        .line-clamp-1 {
-        display: -webkit-box;
-        -webkit-line-clamp: 1;
-        -webkit-box-orient: vertical;  
-        overflow: hidden;
-        }
-        #dynamicContent > img{
-        border-top-left-radius: 10px;
-        border-top-right-radius: 10px;
-            width: 100%;
-            height: 200px;
-        }
-</style>
--- a/base64-to-image-converter.php
+++ b/base64-to-image-converter.php
@@ -1,107 +0,0 @@
-<div class="container-ddz">
-    <h2 style="text-align: center; font-size: 25px; margin-bottom: 10px;">Convert Base64 to Image</h2>
-    <textarea class="base64-textarea" placeholder="Enter base64 encoded image data"></textarea>
-    <p id="no-select-message" style="display: none; color: red;"></p>
-    <button class="convert-button">Convert to Image</button>
-    <div class="preview-container" id="preview"></div>
-    <div id="download-options" style="display: none; display: flex; flex-direction: column; justify-content: center; ">
-        <p>Choose Image Format & Download:</p>
-        <div>
-            <button class="format-button" data-format="png">PNG</button>
-            <button class="format-button" data-format="jpeg">JPEG</button>
-            <button class="format-button" data-format="webp">WebP</button>
-            <button id="download-button" style="display: none;">Download Image</button>
-        </div>
-    </div>
-</div>
-
-<script>
-    document.querySelector('.convert-button').addEventListener('click', function() {
-        var base64Data = document.querySelector('.base64-textarea').value.trim();
-        if (base64Data !== '') {
-            var img = document.createElement('img');
-            img.src = base64Data;
-            img.style.maxWidth = '100%';
-            img.style.height = 'auto';
-            document.getElementById('preview').innerHTML = '';
-            document.getElementById('preview').appendChild(img);
-            document.getElementById('download-options').style.display = 'block';
-        } else {
-            document.getElementById('no-select-message').innerHTML = 'Please enter base64 encoded image data.';
-            document.getElementById('no-select-message').style.display = 'block';
-        }
-    });
-
-    // Add event listeners to format buttons
-    var formatButtons = document.querySelectorAll('.format-button');
-    formatButtons.forEach(function(button) {
-        button.addEventListener('click', function() {
-            var imageFormat = this.getAttribute('data-format');
-            downloadImage(imageFormat);
-        });
-    });
-
-    function downloadImage(imageFormat) {
-        var base64Data = document.querySelector('.base64-textarea').value.trim();
-        var downloadLink = document.createElement('a');
-        downloadLink.href = base64Data;
-        downloadLink.download = 'image.' + imageFormat;
-        downloadLink.click();
-    }
-</script>
-
-<style>
-    .container-ddz {
-        max-width: 600px;
-        margin: 0 auto;
-        background-color: #3d3d3d;
-        border-radius: 8px;
-        padding: 20px;
-        box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);
-    }
-    .preview-container {
-        display: flex;
-        justify-content: center;
-        margin-top: 20px;
-        margin-bottom: 20px;
-    }
-    .base64-textarea {
-        width: 100%;
-        height: 150px;
-        padding: 8px;
-        resize: none;
-        border: 1px solid #ccc;
-        border-radius: 5px;
-        font-size: 14px;
-        box-sizing: border-box;
-    }
-    .convert-button {
-        width: 100%;
-        background-color: #7d7d7d;
-        color: white;
-        padding: 6px 20px;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-        font-size: 14px;
-        transition: background-color 0.3s;
-    }
-    .convert-button:hover {
-        background-color: #9d9d9d;
-    }
-    .format-button {
-        display: inline-block;
-        background-color: #7d7d7d;
-        color: white;
-        padding: 6px 12px;
-        margin: 5px;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-        font-size: 14px;
-        transition: background-color 0.3s;
-    }
-    .format-button:hover {
-        background-color: #9d9d9d;
-    }
-</style>
--- a/get-a-name.php
+++ b/get-a-name.php
@@ -1,29 +0,0 @@
-<?php
-// Function to generate a random name
-function generateRandomName($length = 6) {
-    $vowels = array('a', 'e', 'i', 'o', 'u');
-    $consonants = array('b', 'c', 'd', 'f', 'g', 'h', 'j', 'k', 'l', 'm', 'n', 'p', 'r', 's', 't', 'v', 'w', 'x', 'y', 'z');
-
-    $name = '';
-    $is_vowel = mt_rand(0, 1);
-    for ($i = 0; $i < $length; $i++) {
-        $source = $is_vowel ? $vowels : $consonants;
-        $name .= $source[mt_rand(0, count($source) - 1)];
-        $is_vowel = !$is_vowel;
-    }
-    return ucfirst($name);
-}
-
-$randomFirstName = generateRandomName(mt_rand(4, 8));
-$randomLastName = generateRandomName(mt_rand(4, 8));
-?>
-<div class="container-zz mx-auto my-20">
-    <h2 style="font-size: 25px; text-align: center;">Get a Random Name</h2>
-    <p style="font-size: 25px;">First Name: <?php echo $randomFirstName; ?> </p>
-    <p style="font-size: 25px;">Last Name: <?php echo $randomLastName; ?> </p>
-</div>
-<style>
-    .container-zz{width:100%}@media (min-width: 640px){.container-zz{max-width:640px}}@media (min-width: 768px){.container-zz{max-width:768px}}@media (min-width: 1024px){.container-zz{max-width:1024px}}@media (min-width: 1280px){.container-zz{max-width:1280px}}@media (min-width: 1536px){.container-zz{max-width:1536px}}
-    .mx-auto{margin-left:auto;margin-right:auto}
-    .my-20{margin-top:5rem;margin-bottom:5rem}
-</style>
--- a/get-a-number.php
+++ b/get-a-number.php
@@ -1,20 +0,0 @@
-<?php
-function generateRandomUniqueNumber($length = 10) {
-    $randomNumber = '';
-
-    // Generate a random string of digits
-    for ($i = 0; $i < $length; $i++) {
-        $randomNumber .= mt_rand(0, 9);
-    }
-
-    // Append a unique identifier (based on microtime)
-    $uniqueId = uniqid();
-    $randomUniqueNumber = $randomNumber . $uniqueId;
-
-    return $randomUniqueNumber;
-}
-
-// Usage
-$randomUniqueNumber = generateRandomUniqueNumber();
-echo $randomUniqueNumber;
-?>
--- a/hex-to-rgb-generator.php
+++ b/hex-to-rgb-generator.php
@@ -1,106 +0,0 @@
-<div style="padding-bottom: 350px;">
-    <div class="container-dzx">
-        <h1>HEX to RGB Converter</h1>
-        <label for="hex">HEX Color:</label><br>
-        <input onchange="visibleColor();" type="text" id="hex" value="#" pattern="^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$" required style="background-color: #3d3d3d; width: 150px; padding: 8px; border-radius: 5px; border: 1px solid #ccc; margin-bottom: 10px;">
-        <br>
-        <!-- <div id="hexColor" style="width: 50px; height: 50px;">Code</div> -->
-        <!-- <input type="color" id="hexColor" name="hexColor" > -->
-        <button id="convert-button" class="button-style" onclick="convertHexToRgb()">Convert</button>
-        <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; place-items: center;">
-            <div id="result"></div>
-            <div>
-                <button id="copyButton" style="display: none; padding: 5px 10px 5px 10px; background-color: #7d7d7d; border-radius: 5px;" onclick="copyToClipboard()">Copy</button>
-            </div>
-        </div>
-    </div>
-</div>
-
-<script>
-    function hexToRgb(hex) {
-        hex = hex.replace(/^#/, '');
-        if (hex.length === 3) {
-            hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
-        }
-        var bigint = parseInt(hex, 16);
-        var r = (bigint >> 16) & 255;
-        var g = (bigint >> 8) & 255;
-        var b = bigint & 255;
-        return [r, g, b];
-    }
-    function visibleColor(){
-        var hexColorCode = document.getElementById('hex').value;
-        document.getElementById('convert-button').style.backgroundColor = hexColorCode;
-    }
-    function convertHexToRgb() {
-        var hexColor = document.getElementById('hex').value;
-        var rgbArray = hexToRgb(hexColor);
-        var red = rgbArray[0];
-        var green = rgbArray[1];
-        var blue = rgbArray[2];
-
-        document.getElementById('result').textContent = "HEX " + hexColor + " is equivalent to RGB(" + red + ", " + green + ", " + blue + ")";
-
-        document.getElementById('copyButton').style.display = 'inline-block';
-    }
-
-    function copyToClipboard() {
-        var rgbText = document.getElementById('result').textContent.split('equivalent to ')[1];
-        var textarea = document.createElement('textarea');
-        textarea.value = rgbText;
-        document.body.appendChild(textarea);
-        textarea.select();
-        document.execCommand('copy');
-        document.body.removeChild(textarea);
-        document.getElementById('copied-notice').style.display = 'block';
-        document.getElementById('copied-notice').innerHTML = 'RGB values copied successfully';
-    }
-</script>
-
-
-<style>
-    .container-dzx {
-        background-color: #3d3d3d;
-        border-radius: 5px;
-        box-shadow: 0px 0px 10px 0px #FFFFFF80;
-        padding: 20px;
-        max-width: 500px;
-        width: 100%;
-        text-align: center;
-        transform: translate(-50%, -70%);
-        position: absolute;
-        top: 50%;
-        left: 50%;
-    }
-
-    form {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    }
-
-
-    input[type="number"] {
-        width: 100px;
-        padding: 8px;
-        border-radius: 5px;
-        border: 1px solid #ccc;
-        margin-bottom: 10px;
-    }
-
-    .button-style{
-        padding: 10px 20px;
-        /* background-color: #7d7d7d; */
-        color: #fff;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-    }
-    .button-style:hover {
-        background-color: #9d9d9d;
-    }
-
-    #result {
-        color: #007bff;
-    }
-</style>
--- a/html-cleaner.php
+++ b/html-cleaner.php
@@ -1,84 +0,0 @@
-<div class="page-container">
-  <div class="container-dxc">
-    <h1 style="text-align: center; font-size: 25px;">HTML Remover</h1>
-    <label for="htmlInput">Input Text with HTML:</label>
-    <textarea class="cleanhtml-textarea" id="htmlInput" placeholder="Paste your text with html here..."></textarea>
-    <button class="button-style" onclick="cleanHTML()" style="width: 100%;">Remove</button>
-    
-    <label for="cleanedHTML">Cleaned Text:</label>
-    <textarea class="cleanhtml-textarea" id="cleanedHTML" readonly placeholder="Cleaned Text will appear here..."></textarea>
-    <P style="display: none; text-align: center;" id="copied-notice"></P>
-    <button class="button-style" onclick="copyToClipboard()" style="width: 100%;">Copy</button>
-  </div>
-</div>
-
-<script>
-function cleanHTML() {
-    const inputHTML = document.getElementById("htmlInput").value;
-    
-    // Create a temporary element to hold the input HTML
-    const tempDiv = document.createElement("div");
-    tempDiv.innerHTML = inputHTML;
-    
-    // Remove all HTML tags
-    const plainText = tempDiv.textContent || tempDiv.innerText || "";
-    
-    document.getElementById("cleanedHTML").value = plainText;
-}
-
-function copyToClipboard() {
-    const cleanedHTML = document.getElementById("cleanedHTML").value;
-    navigator.clipboard.writeText(cleanedHTML)
-        .then(() => {
-            document.getElementById('copied-notice').style.display = 'block';
-            document.getElementById('copied-notice').innerHTML = 'Slug copied to clipboard!';
-        })
-        .catch(err => {
-            console.error('Failed to copy: ', err);
-        });
-}
-</script>
-<style>
-  .page-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    margin: 0;
-    padding: 0;
-    /* background-color: #f4f4f4; */
-  }
-
-  .container-dxc {
-    max-width: 600px;
-    width: 100%;
-    background-color: #3d3d3d;
-    padding: 30px;
-    border-radius: 10px;
-    box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.1);
-  }
-
-
-  .cleanhtml-textarea {
-    width: 100%;
-    height: 200px;
-    margin-bottom: 15px;
-    padding: 10px;
-    border: 1px solid #ddd;
-    border-radius: 5px;
-    resize: vertical;
-    background-color: #3d3d3d;
-  }
-
-  .button-style{
-        padding: 10px 20px;
-        background-color: #7d7d7d;
-        color: #fff;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-    }
-    .button-style:hover {
-        background-color: #9d9d9d;
-    }
-</style>
--- a/image-compressor.php
+++ b/image-compressor.php
@@ -1,131 +0,0 @@
-<div class="containezx" style="padding: 10px;">
-    <h1 style="font-size: 20px;">Image Compression Tool</h1>
-    <input type="file" id="imageInput" accept="image/*">
-    <br>
-    <label for="qualityInput">Compression Quality:</label>
-    <div style="display: flex; flex-direction: row;">
-        <input type="range" id="qualityInput" min="1" max="100" step="1" value="10" />&nbsp;
-        <span id="qualityValue" style="margin-top: -8px; font-size: 20px;">10%</span>
-    </div>
-    
-    <br>
-    <div class="image-preview">
-        <img id="preview" src="" alt="" />
-    </div>
-    <span id="imageSize" class="image-size"></span>
-    <br>
-    <div style="display: flex; flex-direction: row;">
-        <button class="comp-button" onclick="compressImage()">Compress Image</button>
-        <a class="comp-button" id="downloadLink" href="#" download="compressed_image.jpg" style="display: none; margin-left: 20px;">Download Compressed Image</a>
-    </div>
-</div>
-
-<script>
-function compressImage() {
-    const fileInput = document.getElementById('imageInput');
-    const file = fileInput.files[0];
-
-    if (!file) {
-        alert('Please select an image file.');
-        return;
-    }
-
-    const reader = new FileReader();
-
-    reader.onload = function(event) {
-        const image = new Image();
-        image.src = event.target.result;
-
-        image.onload = function() {
-            const canvas = document.createElement('canvas');
-            const ctx = canvas.getContext('2d');
-
-            canvas.width = image.width;
-            canvas.height = image.height;
-            console.log(image.width)
-            ctx.drawImage(image, 0, 0);
-
-            const qualityInput = document.getElementById('qualityInput');
-            const qualityValue = parseFloat(qualityInput.value) / 100; // Normalize quality value to range 0-1
-
-            canvas.toBlob(function(blob) {
-                const url = URL.createObjectURL(blob);
-                const preview = document.getElementById('preview');
-                const downloadLink = document.getElementById('downloadLink');
-
-                preview.src = url;
-                downloadLink.href = url;
-                downloadLink.style.display = 'block';
-
-                const imageSizeSpan = document.getElementById('imageSize');
-                const compressedSize = (blob.size / 1024).toFixed(2); // Convert bytes to kilobytes and round to 2 decimal places
-                imageSizeSpan.textContent = `Compressed Image Size: ${compressedSize} KB`;
-            }, 'image/jpeg', qualityValue); // Pass normalized quality value to toBlob
-        };
-    };
-
-    reader.readAsDataURL(file);
-}
-
-document.getElementById('qualityInput').addEventListener('input', function() {
-    document.getElementById('qualityValue').textContent = this.value + "%";
-});
-</script>
-<style>
-    .containezx {
-        margin-top: 100px;
-        max-width: 600px;
-        margin: 100px auto;
-        background-color: #3d3d3d;
-        padding: 20px;
-        border-radius: 8px;
-        box-shadow: 0 0 5px #ffffff;
-    }
-
-    h1 {
-        text-align: center;
-        margin-bottom: 20px;
-    }
-
-    label {
-        font-weight: bold;
-    }
-
-    input[type="file"] {
-        margin-bottom: 10px;
-    }
-
-    input[type="range"] {
-        width: 100%;
-        margin-bottom: 10px;
-    }
-
-    .image-preview {
-        text-align: center;
-        margin-bottom: 20px;
-    }
-
-    #preview {
-        max-width: 100%;
-        border-radius: 8px;
-    }
-
-    .image-size {
-        font-size: 14px;
-        color: #999;
-    }
-    .comp-button{
-        background-color: #6d6d6d;
-        padding: 10px 20px 10px 20px;
-        color: #fff;
-        border: none;
-        padding: 10px 20px;
-        font-size: 12px;
-        border-radius: 5px;
-        cursor: pointer;
-        transition: background-color 0.3s;
-    }
-    .comp-button:hover{
-        background-color: #8d8d8d;
-    }
-</style>
--- a/image-to-base64-converter.php
+++ b/image-to-base64-converter.php
@@ -1,75 +0,0 @@
-<div class="container-dx">
-    <h2 style="text-align: center; font-size: 25px; margin-bottom: 10px;">Convert Image to Base64</h2>
-    <input type="file" class="image-input" accept="image/*">
-    <div class="preview-container" id="preview" style=""></div>
-    <textarea class="base64-textarea" readonly></textarea>
-    <P style="display: none; text-align: center;" id="copied-notice"></P>
-    <button class="copy-button">Copy Base64</button>
-</div>
-
-<script>
-    document.querySelector('.image-input').addEventListener('change', function() {
-        var file = this.files[0];
-        if (file) {
-            var reader = new FileReader();
-            reader.onload = function(e) {
-                var base64 = e.target.result;
-                var img = document.createElement('img');
-                img.src = base64;
-                document.getElementById('preview').innerHTML = '';
-                document.getElementById('preview').appendChild(img);
-                document.querySelector('.base64-textarea').value = base64;
-            };
-            reader.readAsDataURL(file);
-        }
-    });
-
-    document.querySelector('.copy-button').addEventListener('click', function() {
-        var base64TextArea = document.querySelector('.base64-textarea');
-        base64TextArea.select();
-        document.execCommand('copy');
-        document.getElementById('copied-notice').style.display = 'block';
-        document.getElementById('copied-notice').innerHTML = 'Base64 copied to clipboard!';
-    });
-</script>
-<style>
-    .container-dx {
-        max-width: 600px;
-        margin: 0 auto;
-        background-color: #3d3d3d;
-        border-radius: 8px;
-        padding: 20px;
-        box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);
-        margin-top: 100px;
-    }
-    .preview-container {
-        display: flex;
-        justify-content: center;
-        margin-top: 20px;
-        margin-bottom: 20px;
-    }
-    .base64-textarea {
-        width: 100%;
-        height: 150px;
-        padding: 8px;
-        resize: none;
-        border: 1px solid #ccc;
-        border-radius: 5px;
-        font-size: 14px;
-        box-sizing: border-box;
-        background-color: #7d7d7d;
-    }
-    .copy-button {
-        background-color: #7d7d7d;
-        color: white;
-        padding: 10px 20px;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-        font-size: 14px;
-        transition: background-color 0.3s;
-    }
-    .copy-button:hover {
-        background-color: #9d9d9d;
-    }
-</style>
--- a/index.php
+++ b/index.php
@@ -0,0 +1,20 @@
+<?php
+    require_once('../.hta_config/conf.php');
+    require_once('../.hta_slug/_header.php');
+    require_once('../.hta_slug/_nav.php');
+    require_once('../.hta_config/var.php');
+
+
+$url = explode('/', $_SERVER['REQUEST_URI']);
+if (strpos($url[1], "?") !== false) {
+    $url2 = explode('?', $url[1]);
+    $slug=$url2[0];
+}   else  $slug=$url[2];
+
+require_once('../.hta_slug/_header.php');
+
+if($slug=="") require_once('.hta_slug/_home.php');
+elseif(file_exists(".hta_slug/".$slug.".php")) include ".hta_slug/".$slug.".php";
+else require_once('.hta_slug/_404.php');
+
+require_once('../.hta_slug/_footer.php');
--- a/letter-case-converter.php
+++ b/letter-case-converter.php
@@ -1,169 +0,0 @@
-<div class="container-cc">
-    <div class="content-cc">
-        <h2 class="title-cc">Case Converter</h2>
-        <form class="form-cc">
-            <label class="label-cc" for="inputString">Input Text:</label>
-            <textarea id="inputString" class="textarea-cc" name="inputString" rows="4" cols="50" oninput="convertCase()"></textarea>
-            
-            <div class="case-options-cc">
-                <div class="case-option-cc" onclick="setActive(this)" data-case="uppercase">Uppercase</div>
-                <div class="case-option-cc" onclick="setActive(this)" data-case="lowercase">Lowercase</div>
-                <div class="case-option-cc" onclick="setActive(this)" data-case="titlecase">Titlecase</div>
-            </div>
-        </form>
-        <div id="result" class="result-cc"></div>
-        <P style="display: none; text-align: center;" id="copied-notice"></P>
-        <button type="button" class="copy-button-cc" onclick="copyToClipboard()" style="background-color: #7d7d7d; width: 100%; margin-top: 10px;">Copy</button>
-    </div>
-</div>
-<script>
-    function convertCase() {
-        var inputString = document.getElementById("inputString").value;
-        var targetCase = document.querySelector('.case-option-cc.active').getAttribute('data-case');
-        var result = document.getElementById("result");
-
-        if (inputString.trim() === "") {
-            result.innerHTML = "Please enter a string.";
-            return;
-        }
-
-        if (targetCase === 'uppercase') {
-            result.innerHTML = inputString.toUpperCase();
-        } else if (targetCase === 'lowercase') {
-            result.innerHTML = inputString.toLowerCase();
-        } else if (targetCase === 'titlecase') {
-            result.innerHTML = inputString.replace(/\w\S*/g, function (txt) {
-                return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
-            });
-        } else {
-            result.innerHTML = "Invalid target case specified.";
-        }
-    }
-
-    function setActive(button) {
-        var buttons = document.querySelectorAll('.case-option-cc');
-        buttons.forEach(function(btn) {
-            btn.classList.remove('active');
-        });
-        button.classList.add('active');
-
-        convertCase();
-    }
-
-    function copyToClipboard() {
-        var result = document.getElementById("result");
-        var range = document.createRange();
-        range.selectNode(result);
-        window.getSelection().removeAllRanges();
-        window.getSelection().addRange(range);
-        document.execCommand("copy");
-        window.getSelection().removeAllRanges();
-        // alert("Copied to clipboard!");
-        document.getElementById('copied-notice').style.display = 'block';
-        document.getElementById('copied-notice').innerHTML = 'Copied to clipboard!';
-    }
-</script>
-<style>
-    .container-cc {
-        font-family: Arial, sans-serif;
-        /* background-color: #3d3d3d; */
-        margin: 0;
-        padding: 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding-top: 30px;
-        /* padding-bottom: 30px; */
-    }
-
-    .content-cc {
-        /* background-color: #7d7d7d; */
-        border-radius: 8px;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        padding: 20px;
-        width: 500px;
-    }
-    .content-cc {
-        background-color: #3d3d3d;
-        border-radius: 8px;
-        box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);
-        padding: 20px;
-        width: 400px;
-    }
-
-    @media screen and (min-width: 1024px) {
-        .content-cc {
-            width: 800px; /* Width for large screens */
-        }
-    }
-
-    .title-cc {
-        font-size: 25px;
-        text-align: center;
-    }
-
-    .form-cc {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .label-cc {
-        margin-bottom: 5px;
-        /* color: #555; */
-    }
-
-    .textarea-cc {
-        padding: 10px;
-        border: 1px solid #ccc;
-        border-radius: 5px;
-        resize: none;
-        margin-bottom: 15px;
-        background-color: #3d3d3d;
-    }
-
-    .case-options-cc {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 15px;
-    }
-
-    .case-option-cc {
-        flex-grow: 1;
-        padding: 10px;
-        text-align: center;
-        border: 1px solid #007bff;
-        color: #FFF;
-        border-radius: 5px;
-        cursor: pointer;
-        transition: background-color 0.3s ease;
-    }
-
-    .case-option-cc:hover {
-        background-color: #007bff;
-        color: #fff;
-    }
-
-    .result-cc {
-        border: 1px solid #ccc;
-        border-radius: 5px;
-        padding: 10px;
-        min-height: 100px;
-        overflow: auto;
-    }
-
-    .copy-button-cc {
-        color: #fff;
-        border: none;
-        border-radius: 5px;
-        padding: 10px 20px;
-        cursor: pointer;
-        transition: background-color 0.3s ease;
-    }
-
-    .copy-button-cc:hover {
-        background-color: #0056b3;
-    }
-    .active{
-        background-color: #05b3a4;
-    }
-</style>
--- a/letter-counter.php
+++ b/letter-counter.php
@@ -1,198 +0,0 @@
-    <style>
-        /* body {
-            font-family: Arial, sans-serif;
-            background-color: #f0f0f0;
-            margin: 0;
-            padding: 0;
-        } */
-
-        .container-dyz {
-            max-width: 600px;
-            margin: 50px auto;
-            padding: 20px;
-            background-color: #3d3d3d;
-            border-radius: 8px;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-        }
-        .table-container {
-            max-width: 900px;
-            margin: 50px auto;
-            padding: 20px;
-            background-color: #3d3d3d;
-            border-radius: 8px;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-        }
-
-        label {
-            font-weight: bold;
-        }
-
-        .textarea-text {
-            width: 100%;
-            height: 150px;
-            margin-bottom: 10px;
-            resize: vertical;
-            padding: 10px;
-            border-radius: 4px;
-            border: 1px solid #ccc;
-            font-size: 16px;
-            background-color: #1d1d1d;
-        }
-        span {
-            color: #007bff;
-            font-weight: bold;
-        }
-        .content-table {
-        width: 100%;
-        border-collapse: collapse;
-        }
-        .content-table th, .content-table td {
-        border: 1px solid #dddddd;
-        text-align: left;
-        padding: 8px;
-        }
-        .content-table .table-head {
-        background-color: #f2f2f2;
-        }
-  </style>
-    <div class="container-dyz">
-        <h1>Text Counter</h1>
-        <label for="inputText">Enter your text:</label><br>
-        <textarea class="textarea-text" id="inputText" placeholder="Type your text here..." oninput="countTextMetrics()"></textarea>
-        <p>Total letters: <span id="letterCount">0</span></p>
-        <p>Total words: <span id="wordCount">0</span></p>
-        <p>Total sentences: <span id="sentenceCount">0</span></p>
-        <p>Total paragraphs: <span id="paragraphCount">0</span></p>
-    </div>
-    <div class="table-container">
-    <h2 style="text-align: center; font-size: 25px; font-weight: bold;">Content Limitations</h2>
-    <table class="content-table">
-    <tr>
-      <th class="name">Name</th>
-      <th class="min-max">Min/Max</th>
-      <th class="limit">Limit</th>
-      <th class="type">Type</th>
-    </tr>
-    <tr>
-      <td class="name">Meta Title</td>
-      <td class="min-max">Max</td>
-      <td class="limit">55</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Meta Description</td>
-      <td class="min-max">Max</td>
-      <td class="limit">160</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Google Ideal Post Content</td>
-      <td class="min-max">Min</td>
-      <td class="limit">300</td>
-      <td class="type">Word</td>
-    </tr>
-    <tr>
-      <td class="name">Instagram Captions/Comments</td>
-      <td class="min-max">Max</td>
-      <td class="limit">2200</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Twitter Post</td>
-      <td class="min-max">Max</td>
-      <td class="limit">280</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Twitter Username</td>
-      <td class="min-max">Max</td>
-      <td class="limit">20</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Wall Post (Truncation)</td>
-      <td class="min-max">Max</td>
-      <td class="limit">477</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Wall Post (All)</td>
-      <td class="min-max">Max</td>
-      <td class="limit">63206</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Comment</td>
-      <td class="min-max">Max</td>
-      <td class="limit">8000</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Page Description</td>
-      <td class="min-max">Max</td>
-      <td class="limit">255</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Username</td>
-      <td class="min-max">Max</td>
-      <td class="limit">50</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Messenger Message</td>
-      <td class="min-max">Max</td>
-      <td class="limit">20000</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">YouTube Video Title</td>
-      <td class="min-max">Max</td>
-      <td class="limit">70</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">YouTube Video Description</td>
-      <td class="min-max">Max</td>
-      <td class="limit">5000</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Snapchat Caption</td>
-      <td class="min-max">Max</td>
-      <td class="limit">250</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Pinterest Pin Description</td>
-      <td class="min-max">Max</td>
-      <td class="limit">500</td>
-      <td class="type">Letter</td>
-    </tr>
-  </table>
-    </div>
-
-    <script>
-        function countTextMetrics() {
-            const text = document.getElementById('inputText').value;
-
-            // Count letters
-            const letterCount = text.replace(/[^a-zA-Z]/g, '').length;
-            document.getElementById('letterCount').textContent = letterCount;
-
-            // Count words
-            const words = text.split(/\s+/).filter(word => word.length > 0);
-            const wordCount = words.length;
-            document.getElementById('wordCount').textContent = wordCount;
-
-            // Count sentences
-            const sentences = text.split(/[.!?]+/).filter(sentence => sentence.trim().length > 0);
-            const sentenceCount = sentences.length;
-            document.getElementById('sentenceCount').textContent = sentenceCount;
-
-            // Count paragraphs
-            const paragraphs = text.split(/\n\n+/).filter(paragraph => paragraph.trim().length > 0);
-            const paragraphCount = paragraphs.length;
-            document.getElementById('paragraphCount').textContent = paragraphCount;
-        }
-    </script>
--- a/location.php
+++ b/location.php
@@ -1,3 +0,0 @@
-<?php
-echo 'Current Location';
-?>
--- a/md5-decryption.php
+++ b/md5-decryption.php
@@ -1,121 +0,0 @@
-<style>
-    .button-style-md5{
-        padding: 20px 20px;
-        background-color: #7d7d7d;
-        color: #fff;
-        border: none;
-        border-top-right-radius: 5px;
-        border-bottom-right-radius: 5px;
-        cursor: pointer;
-        width: 100%;
-    }
-    .button-style-md5:hover {
-        background-color: #9d9d9d;
-    }
-
-    .custom-container {
-        max-width: 500px;
-        margin: 50px auto;
-        background-color: #3d3d3d;
-        padding: 20px;
-        border-radius: 8px;
-        box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.1);
-    }
-    .custom-heading {
-        text-align: center;
-        font-size: 25px;
-    }
-    .custom-label {
-        display: block;
-        margin-bottom: 5px;
-    }
-    .custom-input {
-        width: 100%;
-        padding: 10px;
-        margin-bottom: 10px;
-        border: 1px solid #ccc;
-        border-radius: 4px;
-    }
-    .custom-submit {
-        width: 100%;
-        padding: 10px;
-        color: #fff;
-        border: none;
-        border-radius: 4px;
-        cursor: pointer;
-        transition: background-color 0.3s;
-    }
-    .custom-submit:hover {
-        background-color: #9d9d9d;
-    }
-</style>
-<?php require_once ('.hta_config/siliconpin_sp.php'); ?>
-<?php 
-
-if ($_SERVER["REQUEST_METHOD"] == "POST") {
-    try {
-        $db = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
-        $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
-        $stmt = $db->prepare("SELECT * FROM md5_data WHERE md5 = :md5");
-        $stmt->bindParam(':md5', $_POST["md5-hash"]);
-        $stmt->execute();
-        $result = $stmt->fetch(PDO::FETCH_ASSOC);
-        
-        if ($result) {
-            echo '<div style="display: flex; justify-content: center;">
-                    <div style="display: flex; flex-direction: column; justify-content: center;">
-                        <p style="text-align: center; font-size: 25px; ">Given MD5 Vlue: </p>
-                        <p style="display: none; text-align: center;" id="copied-notice"></p>
-                        <div style="display: flex; flex-direction: row;">
-                            <input id="output" type="text" readonly value="'.$result['value'].'" style="color: #fff; padding: 10px 10px 10px 10px; font-size: 25px; outline: none;" />
-                            <button class="button-style-md5" id="copyButton" onclick="copyOutputText()">Copy</button>
-                        </div>
-                    </div>
-                </div>';
-                echo '
-                    <script>
-                        function copyOutputText() {
-                            const outputText = document.getElementById(\'output\').value;
-                            const textarea = document.createElement(\'textarea\');
-                            textarea.value = outputText;
-                            document.body.appendChild(textarea);
-                            textarea.select();
-                            document.execCommand(\'copy\');
-                            document.body.removeChild(textarea);
-                            document.getElementById(\'copied-notice\').style.display = \'block\';
-                            document.getElementById(\'copied-notice\').innerHTML = \'MD5 value copied to clipboard!\';
-                        }
-                    </script>
-                    ';
-        } else {
-            echo '<div style="display: flex; justify-content: center;">
-                    <div style="display: flex; flex-direction: column; justify-content: center;">
-                        <p style="text-align: center; font-size: 25px; ">No data found for the given MD5 hash </p>
-                        <div style="display: flex; flex-direction: row;">
-                            <button class="button-style-md5" id="" onclick="tryAgain()">Try Again</button>
-                        </div>
-                    </div>
-                </div>';
-                echo '  <script>
-                            function tryAgain() {
-                                window.location.href="/tools/md5-decryption";
-                            }
-                        </script>' ;
-            // echo json_encode(array('success' => false, 'message' => 'No data found for the given MD5 hash'));
-        }
-        exit(); 
-    } catch (PDOException $e) {
-        echo json_encode(array('success' => false, 'message' => 'Database error: ' . $e->getMessage()));
-        exit();
-    }
-}
-?>
-<div class="custom-container">
-    <h2 class="custom-heading">MD5 Decryption</h2>
-    <form method="post" action="">
-        <label for="md5-hash" class="custom-label">Enter Text:</label><br>
-        <input type="text" id="md5-hash" name="md5-hash" class="custom-input"><br><br>
-        <input type="submit" value="Generate MD5 Hash" class="custom-submit" style="background-color: #7d7d7d;">
-    </form>
-</div>
-
--- a/md5-encryption.php
+++ b/md5-encryption.php
@@ -1,118 +0,0 @@
-<style>
-    .button-style-md5{
-        padding: 20px 20px;
-        background-color: #7d7d7d;
-        color: #fff;
-        border: none;
-        border-top-right-radius: 5px;
-        border-bottom-right-radius: 5px;
-        cursor: pointer;
-        width: 100%;
-    }
-    .button-style-md5:hover {
-        background-color: #9d9d9d;
-    }
-    .custom-container {
-        max-width: 500px;
-        margin: 50px auto;
-        background-color: #3d3d3d;
-        padding: 20px;
-        border-radius: 8px;
-        box-shadow: 0px 0px 10px 0px rgba(255,255,255,0.1);
-    }
-    .custom-heading {
-        text-align: center;
-        font-size: 25px;
-        /* color: #333; */
-    }
-    .custom-label {
-        display: block;
-        margin-bottom: 5px;
-    }
-    .custom-input {
-        width: 100%;
-        padding: 10px;
-        margin-bottom: 10px;
-        border: 1px solid #ccc;
-        border-radius: 4px;
-    }
-    .custom-submit {
-        width: 100%;
-        padding: 10px;
-        color: #fff;
-        border: none;
-        border-radius: 4px;
-        cursor: pointer;
-        transition: background-color 0.3s;
-    }
-    .custom-submit:hover {
-        background-color: #9d9d9d;
-    }
-</style>
-<?php 
-    require_once ('.hta_config/siliconpin_sp.php'); 
-    if ($_SERVER["REQUEST_METHOD"] == "POST") {
-        
-        $md5_hash = md5($_POST["md5-text"]);
-        try {
-            $db = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
-            $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
-            $stmt = $db->prepare("INSERT INTO md5_data (md5, value) VALUES (:md5, :value)");
-            $stmt->bindParam(':md5', $md5_hash);
-            $stmt->bindParam(':value', $_POST["md5-text"]);
-            $stmt->execute();
-            echo '<div style="display: flex; justify-content: center;">
-                    <div style="display: flex; flex-direction: column; justify-content: center;">
-                        <p style="text-align: center; font-size: 25px; ">Converted MD5: </p>
-                        <p style="display: none; text-align: center;" id="copied-notice"></p>
-                        <div style="display: flex; flex-direction: row;">
-                            <input id="output" type="text" readonly value="'.$md5_hash.'" style="color: #fff; padding: 10px 10px 10px 10px; font-size: 25px; outline: none;" />
-                            <button class="button-style-md5" id="copyButton" onclick="copyOutputText()">Copy</button>
-                        </div>
-                    </div>
-                </div>';
-                echo '
-                    <script>
-                        function copyOutputText() {
-                            const outputText = document.getElementById(\'output\').value;
-                            const textarea = document.createElement(\'textarea\');
-                            textarea.value = outputText;
-                            document.body.appendChild(textarea);
-                            textarea.select();
-                            document.execCommand(\'copy\');
-                            document.body.removeChild(textarea);
-                            document.getElementById(\'copied-notice\').style.display = \'block\';
-                            document.getElementById(\'copied-notice\').innerHTML = \'MD5 copied to clipboard!\';
-                        }
-                    </script>
-                    ';
-            // echo json_encode(array('success' => true, 'message' => 'Data inserted successfully'));
-            // echo '<script>window.location.href="/admin/add-content";</script>';
-            exit();
-        } catch (PDOException $e) {
-            echo json_encode(array('success' => false, 'message' => 'Database error: ' . $e->getMessage()));
-            exit();
-        }
-    }
-?>
-<div class="custom-container">
-    <h2 class="custom-heading">Generate MD5 Hash</h2>
-    <form method="post">
-        <label for="md5-text" class="custom-label">Enter Text:</label><br>
-        <input type="text" id="md5-text" name="md5-text" class="custom-input"><br><br>
-        <input type="submit" value="Generate MD5 Hash" class="custom-submit" style="background-color: #7d7d7d;">
-    </form>
-</div>
-<!-- <script>
-       function copyOutputText() {
-        const outputText = document.getElementById('output').value;
-        const textarea = document.createElement('textarea');
-        textarea.value = outputText;
-        document.body.appendChild(textarea);
-        textarea.select();
-        document.execCommand('copy');
-        document.body.removeChild(textarea);
-        document.getElementById('copied-notice').style.display = 'block';
-        document.getElementById('copied-notice').innerHTML = 'Output text copied to clipboard!';
-    }
-</script> -->
--- a/multiple-whitespace-remover.php
+++ b/multiple-whitespace-remover.php
@@ -1,84 +0,0 @@
-<div style="padding-bottom: 350px;">
-    <div class="container-dxu">
-        <h2 style="text-align: center; font-size: 25px; padding-bottom: 10px;">Remove Multiple Whitespace</h2>
-        <textarea class="textarea-text" id="textInput" rows="4" cols="50" placeholder="Enter text here..."></textarea>
-        <button class="button-style" onclick="processText()">Remove</button>
-        <div style="display: none;" id="after-procces">
-            <div id="output"></div>
-            <P style="display: none; text-align: center;" id="copied-notice"></P>
-            <button class="button-style" id="copyButton" onclick="copyOutputText()">Copy</button>
-        </div>
-    </div>
-</div>
-
-<script>
-    function removeMultipleWhitespace(text) {
-        return text.replace(/\s+/g, ' ').trim();
-    }
-
-    function processText() {
-        const inputText = document.getElementById('textInput').value;
-        const cleanedText = removeMultipleWhitespace(inputText);
-        document.getElementById('output').innerText = cleanedText;
-        document.getElementById('after-procces').style.display='block';
-    }
-
-    function copyOutputText() {
-        const outputText = document.getElementById('output').innerText;
-        const textarea = document.createElement('textarea');
-        textarea.value = outputText;
-        document.body.appendChild(textarea);
-        textarea.select();
-        document.execCommand('copy');
-        document.body.removeChild(textarea);
-        document.getElementById('copied-notice').style.display = 'block';
-        document.getElementById('copied-notice').innerHTML = 'Output text copied to clipboard!';
-    }
-</script>
-<style>
-    .container-dxu {
-        max-width: 600px;
-        width: 100%;
-        padding: 20px;
-        background-color: #3d3d3d;
-        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-        border-radius: 8px;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-    }
-
-    .textarea-text {
-        width: calc(100% );
-        height: 100px;
-        margin-bottom: 10px;
-        border: 1px solid #ddd;
-        border-radius: 4px;
-        padding: 10px;
-        font-size: 16px;
-        background-color: #3d3d3d;
-    }
-    .button-style{
-        padding: 10px 20px;
-        background-color: #7d7d7d;
-        color: #fff;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-        width: 100%;
-    }
-    .button-style:hover {
-        background-color: #9d9d9d;
-    }
-    #output {
-        margin-top: 10px;
-        margin-bottom: 10px;
-        padding: 10px;
-        background-color: #3d3d3d;
-        border: 1px solid #ddd;
-        border-radius: 4px;
-        font-size: 16px;
-    }
-
-</style>
--- a/open-graph-meta-generator.php
+++ b/open-graph-meta-generator.php
@@ -1,293 +0,0 @@
-<div class="meta-container">
-    <h1 class="og-title">Open Graph Meta Generator</h1>
-    <form class="form" id="metaForm">
-        <label for="ogTitle" class="form-label">Title:</label>
-        <input type="text" id="ogTitle" name="ogTitle" class="form-input" required>
-
-        <label for="ogDescription" class="form-label">Description:</label>
-        <textarea id="ogDescription" name="ogDescription" class="form-input form-textarea" rows="4" required></textarea>
-
-        <label for="ogImage" class="form-label">Image URL:</label>
-        <input type="url" id="ogImage" name="ogImage" class="form-input" required>
-
-        <label for="ogUrl" class="form-label">URL:</label>
-        <input type="url" id="ogUrl" name="ogUrl" class="form-input" required>
-
-        <label for="author" class="form-label">Author:</label>
-        <input type="text" id="author" name="author" class="form-input" required>
-
-        <label for="keywords" class="form-label">Keywords:</label>
-        <input type="text" id="keywords" name="keywords" class="form-input" required>
-
-        <label for="twitterTitle" class="form-label">Twitter Title:</label>
-        <input type="text" id="twitterTitle" name="twitterTitle" class="form-input" required>
-
-        <label for="twitterDescription" class="form-label">Twitter Description:</label>
-        <textarea id="twitterDescription" name="twitterDescription" class="form-input form-textarea" rows="4" required></textarea>
-
-        <label for="twitterImage" class="form-label">Twitter Image URL:</label>
-        <input type="url" id="twitterImage" name="twitterImage" class="form-input" required>
-
-        <label for="twitterCard" class="form-label">Twitter Card Type:</label>
-        <select id="twitterCard" name="twitterCard" class="form-input" required>
-            <option value="summary">Summary</option>
-            <option value="summary_large_image">Summary Large Image</option>
-        </select>
-
-        <button type="submit" class="button-style" style="width: 100%; background-color: #7d7d7d;">Generate</button>
-    </form>
-
-    <div style="display: none;" class="generated-meta-tags" id="generatedMetaTags"></div>
-    <P style="display: none; text-align: center;" id="copied-notice"></P>
-    <button id="copyButton" class="button-style" onclick="copyToClipboard()">Copy</button>
-</div>
-<div class="table-container">
-    <h2 style="text-align: center; font-size: 25px; font-weight: bold;">Content Limitations</h2>
-    <table class="content-table">
-    <tr>
-      <th class="name">Name</th>
-      <th class="min-max">Min/Max</th>
-      <th class="limit">Limit</th>
-      <th class="type">Type</th>
-    </tr>
-    <tr>
-      <td class="name">Meta Title</td>
-      <td class="min-max">Max</td>
-      <td class="limit">55</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Meta Description</td>
-      <td class="min-max">Max</td>
-      <td class="limit">160</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Google Ideal Post Content</td>
-      <td class="min-max">Min</td>
-      <td class="limit">300</td>
-      <td class="type">Word</td>
-    </tr>
-    <tr>
-      <td class="name">Instagram Captions/Comments</td>
-      <td class="min-max">Max</td>
-      <td class="limit">2200</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Twitter Post</td>
-      <td class="min-max">Max</td>
-      <td class="limit">280</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Twitter Username</td>
-      <td class="min-max">Max</td>
-      <td class="limit">20</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Wall Post (Truncation)</td>
-      <td class="min-max">Max</td>
-      <td class="limit">477</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Wall Post (All)</td>
-      <td class="min-max">Max</td>
-      <td class="limit">63206</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Comment</td>
-      <td class="min-max">Max</td>
-      <td class="limit">8000</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Page Description</td>
-      <td class="min-max">Max</td>
-      <td class="limit">255</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Username</td>
-      <td class="min-max">Max</td>
-      <td class="limit">50</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Facebook Messenger Message</td>
-      <td class="min-max">Max</td>
-      <td class="limit">20000</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">YouTube Video Title</td>
-      <td class="min-max">Max</td>
-      <td class="limit">70</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">YouTube Video Description</td>
-      <td class="min-max">Max</td>
-      <td class="limit">5000</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Snapchat Caption</td>
-      <td class="min-max">Max</td>
-      <td class="limit">250</td>
-      <td class="type">Letter</td>
-    </tr>
-    <tr>
-      <td class="name">Pinterest Pin Description</td>
-      <td class="min-max">Max</td>
-      <td class="limit">500</td>
-      <td class="type">Letter</td>
-    </tr>
-  </table>
-</div>
-
-<script>
-    const form = document.getElementById('metaForm');
-    const generatedMetaTags = document.getElementById('generatedMetaTags');
-
-    form.addEventListener('submit', function(event) {
-        event.preventDefault();
-
-        const ogTitle = document.getElementById('ogTitle').value.trim();
-        const ogDescription = document.getElementById('ogDescription').value.trim();
-        const ogImage = document.getElementById('ogImage').value.trim();
-        const ogUrl = document.getElementById('ogUrl').value.trim();
-        const author = document.getElementById('author').value.trim();
-        const keywords = document.getElementById('keywords').value.trim();
-        const twitterTitle = document.getElementById('twitterTitle').value.trim();
-        const twitterDescription = document.getElementById('twitterDescription').value.trim();
-        const twitterImage = document.getElementById('twitterImage').value.trim();
-        const twitterCard = document.getElementById('twitterCard').value.trim();
-
-        const metaTags = `
-            <title>${ogTitle}</title>
-            <meta name="description" content="${ogDescription}">
-            <meta name="keywords" content="${keywords}">
-            <meta name="author" content="${author}">
-            <meta property="og:title" content="${ogTitle}">
-            <meta property="og:description" content="${ogDescription}">
-            <meta property="og:image" content="${ogImage}">
-            <meta property="og:url" content="${ogUrl}">
-            <meta name="twitter:title" content="${twitterTitle}">
-            <meta name="twitter:description" content="${twitterDescription}">
-            <meta name="twitter:image" content="${twitterImage}">
-            <meta name="twitter:card" content="${twitterCard}">
-        `;
-        if(metaTags.length>20){
-            document.getElementById('generatedMetaTags').style.display= "block";
-        }
-        generatedMetaTags.innerText = `${metaTags}`;
-        
-    });
-    function copyToClipboard() {
-        const metaTags = document.getElementById('generatedMetaTags');
-        const textarea = document.createElement('textarea');
-        textarea.value = metaTags.innerText;
-        document.body.appendChild(textarea);
-        textarea.select();
-        document.execCommand('copy');
-        document.body.removeChild(textarea);
-        document.getElementById('copied-notice').style.display = 'block';
-        document.getElementById('copied-notice').innerHTML = 'Meta tags copied to clipboard!';
-    }
-</script>
-<style>
-    .meta-container {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        max-width: 700px;
-        margin: 20px auto; /* Added to center horizontally */
-        padding: 20px;
-        background-color: #3d3d3d;
-        border-radius: 8px;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    }
-
-    /* Header Styles */
-    .og-title {
-        margin-top: 0;
-        font-size: 24px;
-        text-align: center;
-    }
-
-    /* Form Styles */
-    .form {
-        margin-bottom: 20px;
-    }
-
-    .form-input {
-        width: 100%;
-        padding: 6px;
-        margin-bottom: 12px;
-        border: 1px solid #ccc;
-        border-radius: 4px;
-        box-sizing: border-box;
-        font-size: 16px;
-        background-color: #3d3d3d;
-    }
-
-    .form-textarea {
-        resize: vertical;
-        min-height: 100px;
-    }
-
-    .button-style{
-        padding: 10px 20px;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-    }
-    .button-style:hover {
-        background-color: #9d9d9d;
-    }
-
-    /* Generated Meta Tags Styles */
-    .generated-meta-tags {
-        margin-top: 20px;
-        padding: 10px;
-        border: 1px solid #ccc;
-        border-radius: 5px;
-        background-color: #f9f9f9;
-    }
-
-    .generated-meta-tags {
-        margin-top: 20px;
-        padding: 10px;
-        border: 1px solid #ccc;
-        border-radius: 5px;
-        background-color: #3d3d3d;
-        width: 100%; /* Ensure the width spans the container */
-        box-sizing: border-box; /* Include padding and border in the width */
-        overflow: auto; /* Enable scrolling if content overflows */
-    }
-    .table-container {
-        max-width: 900px;
-        margin: 50px auto;
-        padding: 20px;
-        background-color: #3d3d3d;
-        border-radius: 8px;
-        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    }
-    .content-table {
-        width: 100%;
-        border-collapse: collapse;
-        }
-        .content-table th, .content-table td {
-        border: 1px solid #dddddd;
-        text-align: left;
-        padding: 8px;
-        }
-        .content-table .table-head {
-        background-color: #f2f2f2;
-        }
-</style>
--- a/random-password-generator.php
+++ b/random-password-generator.php
@@ -1,30 +0,0 @@
-<?php
-$time=time();
-$gen_pass=rand(100,360).$time.rand(100,999);
-$rand_pass = base_convert($gen_pass,10,36);
-?>
-<div style="display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 20px;">
-    <h1 style="font-size: 25px;">Get a random password</h1>
-    <div style="display: flex; flex-direction: row; margin-top: 20px;">
-        <p style="border: 2px solid #ddd; border-radius: 6px; padding: 5px;">Password: <span id="randPassword"> <?php echo $rand_pass; ?></span></p>&nbsp; <button id="copyButton" style="background-color: #7d7d7d; border-radius: 6px; padding: 0px 10px 0px 10px;">Copy</button>
-    </div>
-    <P style="display: none; text-align: center;" id="copied-notice"></P>
-</div>
-<!-- <div id="copyText">This text will be copied when clicked.</div> -->
-  
-<script>
-    document.getElementById("copyButton").addEventListener("click", function() {
-      // Select the text
-      var copyText = document.getElementById("randPassword");
-      var selection = window.getSelection();
-      var range = document.createRange();
-      range.selectNodeContents(copyText);
-      selection.removeAllRanges();
-      selection.addRange(range);
-
-      // Copy to clipboard
-      document.execCommand("copy");
-      document.getElementById('copied-notice').style.display = 'block';
-        document.getElementById('copied-notice').innerHTML = 'Text copied to clipboard!';
-    });
-  </script>
--- a/slug-generator.php
+++ b/slug-generator.php
@@ -1,68 +0,0 @@
-<div class="container-dxe">
-    <h1 style="text-align: center; font-size: 25px; padding-bottom: 6px;">Slug Generator</h1>
-    <input class="slug-input" type="text" id="inputText" placeholder="Enter text">
-    <button class="button-style" onclick="generateSlug()">Generate Slug</button>
-    <div id="slugOutput" style="border: 2px solid #ddd; display: none; padding: 6px; border-radius: 6px; margin-top: 10px;"></div>
-    <P style="display: none; text-align: center;" id="copied-notice"></P>
-    <button class="button-style" style="margin-top: 10px; width: 100%; display: none;" id="copyBtn" onclick="copyToClipboard()">Copy Slug</button>
-</div>
-<script>
-    function generateSlug() {
-        const inputText = document.getElementById('inputText').value;
-        const slugOutput = document.getElementById('slugOutput');
-
-        // Generate slug
-        const slug = inputText.trim().toLowerCase().replace(/[^\w\s-]/g, '').replace(/\s+/g, '-');
-        // console.log(slug.length)
-        // Update output
-        if(slug.length > 0){
-            document.getElementById('copyBtn').style.display = 'block';
-            document.getElementById('slugOutput').style.display = 'block';
-        }
-        slugOutput.textContent = slug;
-
-    }
-    function copyToClipboard() {
-        const slugOutput = document.getElementById('slugOutput');
-        const textArea = document.createElement('textarea');
-        textArea.value = slugOutput.textContent;
-        document.body.appendChild(textArea);
-        textArea.select();
-        document.execCommand('copy');
-        document.body.removeChild(textArea);
-        document.getElementById('copied-notice').style.display = 'block';
-        document.getElementById('copied-notice').innerHTML = 'Slug copied to clipboard!';
-    }
-</script>
-  <style>
-    .container-dxe {
-      max-width: 600px;
-      margin: 50px auto;
-      background-color: #3d3d3d;
-      border-radius: 10px;
-      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-      padding: 20px;
-    }
-
-    .slug-input {
-      width: calc(100%);
-      padding: 10px;
-      margin-bottom: 10px;
-      border: 1px solid #ccc;
-      border-radius: 5px;
-      font-size: 16px;
-    }
-
-    .button-style{
-        padding: 10px 20px;
-        background-color: #7d7d7d;
-        color: #fff;
-        border: none;
-        border-radius: 5px;
-        cursor: pointer;
-    }
-    .button-style:hover {
-        background-color: #9d9d9d;
-    }
-</style>
- 
--- a/what-is-my-dns.php
+++ b/what-is-my-dns.php
@@ -1,14 +0,0 @@
-<?php 
-    $host_name = $_SERVER['HTTP_HOST'];
-
-?>
-
-<div class="container-zz mx-auto">
-    <p>Hosting Name:</p>
-    <p><?php echo $host_name; ?></p>
-</div>
-<style>
-    .container-zz{width:100%}@media (min-width: 640px){.container-zz{max-width:640px}}@media (min-width: 768px){.container-zz{max-width:768px}}@media (min-width: 1024px){.container-zz{max-width:1024px}}@media (min-width: 1280px){.container-zz{max-width:1280px}}@media (min-width: 1536px){.container-zz{max-width:1536px}}
-    .mx-auto{margin-left:auto;margin-right:auto}
-    .my-20{margin-top:5rem;margin-bottom:5rem}
-</style>
--- a/what-is-my-ip.php
+++ b/what-is-my-ip.php
@@ -1,19 +0,0 @@
-<?php
-// Get the IPv4 address of the client
-// echo $_SERVER['REMOTE_ADDR'];
-$ipv4 = $_SERVER['REMOTE_ADDR'];
-
-// Get the IPv6 address of the client if available
-$ipv6 = $_SERVER['REMOTE_ADDR'];
-if (strpos($ipv6, ":") !== false) {
-    // IPv6 address detected
-    $ipv6 = explode("%", $ipv6)[0]; // Remove interface suffix, if any
-} else {
-    // No IPv6 address detected
-    $ipv6 = "IPv6 not available";
-}
-
-// Display IPv4 and IPv6 addresses
-echo "IPv4 Address: " . $ipv4 . "<br>";
-echo "IPv6 Address: " . $ipv6 . "<br>";
-?>
Author	SHA1	Message	Date
Suvodip	f81c3e0649	s1	2025-03-13 19:06:30 +05:30
Suvodip	fa183f628b	s11	2025-03-11 13:22:14 +05:30
Suvodip	1808fa8757	s1	2025-03-06 16:19:27 +05:30
Kar l5.G	a176102cd9	clean	2025-01-30 17:03:27 +05:30
Suvodip	f7306b70c8	s1	2024-10-21 16:23:40 +05:30
Suvodip	083494bd4d	Merge branch 't'	2024-07-11 12:49:20 +05:30
Suvodip	040c4b87c1	t	2024-07-11 12:45:10 +05:30
Suvodip	d368213568	s2	2024-07-06 21:19:02 +05:30