62 lines
3.1 KiB
HTML
62 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title></title>
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<!-- <link rel="stylesheet" href="../node_modules/easymde/dist/easymde.min.css">
|
|
<script src="../node_modules/easymde/dist/easymde.min.js"></script> -->
|
|
<style>
|
|
:root {
|
|
--mdc-theme-primary: orange;
|
|
}
|
|
html, body{
|
|
margin:0; border:0; padding:0;
|
|
width: 100%; height: 100%;
|
|
}
|
|
</style>
|
|
<script src="../dist/editor.js"></script>
|
|
<script type="module" src="../dist/bundle.js"></script>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function(){
|
|
const drawer = document.getElementsByTagName('mwc-drawer')[0];
|
|
if (drawer) {
|
|
const container = drawer.parentNode;
|
|
container.addEventListener('MDCTopAppBar:nav', () => {
|
|
drawer.open = !drawer.open;
|
|
});
|
|
}
|
|
|
|
let easyMDE = new EasyMDE({ element: document.getElementById('editor') });
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<mwc-drawer hasHeader type="dismissible">
|
|
<span slot="title">Drawer Title</span>
|
|
<div>
|
|
<p>
|
|
"On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the
|
|
charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to
|
|
ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying
|
|
through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our
|
|
power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to
|
|
be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of
|
|
business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore
|
|
always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or
|
|
else he endures pains to avoid worse pains."
|
|
</p>
|
|
</div>
|
|
<div slot="appContent">
|
|
<mwc-top-app-bar-fixed>
|
|
<mwc-icon-button slot="navigationIcon" icon="menu"></mwc-icon-button>
|
|
<div slot="title">Editor title</div>
|
|
</mwc-top-app-bar-fixed>
|
|
<div>
|
|
<textarea id="editor"></textarea>
|
|
</div>
|
|
</div>
|
|
</mwc-drawer>
|
|
</body>
|
|
</html> |