| | <!doctype html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8" /> |
| | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| | <link rel="manifest" href="./manifest.json"> |
| | <link rel="stylesheet" href="./libs/toastui-editor.min.css" /> |
| |
|
| | <title>groqnote</title> |
| | <style> |
| | body { |
| | font-family: Arial, sans-serif; |
| | background-color: #f4f4f4; |
| | } |
| | |
| | #testLinkContainer a { |
| | width: fit-content; |
| | display: inline-block; |
| | margin-bottom: 10px; |
| | color: #333; |
| | text-decoration: none; |
| | background-color: #ddd; |
| | padding: 10px; |
| | border-radius: 5px; |
| | } |
| | #testLinkContainer a:hover { |
| | background-color: #eee; |
| | } |
| | textarea { |
| | width: 90%; |
| | height: 40vh; |
| | margin-bottom: 20px; |
| | padding: 10px; |
| | border-radius: 5px; |
| | border: 1px solid #ccc; |
| | } |
| | input { |
| | display: block; |
| | margin-bottom: 20px; |
| | padding: 10px; |
| | border-radius: 5px; |
| | border: 1px solid #ccc; |
| | } |
| | #editableDiv { |
| | padding: 20px; |
| | border: 1px solid #ccc; |
| | border-radius: 5px; |
| | background-color: #fff; |
| | } |
| | #editableDiv div { |
| | padding: 10px; |
| | } |
| | </style> |
| | </head> |
| | <body> |
| | <div style="height: 30vh;"></div> |
| | share the note via url: |
| | <div id="url_div"></div> |
| | <div id="notebin_editor"></div> |
| |
|
| |
|
| | <div style="height: 300vh;"></div> |
| |
|
| | |
| |
|
| | <script src="./index.js" type="module"></script> |
| | <script src="./esltool.js" type="module"></script> |
| | <script src="./libs/toastui-editor-all.min.js"></script> |
| | <script type="module" src="./notebin.js"></script> |
| |
|
| | </body> |
| | </html> |
| |
|
