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>
|
||||
95
material-design/templates/editor.html
Normal file
95
material-design/templates/editor.html
Normal file
@@ -0,0 +1,95 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Webpack App</title>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="https://unpkg.com/easymde/dist/easymde.min.css"
|
||||
/>
|
||||
<script src="https://unpkg.com/easymde/dist/easymde.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>
|
||||
<textarea id="editor"></textarea>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
</mwc-drawer>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
let mde = new EasyMDE({
|
||||
element: document.querySelector("#editor"),
|
||||
renderingConfig: {
|
||||
codeSyntaxHighlighting: true,
|
||||
},
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
211
material-design/templates/index.html
Normal file
211
material-design/templates/index.html
Normal file
@@ -0,0 +1,211 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Webpack App</title>
|
||||
</head>
|
||||
<body>
|
||||
<mwc-top-app-bar-fixed prominent>
|
||||
<div slot="title">Title</div>
|
||||
</mwc-top-app-bar-fixed>
|
||||
|
||||
<div>
|
||||
<a href="document.html"> doc</a>
|
||||
<a href="editor.html"> edit</a>
|
||||
<p class="shadow-4 text-right">Hello</p>
|
||||
<main>
|
||||
<article>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<script>
|
||||
window.addEventListener("scroll", (e) => {
|
||||
//console.log(window.scrollY);
|
||||
if (window.scrollY > 128) {
|
||||
document
|
||||
.querySelector("mwc-top-app-bar-fixed")
|
||||
.removeAttribute("prominent");
|
||||
} else if (window.scrollY < 64) {
|
||||
document
|
||||
.querySelector("mwc-top-app-bar-fixed")
|
||||
.setAttribute("prominent", "prominent");
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user