popup.html

<!DOCTYPE html>
<html>
<head>
    <title>Educational Proof of Concept Tool: Social Media as a File System.</title>
    <style>
        body { width: 300px; padding: 10px; }
        #inputText, #passphrase { width: 100%; margin: 5px 0; }
        button { width: 100%; padding: 8px; margin: 5px 0; }
    </style>
</head>
<body>
    <h2>Educational Proof of Concept Tool: Social Media as a File System.</h2>
    <p>Type a message & passphrase, then Encrypt. To decrypt, visit a tweet, enter passphrase, and click Decrypt.
    <br> Follow us on Twitter @SMaaFS</br></p>
    <textarea id="inputText" rows="4"></textarea>
    <input type="text" id="passphrase" placeholder="Enter passphrase">
    <button id="encrypt">Encrypt</button>
    <button id="decrypt">Decrypt</button>
    <div id="output"></div>

    <script src="popup.js"></script>
</body>
</html>