265 lines
11 KiB
HTML
265 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Webpack App</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://unpkg.com/@highlightjs/cdn-assets@11.2.0/styles/atom-one-dark.min.css"
|
|
/>
|
|
<script src="https://unpkg.com/@highlightjs/cdn-assets@11.2.0/highlight.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<mwc-drawer hasHeader open type="dismissible">
|
|
<span slot="title">Drawer Title</span>
|
|
<span slot="subtitle">subtitle</span>
|
|
<div>
|
|
<mwc-list>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
<mwc-list-item>Item 0</mwc-list-item>
|
|
<mwc-list-item class="list-item__depth-2"
|
|
>Item 1</mwc-list-item
|
|
>
|
|
<mwc-list-item class="list-item__depth-3"
|
|
>Item 2</mwc-list-item
|
|
>
|
|
<mwc-list-item>Item 3</mwc-list-item>
|
|
</mwc-list>
|
|
</div>
|
|
<div slot="appContent">
|
|
<mwc-top-app-bar-fixed prominent>
|
|
<mwc-icon-button
|
|
slot="navigationIcon"
|
|
icon="menu"
|
|
></mwc-icon-button>
|
|
<div slot="title">Title</div>
|
|
</mwc-top-app-bar-fixed>
|
|
|
|
<div>
|
|
<main>
|
|
<article>
|
|
<pre>
|
|
<code>
|
|
System.out.println("Hello");
|
|
</code>
|
|
</pre>
|
|
<p>
|
|
The standard Lorem Ipsum passage, used since the
|
|
1500s "Lorem ipsum dolor sit amet, consectetur
|
|
adipiscing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut
|
|
enim ad minim veniam, quis nostrud exercitation
|
|
ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in
|
|
reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint
|
|
occaecat cupidatat non proident, sunt in culpa
|
|
qui officia deserunt mollit anim id est
|
|
laborum." Section 1.10.32 of "de Finibus Bonorum
|
|
et Malorum", written by Cicero in 45 BC "Sed ut
|
|
perspiciatis unde omnis iste natus error sit
|
|
voluptatem accusantium doloremque laudantium,
|
|
totam rem aperiam, eaque ipsa quae ab illo
|
|
inventore veritatis et quasi architecto beatae
|
|
vitae dicta sunt explicabo. Nemo enim ipsam
|
|
voluptatem quia voluptas sit aspernatur aut odit
|
|
aut fugit, sed quia consequuntur magni dolores
|
|
eos qui ratione voluptatem sequi nesciunt. Neque
|
|
porro quisquam est, qui dolorem ipsum quia dolor
|
|
sit amet, consectetur, adipisci velit, sed quia
|
|
non numquam eius modi tempora incidunt ut labore
|
|
et dolore magnam aliquam quaerat voluptatem. Ut
|
|
enim ad minima veniam, quis nostrum
|
|
exercitationem ullam corporis suscipit
|
|
laboriosam, nisi ut aliquid ex ea commodi
|
|
consequatur? Quis autem vel eum iure
|
|
reprehenderit qui in ea voluptate velit esse
|
|
quam nihil molestiae consequatur, vel illum qui
|
|
dolorem eum fugiat quo voluptas nulla pariatur?"
|
|
</p>
|
|
<p>
|
|
The standard Lorem Ipsum passage, used since the
|
|
1500s "Lorem ipsum dolor sit amet, consectetur
|
|
adipiscing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut
|
|
enim ad minim veniam, quis nostrud exercitation
|
|
ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in
|
|
reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint
|
|
occaecat cupidatat non proident, sunt in culpa
|
|
qui officia deserunt mollit anim id est
|
|
laborum." Section 1.10.32 of "de Finibus Bonorum
|
|
et Malorum", written by Cicero in 45 BC "Sed ut
|
|
perspiciatis unde omnis iste natus error sit
|
|
voluptatem accusantium doloremque laudantium,
|
|
totam rem aperiam, eaque ipsa quae ab illo
|
|
inventore veritatis et quasi architecto beatae
|
|
vitae dicta sunt explicabo. Nemo enim ipsam
|
|
voluptatem quia voluptas sit aspernatur aut odit
|
|
aut fugit, sed quia consequuntur magni dolores
|
|
eos qui ratione voluptatem sequi nesciunt. Neque
|
|
porro quisquam est, qui dolorem ipsum quia dolor
|
|
sit amet, consectetur, adipisci velit, sed quia
|
|
non numquam eius modi tempora incidunt ut labore
|
|
et dolore magnam aliquam quaerat voluptatem. Ut
|
|
enim ad minima veniam, quis nostrum
|
|
exercitationem ullam corporis suscipit
|
|
laboriosam, nisi ut aliquid ex ea commodi
|
|
consequatur? Quis autem vel eum iure
|
|
reprehenderit qui in ea voluptate velit esse
|
|
quam nihil molestiae consequatur, vel illum qui
|
|
dolorem eum fugiat quo voluptas nulla pariatur?"
|
|
</p>
|
|
<p>
|
|
The standard Lorem Ipsum passage, used since the
|
|
1500s "Lorem ipsum dolor sit amet, consectetur
|
|
adipiscing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut
|
|
enim ad minim veniam, quis nostrud exercitation
|
|
ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in
|
|
reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint
|
|
occaecat cupidatat non proident, sunt in culpa
|
|
qui officia deserunt mollit anim id est
|
|
laborum." Section 1.10.32 of "de Finibus Bonorum
|
|
et Malorum", written by Cicero in 45 BC "Sed ut
|
|
perspiciatis unde omnis iste natus error sit
|
|
voluptatem accusantium doloremque laudantium,
|
|
totam rem aperiam, eaque ipsa quae ab illo
|
|
inventore veritatis et quasi architecto beatae
|
|
vitae dicta sunt explicabo. Nemo enim ipsam
|
|
voluptatem quia voluptas sit aspernatur aut odit
|
|
aut fugit, sed quia consequuntur magni dolores
|
|
eos qui ratione voluptatem sequi nesciunt. Neque
|
|
porro quisquam est, qui dolorem ipsum quia dolor
|
|
sit amet, consectetur, adipisci velit, sed quia
|
|
non numquam eius modi tempora incidunt ut labore
|
|
et dolore magnam aliquam quaerat voluptatem. Ut
|
|
enim ad minima veniam, quis nostrum
|
|
exercitationem ullam corporis suscipit
|
|
laboriosam, nisi ut aliquid ex ea commodi
|
|
consequatur? Quis autem vel eum iure
|
|
reprehenderit qui in ea voluptate velit esse
|
|
quam nihil molestiae consequatur, vel illum qui
|
|
dolorem eum fugiat quo voluptas nulla pariatur?"
|
|
</p>
|
|
<p>
|
|
The standard Lorem Ipsum passage, used since the
|
|
1500s "Lorem ipsum dolor sit amet, consectetur
|
|
adipiscing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut
|
|
enim ad minim veniam, quis nostrud exercitation
|
|
ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in
|
|
reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint
|
|
occaecat cupidatat non proident, sunt in culpa
|
|
qui officia deserunt mollit anim id est
|
|
laborum." Section 1.10.32 of "de Finibus Bonorum
|
|
et Malorum", written by Cicero in 45 BC "Sed ut
|
|
perspiciatis unde omnis iste natus error sit
|
|
voluptatem accusantium doloremque laudantium,
|
|
totam rem aperiam, eaque ipsa quae ab illo
|
|
inventore veritatis et quasi architecto beatae
|
|
vitae dicta sunt explicabo. Nemo enim ipsam
|
|
voluptatem quia voluptas sit aspernatur aut odit
|
|
aut fugit, sed quia consequuntur magni dolores
|
|
eos qui ratione voluptatem sequi nesciunt. Neque
|
|
porro quisquam est, qui dolorem ipsum quia dolor
|
|
sit amet, consectetur, adipisci velit, sed quia
|
|
non numquam eius modi tempora incidunt ut labore
|
|
et dolore magnam aliquam quaerat voluptatem. Ut
|
|
enim ad minima veniam, quis nostrum
|
|
exercitationem ullam corporis suscipit
|
|
laboriosam, nisi ut aliquid ex ea commodi
|
|
consequatur? Quis autem vel eum iure
|
|
reprehenderit qui in ea voluptate velit esse
|
|
quam nihil molestiae consequatur, vel illum qui
|
|
dolorem eum fugiat quo voluptas nulla pariatur?"
|
|
</p>
|
|
<p>
|
|
The standard Lorem Ipsum passage, used since the
|
|
1500s "Lorem ipsum dolor sit amet, consectetur
|
|
adipiscing elit, sed do eiusmod tempor
|
|
incididunt ut labore et dolore magna aliqua. Ut
|
|
enim ad minim veniam, quis nostrud exercitation
|
|
ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in
|
|
reprehenderit in voluptate velit esse cillum
|
|
dolore eu fugiat nulla pariatur. Excepteur sint
|
|
occaecat cupidatat non proident, sunt in culpa
|
|
qui officia deserunt mollit anim id est
|
|
laborum." Section 1.10.32 of "de Finibus Bonorum
|
|
et Malorum", written by Cicero in 45 BC "Sed ut
|
|
perspiciatis unde omnis iste natus error sit
|
|
voluptatem accusantium doloremque laudantium,
|
|
totam rem aperiam, eaque ipsa quae ab illo
|
|
inventore veritatis et quasi architecto beatae
|
|
vitae dicta sunt explicabo. Nemo enim ipsam
|
|
voluptatem quia voluptas sit aspernatur aut odit
|
|
aut fugit, sed quia consequuntur magni dolores
|
|
eos qui ratione voluptatem sequi nesciunt. Neque
|
|
porro quisquam est, qui dolorem ipsum quia dolor
|
|
sit amet, consectetur, adipisci velit, sed quia
|
|
non numquam eius modi tempora incidunt ut labore
|
|
et dolore magnam aliquam quaerat voluptatem. Ut
|
|
enim ad minima veniam, quis nostrum
|
|
exercitationem ullam corporis suscipit
|
|
laboriosam, nisi ut aliquid ex ea commodi
|
|
consequatur? Quis autem vel eum iure
|
|
reprehenderit qui in ea voluptate velit esse
|
|
quam nihil molestiae consequatur, vel illum qui
|
|
dolorem eum fugiat quo voluptas nulla pariatur?"
|
|
</p>
|
|
</article>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
</mwc-drawer>
|
|
<script>
|
|
hljs.highlightAll();
|
|
</script>
|
|
</body>
|
|
</html>
|