2023-02-28T02:14:36
This commit is contained in:
@@ -19,7 +19,7 @@ description = ""
|
|||||||
|
|
||||||
repositories {
|
repositories {
|
||||||
maven {
|
maven {
|
||||||
url = uri("https://repository.elex-project.com/repository/maven")
|
url = uri(project.findProperty("repo.url") as String)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -29,7 +29,7 @@ configurations {
|
|||||||
|
|
||||||
repositories {
|
repositories {
|
||||||
maven {
|
maven {
|
||||||
url = uri("https://repository.elex-project.com/repository/maven")
|
url = uri(project.findProperty("repo.url") as String)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -69,8 +69,8 @@ tasks.javadoc {
|
|||||||
}
|
}
|
||||||
|
|
||||||
dependencies {
|
dependencies {
|
||||||
implementation("org.slf4j:slf4j-api:1.7.30")
|
implementation("org.slf4j:slf4j-api:2.0.6")
|
||||||
implementation("org.jetbrains:annotations:22.0.0")
|
implementation("org.jetbrains:annotations:24.0.0")
|
||||||
|
|
||||||
implementation("com.elex-project:abraxas:4.7.2")
|
implementation("com.elex-project:abraxas:4.11.0")
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,11 +11,11 @@ plugins{
|
|||||||
}
|
}
|
||||||
|
|
||||||
dependencies {
|
dependencies {
|
||||||
compileOnly("org.projectlombok:lombok:1.18.16")
|
compileOnly("org.projectlombok:lombok:1.18.26")
|
||||||
annotationProcessor("org.projectlombok:lombok:1.18.16")
|
annotationProcessor("org.projectlombok:lombok:1.18.26")
|
||||||
testAnnotationProcessor("org.projectlombok:lombok:1.18.16")
|
testAnnotationProcessor("org.projectlombok:lombok:1.18.26")
|
||||||
|
|
||||||
testImplementation("ch.qos.logback:logback-classic:1.2.3")
|
testImplementation("ch.qos.logback:logback-classic:1.4.5")
|
||||||
testImplementation("org.junit.jupiter:junit-jupiter:5.7.0")
|
testImplementation("org.junit.jupiter:junit-jupiter:5.9.2")
|
||||||
testRuntimeOnly("org.junit.jupiter:junit-jupiter-engine:5.7.0")
|
testRuntimeOnly("org.junit.jupiter:junit-jupiter-engine:5.9.2")
|
||||||
}
|
}
|
||||||
|
|||||||
2
gradle/wrapper/gradle-wrapper.properties
vendored
2
gradle/wrapper/gradle-wrapper.properties
vendored
@@ -7,6 +7,6 @@
|
|||||||
|
|
||||||
distributionBase=GRADLE_USER_HOME
|
distributionBase=GRADLE_USER_HOME
|
||||||
distributionPath=wrapper/dists
|
distributionPath=wrapper/dists
|
||||||
distributionUrl=https\://services.gradle.org/distributions/gradle-7.2-all.zip
|
distributionUrl=https\://services.gradle.org/distributions/gradle-8.0.1-all.zip
|
||||||
zipStoreBase=GRADLE_USER_HOME
|
zipStoreBase=GRADLE_USER_HOME
|
||||||
zipStorePath=wrapper/dists
|
zipStorePath=wrapper/dists
|
||||||
@@ -28,7 +28,7 @@ dependencies {
|
|||||||
// https://mvnrepository.com/artifact/com.fasterxml.jackson.dataformat/jackson-dataformat-xml
|
// https://mvnrepository.com/artifact/com.fasterxml.jackson.dataformat/jackson-dataformat-xml
|
||||||
implementation("com.fasterxml.jackson.dataformat:jackson-dataformat-xml")
|
implementation("com.fasterxml.jackson.dataformat:jackson-dataformat-xml")
|
||||||
// https://mvnrepository.com/artifact/com.github.spullara.mustache.java/compiler
|
// https://mvnrepository.com/artifact/com.github.spullara.mustache.java/compiler
|
||||||
//implementation("com.github.spullara.mustache.java:compiler:0.9.7")
|
//implementation("com.github.spullara.mustache.java:compiler:0.9.10")
|
||||||
|
|
||||||
implementation("org.springframework.boot:spring-boot-starter")
|
implementation("org.springframework.boot:spring-boot-starter")
|
||||||
//implementation("org.springframework.boot:spring-boot-starter-mustache")
|
//implementation("org.springframework.boot:spring-boot-starter-mustache")
|
||||||
|
|||||||
1
material-design/.gitignore
vendored
Normal file
1
material-design/.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
/node_modules/
|
||||||
6
material-design/README.md
Normal file
6
material-design/README.md
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
```bash
|
||||||
|
yarn init
|
||||||
|
yarn add webpack webpack-cli --dev
|
||||||
|
yarn webpack-cli init
|
||||||
|
yarn add @material/mwc-drawer
|
||||||
|
```
|
||||||
208
material-design/dist/index.html
vendored
Normal file
208
material-design/dist/index.html
vendored
Normal file
@@ -0,0 +1,208 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<title>Webpack App</title>
|
||||||
|
<script defer src="main.js"></script></head>
|
||||||
|
<body>
|
||||||
|
<mwc-top-app-bar-fixed prominent>
|
||||||
|
<div slot="title">Title</div>
|
||||||
|
</mwc-top-app-bar-fixed>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<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>
|
||||||
899
material-design/dist/main.js
vendored
Normal file
899
material-design/dist/main.js
vendored
Normal file
File diff suppressed because one or more lines are too long
163
material-design/dist/main.js.LICENSE.txt
vendored
Normal file
163
material-design/dist/main.js.LICENSE.txt
vendored
Normal file
@@ -0,0 +1,163 @@
|
|||||||
|
/*! *****************************************************************************
|
||||||
|
Copyright (c) Microsoft Corporation.
|
||||||
|
|
||||||
|
Permission to use, copy, modify, and/or distribute this software for any
|
||||||
|
purpose with or without fee is hereby granted.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
||||||
|
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
||||||
|
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
||||||
|
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
||||||
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
||||||
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
||||||
|
PERFORMANCE OF THIS SOFTWARE.
|
||||||
|
***************************************************************************** */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
||||||
|
* This code may only be used under the BSD style license found at
|
||||||
|
* http://polymer.github.io/LICENSE.txt
|
||||||
|
* The complete set of authors may be found at
|
||||||
|
* http://polymer.github.io/AUTHORS.txt
|
||||||
|
* The complete set of contributors may be found at
|
||||||
|
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||||
|
* Code distributed by Google as part of the polymer project is also
|
||||||
|
* subject to an additional IP rights grant found at
|
||||||
|
* http://polymer.github.io/PATENTS.txt
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
|
||||||
|
* This code may only be used under the BSD style license found at
|
||||||
|
* http://polymer.github.io/LICENSE.txt
|
||||||
|
* The complete set of authors may be found at
|
||||||
|
* http://polymer.github.io/AUTHORS.txt
|
||||||
|
* The complete set of contributors may be found at
|
||||||
|
* http://polymer.github.io/CONTRIBUTORS.txt
|
||||||
|
* Code distributed by Google as part of the polymer project is also
|
||||||
|
* subject to an additional IP rights grant found at
|
||||||
|
* http://polymer.github.io/PATENTS.txt
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright 2016 Google Inc.
|
||||||
|
*
|
||||||
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
* of this software and associated documentation files (the "Software"), to deal
|
||||||
|
* in the Software without restriction, including without limitation the rights
|
||||||
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
* copies of the Software, and to permit persons to whom the Software is
|
||||||
|
* furnished to do so, subject to the following conditions:
|
||||||
|
*
|
||||||
|
* The above copyright notice and this permission notice shall be included in
|
||||||
|
* all copies or substantial portions of the Software.
|
||||||
|
*
|
||||||
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||||
|
* THE SOFTWARE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright 2016 Google Inc. All rights reserved.
|
||||||
|
*
|
||||||
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
* you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
*
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
* See the License for the specific language governing permissions and
|
||||||
|
* limitations under the License.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright 2018 Google Inc.
|
||||||
|
*
|
||||||
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
* of this software and associated documentation files (the "Software"), to deal
|
||||||
|
* in the Software without restriction, including without limitation the rights
|
||||||
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
* copies of the Software, and to permit persons to whom the Software is
|
||||||
|
* furnished to do so, subject to the following conditions:
|
||||||
|
*
|
||||||
|
* The above copyright notice and this permission notice shall be included in
|
||||||
|
* all copies or substantial portions of the Software.
|
||||||
|
*
|
||||||
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||||
|
* THE SOFTWARE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright 2018 Google LLC
|
||||||
|
* SPDX-License-Identifier: Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright 2020 Google Inc.
|
||||||
|
*
|
||||||
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
|
* of this software and associated documentation files (the "Software"), to deal
|
||||||
|
* in the Software without restriction, including without limitation the rights
|
||||||
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||||
|
* copies of the Software, and to permit persons to whom the Software is
|
||||||
|
* furnished to do so, subject to the following conditions:
|
||||||
|
*
|
||||||
|
* The above copyright notice and this permission notice shall be included in
|
||||||
|
* all copies or substantial portions of the Software.
|
||||||
|
*
|
||||||
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||||
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||||
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
||||||
|
* THE SOFTWARE.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright 2020 Google LLC
|
||||||
|
* SPDX-License-Identifier: Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright 2021 Google LLC
|
||||||
|
* SPDX-LIcense-Identifier: Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright 2021 Google LLC
|
||||||
|
* SPDX-License-Identifier: Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
@license
|
||||||
|
Copyright (c) 2019 The Polymer Project Authors. All rights reserved.
|
||||||
|
This code may only be used under the BSD style license found at
|
||||||
|
http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
|
||||||
|
http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
|
||||||
|
found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
|
||||||
|
part of the polymer project is also subject to an additional IP rights grant
|
||||||
|
found at http://polymer.github.io/PATENTS.txt
|
||||||
|
*/
|
||||||
42
material-design/package.json
Normal file
42
material-design/package.json
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
{
|
||||||
|
"name": "@elex-project/asgard",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "Material Design",
|
||||||
|
"main": "./src/index.js",
|
||||||
|
"author": "Elex",
|
||||||
|
"license": "MIT",
|
||||||
|
"private": true,
|
||||||
|
"dependencies": {
|
||||||
|
"@elex-project/loggings": "^0.0.6",
|
||||||
|
"@elex-project/persona": "^1.1.1",
|
||||||
|
"@material/mwc-drawer": "^0.22.1",
|
||||||
|
"@material/mwc-icon-button": "^0.22.1",
|
||||||
|
"@material/mwc-list": "^0.22.1",
|
||||||
|
"@material/mwc-top-app-bar": "^0.22.1",
|
||||||
|
"@material/mwc-top-app-bar-fixed": "^0.22.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@webpack-cli/generators": "^2.3.0",
|
||||||
|
"autoprefixer": "^10.3.4",
|
||||||
|
"css-loader": "^6.2.0",
|
||||||
|
"html-webpack-plugin": "^5.3.2",
|
||||||
|
"postcss": "^8.3.6",
|
||||||
|
"postcss-loader": "^6.1.1",
|
||||||
|
"prettier": "^2.3.2",
|
||||||
|
"sass": "^1.39.0",
|
||||||
|
"sass-loader": "^12.1.0",
|
||||||
|
"style-loader": "^3.2.1",
|
||||||
|
"ts-loader": "^9.2.5",
|
||||||
|
"typescript": "^4.4.2",
|
||||||
|
"webpack": "^5.52.0",
|
||||||
|
"webpack-cli": "^4.8.0",
|
||||||
|
"webpack-dev-server": "^4.1.0"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"build": "webpack --mode=production --node-env=production",
|
||||||
|
"build:dev": "webpack --mode=development",
|
||||||
|
"build:prod": "webpack --mode=production --node-env=production",
|
||||||
|
"watch": "webpack --watch",
|
||||||
|
"serve": "webpack serve"
|
||||||
|
}
|
||||||
|
}
|
||||||
5
material-design/postcss.config.js
Normal file
5
material-design/postcss.config.js
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
module.exports = {
|
||||||
|
// Add you postcss configuration here
|
||||||
|
// Learn more about it at https://github.com/webpack-contrib/postcss-loader#config-files
|
||||||
|
plugins: [["autoprefixer"]],
|
||||||
|
};
|
||||||
@@ -1,3 +1,7 @@
|
|||||||
|
$dark_gray: #666;
|
||||||
|
$light_gray: #ccc;
|
||||||
|
$pre_max_height: 280px;
|
||||||
|
|
||||||
main article {
|
main article {
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
@@ -9,7 +13,7 @@ main article {
|
|||||||
h6 {
|
h6 {
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
border-bottom: thin solid $color-primary;
|
border-bottom: thin solid var(--mdc-theme-primary);
|
||||||
margin: {
|
margin: {
|
||||||
top: 2.4rem;
|
top: 2.4rem;
|
||||||
bottom: 0.5rem;
|
bottom: 0.5rem;
|
||||||
@@ -52,20 +56,20 @@ main article {
|
|||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
//word-wrap: normal;
|
//word-wrap: normal;
|
||||||
border-radius: 4px;
|
border-radius: var(--mdc-shape-small);
|
||||||
//padding: 1rem;
|
//padding: 1rem;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
//white-space: nowrap;
|
//white-space: nowrap;
|
||||||
|
|
||||||
&.scrollable {
|
&.scrollable {
|
||||||
max-height: 280px;
|
max-height: $pre_max_height;
|
||||||
overflow: scroll;
|
overflow: scroll;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
blockquote {
|
blockquote {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border-left: 0.43rem solid $color-gray-light;
|
border-left: 0.43rem solid var(--mdc-theme-secondary);
|
||||||
padding: 0.43rem 0 0.43rem 1rem;
|
padding: 0.43rem 0 0.43rem 1rem;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
@@ -78,7 +82,7 @@ main article {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: $color-primary;
|
color: var(--mdc-theme-primary);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
@@ -93,23 +97,23 @@ main article {
|
|||||||
}
|
}
|
||||||
strong {
|
strong {
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
color: $color-primary;
|
color: var(--mdc-theme-primary);
|
||||||
}
|
}
|
||||||
em {
|
em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
border-bottom: thin solid $color-primary;
|
border-bottom: thin solid var(--mdc-theme-primary);
|
||||||
}
|
}
|
||||||
mark {
|
mark {
|
||||||
background-color: $color-primary;
|
background-color: var(--mdc-theme-primary);
|
||||||
color: $color-on-primary;
|
color: var(--mdc-theme-on-primary);
|
||||||
border-radius: 4px;
|
border-radius: var(--mdc-shape-small);
|
||||||
padding: 0.2rem 0.34rem;
|
padding: 0.2rem 0.34rem;
|
||||||
}
|
}
|
||||||
kbd {
|
kbd {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
background-color: $color-primary;
|
background-color: var(--mdc-theme-primary);
|
||||||
color: $color-on-primary;
|
color: var(--mdc-theme-on-primary);
|
||||||
border-radius: 4px;
|
border-radius: var(--mdc-shape-small);
|
||||||
padding: 0.2rem 0.34rem;
|
padding: 0.2rem 0.34rem;
|
||||||
}
|
}
|
||||||
var {
|
var {
|
||||||
@@ -118,14 +122,14 @@ main article {
|
|||||||
del,
|
del,
|
||||||
s {
|
s {
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
color: $color-gray-dark;
|
color: $dark_gray;
|
||||||
}
|
}
|
||||||
ins,
|
ins,
|
||||||
u {
|
u {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
small {
|
small {
|
||||||
color: $color-gray-dark;
|
color: $dark_gray;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
abbr {
|
abbr {
|
||||||
@@ -145,14 +149,14 @@ main article {
|
|||||||
}
|
}
|
||||||
samp {
|
samp {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
border-radius: 4px;
|
border-radius: var(--mdc-shape-small);
|
||||||
font-size: 0.88rem;
|
font-size: 0.88rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0.2rem 0.34rem;
|
padding: 0.2rem 0.34rem;
|
||||||
}
|
}
|
||||||
code {
|
code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
border-radius: 4px;
|
border-radius: var(--mdc-shape-small);
|
||||||
font-size: 0.88rem;
|
font-size: 0.88rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0.2rem 0.34rem;
|
padding: 0.2rem 0.34rem;
|
||||||
@@ -179,25 +183,25 @@ main article {
|
|||||||
bottom: 0.82rem;
|
bottom: 0.82rem;
|
||||||
}
|
}
|
||||||
&.hover tbody tr:hover {
|
&.hover tbody tr:hover {
|
||||||
background-color: $color-gray-light;
|
background-color: $light_gray;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
thead {
|
thead {
|
||||||
border-bottom: 2px solid $color-primary;
|
border-bottom: 2px solid var(--mdc-theme-primary);
|
||||||
}
|
}
|
||||||
th {
|
th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: $color-on-primary;
|
background-color: var(--mdc-theme-on-primary);
|
||||||
color: $color-primary;
|
color: var(--mdc-theme-primary);
|
||||||
}
|
}
|
||||||
td,
|
td,
|
||||||
th {
|
th {
|
||||||
border: 1px solid $color-gray-light;
|
border: 1px solid $light_gray;
|
||||||
padding: 0.2rem 0.5rem;
|
padding: 0.2rem 0.5rem;
|
||||||
}
|
}
|
||||||
tr {
|
tr {
|
||||||
background-color: $color-background;
|
background-color: var(--mdc-theme-background);
|
||||||
border-top: 1px solid $color-gray-light;
|
border-top: 1px solid $light_gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
ol,
|
ol,
|
||||||
@@ -237,7 +241,7 @@ main article {
|
|||||||
|
|
||||||
hr {
|
hr {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
border: 1px solid $color-gray-light;
|
border: 1px solid $light_gray;
|
||||||
height: 0;
|
height: 0;
|
||||||
margin: 2.34rem 0;
|
margin: 2.34rem 0;
|
||||||
}
|
}
|
||||||
46
material-design/src/index.scss
Normal file
46
material-design/src/index.scss
Normal file
@@ -0,0 +1,46 @@
|
|||||||
|
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap");
|
||||||
|
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap");
|
||||||
|
@import url("https://fonts.googleapis.com/icon?family=Material+Icons&display=swap");
|
||||||
|
@import "../node_modules/@elex-project/persona/src/index.scss";
|
||||||
|
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
border: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
:root {
|
||||||
|
--mdc-theme-primary: #443324;
|
||||||
|
--mdc-theme-on-primary: #f4f4f4;
|
||||||
|
--mdc-theme-secondary: #018786;
|
||||||
|
--mdc-theme-on-secondary: #f4f4f4;
|
||||||
|
--mdc-theme-surface: #f4f4f4;
|
||||||
|
--mdc-theme-on-surface: #242424;
|
||||||
|
--mdc-theme-background: #f4f4f4;
|
||||||
|
|
||||||
|
--mdc-drawer-width: 256px;
|
||||||
|
--mdc-shape-small: 4px;
|
||||||
|
--mdc-shape-medium: 12px;
|
||||||
|
--mdc-shape-large: 16px;
|
||||||
|
|
||||||
|
--mdc-icon-font: "Material Icons";
|
||||||
|
--mdc-typography-font-family: "Noto Sans KR", "Noto Sans", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-item__depth-2 {
|
||||||
|
padding-left: 2rem;
|
||||||
|
}
|
||||||
|
.list-item__depth-3 {
|
||||||
|
padding-left: 3rem;
|
||||||
|
}
|
||||||
|
.list-item__depth-4 {
|
||||||
|
padding-left: 4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@import "./article";
|
||||||
|
//todo get flex from papero
|
||||||
37
material-design/src/index.ts
Normal file
37
material-design/src/index.ts
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
import '@material/mwc-drawer';
|
||||||
|
import '@material/mwc-top-app-bar';
|
||||||
|
import '@material/mwc-top-app-bar-fixed';
|
||||||
|
import '@material/mwc-icon-button';
|
||||||
|
import '@material/mwc-list';
|
||||||
|
|
||||||
|
import './index.scss'
|
||||||
|
|
||||||
|
window.addEventListener('DOMContentLoaded', e => {
|
||||||
|
const drawer = document.querySelector("mwc-drawer");
|
||||||
|
const appBar = document.querySelector("mwc-top-app-bar-fixed");
|
||||||
|
if (drawer) {
|
||||||
|
/* if (window.innerWidth < 600) {
|
||||||
|
drawer.setAttribute('type', 'modal');
|
||||||
|
drawer.removeAttribute('open');
|
||||||
|
} else {
|
||||||
|
drawer.setAttribute('type', 'dismissible');
|
||||||
|
} */
|
||||||
|
|
||||||
|
const container = drawer.parentNode;
|
||||||
|
container.addEventListener("MDCTopAppBar:nav", e => {
|
||||||
|
drawer.toggleAttribute('open');
|
||||||
|
});
|
||||||
|
|
||||||
|
window.addEventListener("resize", e => {
|
||||||
|
//console.log();
|
||||||
|
if (window.innerWidth < 600) {
|
||||||
|
drawer.setAttribute('type', 'modal');
|
||||||
|
drawer.removeAttribute('open');
|
||||||
|
} else {
|
||||||
|
drawer.setAttribute('type', 'dismissible');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
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>
|
||||||
10
material-design/tsconfig.json
Normal file
10
material-design/tsconfig.json
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"allowSyntheticDefaultImports": true,
|
||||||
|
"noImplicitAny": true,
|
||||||
|
"module": "es6",
|
||||||
|
"target": "es6",
|
||||||
|
"allowJs": true
|
||||||
|
},
|
||||||
|
"files": ["src/index.ts"]
|
||||||
|
}
|
||||||
74
material-design/webpack.config.js
Normal file
74
material-design/webpack.config.js
Normal file
@@ -0,0 +1,74 @@
|
|||||||
|
// Generated using webpack-cli https://github.com/webpack/webpack-cli
|
||||||
|
|
||||||
|
const path = require("path");
|
||||||
|
const HtmlWebpackPlugin = require("html-webpack-plugin");
|
||||||
|
|
||||||
|
const isProduction = process.env.NODE_ENV == "production";
|
||||||
|
|
||||||
|
const config = {
|
||||||
|
entry: "./src/index.ts",
|
||||||
|
output: {
|
||||||
|
path: path.resolve(__dirname, "dist"),
|
||||||
|
},
|
||||||
|
devServer: {
|
||||||
|
open: true,
|
||||||
|
host: "localhost",
|
||||||
|
},
|
||||||
|
plugins: [
|
||||||
|
new HtmlWebpackPlugin({
|
||||||
|
template: "templates/index.html",
|
||||||
|
filename: "index.html",
|
||||||
|
}),
|
||||||
|
new HtmlWebpackPlugin({
|
||||||
|
template: "templates/document.html",
|
||||||
|
filename: "document.html",
|
||||||
|
}),
|
||||||
|
new HtmlWebpackPlugin({
|
||||||
|
template: "templates/editor.html",
|
||||||
|
filename: "editor.html",
|
||||||
|
}),
|
||||||
|
// Add your plugins here
|
||||||
|
// Learn more about plugins from https://webpack.js.org/configuration/plugins/
|
||||||
|
],
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.(ts|tsx)$/i,
|
||||||
|
loader: "ts-loader",
|
||||||
|
exclude: ["/node_modules/"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.s[ac]ss$/i,
|
||||||
|
use: [
|
||||||
|
"style-loader",
|
||||||
|
"css-loader",
|
||||||
|
"postcss-loader",
|
||||||
|
"sass-loader",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.css$/i,
|
||||||
|
use: ["style-loader", "css-loader", "postcss-loader"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
|
||||||
|
type: "asset",
|
||||||
|
},
|
||||||
|
|
||||||
|
// Add your rules for custom modules here
|
||||||
|
// Learn more about loaders from https://webpack.js.org/loaders/
|
||||||
|
],
|
||||||
|
},
|
||||||
|
resolve: {
|
||||||
|
extensions: [".tsx", ".ts", ".js"],
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
module.exports = () => {
|
||||||
|
if (isProduction) {
|
||||||
|
config.mode = "production";
|
||||||
|
} else {
|
||||||
|
config.mode = "development";
|
||||||
|
}
|
||||||
|
return config;
|
||||||
|
};
|
||||||
4904
material-design/yarn-error.log
Normal file
4904
material-design/yarn-error.log
Normal file
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
23
mdc-theme/.gitignore
vendored
23
mdc-theme/.gitignore
vendored
@@ -1,23 +0,0 @@
|
|||||||
## editors
|
|
||||||
/.idea
|
|
||||||
/.vscode
|
|
||||||
|
|
||||||
## system files
|
|
||||||
.DS_Store
|
|
||||||
|
|
||||||
## npm
|
|
||||||
/node_modules/
|
|
||||||
/npm-debug.log
|
|
||||||
|
|
||||||
## testing
|
|
||||||
/coverage/
|
|
||||||
|
|
||||||
## temp folders
|
|
||||||
/.tmp/
|
|
||||||
|
|
||||||
# build
|
|
||||||
/_site/
|
|
||||||
/dist/
|
|
||||||
/out-tsc/
|
|
||||||
|
|
||||||
storybook-static
|
|
||||||
@@ -1,202 +0,0 @@
|
|||||||
<!--
|
|
||||||
~ Project Asgard
|
|
||||||
~
|
|
||||||
~ Copyright (c) 2021. Elex. All Rights Reserved.
|
|
||||||
~ https://www.elex-project.com/
|
|
||||||
-->
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="ko">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
<link
|
|
||||||
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
|
|
||||||
rel="stylesheet"
|
|
||||||
/>
|
|
||||||
<link
|
|
||||||
href="https://fonts.googleapis.com/icon?family=Material+Icons"
|
|
||||||
rel="stylesheet"
|
|
||||||
/>
|
|
||||||
<link rel="stylesheet" href="./dist/app.css" />
|
|
||||||
<title>Hello</title>
|
|
||||||
<script src="./dist/app.js"></script>
|
|
||||||
|
|
||||||
<link
|
|
||||||
rel="stylesheet"
|
|
||||||
href="https://unpkg.com/easymde/dist/easymde.min.css"
|
|
||||||
/>
|
|
||||||
<script src="https://unpkg.com/easymde/dist/easymde.min.js"></script>
|
|
||||||
|
|
||||||
<link
|
|
||||||
rel="stylesheet"
|
|
||||||
href="https://unpkg.com/@highlightjs/cdn-assets@10.7.1/styles/default.min.css"
|
|
||||||
/>
|
|
||||||
<script src="https://unpkg.com/@highlightjs/cdn-assets@10.7.1/highlight.min.js"></script>
|
|
||||||
<script>
|
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
|
||||||
let mde = new EasyMDE({
|
|
||||||
element: document.querySelector("#editor"),
|
|
||||||
renderingConfig: {
|
|
||||||
codeSyntaxHighlighting: true,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<aside id="layout-drawer" class="mdc-drawer mdc-drawer--dismissible">
|
|
||||||
<div class="mdc-drawer__header">
|
|
||||||
<p>Hello</p>
|
|
||||||
</div>
|
|
||||||
<div class="mdc-drawer__content">
|
|
||||||
<nav class="mdc-list mdc-list--dense">
|
|
||||||
<a
|
|
||||||
class="mdc-list-item mdc-list-item--activated"
|
|
||||||
href="#"
|
|
||||||
aria-current="page"
|
|
||||||
>
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Inbox</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Outgoing</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts Drafts Drafts Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item mdc-list-item--depth-1" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item mdc-list-item--depth-1" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts Drafts Drafts Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item mdc-list-item--depth-2" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text"
|
|
||||||
>Drafts Drafts Drafts Drafts Drafts Drafts Drafts</span
|
|
||||||
>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</aside>
|
|
||||||
<div id="layout-content" class="mdc-drawer-app-content">
|
|
||||||
<header class="mdc-top-app-bar mdc-top-app-bar--fixed">
|
|
||||||
<div class="mdc-elevation-overlay"></div>
|
|
||||||
<div class="mdc-top-app-bar__row">
|
|
||||||
<section
|
|
||||||
class="
|
|
||||||
mdc-top-app-bar__section mdc-top-app-bar__section--align-start
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="
|
|
||||||
material-icons
|
|
||||||
mdc-top-app-bar__navigation-icon
|
|
||||||
mdc-icon-button
|
|
||||||
"
|
|
||||||
aria-label="Open navigation menu"
|
|
||||||
>
|
|
||||||
menu
|
|
||||||
</button>
|
|
||||||
<span class="mdc-top-app-bar__title">Page title.</span>
|
|
||||||
</section>
|
|
||||||
<section
|
|
||||||
class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end"
|
|
||||||
role="toolbar"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="
|
|
||||||
material-icons
|
|
||||||
mdc-top-app-bar__action-item
|
|
||||||
mdc-icon-button
|
|
||||||
"
|
|
||||||
aria-label="Favorite"
|
|
||||||
>
|
|
||||||
favorite
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
class="
|
|
||||||
material-icons
|
|
||||||
mdc-top-app-bar__action-item
|
|
||||||
mdc-icon-button
|
|
||||||
"
|
|
||||||
aria-label="Search"
|
|
||||||
>
|
|
||||||
search
|
|
||||||
</button>
|
|
||||||
<div class="mdc-menu-surface--anchor">
|
|
||||||
<button
|
|
||||||
id="btn-overflow"
|
|
||||||
class="
|
|
||||||
material-icons
|
|
||||||
mdc-top-app-bar__action-item
|
|
||||||
mdc-icon-button
|
|
||||||
"
|
|
||||||
aria-label="Options"
|
|
||||||
>
|
|
||||||
more_vert
|
|
||||||
</button>
|
|
||||||
<div class="mdc-menu mdc-menu-surface">
|
|
||||||
<ul
|
|
||||||
class="mdc-list"
|
|
||||||
role="menu"
|
|
||||||
aria-hidden="true"
|
|
||||||
aria-orientation="vertical"
|
|
||||||
tabindex="-1"
|
|
||||||
>
|
|
||||||
<li class="mdc-list-item" role="menuitem">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">A Menu Item</span>
|
|
||||||
</li>
|
|
||||||
<li class="mdc-list-item" role="menuitem">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Another Menu Item</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<div id="layout-main" class="mdc-top-app-bar--fixed-adjust">
|
|
||||||
<textarea id="editor"></textarea>
|
|
||||||
<footer class="mdc-layout-grid">
|
|
||||||
<p>Copyright © 2021</p>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,238 +0,0 @@
|
|||||||
<!--
|
|
||||||
~ Project Asgard
|
|
||||||
~
|
|
||||||
~ Copyright (c) 2021. Elex. All Rights Reserved.
|
|
||||||
~ https://www.elex-project.com/
|
|
||||||
-->
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="ko">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
<link
|
|
||||||
href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
|
|
||||||
rel="stylesheet"
|
|
||||||
/>
|
|
||||||
<link
|
|
||||||
href="https://fonts.googleapis.com/icon?family=Material+Icons"
|
|
||||||
rel="stylesheet"
|
|
||||||
/>
|
|
||||||
<link rel="stylesheet" href="./dist/app.css" />
|
|
||||||
<title>Hello</title>
|
|
||||||
<script src="./dist/app.js"></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<aside id="layout-drawer" class="mdc-drawer mdc-drawer--dismissible">
|
|
||||||
<div class="mdc-drawer__header">
|
|
||||||
<p>Hello</p>
|
|
||||||
</div>
|
|
||||||
<div class="mdc-drawer__content">
|
|
||||||
<nav class="mdc-list mdc-list--dense">
|
|
||||||
<a
|
|
||||||
class="mdc-list-item mdc-list-item--activated"
|
|
||||||
href="#"
|
|
||||||
aria-current="page"
|
|
||||||
>
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Inbox</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Outgoing</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts Drafts Drafts Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item mdc-list-item--depth-1" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item mdc-list-item--depth-1" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts Drafts Drafts Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item mdc-list-item--depth-2" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text"
|
|
||||||
>Drafts Drafts Drafts Drafts Drafts Drafts Drafts</span
|
|
||||||
>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
<a class="mdc-list-item" href="#">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Drafts</span>
|
|
||||||
</a>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</aside>
|
|
||||||
<div id="layout-content" class="mdc-drawer-app-content">
|
|
||||||
<header class="mdc-top-app-bar mdc-top-app-bar--fixed">
|
|
||||||
<div class="mdc-elevation-overlay"></div>
|
|
||||||
<div class="mdc-top-app-bar__row">
|
|
||||||
<section
|
|
||||||
class="
|
|
||||||
mdc-top-app-bar__section mdc-top-app-bar__section--align-start
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="
|
|
||||||
material-icons
|
|
||||||
mdc-top-app-bar__navigation-icon
|
|
||||||
mdc-icon-button
|
|
||||||
"
|
|
||||||
aria-label="Open navigation menu"
|
|
||||||
>
|
|
||||||
menu
|
|
||||||
</button>
|
|
||||||
<span class="mdc-top-app-bar__title">Page title.</span>
|
|
||||||
</section>
|
|
||||||
<section
|
|
||||||
class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end"
|
|
||||||
role="toolbar"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="
|
|
||||||
material-icons
|
|
||||||
mdc-top-app-bar__action-item
|
|
||||||
mdc-icon-button
|
|
||||||
"
|
|
||||||
aria-label="Favorite"
|
|
||||||
>
|
|
||||||
favorite
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
class="
|
|
||||||
material-icons
|
|
||||||
mdc-top-app-bar__action-item
|
|
||||||
mdc-icon-button
|
|
||||||
"
|
|
||||||
aria-label="Search"
|
|
||||||
>
|
|
||||||
search
|
|
||||||
</button>
|
|
||||||
<div class="mdc-menu-surface--anchor">
|
|
||||||
<button
|
|
||||||
id="btn-overflow"
|
|
||||||
class="
|
|
||||||
material-icons
|
|
||||||
mdc-top-app-bar__action-item
|
|
||||||
mdc-icon-button
|
|
||||||
"
|
|
||||||
aria-label="Options"
|
|
||||||
>
|
|
||||||
more_vert
|
|
||||||
</button>
|
|
||||||
<div class="mdc-menu mdc-menu-surface">
|
|
||||||
<ul
|
|
||||||
class="mdc-list"
|
|
||||||
role="menu"
|
|
||||||
aria-hidden="true"
|
|
||||||
aria-orientation="vertical"
|
|
||||||
tabindex="-1"
|
|
||||||
>
|
|
||||||
<li class="mdc-list-item" role="menuitem">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">A Menu Item</span>
|
|
||||||
</li>
|
|
||||||
<li class="mdc-list-item" role="menuitem">
|
|
||||||
<span class="mdc-list-item__ripple"></span>
|
|
||||||
<span class="mdc-list-item__text">Another Menu Item</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<div id="layout-main" class="mdc-top-app-bar--fixed-adjust">
|
|
||||||
<main class="mdc-layout-grid">
|
|
||||||
<article>
|
|
||||||
<h1>Heading 1</h1>
|
|
||||||
<p>Ha<em>Hehe</em>hoho.</p>
|
|
||||||
<button class="mdc-button mdc-button--raised">
|
|
||||||
<div class="mdc-button__ripple"></div>
|
|
||||||
<span class="mdc-button__label">Button</span>
|
|
||||||
</button>
|
|
||||||
<div>
|
|
||||||
<label class="mdc-text-field mdc-text-field--filled username">
|
|
||||||
<span class="mdc-text-field__ripple"></span>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="mdc-text-field__input"
|
|
||||||
aria-labelledby="username-label"
|
|
||||||
name="username"
|
|
||||||
/>
|
|
||||||
<span class="mdc-floating-label" id="username-label"
|
|
||||||
>Username</span
|
|
||||||
>
|
|
||||||
<span class="mdc-line-ripple"></span>
|
|
||||||
</label>
|
|
||||||
<label class="mdc-text-field mdc-text-field--filled password">
|
|
||||||
<span class="mdc-text-field__ripple"></span>
|
|
||||||
<input
|
|
||||||
type="password"
|
|
||||||
class="mdc-text-field__input"
|
|
||||||
aria-labelledby="password-label"
|
|
||||||
name="password"
|
|
||||||
/>
|
|
||||||
<span class="mdc-floating-label" id="password-label"
|
|
||||||
>Password</span
|
|
||||||
>
|
|
||||||
<span class="mdc-line-ripple"></span>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<blockquote>Hahaha</blockquote>
|
|
||||||
<p>동해물과 백두산이 마르고 닳도록</p>
|
|
||||||
<p>
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
|
||||||
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
||||||
<strong>Ut enim ad minim</strong> 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.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
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.
|
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
</main>
|
|
||||||
<footer class="mdc-layout-grid">
|
|
||||||
<p>Copyright © 2021</p>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "mdc-theme",
|
|
||||||
"version": "1.0.0",
|
|
||||||
"description": "MDC Theme",
|
|
||||||
"main": "index.js",
|
|
||||||
"author": "Elex",
|
|
||||||
"license": "MIT",
|
|
||||||
"private": true,
|
|
||||||
"dependencies": {
|
|
||||||
"easymde": "^2.14.0",
|
|
||||||
"highlight.js": "^10.7.1",
|
|
||||||
"material-components-web": "^10.0.0"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@babel/core": "^7.13.8",
|
|
||||||
"@babel/preset-env": "^7.13.8",
|
|
||||||
"autoprefixer": "^10.2.4",
|
|
||||||
"babel-loader": "^8.2.2",
|
|
||||||
"css-loader": "^5.1.0",
|
|
||||||
"extract-loader": "^5.1.0",
|
|
||||||
"file-loader": "^6.2.0",
|
|
||||||
"postcss-loader": "^5.0.0",
|
|
||||||
"sass": "^1.32.8",
|
|
||||||
"sass-loader": "^11.0.1",
|
|
||||||
"webpack": "^5.24.2",
|
|
||||||
"webpack-cli": "^4.5.0",
|
|
||||||
"webpack-dev-server": "^3.11.2"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"start": "webpack serve",
|
|
||||||
"build": "webpack",
|
|
||||||
"dist": "cp ./dist/*.css ./dist/*.js ../app/src/main/resources/assets"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,57 +0,0 @@
|
|||||||
html,
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
* {
|
|
||||||
box-sizing: content-box;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
display: flex;
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
.mdc-top-app-bar--fixed-adjust {
|
|
||||||
padding-top: 0 !important;
|
|
||||||
margin-top: 64px;
|
|
||||||
}
|
|
||||||
#layout-drawer {
|
|
||||||
.mdc-list-item {
|
|
||||||
margin: 0;
|
|
||||||
padding: 8px;
|
|
||||||
border-radius: 0;
|
|
||||||
&.mdc-list-item--depth-1 {
|
|
||||||
padding-left: 24px;
|
|
||||||
}
|
|
||||||
&.mdc-list-item--depth-2 {
|
|
||||||
padding-left: 40px;
|
|
||||||
}
|
|
||||||
&.mdc-list-item--depth-3 {
|
|
||||||
padding-left: 56px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#layout-content {
|
|
||||||
flex: auto;
|
|
||||||
overflow: auto;
|
|
||||||
position: relative;
|
|
||||||
//overflow: hidden;
|
|
||||||
//height: 100%;
|
|
||||||
//box-sizing: content-box;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
& > header {
|
|
||||||
width: 100%;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
& > #layout-main {
|
|
||||||
overflow: auto;
|
|
||||||
//height: 100%;
|
|
||||||
box-sizing: content-box;
|
|
||||||
flex-grow: 1;
|
|
||||||
& > footer {
|
|
||||||
background-color: #242424;
|
|
||||||
color: #767676;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,85 +0,0 @@
|
|||||||
import { MDCRipple } from "@material/ripple";
|
|
||||||
import { MDCDrawer } from "@material/drawer";
|
|
||||||
import { MDCTopAppBar } from "@material/top-app-bar";
|
|
||||||
import { MDCTextField } from "@material/textfield";
|
|
||||||
import { MDCList } from "@material/list";
|
|
||||||
import { MDCMenu } from "@material/menu";
|
|
||||||
import autoInit from "@material/auto-init";
|
|
||||||
|
|
||||||
const App = {
|
|
||||||
appBar: null,
|
|
||||||
drawer: null,
|
|
||||||
|
|
||||||
init: function () {
|
|
||||||
autoInit();
|
|
||||||
document.querySelectorAll(".mdc-list-item").forEach(function (item) {
|
|
||||||
new MDCRipple(item);
|
|
||||||
});
|
|
||||||
document.querySelectorAll(".mdc-button").forEach(function (item) {
|
|
||||||
new MDCRipple(item);
|
|
||||||
});
|
|
||||||
document.querySelectorAll(".mdc-list").forEach(function (item) {
|
|
||||||
new MDCList(item);
|
|
||||||
});
|
|
||||||
document.querySelectorAll(".mdc-text-field").forEach(function (item) {
|
|
||||||
new MDCTextField(item);
|
|
||||||
});
|
|
||||||
|
|
||||||
this.initDrawer();
|
|
||||||
|
|
||||||
this.appBar = MDCTopAppBar.attachTo(
|
|
||||||
document.querySelector("#layout-content > header")
|
|
||||||
);
|
|
||||||
this.appBar.setScrollTarget(
|
|
||||||
document.querySelector("#layout-content > #layout-main")
|
|
||||||
);
|
|
||||||
this.appBar.listen("MDCTopAppBar:nav", () => {
|
|
||||||
this.drawer.open = !this.drawer.open;
|
|
||||||
});
|
|
||||||
//document.querySelectorAll('.mdc-top-app-bar--fixed-adjust').forEach(function(item){
|
|
||||||
// item.style.marginTop = this.appBar.;
|
|
||||||
//});
|
|
||||||
|
|
||||||
const menu = new MDCMenu(document.querySelector(".mdc-menu"));
|
|
||||||
document
|
|
||||||
.querySelector("#btn-overflow")
|
|
||||||
.addEventListener("click", function () {
|
|
||||||
menu.open = true;
|
|
||||||
});
|
|
||||||
|
|
||||||
//this.initEditor();
|
|
||||||
//this.initHighlightJs();
|
|
||||||
|
|
||||||
console.log("hello world.");
|
|
||||||
window.addEventListener("resize", this.initDrawer);
|
|
||||||
},
|
|
||||||
|
|
||||||
initDrawer: function () {
|
|
||||||
const drawerElement = document.querySelector("#layout-drawer");
|
|
||||||
if (document.body.offsetWidth > 600) {
|
|
||||||
drawerElement.classList.remove("mdc-drawer--modal");
|
|
||||||
drawerElement.classList.add("mdc-drawer--dismissible");
|
|
||||||
try {
|
|
||||||
document.removeChild(document.querySelector("mdc-drawer-scrim"));
|
|
||||||
} catch (ex) {}
|
|
||||||
} else {
|
|
||||||
drawerElement.classList.add("mdc-drawer--modal");
|
|
||||||
drawerElement.classList.remove("mdc-drawer--dismissible");
|
|
||||||
const scrimElement = document.createElement("div");
|
|
||||||
scrimElement.classList.add("mdc-drawer-scrim");
|
|
||||||
drawerElement.parentNode.insertBefore(
|
|
||||||
scrimElement,
|
|
||||||
drawerElement.nextSibling
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
this.drawer = MDCDrawer.attachTo(document.querySelector(".mdc-drawer"));
|
|
||||||
if (document.body.offsetWidth > 600) {
|
|
||||||
this.drawer.open = true;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
window.addEventListener("DOMContentLoaded", (event) => {
|
|
||||||
App.init();
|
|
||||||
});
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
$color-primary: #0f4c81;
|
|
||||||
$color-secondary: #ffbf00;
|
|
||||||
$color-on-primary: #eaeaea;
|
|
||||||
$color-on-secondary: #efefef;
|
|
||||||
$color-background: #e4e4e4;
|
|
||||||
$color-surface: #fdfdfd;
|
|
||||||
$color-on-surface: #242424;
|
|
||||||
$color-gray-light: #a0a0a0;
|
|
||||||
$color-gray-dark: #6f6f6f;
|
|
||||||
//@use "normalize-scss/sass/normalize";
|
|
||||||
@use "@material/theme" with (
|
|
||||||
$primary: $color-primary,
|
|
||||||
$secondary: $color-secondary,
|
|
||||||
$on-primary: $color-on-primary,
|
|
||||||
$on-secondary: $color-on-secondary,
|
|
||||||
$background: $color-background,
|
|
||||||
$surface: $color-surface,
|
|
||||||
$on-surface: $color-on-surface
|
|
||||||
);
|
|
||||||
@use "@material/typography" with (
|
|
||||||
$font-family: unquote("Noto Sans CJK KR, Roboto, sans-serif")
|
|
||||||
);
|
|
||||||
@use "@material/icon-button/mdc-icon-button";
|
|
||||||
@use "@material/top-app-bar/mdc-top-app-bar";
|
|
||||||
@use "@material/drawer/mdc-drawer";
|
|
||||||
@use "@material/menu-surface/mdc-menu-surface";
|
|
||||||
@use "@material/menu/mdc-menu";
|
|
||||||
@use "@material/list";
|
|
||||||
@use "@material/list/mdc-list";
|
|
||||||
@use '@material/button/mdc-button';
|
|
||||||
@use "@material/textfield/mdc-text-field";
|
|
||||||
@use "@material/layout-grid/mdc-layout-grid";
|
|
||||||
@use "@material/elevation/mdc-elevation";
|
|
||||||
|
|
||||||
@import "./layout";
|
|
||||||
@import "./article";
|
|
||||||
@@ -1,98 +0,0 @@
|
|||||||
const autoprefixer = require("autoprefixer");
|
|
||||||
const path = require("path");
|
|
||||||
|
|
||||||
function tryResolve_(url, sourceFilename) {
|
|
||||||
// Put require.resolve in a try/catch to avoid node-sass failing with cryptic libsass errors
|
|
||||||
// when the importer throws
|
|
||||||
try {
|
|
||||||
return require.resolve(url, { paths: [path.dirname(sourceFilename)] });
|
|
||||||
} catch (e) {
|
|
||||||
return "";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function tryResolveScss(url, sourceFilename) {
|
|
||||||
// Support omission of .scss and leading _
|
|
||||||
const normalizedUrl = url.endsWith(".scss") ? url : `${url}.scss`;
|
|
||||||
return (
|
|
||||||
tryResolve_(normalizedUrl, sourceFilename) ||
|
|
||||||
tryResolve_(
|
|
||||||
path.join(
|
|
||||||
path.dirname(normalizedUrl),
|
|
||||||
`_${path.basename(normalizedUrl)}`
|
|
||||||
),
|
|
||||||
sourceFilename
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function materialImporter(url, prev) {
|
|
||||||
if (url.startsWith("@material")) {
|
|
||||||
const resolved = tryResolveScss(url, prev);
|
|
||||||
return { file: resolved || url };
|
|
||||||
}
|
|
||||||
return { file: url };
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = [
|
|
||||||
{
|
|
||||||
entry: {
|
|
||||||
app: ["./src/app.scss", "./src/app.js"],
|
|
||||||
},
|
|
||||||
output: {
|
|
||||||
filename: "[name].js",
|
|
||||||
},
|
|
||||||
mode: "production",
|
|
||||||
module: {
|
|
||||||
rules: [
|
|
||||||
{
|
|
||||||
test: /\.(css|scss)$/,
|
|
||||||
use: [
|
|
||||||
{
|
|
||||||
loader: "file-loader",
|
|
||||||
options: {
|
|
||||||
name: "[name].css",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
loader: "extract-loader",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
loader: "css-loader",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
loader: "postcss-loader",
|
|
||||||
options: {
|
|
||||||
postcssOptions: {
|
|
||||||
plugins: [autoprefixer()],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
loader: "sass-loader",
|
|
||||||
options: {
|
|
||||||
implementation: require("sass"),
|
|
||||||
webpackImporter: false,
|
|
||||||
sassOptions: {
|
|
||||||
importer: materialImporter,
|
|
||||||
includePaths: ["./node_modules"],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
test: /\.js$/,
|
|
||||||
use: [
|
|
||||||
{
|
|
||||||
loader: "babel-loader",
|
|
||||||
options: {
|
|
||||||
presets: ["@babel/preset-env"],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
];
|
|
||||||
@@ -1,44 +0,0 @@
|
|||||||
Arguments:
|
|
||||||
/snap/node/3292/bin/node /snap/node/3292/bin/yarn.js add material-componets-web
|
|
||||||
|
|
||||||
PATH:
|
|
||||||
/home/elex/perl5/bin:/opt/proguard/7.0.1/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin
|
|
||||||
|
|
||||||
Yarn version:
|
|
||||||
1.22.5
|
|
||||||
|
|
||||||
Node version:
|
|
||||||
12.19.0
|
|
||||||
|
|
||||||
Platform:
|
|
||||||
linux x64
|
|
||||||
|
|
||||||
Trace:
|
|
||||||
Error: https://repository.elex-project.com/repository/npm/material-componets-web: Not found
|
|
||||||
at Request.params.callback [as _callback] (/snap/node/3292/lib/cli.js:66988:18)
|
|
||||||
at Request.self.callback (/snap/node/3292/lib/cli.js:140749:22)
|
|
||||||
at Request.emit (events.js:314:20)
|
|
||||||
at Request.<anonymous> (/snap/node/3292/lib/cli.js:141721:10)
|
|
||||||
at Request.emit (events.js:314:20)
|
|
||||||
at IncomingMessage.<anonymous> (/snap/node/3292/lib/cli.js:141643:12)
|
|
||||||
at Object.onceWrapper (events.js:420:28)
|
|
||||||
at IncomingMessage.emit (events.js:326:22)
|
|
||||||
at endReadableNT (_stream_readable.js:1223:12)
|
|
||||||
at processTicksAndRejections (internal/process/task_queues.js:84:21)
|
|
||||||
|
|
||||||
npm manifest:
|
|
||||||
{
|
|
||||||
"name": "hello-mdc",
|
|
||||||
"version": "1.0.0",
|
|
||||||
"description": "aaa",
|
|
||||||
"main": "index.js",
|
|
||||||
"author": "Elex",
|
|
||||||
"license": "MIT",
|
|
||||||
"private": true
|
|
||||||
}
|
|
||||||
|
|
||||||
yarn manifest:
|
|
||||||
No manifest
|
|
||||||
|
|
||||||
Lockfile:
|
|
||||||
No lockfile
|
|
||||||
Reference in New Issue
Block a user