under construction

This commit is contained in:
2021-08-20 18:07:12 +09:00
parent c1d7e9a5ba
commit 2ee272598a
120 changed files with 20026 additions and 129 deletions

View File

@@ -0,0 +1,62 @@
<!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>