auto commit 11/04/2019 Mon

master
Mashiro 5 years ago
parent 6fe483289d
commit 820ad54c6e
  1. 16
      dist/bundle.css
  2. 7832
      dist/bundle.js
  3. 658
      dist/bundle.js.LICENSE
  4. 1
      dist/images/wave.svg
  5. 2
      docs/dist/bundle.css
  6. 7832
      docs/dist/bundle.js
  7. 1
      docs/dist/images/wave.svg
  8. 34
      docs/index.html
  9. 216
      package-lock.json
  10. 6
      package.json
  11. 4
      release.bat
  12. 1
      src/images/wave.svg
  13. 34
      src/index.html
  14. 1
      src/scss/index.scss
  15. 17
      src/scss/layouts/footer.scss
  16. 4
      src/scss/layouts/header.scss
  17. 0
      src/single.html
  18. 57
      webpack.config.js

16
dist/bundle.css vendored

@ -1865,7 +1865,7 @@ template {
/**
* Copyright 2019 Mashiro
* @description header
* @description header.scss
* @author Mashiro
* @license MIT
*/
@ -2236,6 +2236,20 @@ template {
.mdc-icon-button.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.12; }
/**
* Copyright 2019 Mashiro
* @description footer.scss
* @author Mashiro
* @license MIT
*/
footer::before {
content: "";
display: block;
width: 100%;
background-position: center;
background-size: auto 100%;
background-image: url(../dist/images/wave.svg); }
/**
* @description homepage cover image
* @author Mashiro

7832
dist/bundle.js vendored

File diff suppressed because one or more lines are too long

@ -1,658 +0,0 @@
/*!**************************************************!*\
!*** ./node_modules/@material/base/component.js ***!
\**************************************************/
/*! exports provided: MDCComponent, default */
/*! tslib */
/*! ./foundation */
/*!***************************************************!*\
!*** ./node_modules/@material/base/foundation.js ***!
\***************************************************/
/*! exports provided: MDCFoundation, default */
/**
* @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.
*/
/*!**********************************************!*\
!*** ./node_modules/@material/dom/events.js ***!
\**********************************************/
/*! exports provided: applyPassive */
/**
* @license
* Copyright 2019 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.
*/
/*!************************************************!*\
!*** ./node_modules/@material/dom/ponyfill.js ***!
\************************************************/
/*! exports provided: closest, matches */
/**
* @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.
*/
/*!************************************************************!*\
!*** ./node_modules/@material/floating-label/component.js ***!
\************************************************************/
/*! exports provided: MDCFloatingLabel */
/*! @material/base/component */
/*!************************************************************!*\
!*** ./node_modules/@material/floating-label/constants.js ***!
\************************************************************/
/*! exports provided: cssClasses */
/*!*************************************************************!*\
!*** ./node_modules/@material/floating-label/foundation.js ***!
\*************************************************************/
/*! exports provided: MDCFloatingLabelFoundation, default */
/*! @material/base/foundation */
/*! ./constants */
/*!*********************************************************!*\
!*** ./node_modules/@material/line-ripple/component.js ***!
\*********************************************************/
/*! exports provided: MDCLineRipple */
/*!*********************************************************!*\
!*** ./node_modules/@material/line-ripple/constants.js ***!
\*********************************************************/
/*!**********************************************************!*\
!*** ./node_modules/@material/line-ripple/foundation.js ***!
\**********************************************************/
/*! exports provided: MDCLineRippleFoundation, default */
/*!*************************************************************!*\
!*** ./node_modules/@material/notched-outline/component.js ***!
\*************************************************************/
/*! exports provided: MDCNotchedOutline */
/*! @material/floating-label/foundation */
/*!*************************************************************!*\
!*** ./node_modules/@material/notched-outline/constants.js ***!
\*************************************************************/
/*! exports provided: cssClasses, numbers, strings */
/*!**************************************************************!*\
!*** ./node_modules/@material/notched-outline/foundation.js ***!
\**************************************************************/
/*! exports provided: MDCNotchedOutlineFoundation, default */
/*!****************************************************!*\
!*** ./node_modules/@material/ripple/component.js ***!
\****************************************************/
/*! exports provided: MDCRipple */
/*! @material/dom/events */
/*! @material/dom/ponyfill */
/*! ./util */
/*!****************************************************!*\
!*** ./node_modules/@material/ripple/constants.js ***!
\****************************************************/
/*! exports provided: cssClasses, strings, numbers */
/*!*****************************************************!*\
!*** ./node_modules/@material/ripple/foundation.js ***!
\*****************************************************/
/*! exports provided: MDCRippleFoundation, default */
/*!************************************************!*\
!*** ./node_modules/@material/ripple/index.js ***!
\************************************************/
/*! exports provided: util, MDCRipple, cssClasses, strings, numbers, MDCRippleFoundation */
/*! ./component */
/*!***********************************************!*\
!*** ./node_modules/@material/ripple/util.js ***!
\***********************************************/
/*! exports provided: supportsCssVariables, getNormalizedEventCoords */
/*!*************************************************************************!*\
!*** ./node_modules/@material/textfield/character-counter/component.js ***!
\*************************************************************************/
/*! exports provided: MDCTextFieldCharacterCounter */
/*!*************************************************************************!*\
!*** ./node_modules/@material/textfield/character-counter/constants.js ***!
\*************************************************************************/
/*! exports provided: strings, cssClasses */
/*!**************************************************************************!*\
!*** ./node_modules/@material/textfield/character-counter/foundation.js ***!
\**************************************************************************/
/*! exports provided: MDCTextFieldCharacterCounterFoundation, default */
/*!*********************************************************************!*\
!*** ./node_modules/@material/textfield/character-counter/index.js ***!
\*********************************************************************/
/*! exports provided: characterCountCssClasses, characterCountStrings, MDCTextFieldCharacterCounter, MDCTextFieldCharacterCounterFoundation */
/*!*******************************************************!*\
!*** ./node_modules/@material/textfield/component.js ***!
\*******************************************************/
/*! exports provided: MDCTextField */
/*! @material/floating-label/component */
/*! @material/line-ripple/component */
/*! @material/notched-outline/component */
/*! @material/ripple/component */
/*! @material/ripple/foundation */
/*! ./character-counter/component */
/*! ./character-counter/foundation */
/*! ./helper-text/component */
/*! ./helper-text/foundation */
/*! ./icon/component */
/*!*******************************************************!*\
!*** ./node_modules/@material/textfield/constants.js ***!
\*******************************************************/
/*! exports provided: cssClasses, strings, numbers, VALIDATION_ATTR_WHITELIST, ALWAYS_FLOAT_TYPES */
/*!********************************************************!*\
!*** ./node_modules/@material/textfield/foundation.js ***!
\********************************************************/
/*! exports provided: MDCTextFieldFoundation, default */
/*!*******************************************************************!*\
!*** ./node_modules/@material/textfield/helper-text/component.js ***!
\*******************************************************************/
/*! exports provided: MDCTextFieldHelperText */
/*!*******************************************************************!*\
!*** ./node_modules/@material/textfield/helper-text/constants.js ***!
\*******************************************************************/
/*!********************************************************************!*\
!*** ./node_modules/@material/textfield/helper-text/foundation.js ***!
\********************************************************************/
/*! exports provided: MDCTextFieldHelperTextFoundation, default */
/*!***************************************************************!*\
!*** ./node_modules/@material/textfield/helper-text/index.js ***!
\***************************************************************/
/*! exports provided: helperTextCssClasses, helperTextStrings, MDCTextFieldHelperText, MDCTextFieldHelperTextFoundation */
/*!************************************************************!*\
!*** ./node_modules/@material/textfield/icon/component.js ***!
\************************************************************/
/*! exports provided: MDCTextFieldIcon */
/*!************************************************************!*\
!*** ./node_modules/@material/textfield/icon/constants.js ***!
\************************************************************/
/*!*************************************************************!*\
!*** ./node_modules/@material/textfield/icon/foundation.js ***!
\*************************************************************/
/*! exports provided: MDCTextFieldIconFoundation, default */
/*!********************************************************!*\
!*** ./node_modules/@material/textfield/icon/index.js ***!
\********************************************************/
/*! exports provided: iconCssClasses, iconStrings, MDCTextFieldIcon, MDCTextFieldIconFoundation */
/*!***************************************************!*\
!*** ./node_modules/@material/textfield/index.js ***!
\***************************************************/
/*! exports provided: MDCTextField, cssClasses, strings, numbers, VALIDATION_ATTR_WHITELIST, ALWAYS_FLOAT_TYPES, MDCTextFieldFoundation, characterCountCssClasses, characterCountStrings, helperTextCssClasses, helperTextStrings, iconCssClasses, iconStrings, MDCTextFieldCharacterCounter, MDCTextFieldCharacterCounterFoundation, MDCTextFieldHelperText, MDCTextFieldHelperTextFoundation, MDCTextFieldIcon, MDCTextFieldIconFoundation */
/*! ./character-counter/index */
/*! ./helper-text/index */
/*! ./icon/index */
/*!*********************************************************!*\
!*** ./node_modules/@material/top-app-bar/component.js ***!
\*********************************************************/
/*! exports provided: MDCTopAppBar */
/*! ./fixed/foundation */
/*! ./short/foundation */
/*! ./standard/foundation */
/*!*********************************************************!*\
!*** ./node_modules/@material/top-app-bar/constants.js ***!
\*********************************************************/
/*!****************************************************************!*\
!*** ./node_modules/@material/top-app-bar/fixed/foundation.js ***!
\****************************************************************/
/*! exports provided: MDCFixedTopAppBarFoundation, default */
/*! ../constants */
/*! ../standard/foundation */
/*!**********************************************************!*\
!*** ./node_modules/@material/top-app-bar/foundation.js ***!
\**********************************************************/
/*! exports provided: MDCTopAppBarBaseFoundation, default */
/*!*****************************************************!*\
!*** ./node_modules/@material/top-app-bar/index.js ***!
\*****************************************************/
/*! exports provided: MDCTopAppBar, cssClasses, numbers, strings, MDCTopAppBarBaseFoundation, MDCFixedTopAppBarFoundation, MDCShortTopAppBarFoundation, MDCTopAppBarFoundation */
/*!****************************************************************!*\
!*** ./node_modules/@material/top-app-bar/short/foundation.js ***!
\****************************************************************/
/*! exports provided: MDCShortTopAppBarFoundation, default */
/*! ../foundation */
/*!*******************************************************************!*\
!*** ./node_modules/@material/top-app-bar/standard/foundation.js ***!
\*******************************************************************/
/*! exports provided: MDCTopAppBarFoundation, default */
/*!***************************************************!*\
!*** ./node_modules/parallax-js/dist/parallax.js ***!
\***************************************************/
/*! no static exports found */
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
/*! ./../../webpack/buildin/global.js */
/*!************************************!*\
!*** ./node_modules/pjax/index.js ***!
\************************************/
/*! ./lib/execute-scripts */
/*! ./lib/foreach-els */
/*! ./lib/parse-options */
/*! ./lib/switches */
/*! ./lib/uniqueid */
/*! ./lib/events/on */
/*! ./lib/events/trigger */
/*! ./lib/util/clone */
/*! ./lib/util/contains */
/*! ./lib/util/extend */
/*! ./lib/util/noop */
/*! ./lib/proto/log */
/*! ./lib/proto/parse-element */
/*! ./lib/proto/attach-link */
/*! ./lib/proto/attach-form */
/*! ./lib/foreach-selectors */
/*! ./lib/switches-selectors */
/*! ./lib/abort-request */
/*! ./lib/send-request */
/*! ./lib/proto/handle-response */
/*! ./lib/is-supported */
/*!************************************************!*\
!*** ./node_modules/pjax/lib/abort-request.js ***!
\************************************************/
/*! ./util/noop */
/*!**********************************************!*\
!*** ./node_modules/pjax/lib/eval-script.js ***!
\**********************************************/
/*!********************************************!*\
!*** ./node_modules/pjax/lib/events/on.js ***!
\********************************************/
/*! ../foreach-els */
/*!*************************************************!*\
!*** ./node_modules/pjax/lib/events/trigger.js ***!
\*************************************************/
/*!**************************************************!*\
!*** ./node_modules/pjax/lib/execute-scripts.js ***!
\**************************************************/
/*! ./foreach-els */
/*! ./eval-script */
/*!**********************************************!*\
!*** ./node_modules/pjax/lib/foreach-els.js ***!
\**********************************************/
/*!****************************************************!*\
!*** ./node_modules/pjax/lib/foreach-selectors.js ***!
\****************************************************/
/*!***********************************************!*\
!*** ./node_modules/pjax/lib/is-supported.js ***!
\***********************************************/
/*!************************************************!*\
!*** ./node_modules/pjax/lib/parse-options.js ***!
\************************************************/
/*! ./switches */
/*!****************************************************!*\
!*** ./node_modules/pjax/lib/proto/attach-form.js ***!
\****************************************************/
/*! ../events/on */
/*! ../util/clone */
/*!****************************************************!*\
!*** ./node_modules/pjax/lib/proto/attach-link.js ***!
\****************************************************/
/*!********************************************************!*\
!*** ./node_modules/pjax/lib/proto/handle-response.js ***!
\********************************************************/
/*! ../uniqueid */
/*! ../events/trigger */
/*!********************************************!*\
!*** ./node_modules/pjax/lib/proto/log.js ***!
\********************************************/
/*!******************************************************!*\
!*** ./node_modules/pjax/lib/proto/parse-element.js ***!
\******************************************************/
/*!***********************************************!*\
!*** ./node_modules/pjax/lib/send-request.js ***!
\***********************************************/
/*! ./util/update-query-string */
/*!*****************************************************!*\
!*** ./node_modules/pjax/lib/switches-selectors.js ***!
\*****************************************************/
/*!*******************************************!*\
!*** ./node_modules/pjax/lib/switches.js ***!
\*******************************************/
/*! ./events/on */
/*!*******************************************!*\
!*** ./node_modules/pjax/lib/uniqueid.js ***!
\*******************************************/
/*!*********************************************!*\
!*** ./node_modules/pjax/lib/util/clone.js ***!
\*********************************************/
/*!************************************************!*\
!*** ./node_modules/pjax/lib/util/contains.js ***!
\************************************************/
/*!**********************************************!*\
!*** ./node_modules/pjax/lib/util/extend.js ***!
\**********************************************/
/*!********************************************!*\
!*** ./node_modules/pjax/lib/util/noop.js ***!
\********************************************/
/*!***********************************************************!*\
!*** ./node_modules/pjax/lib/util/update-query-string.js ***!
\***********************************************************/
/*!*****************************************!*\
!*** ./node_modules/tslib/tslib.es6.js ***!
\*****************************************/
/*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. 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
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/*!***********************************!*\
!*** (webpack)/buildin/global.js ***!
\***********************************/
/*!*****************************!*\
!*** ./src/scss/index.scss ***!
\*****************************/
/*!**************************************!*\
!*** ./src/ts/components/mdcConf.ts ***!
\**************************************/
/*! exports provided: default */
/*! @material/ripple */
/*! @material/textfield */
/**
* Copyright 2019 Mashiro
* @description material-components initial configuration
* @author Mashiro
* @license MIT
*/
/*! @material/top-app-bar */
/*!**************************************!*\
!*** ./src/ts/components/mdcInit.ts ***!
\**************************************/
/**
* Copyright 2019 Mashiro
* @description material-components initial handler
* @author Mashiro
* @license MIT
*/
/*! ./mdcConf */
/*!*************************!*\
!*** ./src/ts/index.ts ***!
\*************************/
/*! no exports provided */
/*! ./modules/coverImgInit */
/*! ./modules/headerBarScrollHandler */
/*! ./components/mdcInit */
/*! pjax */
/**
* Copyright 2019 Mashiro
* @description Main
* @author Mashiro
* @license MIT
*/
/*!****************************************!*\
!*** ./src/ts/modules/coverImgInit.ts ***!
\****************************************/
/*! parallax-js */
/**
* Copyright 2019 Mashiro
* @description Sakura theme module
* @author Mashiro
* @license MIT
*/
/*!**************************************************!*\
!*** ./src/ts/modules/headerBarScrollHandler.ts ***!
\**************************************************/
/*! ./scrollDirection */
/**
* @description Sakura theme module
* @author Mashiro
* @since 19/10/31
* @license MIT
*/
/*!*******************************************!*\
!*** ./src/ts/modules/scrollDirection.ts ***!
\*******************************************/
/*!*****************************************************!*\
!*** multi ./src/scss/index.scss ./src/ts/index.ts ***!
\*****************************************************/
/*! ./src/scss/index.scss */
/*! ./src/ts/index.ts */

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 60"><defs><style>.cls-1{fill:#ce9740;}</style></defs><title>deco-1</title><g id="レイヤー_2" data-name="レイヤー 2"><g id="page-2"><g id="背景"><g id="飾り"><path class="cls-1" d="M166.51,48.09c-8.57-7-15.26-16-22.36-24.21-4.73-5.5-9.63-10.68-15.34-14.79A47.21,47.21,0,0,0,100,0,49.17,49.17,0,0,0,82.13,3.13a49.71,49.71,0,0,0-13.73,8.1c-8.18,6.66-14.79,15.48-22,23.84C41.64,40.64,36.58,46,30.56,50.34A50.27,50.27,0,0,1,0,60H200a50.48,50.48,0,0,1-33.49-11.91Z"/></g></g></g></g></svg>

After

Width:  |  Height:  |  Size: 552 B

File diff suppressed because one or more lines are too long

7832
docs/dist/bundle.js vendored

File diff suppressed because one or more lines are too long

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 60"><defs><style>.cls-1{fill:#ce9740;}</style></defs><title>deco-1</title><g id="レイヤー_2" data-name="レイヤー 2"><g id="page-2"><g id="背景"><g id="飾り"><path class="cls-1" d="M166.51,48.09c-8.57-7-15.26-16-22.36-24.21-4.73-5.5-9.63-10.68-15.34-14.79A47.21,47.21,0,0,0,100,0,49.17,49.17,0,0,0,82.13,3.13a49.71,49.71,0,0,0-13.73,8.1c-8.18,6.66-14.79,15.48-22,23.84C41.64,40.64,36.58,46,30.56,50.34A50.27,50.27,0,0,1,0,60H200a50.48,50.48,0,0,1-33.49-11.91Z"/></g></g></g></g></svg>

After

Width:  |  Height:  |  Size: 552 B

@ -11,22 +11,20 @@
<body>
<div id="root" class="root">
<!--page main content (async container)-->
<div class="header-container">
<header id="nav-header" class="mdc-top-app-bar mdc-top-app-bar--dense">
<!--nav mune-->
<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">menu</button>
<span class="mdc-top-app-bar__title">Sakura</span>
</section>
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
<a href="/" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">home</a>
<a href="#" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">print</a>
<a href="#" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">bookmark</a>
</section>
</div>
</header>
</div>
<header id="nav-header" class="mdc-top-app-bar mdc-top-app-bar--dense">
<!--nav mune-->
<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">menu</button>
<span class="mdc-top-app-bar__title">Sakura</span>
</section>
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
<a href="/" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">home</a>
<a href="#" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">print</a>
<a href="#" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">bookmark</a>
</section>
</div>
</header>
<div class="header-top">
<!--index cover image-->
@ -123,7 +121,9 @@
<aside class="side-bar-right">right</aside>
</div>
<div class="footer-container"></div>
<footer>
Copyright
</footer>
</div>

216
package-lock.json generated

@ -1647,6 +1647,51 @@
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.3.0.tgz",
"integrity": "sha512-/czfa8BwS88b9gWQVhc8eknunSA2DoJpJyTQkhheIf5E48u1N0R4q/YxxsAeqRrmK9TQ/uYfgLDfZo91UlANIA=="
},
"adjust-sourcemap-loader": {
"version": "2.0.0",
"resolved": "https://registry.npm.taobao.org/adjust-sourcemap-loader/download/adjust-sourcemap-loader-2.0.0.tgz",
"integrity": "sha1-ZHEUOvdewCM0shn1S8eXDFL7KaQ=",
"dev": true,
"requires": {
"assert": "1.4.1",
"camelcase": "5.0.0",
"loader-utils": "1.2.3",
"object-path": "0.11.4",
"regex-parser": "2.2.10"
},
"dependencies": {
"assert": {
"version": "1.4.1",
"resolved": "https://registry.npm.taobao.org/assert/download/assert-1.4.1.tgz",
"integrity": "sha1-mZEtWRg2tab1s0XA8H7vwI/GXZE=",
"dev": true,
"requires": {
"util": "0.10.3"
}
},
"camelcase": {
"version": "5.0.0",
"resolved": "https://registry.npm.taobao.org/camelcase/download/camelcase-5.0.0.tgz",
"integrity": "sha1-AylVJ9WL081Kp1Nj81sujZe+L0I=",
"dev": true
},
"inherits": {
"version": "2.0.1",
"resolved": "https://registry.npm.taobao.org/inherits/download/inherits-2.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Finherits%2Fdownload%2Finherits-2.0.1.tgz",
"integrity": "sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=",
"dev": true
},
"util": {
"version": "0.10.3",
"resolved": "https://registry.npm.taobao.org/util/download/util-0.10.3.tgz",
"integrity": "sha1-evsa/lCAUkZInj23/g7TeTNqwPk=",
"dev": true,
"requires": {
"inherits": "2.0.1"
}
}
}
},
"aggregate-error": {
"version": "3.0.1",
"resolved": "https://registry.npm.taobao.org/aggregate-error/download/aggregate-error-3.0.1.tgz?cache=0&sync_timestamp=1570167911603&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Faggregate-error%2Fdownload%2Faggregate-error-3.0.1.tgz",
@ -1756,6 +1801,12 @@
"sprintf-js": "~1.0.2"
}
},
"arity-n": {
"version": "1.0.4",
"resolved": "https://registry.npm.taobao.org/arity-n/download/arity-n-1.0.4.tgz",
"integrity": "sha1-2edrEXM+CFacCEeuezmyhgswt0U=",
"dev": true
},
"arr-diff": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
@ -2561,6 +2612,15 @@
"resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
"integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg=="
},
"compose-function": {
"version": "3.0.3",
"resolved": "https://registry.npm.taobao.org/compose-function/download/compose-function-3.0.3.tgz",
"integrity": "sha1-ntZ18TzFRQHTCVCkhv9qe6OrGF8=",
"dev": true,
"requires": {
"arity-n": "^1.0.4"
}
},
"compressible": {
"version": "2.0.17",
"resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.17.tgz",
@ -2923,6 +2983,18 @@
"randomfill": "^1.0.3"
}
},
"css": {
"version": "2.2.4",
"resolved": "https://registry.npm.taobao.org/css/download/css-2.2.4.tgz",
"integrity": "sha1-xkZ1XHOXHyu6amAeLPL9cbEpiSk=",
"dev": true,
"requires": {
"inherits": "^2.0.3",
"source-map": "^0.6.1",
"source-map-resolve": "^0.5.2",
"urix": "^0.1.0"
}
},
"css-loader": {
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/css-loader/-/css-loader-3.2.0.tgz",
@ -2960,6 +3032,16 @@
"resolved": "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz",
"integrity": "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk="
},
"d": {
"version": "1.0.1",
"resolved": "https://registry.npm.taobao.org/d/download/d-1.0.1.tgz?cache=0&sync_timestamp=1560529642619&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fd%2Fdownload%2Fd-1.0.1.tgz",
"integrity": "sha1-hpgJU3LVjb7jRv/Qxwk/mfj561o=",
"dev": true,
"requires": {
"es5-ext": "^0.10.50",
"type": "^1.0.1"
}
},
"dashdash": {
"version": "1.14.1",
"resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
@ -3260,6 +3342,38 @@
"is-arrayish": "^0.2.1"
}
},
"es5-ext": {
"version": "0.10.52",
"resolved": "https://registry.npm.taobao.org/es5-ext/download/es5-ext-0.10.52.tgz",
"integrity": "sha1-uyF3fpGaBCY3Nt7RIKnWZfEOpj8=",
"dev": true,
"requires": {
"es6-iterator": "~2.0.3",
"es6-symbol": "~3.1.2",
"next-tick": "~1.0.0"
}
},
"es6-iterator": {
"version": "2.0.3",
"resolved": "https://registry.npm.taobao.org/es6-iterator/download/es6-iterator-2.0.3.tgz",
"integrity": "sha1-p96IkUGgWpSwhUQDstCg+/qY87c=",
"dev": true,
"requires": {
"d": "1",
"es5-ext": "^0.10.35",
"es6-symbol": "^3.1.1"
}
},
"es6-symbol": {
"version": "3.1.3",
"resolved": "https://registry.npm.taobao.org/es6-symbol/download/es6-symbol-3.1.3.tgz",
"integrity": "sha1-utXTwbzawoJp9MszHkMceKxwXRg=",
"dev": true,
"requires": {
"d": "^1.0.1",
"ext": "^1.1.2"
}
},
"escape-html": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@ -3499,6 +3613,23 @@
}
}
},
"ext": {
"version": "1.1.2",
"resolved": "https://registry.npm.taobao.org/ext/download/ext-1.1.2.tgz",
"integrity": "sha1-0dIWyDZBu0y3aEYisGPP9EoZzjU=",
"dev": true,
"requires": {
"type": "^2.0.0"
},
"dependencies": {
"type": {
"version": "2.0.0",
"resolved": "https://registry.npm.taobao.org/type/download/type-2.0.0.tgz?cache=0&sync_timestamp=1570722894467&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftype%2Fdownload%2Ftype-2.0.0.tgz",
"integrity": "sha1-Xxb/bvLrRPJgSU2uJxAzspwJqcM=",
"dev": true
}
}
},
"extend": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
@ -5786,6 +5917,12 @@
"resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.1.tgz",
"integrity": "sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw=="
},
"next-tick": {
"version": "1.0.0",
"resolved": "https://registry.npm.taobao.org/next-tick/download/next-tick-1.0.0.tgz",
"integrity": "sha1-yobR/ogoFpsBICCOPchCS524NCw=",
"dev": true
},
"nice-try": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
@ -6044,6 +6181,12 @@
"resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
"integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="
},
"object-path": {
"version": "0.11.4",
"resolved": "https://registry.npm.taobao.org/object-path/download/object-path-0.11.4.tgz",
"integrity": "sha1-NwrnUvvzfePqcKhhwju6iRVpGUk=",
"dev": true
},
"object-visit": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
@ -6831,6 +6974,12 @@
"safe-regex": "^1.1.0"
}
},
"regex-parser": {
"version": "2.2.10",
"resolved": "https://registry.npm.taobao.org/regex-parser/download/regex-parser-2.2.10.tgz",
"integrity": "sha1-nmao9z2JoQdhbmOznU3t3+6RKzc=",
"dev": true
},
"regexp.prototype.flags": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.2.0.tgz",
@ -6988,6 +7137,43 @@
"resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
"integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo="
},
"resolve-url-loader": {
"version": "3.1.0",
"resolved": "https://registry.npm.taobao.org/resolve-url-loader/download/resolve-url-loader-3.1.0.tgz",
"integrity": "sha1-VNgYHTPNG2allUTQXK345Kp9N8w=",
"dev": true,
"requires": {
"adjust-sourcemap-loader": "2.0.0",
"camelcase": "5.0.0",
"compose-function": "3.0.3",
"convert-source-map": "1.6.0",
"es6-iterator": "2.0.3",
"loader-utils": "1.2.3",
"postcss": "7.0.14",
"rework": "1.0.1",
"rework-visit": "1.0.0",
"source-map": "0.6.1"
},
"dependencies": {
"camelcase": {
"version": "5.0.0",
"resolved": "https://registry.npm.taobao.org/camelcase/download/camelcase-5.0.0.tgz",
"integrity": "sha1-AylVJ9WL081Kp1Nj81sujZe+L0I=",
"dev": true
},
"postcss": {
"version": "7.0.14",
"resolved": "https://registry.npm.taobao.org/postcss/download/postcss-7.0.14.tgz",
"integrity": "sha1-RSftaxyg2CxTzl7BogQcI0a71uU=",
"dev": true,
"requires": {
"chalk": "^2.4.2",
"source-map": "^0.6.1",
"supports-color": "^6.1.0"
}
}
}
},
"ret": {
"version": "0.1.15",
"resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
@ -6998,6 +7184,30 @@
"resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
"integrity": "sha1-G0KmJmoh8HQh0bC1S33BZ7AcATs="
},
"rework": {
"version": "1.0.1",
"resolved": "https://registry.npm.taobao.org/rework/download/rework-1.0.1.tgz",
"integrity": "sha1-MIBqhBNCtUUQqkEQhQzUhTQUSqc=",
"dev": true,
"requires": {
"convert-source-map": "^0.3.3",
"css": "^2.0.0"
},
"dependencies": {
"convert-source-map": {
"version": "0.3.5",
"resolved": "https://registry.npm.taobao.org/convert-source-map/download/convert-source-map-0.3.5.tgz",
"integrity": "sha1-8dgClQr33SYxof6+BZZVDIarMZA=",
"dev": true
}
}
},
"rework-visit": {
"version": "1.0.0",
"resolved": "https://registry.npm.taobao.org/rework-visit/download/rework-visit-1.0.0.tgz",
"integrity": "sha1-mUWygD8hni96ygCtuLyfZA+ELJo=",
"dev": true
},
"rimraf": {
"version": "2.7.1",
"resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
@ -8107,6 +8317,12 @@
"resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
"integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q="
},
"type": {
"version": "1.2.0",
"resolved": "https://registry.npm.taobao.org/type/download/type-1.2.0.tgz?cache=0&sync_timestamp=1570722894467&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftype%2Fdownload%2Ftype-1.2.0.tgz",
"integrity": "sha1-hI3XaY2vo+VKbEeedZxLw/GIR6A=",
"dev": true
},
"type-is": {
"version": "1.6.18",
"resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",

@ -35,6 +35,7 @@
"fast-sass-loader": "^1.5.0",
"mini-css-extract-plugin": "^0.8.0",
"postcss-loader": "^3.0.0",
"resolve-url-loader": "^3.1.0",
"terser-webpack-plugin": "^2.2.1",
"ts-loader": "^6.2.1",
"typescript": "^3.6.4",
@ -42,9 +43,10 @@
},
"scripts": {
"test_dafault": "echo \"Error: no test specified\" && exit 1",
"test": "cleancss dist/bundle.css -o docs/dist/bundle.css",
"test": "mkdir docs\\dist",
"start": "webpack-dev-server",
"release": "cpx dist/bundle.js docs/dist && cpx *.html docs && cleancss dist/bundle.css -o docs/dist/bundle.css",
"release": "cp -r dist docs/dist && cp *.html docs && cleancss dist/bundle.css -o docs/dist/bundle.css",
"release-win": "cleancss dist/bundle.css -o docs/dist/bundle.css",
"build": "webpack",
"clean": "rm dist/*"
},

@ -0,0 +1,4 @@
if not exist "docs\dist" mkdir "docs\dist"
xcopy dist "docs\dist" /E /Y /S
copy src\*.html docs
npm run release-win

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 60"><defs><style>.cls-1{fill:#ce9740;}</style></defs><title>deco-1</title><g id="レイヤー_2" data-name="レイヤー 2"><g id="page-2"><g id="背景"><g id="飾り"><path class="cls-1" d="M166.51,48.09c-8.57-7-15.26-16-22.36-24.21-4.73-5.5-9.63-10.68-15.34-14.79A47.21,47.21,0,0,0,100,0,49.17,49.17,0,0,0,82.13,3.13a49.71,49.71,0,0,0-13.73,8.1c-8.18,6.66-14.79,15.48-22,23.84C41.64,40.64,36.58,46,30.56,50.34A50.27,50.27,0,0,1,0,60H200a50.48,50.48,0,0,1-33.49-11.91Z"/></g></g></g></g></svg>

After

Width:  |  Height:  |  Size: 552 B

@ -11,22 +11,20 @@
<body>
<div id="root" class="root">
<!--page main content (async container)-->
<div class="header-container">
<header id="nav-header" class="mdc-top-app-bar mdc-top-app-bar--dense">
<!--nav mune-->
<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">menu</button>
<span class="mdc-top-app-bar__title">Sakura</span>
</section>
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
<a href="/" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">home</a>
<a href="#" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">print</a>
<a href="#" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">bookmark</a>
</section>
</div>
</header>
</div>
<header id="nav-header" class="mdc-top-app-bar mdc-top-app-bar--dense">
<!--nav mune-->
<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">menu</button>
<span class="mdc-top-app-bar__title">Sakura</span>
</section>
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
<a href="/" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">home</a>
<a href="#" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">print</a>
<a href="#" class="material-icons mdc-top-app-bar__action-item mdc-icon-button">bookmark</a>
</section>
</div>
</header>
<div class="header-top">
<!--index cover image-->
@ -123,7 +121,9 @@
<aside class="side-bar-right">right</aside>
</div>
<div class="footer-container"></div>
<footer>
Copyright
</footer>
</div>

@ -5,6 +5,7 @@
@import "./components/mdc.scss";
@import "./layouts/header.scss";
@import "./layouts/footer.scss";
@import "./layouts/coverImage.scss";
@import "./layouts/pageContent.scss";
@import "./layouts/postThumbList.scss";

@ -0,0 +1,17 @@
/**
* Copyright 2019 Mashiro
* @description footer.scss
* @author Mashiro
* @license MIT
*/
footer {
&::before {
content: "";
display: block;
width: 100%;
background-position: center;
background-size: auto 100%;
background-image: url('../images/wave.svg');
}
}

@ -1,13 +1,13 @@
/**
* Copyright 2019 Mashiro
* @description header
* @description header.scss
* @author Mashiro
* @license MIT
*/
@import "@material/top-app-bar/mdc-top-app-bar";
@import "@material/icon-button/mdc-icon-button";
.header-container {
header {
// display: -webkit-flex;
// display: flex;
// flex-flow: column nowrap;

@ -9,11 +9,37 @@ module.exports = [{
},
devtool: 'inline-source-map',
output: {
publicPath: '/dist/',
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
publicPath: '../dist/',
},
devServer:{
contentBase: path.join(__dirname, 'src'),
compress: false, // gzip
port: 8080,
publicPath: '/dist/'
},
module: {
rules: [{
test: /\.(png|jpg|gif|svg)$/,
exclude: [
path.resolve(__dirname, './node_modules'),
],
use: {
loader: 'file-loader',
options: {
name(file) {
// if (process.env.NODE_ENV === 'development') {
// return '[path][name].[ext]';
// }
// return '[hash].[ext]';
return '[name].[ext]';
},
outputPath: 'images',
},
},
},
{
test: /\.scss$/,
use: [{
loader: 'file-loader',
@ -33,12 +59,23 @@ module.exports = [{
plugins: () => [autoprefixer()]
}
},
// tooooooo slow!
{
loader: 'fast-sass-loader',
loader: 'sass-loader',
options: {
includePaths: ['./node_modules']
sourceMap: true,
sassOptions: {
includePaths: ['./node_modules']
},
}
},
// source-map not supported in fast-sass-loader!
// {
// loader: 'fast-sass-loader',
// options: {
// includePaths: ['./node_modules']
// }
// },
]
},
{
@ -50,16 +87,16 @@ module.exports = [{
},
}, ],
exclude: /node_modules/
}
},
]
},
resolve: {
extensions: ['.tsx', '.ts', '.js']
},
optimization: {
minimize: true,
minimizer: [new TerserPlugin({
sourceMap: false,
})],
},
// optimization: {
// minimize: true,
// minimizer: [new TerserPlugin({
// sourceMap: false,
// })],
// },
}];
Loading…
Cancel
Save