diff --git a/dist/css/bundle.css b/dist/css/bundle.css index 0ac493b..4619ec9 100644 --- a/dist/css/bundle.css +++ b/dist/css/bundle.css @@ -2256,7 +2256,7 @@ footer { width: 100%; background-position: center; background-size: auto 100%; - background-image: url(../images/wave.svg); } + background-image: url(images/wave.svg); } @media screen and (min-width: 761px) { footer .before { height: 30px; @@ -2288,7 +2288,7 @@ footer { width: 100%; background-position: center; background-size: auto 100%; - background-image: url(../images/wave2.svg); } + background-image: url(images/wave2.svg); } @media screen and (min-width: 761px) { .header-top-after-deco { height: 30px; @@ -3057,797 +3057,176 @@ svg.mdc-button__icon { * @license MIT */ /** - * @description github markdown style (https://github.com/sindresorhus/github-markdown-css) + * @description markdown.css (https://github.com/mrcoles/markdown-css) * @author NOT Mashiro * @license MIT */ -@font-face { - font-family: octicons-link; - src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAZwABAAAAAACFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEU0lHAAAGaAAAAAgAAAAIAAAAAUdTVUIAAAZcAAAACgAAAAoAAQAAT1MvMgAAAyQAAABJAAAAYFYEU3RjbWFwAAADcAAAAEUAAACAAJThvmN2dCAAAATkAAAABAAAAAQAAAAAZnBnbQAAA7gAAACyAAABCUM+8IhnYXNwAAAGTAAAABAAAAAQABoAI2dseWYAAAFsAAABPAAAAZwcEq9taGVhZAAAAsgAAAA0AAAANgh4a91oaGVhAAADCAAAABoAAAAkCA8DRGhtdHgAAAL8AAAADAAAAAwGAACfbG9jYQAAAsAAAAAIAAAACABiATBtYXhwAAACqAAAABgAAAAgAA8ASm5hbWUAAAToAAABQgAAAlXu73sOcG9zdAAABiwAAAAeAAAAME3QpOBwcmVwAAAEbAAAAHYAAAB/aFGpk3jaTY6xa8JAGMW/O62BDi0tJLYQincXEypYIiGJjSgHniQ6umTsUEyLm5BV6NDBP8Tpts6F0v+k/0an2i+itHDw3v2+9+DBKTzsJNnWJNTgHEy4BgG3EMI9DCEDOGEXzDADU5hBKMIgNPZqoD3SilVaXZCER3/I7AtxEJLtzzuZfI+VVkprxTlXShWKb3TBecG11rwoNlmmn1P2WYcJczl32etSpKnziC7lQyWe1smVPy/Lt7Kc+0vWY/gAgIIEqAN9we0pwKXreiMasxvabDQMM4riO+qxM2ogwDGOZTXxwxDiycQIcoYFBLj5K3EIaSctAq2kTYiw+ymhce7vwM9jSqO8JyVd5RH9gyTt2+J/yUmYlIR0s04n6+7Vm1ozezUeLEaUjhaDSuXHwVRgvLJn1tQ7xiuVv/ocTRF42mNgZGBgYGbwZOBiAAFGJBIMAAizAFoAAABiAGIAznjaY2BkYGAA4in8zwXi+W2+MjCzMIDApSwvXzC97Z4Ig8N/BxYGZgcgl52BCSQKAA3jCV8CAABfAAAAAAQAAEB42mNgZGBg4f3vACQZQABIMjKgAmYAKEgBXgAAeNpjYGY6wTiBgZWBg2kmUxoDA4MPhGZMYzBi1AHygVLYQUCaawqDA4PChxhmh/8ODDEsvAwHgMKMIDnGL0x7gJQCAwMAJd4MFwAAAHjaY2BgYGaA4DAGRgYQkAHyGMF8NgYrIM3JIAGVYYDT+AEjAwuDFpBmA9KMDEwMCh9i/v8H8sH0/4dQc1iAmAkALaUKLgAAAHjaTY9LDsIgEIbtgqHUPpDi3gPoBVyRTmTddOmqTXThEXqrob2gQ1FjwpDvfwCBdmdXC5AVKFu3e5MfNFJ29KTQT48Ob9/lqYwOGZxeUelN2U2R6+cArgtCJpauW7UQBqnFkUsjAY/kOU1cP+DAgvxwn1chZDwUbd6CFimGXwzwF6tPbFIcjEl+vvmM/byA48e6tWrKArm4ZJlCbdsrxksL1AwWn/yBSJKpYbq8AXaaTb8AAHja28jAwOC00ZrBeQNDQOWO//sdBBgYGRiYWYAEELEwMTE4uzo5Zzo5b2BxdnFOcALxNjA6b2ByTswC8jYwg0VlNuoCTWAMqNzMzsoK1rEhNqByEyerg5PMJlYuVueETKcd/89uBpnpvIEVomeHLoMsAAe1Id4AAAAAAAB42oWQT07CQBTGv0JBhagk7HQzKxca2sJCE1hDt4QF+9JOS0nbaaYDCQfwCJ7Au3AHj+LO13FMmm6cl7785vven0kBjHCBhfpYuNa5Ph1c0e2Xu3jEvWG7UdPDLZ4N92nOm+EBXuAbHmIMSRMs+4aUEd4Nd3CHD8NdvOLTsA2GL8M9PODbcL+hD7C1xoaHeLJSEao0FEW14ckxC+TU8TxvsY6X0eLPmRhry2WVioLpkrbp84LLQPGI7c6sOiUzpWIWS5GzlSgUzzLBSikOPFTOXqly7rqx0Z1Q5BAIoZBSFihQYQOOBEdkCOgXTOHA07HAGjGWiIjaPZNW13/+lm6S9FT7rLHFJ6fQbkATOG1j2OFMucKJJsxIVfQORl+9Jyda6Sl1dUYhSCm1dyClfoeDve4qMYdLEbfqHf3O/AdDumsjAAB42mNgYoAAZQYjBmyAGYQZmdhL8zLdDEydARfoAqIAAAABAAMABwAKABMAB///AA8AAQAAAAAAAAAAAAAAAAABAAAAAA==) format("woff"); } - -.markdown .octicon { - display: inline-block; - fill: currentColor; - vertical-align: text-bottom; } - -.markdown .anchor { - float: left; - line-height: 1; - margin-left: -20px; - padding-right: 4px; } - -.markdown .anchor:focus { - outline: none; } - -.markdown h1 .octicon-link, -.markdown h2 .octicon-link, -.markdown h3 .octicon-link, -.markdown h4 .octicon-link, -.markdown h5 .octicon-link, -.markdown h6 .octicon-link { - color: #1b1f23; - vertical-align: middle; - visibility: hidden; } - -.markdown h1:hover .anchor, -.markdown h2:hover .anchor, -.markdown h3:hover .anchor, -.markdown h4:hover .anchor, -.markdown h5:hover .anchor, -.markdown h6:hover .anchor { - text-decoration: none; } - -.markdown h1:hover .anchor .octicon-link, -.markdown h2:hover .anchor .octicon-link, -.markdown h3:hover .anchor .octicon-link, -.markdown h4:hover .anchor .octicon-link, -.markdown h5:hover .anchor .octicon-link, -.markdown h6:hover .anchor .octicon-link { - visibility: visible; } - .markdown { - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; - color: #24292e; - line-height: 1.5; - font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-size: 16px; - line-height: 1.5; word-wrap: break-word; } + .markdown, + .markdown h1, + .markdown h2, + .markdown h3, + .markdown h4, + .markdown h5, + .markdown h6, + .markdown pre, + .markdown code, + .markdown blockquote, + .markdown em, + .markdown strong, + .markdown code { + font-size: 14px; + line-height: 20px; + font-weight: normal; + font-style: normal; + font-family: consolas, monaco, courier, "courier new", monospace; + color: #333; } + .markdown h1, + .markdown h2, + .markdown h3, + .markdown h4, + .markdown h5, + .markdown h6, + .markdown pre, + .markdown code, + .markdown blockquote, + .markdown ol, + .markdown ul, + .markdown li, + .markdown p, + .markdown section, + .markdown header, + .markdown footer { + float: none; + margin: 0; + padding: 0; } + .markdown h1, + .markdown p, + .markdown ul, + .markdown ol, + .markdown pre, + .markdown blockquote { + margin-top: 20px; + margin-bottom: 20px; } + .markdown h1 { + position: relative; + display: inline-block; + display: table-cell; + padding: 20px 0 40px; + margin: 0; + overflow: hidden; } + .markdown h1:after { + content: "===================================================================================================="; + position: absolute; + bottom: 20px; + left: 0; } + .markdown h1 + * { + margin-top: 0; } + .markdown h2, + .markdown h3, + .markdown h4, + .markdown h5, + .markdown h6 { + position: relative; + margin-bottom: 20px; } + .markdown h2:before, + .markdown h3:before, + .markdown h4:before, + .markdown h5:before, + .markdown h6:before { + content: "## "; + display: inline; } + .markdown h3:before { + content: "### "; } + .markdown h4:before { + content: "#### "; } + .markdown h5:before { + content: "##### "; } + .markdown h6:before { + content: "###### "; } + .markdown li { + position: relative; + display: block; + padding-left: 34px; + padding-left: 4ch; } + .markdown li:after { + position: absolute; + top: 0; + left: 0; } + .markdown ul > li:after { + content: "*"; } + .markdown ol { + counter-reset: ol; } + .markdown ol > li:after { + content: counter(ol) "."; + counter-increment: ol; } + .markdown pre { + margin-left: 34px; + margin-left: 4ch; } + .markdown blockquote { + position: relative; + padding-left: 17px; + padding-left: 2ch; + overflow: hidden; } + .markdown blockquote:after { + content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>"; + white-space: pre; + position: absolute; + top: 0; + left: 0; + font-size: 14px; + line-height: 20px; } + .markdown strong:before, + .markdown strong:after { + content: "__"; + display: inline; } + .markdown em:before, + .markdown em:after { + content: "*"; + display: inline; } + .markdown a { + text-decoration: none; } + .markdown a:before { + content: "["; + display: inline; + color: #333; } + .markdown a:after { + content: "](" attr(href) ")"; + display: inline; + color: #333; } + .markdown code { + font-weight: 100; } + .markdown code:before, + .markdown code:after { + content: "`"; + display: inline; } + .markdown pre code:before, + .markdown pre code:after { + content: none; } + .markdown hr { + position: relative; + height: 20px; + font-size: 0; + line-height: 0; + overflow: hidden; + border: 0; + margin-bottom: 20px; } + .markdown hr:after { + content: "----------------------------------------------------------------------------------------------------"; + position: absolute; + top: 0; + left: 0; + font-size: 14px; + line-height: 20px; + width: 100%; + word-wrap: break-word; } + .markdown img { + width: 100%; } -.markdown .pl-c { - color: #6a737d; } - -.markdown .pl-c1, -.markdown .pl-s .pl-v { - color: #005cc5; } - -.markdown .pl-e, -.markdown .pl-en { - color: #6f42c1; } - -.markdown .pl-s .pl-s1, -.markdown .pl-smi { - color: #24292e; } - -.markdown .pl-ent { - color: #22863a; } - -.markdown .pl-k { - color: #d73a49; } - -.markdown .pl-pds, -.markdown .pl-s, -.markdown .pl-s .pl-pse .pl-s1, -.markdown .pl-sr, -.markdown .pl-sr .pl-cce, -.markdown .pl-sr .pl-sra, -.markdown .pl-sr .pl-sre { - color: #032f62; } - -.markdown .pl-smw, -.markdown .pl-v { - color: #e36209; } - -.markdown .pl-bu { - color: #b31d28; } - -.markdown .pl-ii { - background-color: #b31d28; - color: #fafbfc; } - -.markdown .pl-c2 { - background-color: #d73a49; - color: #fafbfc; } - -.markdown .pl-c2:before { - content: "^M"; } - -.markdown .pl-sr .pl-cce { - color: #22863a; - font-weight: 700; } - -.markdown .pl-ml { - color: #735c0f; } - -.markdown .pl-mh, -.markdown .pl-mh .pl-en, -.markdown .pl-ms { - color: #005cc5; - font-weight: 700; } - -.markdown .pl-mi { - color: #24292e; - font-style: italic; } - -.markdown .pl-mb { - color: #24292e; - font-weight: 700; } - -.markdown .pl-md { - background-color: #ffeef0; - color: #b31d28; } - -.markdown .pl-mi1 { - background-color: #f0fff4; - color: #22863a; } - -.markdown .pl-mc { - background-color: #ffebda; - color: #e36209; } - -.markdown .pl-mi2 { - background-color: #005cc5; - color: #f6f8fa; } - -.markdown .pl-mdr { - color: #6f42c1; - font-weight: 700; } - -.markdown .pl-ba { - color: #586069; } - -.markdown .pl-sg { - color: #959da5; } - -.markdown .pl-corl { - color: #032f62; - text-decoration: underline; } - -.markdown details { - display: block; } - -.markdown summary { - display: list-item; } - -.markdown a { - background-color: transparent; } - -.markdown a:active, -.markdown a:hover { - outline-width: 0; } - -.markdown strong { - font-weight: inherit; - font-weight: bolder; } - -.markdown h1 { - font-size: 2em; - margin: .67em 0; } - -.markdown img { - border-style: none; } - -.markdown code, -.markdown kbd, -.markdown pre { - font-family: monospace, monospace; - font-size: 1em; } - -.markdown hr { - box-sizing: content-box; - height: 0; - overflow: visible; } - -.markdown input { - font: inherit; - margin: 0; } - -.markdown input { - overflow: visible; } - -.markdown [type=checkbox] { - box-sizing: border-box; - padding: 0; } - -.markdown * { - box-sizing: border-box; } - -.markdown input { - font-family: inherit; - font-size: inherit; - line-height: inherit; } - -.markdown a { - color: #0366d6; - text-decoration: none; } - -.markdown a:hover { - text-decoration: underline; } - -.markdown strong { - font-weight: 600; } - -.markdown hr { - background: transparent; - border: 0; - border-bottom: 1px solid #dfe2e5; - height: 0; - margin: 15px 0; - overflow: hidden; } - -.markdown hr:before { - content: ""; - display: table; } - -.markdown hr:after { - clear: both; - content: ""; - display: table; } - -.markdown table { - border-collapse: collapse; - border-spacing: 0; } - -.markdown td, -.markdown th { - padding: 0; } - -.markdown details summary { - cursor: pointer; } - -.markdown h1, -.markdown h2, -.markdown h3, -.markdown h4, -.markdown h5, -.markdown h6 { - margin-bottom: 0; - margin-top: 0; } - -.markdown h1 { - font-size: 32px; } - -.markdown h1, -.markdown h2 { - font-weight: 600; } - -.markdown h2 { - font-size: 24px; } - -.markdown h3 { - font-size: 20px; } - -.markdown h3, -.markdown h4 { - font-weight: 600; } - -.markdown h4 { - font-size: 16px; } - -.markdown h5 { - font-size: 14px; } - -.markdown h5, -.markdown h6 { - font-weight: 600; } - -.markdown h6 { - font-size: 12px; } - -.markdown p { - margin-bottom: 10px; - margin-top: 0; } - -.markdown blockquote { - margin: 0; } - -.markdown ol, -.markdown ul { - margin-bottom: 0; - margin-top: 0; - padding-left: 0; } - -.markdown ol ol, -.markdown ul ol { - list-style-type: lower-roman; } - -.markdown ol ol ol, -.markdown ol ul ol, -.markdown ul ol ol, -.markdown ul ul ol { - list-style-type: lower-alpha; } - -.markdown dd { - margin-left: 0; } - -.markdown code, -.markdown pre { - font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; - font-size: 12px; } - -.markdown pre { - margin-bottom: 0; - margin-top: 0; } - -.markdown input::-webkit-inner-spin-button, -.markdown input::-webkit-outer-spin-button { - -webkit-appearance: none; - appearance: none; - margin: 0; } - -.markdown .border { - border: 1px solid #e1e4e8 !important; } - -.markdown .border-0 { - border: 0 !important; } - -.markdown .border-bottom { - border-bottom: 1px solid #e1e4e8 !important; } - -.markdown .rounded-1 { - border-radius: 3px !important; } - -.markdown .bg-white { - background-color: #fff !important; } - -.markdown .bg-gray-light { - background-color: #fafbfc !important; } - -.markdown .text-gray-light { - color: #6a737d !important; } - -.markdown .mb-0 { - margin-bottom: 0 !important; } - -.markdown .my-2 { - margin-bottom: 8px !important; - margin-top: 8px !important; } - -.markdown .pl-0 { - padding-left: 0 !important; } - -.markdown .py-0 { - padding-bottom: 0 !important; - padding-top: 0 !important; } - -.markdown .pl-1 { - padding-left: 4px !important; } - -.markdown .pl-2 { - padding-left: 8px !important; } - -.markdown .py-2 { - padding-bottom: 8px !important; - padding-top: 8px !important; } - -.markdown .pl-3, -.markdown .px-3 { - padding-left: 16px !important; } - -.markdown .px-3 { - padding-right: 16px !important; } - -.markdown .pl-4 { - padding-left: 24px !important; } - -.markdown .pl-5 { - padding-left: 32px !important; } - -.markdown .pl-6 { - padding-left: 40px !important; } - -.markdown .f6 { - font-size: 12px !important; } - -.markdown .lh-condensed { - line-height: 1.25 !important; } - -.markdown .text-bold { - font-weight: 600 !important; } - -.markdown:before { - content: ""; - display: table; } - -.markdown:after { - clear: both; - content: ""; - display: table; } - -.markdown > :first-child { - margin-top: 0 !important; } - -.markdown > :last-child { - margin-bottom: 0 !important; } - -.markdown a:not([href]) { - color: inherit; - text-decoration: none; } - -.markdown blockquote, -.markdown dl, -.markdown ol, -.markdown p, -.markdown pre, -.markdown table, -.markdown ul { - margin-bottom: 16px; - margin-top: 0; } - -.markdown hr { - background-color: #e1e4e8; - border: 0; - height: .25em; - margin: 24px 0; - padding: 0; } - -.markdown blockquote { - border-left: .25em solid #dfe2e5; - color: #6a737d; - padding: 0 1em; } - -.markdown blockquote > :first-child { - margin-top: 0; } - -.markdown blockquote > :last-child { - margin-bottom: 0; } - -.markdown kbd { - background-color: #fafbfc; - border: 1px solid #c6cbd1; - border-bottom-color: #959da5; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #959da5; - color: #444d56; - display: inline-block; - font-size: 11px; - line-height: 10px; - padding: 3px 5px; - vertical-align: middle; } - -.markdown h1, -.markdown h2, -.markdown h3, -.markdown h4, -.markdown h5, -.markdown h6 { - font-weight: 600; - line-height: 1.25; - margin-bottom: 16px; - margin-top: 24px; } - -.markdown h1 { - font-size: 2em; } - -.markdown h1, -.markdown h2 { - border-bottom: 1px solid #eaecef; - padding-bottom: .3em; } - -.markdown h2 { - font-size: 1.5em; } - -.markdown h3 { - font-size: 1.25em; } - -.markdown h4 { - font-size: 1em; } - -.markdown h5 { - font-size: .875em; } - -.markdown h6 { - color: #6a737d; - font-size: .85em; } - -.markdown ol, -.markdown ul { - padding-left: 2em; } - -.markdown ol ol, -.markdown ol ul, -.markdown ul ol, -.markdown ul ul { - margin-bottom: 0; - margin-top: 0; } - -.markdown li { - word-wrap: break-all; } - -.markdown li > p { - margin-top: 16px; } - -.markdown li + li { - margin-top: .25em; } - -.markdown dl { - padding: 0; } - -.markdown dl dt { - font-size: 1em; - font-style: italic; - font-weight: 600; - margin-top: 16px; - padding: 0; } - -.markdown dl dd { - margin-bottom: 16px; - padding: 0 16px; } - -.markdown table { - display: block; - overflow: auto; - width: 100%; } - -.markdown table th { - font-weight: 600; } - -.markdown table td, -.markdown table th { - border: 1px solid #dfe2e5; - padding: 6px 13px; } - -.markdown table tr { - background-color: #fff; - border-top: 1px solid #c6cbd1; } - -.markdown table tr:nth-child(2n) { - background-color: #f6f8fa; } - -.markdown img { - background-color: #fff; - box-sizing: content-box; - max-width: 100%; } - -.markdown img[align=right] { - padding-left: 20px; } - -.markdown img[align=left] { - padding-right: 20px; } - -.markdown code { - background-color: rgba(27, 31, 35, 0.05); - border-radius: 3px; - font-size: 85%; - margin: 0; - padding: .2em .4em; } - -.markdown pre { - word-wrap: normal; } - -.markdown pre > code { - background: transparent; - border: 0; - font-size: 100%; - margin: 0; - padding: 0; - white-space: pre; - word-break: normal; } - -.markdown .highlight { - margin-bottom: 16px; } - -.markdown .highlight pre { - margin-bottom: 0; - word-break: normal; } - -.markdown .highlight pre, -.markdown pre { - background-color: #f6f8fa; - border-radius: 3px; - font-size: 85%; - line-height: 1.45; - overflow: auto; - padding: 16px; } - -.markdown pre code { - background-color: transparent; - border: 0; - display: inline; - line-height: inherit; - margin: 0; - max-width: auto; - overflow: visible; - padding: 0; - word-wrap: normal; } - -.markdown .commit-tease-sha { - color: #444d56; - display: inline-block; - font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; - font-size: 90%; } - -.markdown .blob-wrapper { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - overflow-x: auto; - overflow-y: hidden; } - -.markdown .blob-wrapper-embedded { - max-height: 240px; - overflow-y: auto; } - -.markdown .blob-num { - -moz-user-select: none; - -ms-user-select: none; - -webkit-user-select: none; - color: rgba(27, 31, 35, 0.3); - cursor: pointer; - font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; - font-size: 12px; - line-height: 20px; - min-width: 50px; - padding-left: 10px; - padding-right: 10px; - text-align: right; - user-select: none; - vertical-align: top; - white-space: nowrap; - width: 1%; } - -.markdown .blob-num:hover { - color: rgba(27, 31, 35, 0.6); } - -.markdown .blob-num:before { - content: attr(data-line-number); } - -.markdown .blob-code { - line-height: 20px; - padding-left: 10px; - padding-right: 10px; - position: relative; - vertical-align: top; } - -.markdown .blob-code-inner { - color: #24292e; - font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; - font-size: 12px; - overflow: visible; - white-space: pre; - word-wrap: normal; } - -.markdown .pl-token.active, -.markdown .pl-token:hover { - background: #ffea7f; - cursor: pointer; } - -.markdown kbd { - background-color: #fafbfc; - border: 1px solid #d1d5da; - border-bottom-color: #c6cbd1; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #c6cbd1; - color: #444d56; - display: inline-block; - font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; - line-height: 10px; - padding: 3px 5px; - vertical-align: middle; } - -.markdown :checked + .radio-label { - border-color: #0366d6; - position: relative; - z-index: 1; } - -.markdown .tab-size[data-tab-size="1"] { - -moz-tab-size: 1; - -o-tab-size: 1; - tab-size: 1; } - -.markdown .tab-size[data-tab-size="2"] { - -moz-tab-size: 2; - -o-tab-size: 2; - tab-size: 2; } - -.markdown .tab-size[data-tab-size="3"] { - -moz-tab-size: 3; - -o-tab-size: 3; - tab-size: 3; } - -.markdown .tab-size[data-tab-size="4"] { - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; } - -.markdown .tab-size[data-tab-size="5"] { - -moz-tab-size: 5; - -o-tab-size: 5; - tab-size: 5; } - -.markdown .tab-size[data-tab-size="6"] { - -moz-tab-size: 6; - -o-tab-size: 6; - tab-size: 6; } - -.markdown .tab-size[data-tab-size="7"] { - -moz-tab-size: 7; - -o-tab-size: 7; - tab-size: 7; } - -.markdown .tab-size[data-tab-size="8"] { - -moz-tab-size: 8; - -o-tab-size: 8; - tab-size: 8; } - -.markdown .tab-size[data-tab-size="9"] { - -moz-tab-size: 9; - -o-tab-size: 9; - tab-size: 9; } - -.markdown .tab-size[data-tab-size="10"] { - -moz-tab-size: 10; - -o-tab-size: 10; - tab-size: 10; } - -.markdown .tab-size[data-tab-size="11"] { - -moz-tab-size: 11; - -o-tab-size: 11; - tab-size: 11; } - -.markdown .tab-size[data-tab-size="12"] { - -moz-tab-size: 12; - -o-tab-size: 12; - tab-size: 12; } - -.markdown .task-list-item { - list-style-type: none; } - -.markdown .task-list-item + .task-list-item { - margin-top: 3px; } - -.markdown .task-list-item input { - margin: 0 .2em .25em -1.6em; - vertical-align: middle; } - -.markdown hr { - border-bottom-color: #eee; } - -.markdown .pl-0 { - padding-left: 0 !important; } - -.markdown .pl-1 { - padding-left: 4px !important; } - -.markdown .pl-2 { - padding-left: 8px !important; } - -.markdown .pl-3 { - padding-left: 16px !important; } - -.markdown .pl-4 { - padding-left: 24px !important; } - -.markdown .pl-5 { - padding-left: 32px !important; } - -.markdown .pl-6 { - padding-left: 40px !important; } - -.markdown .pl-7 { - padding-left: 48px !important; } - -.markdown .pl-8 { - padding-left: 64px !important; } - -.markdown .pl-9 { - padding-left: 80px !important; } - -.markdown .pl-10 { - padding-left: 96px !important; } - -.markdown .pl-11 { - padding-left: 112px !important; } +@-moz-document url-prefix() { + .markdown h1 { + display: block; } } -.markdown .pl-12 { - padding-left: 128px !important; } +.markdown-ones ol > li:after { + content: "1."; } diff --git a/dist/js/bundle.js b/dist/js/bundle.js index e610d04..08f7d66 100644 --- a/dist/js/bundle.js +++ b/dist/js/bundle.js @@ -8171,13 +8171,13 @@ let scrollAction = { /***/ 0: /*!*****************************************************!*\ - !*** multi ./src/scss/index.scss ./src/ts/index.ts ***! + !*** multi ./src/ts/index.ts ./src/scss/index.scss ***! \*****************************************************/ /*! no static exports found */ /***/ (function(module, exports, __webpack_require__) { -__webpack_require__(/*! ./src/scss/index.scss */"./src/scss/index.scss"); -module.exports = __webpack_require__(/*! /home/sakura2/src/ts/index.ts */"./src/ts/index.ts"); +__webpack_require__(/*! ./src/ts/index.ts */"./src/ts/index.ts"); +module.exports = __webpack_require__(/*! ./src/scss/index.scss */"./src/scss/index.scss"); /***/ }) diff --git a/images/wave.svg b/images/wave.svg deleted file mode 100644 index 5c6a53d..0000000 --- a/images/wave.svg +++ /dev/null @@ -1 +0,0 @@ -wave \ No newline at end of file diff --git a/images/wave2.svg b/images/wave2.svg deleted file mode 100644 index 5c6a53d..0000000 --- a/images/wave2.svg +++ /dev/null @@ -1 +0,0 @@ -wave \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 54225b7..1cde306 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2754,6 +2754,102 @@ "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=" }, + "copy-webpack-plugin": { + "version": "5.0.4", + "resolved": "https://registry.npm.taobao.org/copy-webpack-plugin/download/copy-webpack-plugin-5.0.4.tgz", + "integrity": "sha1-x4Em9gTiTxlMbsL0OmTiMrXUNlU=", + "dev": true, + "requires": { + "cacache": "^11.3.3", + "find-cache-dir": "^2.1.0", + "glob-parent": "^3.1.0", + "globby": "^7.1.1", + "is-glob": "^4.0.1", + "loader-utils": "^1.2.3", + "minimatch": "^3.0.4", + "normalize-path": "^3.0.0", + "p-limit": "^2.2.0", + "schema-utils": "^1.0.0", + "serialize-javascript": "^1.7.0", + "webpack-log": "^2.0.0" + }, + "dependencies": { + "cacache": { + "version": "11.3.3", + "resolved": "https://registry.npm.taobao.org/cacache/download/cacache-11.3.3.tgz", + "integrity": "sha1-i9Kd+ManGKbr0tAQ2k15cq47utw=", + "dev": true, + "requires": { + "bluebird": "^3.5.5", + "chownr": "^1.1.1", + "figgy-pudding": "^3.5.1", + "glob": "^7.1.4", + "graceful-fs": "^4.1.15", + "lru-cache": "^5.1.1", + "mississippi": "^3.0.0", + "mkdirp": "^0.5.1", + "move-concurrently": "^1.0.1", + "promise-inflight": "^1.0.1", + "rimraf": "^2.6.3", + "ssri": "^6.0.1", + "unique-filename": "^1.1.1", + "y18n": "^4.0.0" + } + }, + "globby": { + "version": "7.1.1", + "resolved": "https://registry.npm.taobao.org/globby/download/globby-7.1.1.tgz", + "integrity": "sha1-+yzP+UAfhgCUXfral0QMypcrhoA=", + "dev": true, + "requires": { + "array-union": "^1.0.1", + "dir-glob": "^2.0.0", + "glob": "^7.1.2", + "ignore": "^3.3.5", + "pify": "^3.0.0", + "slash": "^1.0.0" + } + }, + "lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npm.taobao.org/lru-cache/download/lru-cache-5.1.1.tgz", + "integrity": "sha1-HaJ+ZxAnGUdpXa9oSOhH8B2EuSA=", + "dev": true, + "requires": { + "yallist": "^3.0.2" + } + }, + "pify": { + "version": "3.0.0", + "resolved": "https://registry.npm.taobao.org/pify/download/pify-3.0.0.tgz", + "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", + "dev": true + }, + "schema-utils": { + "version": "1.0.0", + "resolved": "https://registry.npm.taobao.org/schema-utils/download/schema-utils-1.0.0.tgz?cache=0&sync_timestamp=1571141316329&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fschema-utils%2Fdownload%2Fschema-utils-1.0.0.tgz", + "integrity": "sha1-C3mpMgTXtgDUsoUNH2bCo0lRx3A=", + "dev": true, + "requires": { + "ajv": "^6.1.0", + "ajv-errors": "^1.0.0", + "ajv-keywords": "^3.1.0" + } + }, + "y18n": { + "version": "4.0.0", + "resolved": "https://registry.npm.taobao.org/y18n/download/y18n-4.0.0.tgz", + "integrity": "sha1-le+U+F7MgdAHwmThkKEg8KPIVms=", + "dev": true + }, + "yallist": { + "version": "3.1.1", + "resolved": "https://registry.npm.taobao.org/yallist/download/yallist-3.1.1.tgz", + "integrity": "sha1-27fa+b/YusmrRev2ArjLrQ1dCP0=", + "dev": true + } + } + }, "core-js": { "version": "2.6.10", "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.10.tgz", @@ -2981,6 +3077,52 @@ "sha.js": "^2.4.8" } }, + "cross-env": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-6.0.3.tgz", + "integrity": "sha512-+KqxF6LCvfhWvADcDPqo64yVIB31gv/jQulX2NGzKS/g3GEVz6/pt4wjHFtFWsHMddebWD/sDthJemzM4MaAag==", + "requires": { + "cross-spawn": "^7.0.0" + }, + "dependencies": { + "cross-spawn": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.1.tgz", + "integrity": "sha512-u7v4o84SwFpD32Z8IIcPZ6z1/ie24O6RU3RbtL5Y316l3KuHVPx9ItBgWQ6VlfAFnRnTtMUrsQ9MUUTuEZjogg==", + "requires": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + } + }, + "path-key": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.0.tgz", + "integrity": "sha512-8cChqz0RP6SHJkMt48FW0A7+qUOn+OsnOsVtzI59tZ8m+5bCSk7hzwET0pulwOM2YMn9J1efb07KB9l9f30SGg==" + }, + "shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "requires": { + "shebang-regex": "^3.0.0" + } + }, + "shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==" + }, + "which": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.1.tgz", + "integrity": "sha512-N7GBZOTswtB9lkQBZA4+zAXrjEIWAUOB93AvzUiudRzRxhUdLURQ7D/gAIMY1gatT/LTbmbcv8SiYazy3eYB7w==", + "requires": { + "isexe": "^2.0.0" + } + } + } + }, "cross-spawn": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz", @@ -3248,6 +3390,32 @@ "randombytes": "^2.0.0" } }, + "dir-glob": { + "version": "2.2.2", + "resolved": "https://registry.npm.taobao.org/dir-glob/download/dir-glob-2.2.2.tgz", + "integrity": "sha1-+gnwaUFTyJGLGLoN6vrpR2n8UMQ=", + "dev": true, + "requires": { + "path-type": "^3.0.0" + }, + "dependencies": { + "path-type": { + "version": "3.0.0", + "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-3.0.0.tgz", + "integrity": "sha1-zvMdyOCho7sNEFwM2Xzzv0f0428=", + "dev": true, + "requires": { + "pify": "^3.0.0" + } + }, + "pify": { + "version": "3.0.0", + "resolved": "https://registry.npm.taobao.org/pify/download/pify-3.0.0.tgz", + "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=", + "dev": true + } + } + }, "dns-equal": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/dns-equal/-/dns-equal-1.0.0.tgz", @@ -5148,6 +5316,12 @@ "resolved": "https://registry.npmjs.org/iferr/-/iferr-0.1.5.tgz", "integrity": "sha1-xg7taebY/bazEEofy8ocGS3FtQE=" }, + "ignore": { + "version": "3.3.10", + "resolved": "https://registry.npm.taobao.org/ignore/download/ignore-3.3.10.tgz", + "integrity": "sha1-Cpf7h2mG6AgcYxFg+PnziRV/AEM=", + "dev": true + }, "import-cwd": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz", @@ -7827,6 +8001,12 @@ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz", "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=" }, + "slash": { + "version": "1.0.0", + "resolved": "https://registry.npm.taobao.org/slash/download/slash-1.0.0.tgz", + "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=", + "dev": true + }, "snapdragon": { "version": "0.8.2", "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", diff --git a/package.json b/package.json index a1bf93c..20b92fb 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "@material/textfield": "^3.2.0", "@material/theme": "^3.1.0", "cpx": "^1.5.0", + "cross-env": "^6.0.3", "css-loader": "^3.2.0", "extract-loader": "^3.1.0", "file-loader": "^4.2.0", @@ -32,6 +33,7 @@ "@babel/preset-typescript": "^7.6.0", "autoprefixer": "^9.7.0", "babel-loader": "^8.0.6", + "copy-webpack-plugin": "^5.0.4", "fast-sass-loader": "^1.5.0", "html-webpack-plugin": "^3.2.0", "mini-css-extract-plugin": "^0.8.0", @@ -48,8 +50,8 @@ "start": "webpack-dev-server", "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/*" + "build": "rm -rf dist && cross-env ENV_MODE=build webpack", + "clean": "rm -rf dist" }, "author": "mashirozx", "license": "MIT" diff --git a/src/scss/index.scss b/src/scss/index.scss index 28f5e72..8512ed3 100644 --- a/src/scss/index.scss +++ b/src/scss/index.scss @@ -11,5 +11,5 @@ @import "./layouts/postThumbList.scss"; @import "./components/pjax.scss"; -// @import "./markdown-theme/markdown.scss"; -@import "./markdown-theme/github.scss"; \ No newline at end of file +@import "./markdown-theme/markdown.scss"; +// @import "./markdown-theme/github.scss"; \ No newline at end of file diff --git a/src/scss/layouts/coverImage.scss b/src/scss/layouts/coverImage.scss index b090e36..40991f2 100644 --- a/src/scss/layouts/coverImage.scss +++ b/src/scss/layouts/coverImage.scss @@ -25,7 +25,7 @@ width: 100%; background-position: center; background-size: auto 100%; - background-image: url(../images/wave2.svg); + background-image: url(../images/wave.svg); // bug or whatever???? // https://github.com/webpack-contrib/css-loader/issues/864 // TODO: https://github.com/webpack-contrib/mini-css-extract-plugin diff --git a/src/scss/layouts/footer.scss b/src/scss/layouts/footer.scss index 1d2ab8d..00dc259 100644 --- a/src/scss/layouts/footer.scss +++ b/src/scss/layouts/footer.scss @@ -14,7 +14,7 @@ footer { width: 100%; background-position: center; background-size: auto 100%; - background-image: url($img-wave-svg); + background-image: url(../images/wave.svg); @media screen and (min-width: $tablet-min-width) { height: 30px; diff --git a/src/scss/variables.scss b/src/scss/variables.scss index 7dc2d06..f1f9b44 100644 --- a/src/scss/variables.scss +++ b/src/scss/variables.scss @@ -18,4 +18,4 @@ $font-color-super-dark:#000000; $tablet-min-width: 761px; /* img files */ -$img-wave-svg : "../images/wave.svg"; \ No newline at end of file +// $img-wave-svg : "../images/wave.svg"; \ No newline at end of file diff --git a/webpack.config.js b/webpack.config.js index 24395d1..3cd59ad 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -1,13 +1,17 @@ const path = require('path'); const autoprefixer = require('autoprefixer'); const TerserPlugin = require('terser-webpack-plugin'); -const HtmlWebpackPlugin = require('html-webpack-plugin'); -const MiniCssExtractPlugin = require("mini-css-extract-plugin"); +// const HtmlWebpackPlugin = require('html-webpack-plugin'); +const CopyPlugin = require('copy-webpack-plugin'); +// const MiniCssExtractPlugin = require("mini-css-extract-plugin"); + +// still not work... +// const imgOutputPath = process.env.ENV_MODE === "build" ? 'images/[name].[ext]' : '../images/[name].[ext]'; module.exports = [{ mode: "development", // "production" | "development" | "none" entry: { - main: ['./src/scss/index.scss', path.resolve(__dirname, './src/ts/index.ts')] + main: ['./src/ts/index.ts', './src/scss/index.scss'] }, output: { path: path.resolve(__dirname, './dist'), @@ -35,9 +39,6 @@ module.exports = [{ // name(file) { // return './images/[name].[ext]'; // }, - // 有毒💢 - // 现在的情况是 dev 时要手动 cp -r ./src/img ./dist - // build 正常 name: '../images/[name].[ext]' // outputPath: './images', }, @@ -66,7 +67,6 @@ module.exports = [{ plugins: () => [autoprefixer()] } }, - // tooooooo slow! { loader: 'sass-loader', options: { @@ -76,13 +76,6 @@ module.exports = [{ }, } }, - // source-map not supported in fast-sass-loader! - // { - // loader: 'fast-sass-loader', - // options: { - // includePaths: ['./node_modules'] - // } - // }, ] }, { @@ -107,16 +100,24 @@ module.exports = [{ // })], // }, plugins: [ - new HtmlWebpackPlugin({ - filename: 'index.html', - template: './src/index.html', - chunks: ['index'] - }), - new HtmlWebpackPlugin({ - filename: 'single.html', - template: './src/single.html', - chunks: ['single'] - }) + new CopyPlugin([ + // { from: './src/images', to: './images' }, + { + from: './src/*.html', + to: './[name].[ext]', + toType: 'template', + }, + ]), + // new HtmlWebpackPlugin({ + // filename: 'index.html', + // template: './src/index.html', + // chunks: ['index'] + // }), + // new HtmlWebpackPlugin({ + // filename: 'single.html', + // template: './src/single.html', + // chunks: ['single'] + // }) // new MiniCssExtractPlugin({ // // Options similar to the same options in webpackOptions.output // // both options are optional