plaster/public/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>plaster</title>
    <style>
        /* Default Light Mode */
        :root {
            --bg-color: #ffffff;
            --text-color: #000000;
            --link-color: #0066cc;
            --border-color: #ddd;
        }

        /* Dark Mode */
        @media (prefers-color-scheme: dark) {
            :root {
                --bg-color: #1e1e1e;
                --text-color: #ffffff;
                --link-color: #4db8ff;
                --border-color: #444;
            }
        }

        body {
            font-family: 'Nimbus Mono PS', 'Courier New', monospace;
            margin: 0px;
            background-color: var(--bg-color);
            text-align:center;
            color: var(--text-color);
        }

        .main {
            text-align:center;
            width:75%;
        }
        
        .footer {
            font-size:60%;
        }

        input, button {
            margin: 5px 0;
            padding: 10px;
            border: 1px solid var(--border-color);
            border-radius: 5px;
        }

        a {
            color: var(--link-color);
        }

        #asciiArtContainer {
            position: fixed;
            z-index: -289;
            bottom: 0;
            right: 0;
            padding: 10px;
            font-family: monospace;
            white-space: pre;
        }
        
        @media (max-width: 768px) {
            /* For tablets and small screens */
            #asciiArtContainer {
                font-size: 0.5rem; /* Slightly smaller font */
                padding: 8px;      /* Reduced padding */
            }
        }
        
        @media (max-width: 480px) {
            /* For mobile devices */
            #asciiArtContainer {
                font-size: 0.3rem; /* Smaller font size for mobile */
                padding: 5px;      /* Minimal padding */
            }
        }
    </style>
</head>
<body> <div class="main">
    <h1>plaster 📋</h1>
    <p>Alternative frontend for Pastebin.</p>
    <p>All issues regarding paste content should be reported to <a href="https://pastebin.com">Pastebin</a>. In addition, if you want a real alternative to Pastebin, <a href="https://privatebin.info">check out Privatebin!</a></p>
    <input type="text" id="pasteUrl" placeholder="Enter Pastebin URL">
    <button id="fetchBtn">go!</button>
    <label>
    <input type="checkbox" id="autoCopyCheckbox">
    auto-copy paste contents?
    </label>
    <script src="client.js" defer></script>
    <div id="asciiArtContainer" aria-hidden="true" style="position: fixed; bottom: 0; right: 0; padding: 10px; font-family: monospace; white-space: pre;"></div>
    <p class="footer"><a href="https://github.com/gigirassy/plaster">source code</a> is licensed under the public domain<br>🏳️‍⚧️🇵🇸🇭🇹🇺🇦</p></div>
</body>
</html>
Create index.html 2024-12-18 21:21:07 +00:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
Update index.html 2024-12-18 21:49:10 +00:00			`<title>plaster</title>`
Create index.html 2024-12-18 21:21:07 +00:00			`<style>`
Update index.html 2024-12-18 21:34:54 +00:00			`/* Default Light Mode */`
			`:root {`
			`--bg-color: #ffffff;`
			`--text-color: #000000;`
			`--link-color: #0066cc;`
			`--border-color: #ddd;`
			`}`

			`/* Dark Mode */`
			`@media (prefers-color-scheme: dark) {`
			`:root {`
			`--bg-color: #1e1e1e;`
			`--text-color: #ffffff;`
			`--link-color: #4db8ff;`
			`--border-color: #444;`
			`}`
			`}`

Create index.html 2024-12-18 21:21:07 +00:00			`body {`
Update index.html 2024-12-19 00:16:11 +00:00			`font-family: 'Nimbus Mono PS', 'Courier New', monospace;`
Update index.html 2024-12-19 15:55:48 +00:00			`margin: 0px;`
Update index.html 2024-12-18 21:34:54 +00:00			`background-color: var(--bg-color);`
Update index.html 2024-12-18 21:37:54 +00:00			`text-align:center;`
Update index.html 2024-12-18 21:34:54 +00:00			`color: var(--text-color);`
Update index.html 2024-12-19 01:51:39 +00:00			`}`

			`.main {`
			`text-align:center;`
Update index.html 2024-12-19 15:55:48 +00:00			`width:75%;`
Update index.html 2024-12-18 21:34:54 +00:00			`}`
Update index.html 2024-12-20 21:06:03 +00:00
			`.footer {`
Update index.html 2024-12-20 21:07:30 +00:00			`font-size:60%;`
Update index.html 2024-12-20 21:06:03 +00:00			`}`
Update index.html 2024-12-18 21:34:54 +00:00
			`input, button {`
			`margin: 5px 0;`
			`padding: 10px;`
			`border: 1px solid var(--border-color);`
			`border-radius: 5px;`
Create index.html 2024-12-18 21:21:07 +00:00			`}`
Update index.html 2024-12-18 21:34:54 +00:00
			`a {`
			`color: var(--link-color);`
			`}`
Update index.html 2024-12-20 15:36:39 +00:00
			`#asciiArtContainer {`
			`position: fixed;`
Update index.html 2024-12-20 17:44:04 +00:00			`z-index: -289;`
Update index.html 2024-12-20 15:36:39 +00:00			`bottom: 0;`
			`right: 0;`
			`padding: 10px;`
			`font-family: monospace;`
			`white-space: pre;`
			`}`

			`@media (max-width: 768px) {`
			`/* For tablets and small screens */`
			`#asciiArtContainer {`
Update index.html 2024-12-20 15:39:44 +00:00			`font-size: 0.5rem; /* Slightly smaller font */`
Update index.html 2024-12-20 15:36:39 +00:00			`padding: 8px; /* Reduced padding */`
			`}`
			`}`

			`@media (max-width: 480px) {`
			`/* For mobile devices */`
			`#asciiArtContainer {`
Update index.html 2024-12-20 15:39:44 +00:00			`font-size: 0.3rem; /* Smaller font size for mobile */`
Update index.html 2024-12-20 15:36:39 +00:00			`padding: 5px; /* Minimal padding */`
			`}`
			`}`
Create index.html 2024-12-18 21:21:07 +00:00			`</style>`
			`</head>`
Update index.html 2024-12-19 01:51:39 +00:00			`<body> <div class="main">`
Update index.html 2024-12-19 00:16:11 +00:00			`<h1>plaster 📋</h1>`
Update index.html 2024-12-18 21:34:54 +00:00			`<p>Alternative frontend for Pastebin.</p>`
			`<p>All issues regarding paste content should be reported to <a href="https://pastebin.com">Pastebin</a>. In addition, if you want a real alternative to Pastebin, <a href="https://privatebin.info">check out Privatebin!</a></p>`
Create index.html 2024-12-18 21:21:07 +00:00			`<input type="text" id="pasteUrl" placeholder="Enter Pastebin URL">`
Update index.html 2024-12-19 01:45:08 +00:00			`<button id="fetchBtn">go!</button>`
Update index.html 2024-12-20 00:13:56 +00:00			`<label>`
			`<input type="checkbox" id="autoCopyCheckbox">`
			`auto-copy paste contents?`
			`</label>`
Update index.html 2024-12-18 22:00:46 +00:00			`<script src="client.js" defer></script>`
Update index.html 2024-12-20 04:45:46 +00:00			`<div id="asciiArtContainer" aria-hidden="true" style="position: fixed; bottom: 0; right: 0; padding: 10px; font-family: monospace; white-space: pre;"></div>`
Update index.html 2024-12-20 21:06:03 +00:00			`<p class="footer"><a href="https://github.com/gigirassy/plaster">source code</a> is licensed under the public domain<br>🏳️‍⚧️🇵🇸🇭🇹🇺🇦</p></div>`
Create index.html 2024-12-18 21:21:07 +00:00			`</body>`
			`</html>`