75f96181ae2c8cfa6b2e719cf35c5c4d 75f96181ae2c8cfa6b2e719cf35c5c4d veeceebp : May 2026

https://augustpinch.com/qnd7d2fhd?key=ed5dbed8ecdd9af92e2b54e652945382

8

Tuesday, May 12, 2026

JSON VIEWER TOOL

 <!DOCTYPE html>

<html>

<head>

  <title>JSON Viewer</title>

  <style>

    body { font-family: monospace; margin: 20px; background: #1e1e1e; color: #d4d4d4; }

    textarea { width: 100%; height: 200px; background: #252526; color: #d4d4d4; border: 1px solid #3c3c3c; padding: 10px; }

    button { margin: 10px 5px 10px 0; padding: 8px 16px; background: #0e639c; color: white; border: none; cursor: pointer; }

    button:hover { background: #1177bb; }

    #output { background: #252526; border: 1px solid #3c3c3c; padding: 15px; white-space: pre; overflow: auto; }

   .key { color: #9cdcfe; }

   .string { color: #ce9178; }

   .number { color: #b5cea8; }

   .boolean { color: #569cd6; }

   .null { color: #569cd6; }

   .collapsible { cursor: pointer; user-select: none; }

   .collapsible::before { content: '▼ '; font-size: 10px; }

   .collapsed::before { content: '▶ '; }

   .hidden { display: none; }

   .error { color: #f48771; }

  </style>

</head>

<body>

  <h2>JSON Viewer</h2>

  <textarea id="input" placeholder="Paste JSON here..."></textarea><br>

  <button onclick="formatJSON()">Format</button>

  <button onclick="minifyJSON()">Minify</button>

  <button onclick="clearAll()">Clear</button>

  <div id="output"></div>


  <script>

    function formatJSON() {

      const input = document.getElementById('input').value;

      const output = document.getElementById('output');

      try {

        const obj = JSON.parse(input);

        output.innerHTML = syntaxHighlight(JSON.stringify(obj, null, 2));

        addCollapsible();

      } catch (e) {

        output.innerHTML = `<span class="error">Invalid JSON: ${e.message}</span>`;

      }

    }


    function minifyJSON() {

      const input = document.getElementById('input').value;

      const output = document.getElementById('output');

      try {

        const obj = JSON.parse(input);

        output.textContent = JSON.stringify(obj);

      } catch (e) {

        output.innerHTML = `<span class="error">Invalid JSON: ${e.message}</span>`;

      }

    }


    function clearAll() {

      document.getElementById('input').value = '';

      document.getElementById('output').innerHTML = '';

    }


    function syntaxHighlight(json) {

      json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');

      return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {

        let cls = 'number';

        if (/^"/.test(match)) {

          if (/:$/.test(match)) {

            cls = 'key';

          } else {

            cls = 'string';

          }

        } else if (/true|false/.test(match)) {

          cls = 'boolean';

By at No comments:

Friday, May 8, 2026

TEXT TO DECIMAL CONVERTER TOOL

 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Text to Decimal</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            max-width: 600px;

            margin: 50px auto;

            padding: 20px;

            background: #f5f5f5;

        }

        .container {

            background: white;

            padding: 30px;

            border-radius: 8px;

            box-shadow: 0 2px 10px rgba(0,0,0,0.1);

        }

        h2 { color: #333; margin-top: 0; }

        textarea {

            width: 100%;

            height: 100px;

            padding: 10px;

            border: 1px solid #ddd;

            border-radius: 4px;

            font-size: 16px;

            box-sizing: border-box;

        }

        button {

            background: #4CAF50;

            color: white;

            padding: 12px 24px;

            border: none;

            border-radius: 4px;

            cursor: pointer;

            font-size: 16px;

            margin: 10px 5px 10px 0;

        }

        button:hover { background: #45a049; }

        #output {

            background: #f9f9f9;

            padding: 15px;

            border-radius: 4px;

            min-height: 50px;

            word-wrap: break-word;

            font-family: monospace;

        }

    </style>

</head>

<body>

    <div class="container">

        <h2>Text to Decimal Converter</h2>

        <textarea id="inputText" placeholder="Enter text here..."></textarea>

        <br>

        <button onclick="convertToDecimal()">Convert</button>

        <button onclick="clearAll()">Clear</button>

        <h3>Decimal Output:</h3>

        <div id="output"></div>

    </div>


    <script>

        function convertToDecimal() {

            const text = document.getElementById('inputText').value;

            let decimal = '';

            for (let i = 0; i < text.length; i++) {

                decimal += text.charCodeAt(i);

                if (i < text.length - 1) decimal += ' ';

            }

            document.getElementById('output').textContent = decimal || 'Result will appear here';

        }

        

        function clearAll() {

            document.getElementById('inputText').value = '';

            document.getElementById('output').textContent = '';

        }

    </script>

</body>

</html>

By at No comments:
Subscribe to: Posts (Atom)

JSON VIEWER TOOL

 <!DOCTYPE html> <html> <head>   <title>JSON Viewer</title>   <style>     body { font-family: monospace;...

  • OCTAL TO TEXT CONVERTER TOOL
     <!DOCTYPE html> <html> <head>   <title>Octal to Text Converter</title>   <style>     body {       font-...
  • REVERSE TEXT GENERATOR TOOL
     <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="view...
  • UNITS CONVERTER TOOL
     <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF8">     <meta name="viewp...