index.html

<!DOCTYPE html>
<html lang="en">
<!--
msg vars used: weburl, webname, webav, webcontent, webbed
embed vars used: emauth, emtitle, emdesc, emhex
-->
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="a simple way to send messages via a webhook, its pretty basic">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/png" href="https://img.icons8.com/color/2x/webhook.png">
    <title>be a webhook lol</title>
  </head>
  <body style="font-family: Verdana">
  <div id="main" class="main">
    <h1>webhookinator</h1>
    <p>this allows you to send messages through a discord webhook</p><br>
    <input type="url" class="inpClass" id="url" placeholder="webhook url"><br>
    <input type="text" class="inpClass" id="content" placeholder="message content"><br>
    <input type="text" class="inpClass" id="name" placeholder="name (optional)"><br>
    <input type="url" class="inpClass" id="avatar" placeholder="avatar url (optional)"><br>
    <sub class="inpClass" id="tip">embed fields</sub><br>
    <input type="text" class="inpClass" id="emauth" placeholder="embed author (optional)"><br>
    <input type="url" class="inpClass" id="emtitle" placeholder="embed title (optional)"><br>
    <input type="text" class="inpClass" id="emdesc" placeholder="embed description (optional)"><br>
    <input type="url" class="inpClass" id="emhex" placeholder="embed hex (optional)"><br>
    <button onclick="sendMessage()">send</button><br>
    <button onclick="extra()" id="extra">toggle extra options</button>
    <a href="/modify.html" draggable="false" style="text-decoration: none;"><button id="modify" style="display: inline;">modify webhook</button></a><br>
    <div id="store">
    &nbsp;&nbsp;<button onclick="save()" id="save">save webhook url</button>
    <button onclick="remove()" id="remove" style="display: inline;">remove saved url</button>
    </div>
    <p id="error"></p>
  </div>
    <script src="script.js"></script>
    <script>
      if (location.protocol !== 'https:') {
        location.replace(`https:${location.href.substring(location.protocol.length)}`);
      }
    </script>
  </body>
</html>