| <!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> |
|
|
