2023-02-28T02:14:36
This commit is contained in:
264
material-design/templates/document.html
Normal file
264
material-design/templates/document.html
Normal file
@@ -0,0 +1,264 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user