Update theme (LoveIt) + Add new fields

This commit is contained in:
Daniel Mason 2025-02-23 12:23:14 +13:00
parent ec90ebd36e
commit 49c98d8fb5
Signed by: idanoo
GPG key ID: 387387CDBC02F132
87 changed files with 6900 additions and 6013 deletions

View file

@ -328,7 +328,7 @@ header {
&.open {
.header-wrapper {
margin-top: -var(--header-height);
margin-top: calc(0px - var(--header-height));
}
.menu {

View file

@ -1,10 +1,16 @@
@media only screen and (max-width: 1440px) {
.page {
width: 60%;
}
}
@media only screen and (max-width: 1440px) {
.page {
width: 56%;
}
}
@media only screen and (max-width: 1200px) {
@media only screen and (max-width: 1280px) {
.page {
width: 52%;
}

View file

@ -1,4 +1,6 @@
.home {
padding-bottom: 5rem;
.home-profile {
@include transform(translateY( 16vh));
padding: 0 0 .5rem;

View file

@ -1,7 +1,7 @@
.page {
position: relative;
max-width: 800px;
width: 60%;
max-width: 1080px;
width: 64%;
margin: 0 auto;
[data-header-desktop] & {

View file

@ -167,7 +167,13 @@
}
}
.table-wrapper {
table {
width: 100%;
max-width: 100%;
margin: .625rem 0;
border-spacing: 0;
background: $table-background-color;
border-collapse: collapse;
overflow-x: auto;
&::-webkit-scrollbar {
@ -178,33 +184,24 @@
}
}
> table {
width: 100%;
max-width: 100%;
margin: .625rem 0;
border-spacing: 0;
background: $table-background-color;
border-collapse: collapse;
[theme=dark] & {
background: $table-background-color-dark;
}
thead {
background: $table-thead-color;
[theme=dark] & {
background: $table-background-color-dark;
background-color: $table-thead-color-dark;
}
}
thead {
background: $table-thead-color;
th, td {
padding: .3rem 1rem;
border: 1px solid darken($table-thead-color, 2%);
[theme=dark] & {
background-color: $table-thead-color-dark;
}
}
th, td {
padding: .3rem 1rem;
border: 1px solid darken($table-thead-color, 2%);
[theme=dark] & {
border-color: darken($table-thead-color-dark, 2%);
}
[theme=dark] & {
border-color: darken($table-thead-color-dark, 2%);
}
}
}
@ -212,6 +209,7 @@
img {
max-width: 100%;
min-height: 1em;
height: auto;
}
figure {
@ -263,6 +261,7 @@
}
@import "../_partial/_single/code";
@import "../_partial/_single/gist";
@import "../_partial/_single/instagram";
@import "../_partial/_single/admonition";
@import "../_partial/_single/echarts";
@ -312,7 +311,7 @@
img {
vertical-align: -12%;
max-height: 1.1em;
margin-right: 0ex;
margin-right: 0;
border-radius: 50%;
}
}

View file

@ -2,11 +2,16 @@
display: none;
}
.fixed-button {
#fixed-buttons-hidden {
display: none;
}
.fixed-button {
display: block;
z-index: 100;
position: fixed;
right: 1.5rem;
bottom: 1.5rem;
font-size: 1rem;
line-height: 1.3rem;
padding: .6rem .6rem;
@ -34,13 +39,16 @@
color: $global-font-color-dark;
}
}
}
#back-to-top {
display: block;
bottom: 1.5rem;
}
&:nth-last-of-type(1) {
bottom: 1.5rem;
}
#view-comments {
bottom: 4.5rem;
&:nth-last-of-type(2) {
bottom: 4.5rem;
}
&:nth-last-of-type(3) {
bottom: 7.5rem;
}
}

View file

@ -1,5 +1,5 @@
code {
display:inline-block;
display: inline-block;
max-width: 100%;
padding: 0 .4rem;
@include overflow-wrap(break-word);
@ -15,7 +15,7 @@ code {
pre {
margin: 0;
padding: .25rem 0 .25rem .5rem;
padding: 8px;
@include tab-size(4);
code {
@ -29,106 +29,51 @@ pre {
}
}
code, pre, .highlight table, .highlight tr, .highlight td {
background: $code-background-color !important;
code, pre {
background: $code-background-color;
[theme=dark] & {
background: $code-background-color-dark !important;
background: $code-background-color-dark;
}
}
.highlight {
font-family: var(--code-font-family);
font-size: var(--code-font-size);
.code-block {
line-height: 1.4em;
margin: .5rem 0;
.table-wrapper {
> table,
> table thead,
> table tr,
> table td {
margin: 0;
padding: 0;
border: none !important;
.code-header {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
width: 100%;
font-family: var(--global-font-family);
font-weight: bold;
color: $code-info-color;
background: darken($code-background-color, 8%);
span.c {
white-space: nowrap;
}
[theme=dark] & {
color: $code-info-color-dark;
background: darken($code-background-color-dark, 6%);
}
}
> .chroma {
position: relative;
&:hover {
cursor: pointer;
}
.code-header {
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
.code-title {
width: 100%;
font-family: var(--global-font-family);
font-weight: bold;
color: $code-info-color;
background: darken($code-background-color, 8%);
[theme=dark] & {
color: $code-info-color-dark;
background: darken($code-background-color-dark, 6%);
}
&:hover {
cursor: pointer;
}
.code-title {
width: 100%;
padding: .4rem;
}
.code-title::after {
padding-left: .2rem;
content: "Code";
}
@each $type, $text in $code-type-list {
&.#{$type} .code-title::after {
content: $text;
}
}
padding: .4rem;
}
.lntd:first-child {
min-width: 1.6rem;
text-align: right;
.code-title::after {
padding-left: .2rem;
content: "Code";
}
.lntd:last-child {
width: 100%;
pre {
@include max-content(min-width);
}
}
.ln {
padding-right: .75rem;
}
.hl {
display: block;
background-color: darken($code-background-color, 10%);
[theme=dark] & {
background-color: darken($code-background-color-dark, 5%);
}
}
.ln, .lnt {
color: $global-font-secondary-color;
[theme=dark] & {
color: $global-font-secondary-color-dark;
@each $type, $text in $code-type-list {
&.#{$type} .code-title::after {
content: $text;
}
}
@ -154,25 +99,57 @@ code, pre, .highlight table, .highlight tr, .highlight td {
}
}
}
}
.table-wrapper {
max-height: 0;
overflow-y: hidden;
@include details-transition-open;
.highlight {
position: relative;
max-height: 0;
overflow-y: hidden;
@include details-transition-open;
background: $code-background-color;
[theme=dark] & {
background: $code-background-color-dark;
}
&.open {
.code-header {
background: darken($code-background-color, 3%);
.hl {
background-color: darken($code-background-color, 10%);
[theme=dark] & {
background: darken($code-background-color-dark, 3%);
}
[theme=dark] & {
background-color: darken($code-background-color-dark, 5%);
}
}
.table-wrapper {
max-height: 10000px;
@include details-transition-close;
.c, /* Comment */
.ch /* CommentHashbang */,
.cm /* CommentMultiline */,
.c1 /* CommentSingle */,
.cs /* CommentSpecial */,
.cp /* CommentPreproc */,
.cpf /* CommentPreprocFile */ {
font-style: italic
}
.gl /* GenericUnderline */ {
text-decoration: underline
}
@each $class, $color in $code-highlight-color-map {
.#{$class} { color: $color; }
}
[theme=dark] & {
@each $class, $color in $code-highlight-color-map-dark {
.#{$class} { color: $color; }
}
}
}
&.open {
.code-header {
background: darken($code-background-color, 3%);
[theme=dark] & {
background: darken($code-background-color-dark, 3%);
}
.arrow {
@ -187,213 +164,29 @@ code, pre, .highlight table, .highlight tr, .highlight td {
display: inline;
}
}
}
/* Comment */ .c,
/* CommentHashbang */ .ch,
/* CommentMultiline */ .cm,
/* CommentSingle */ .c1,
/* CommentSpecial */ .cs,
/* CommentPreproc */ .cp,
/* CommentPreprocFile */ .cpf { font-style: italic }
/* GenericUnderline */ .gl { text-decoration: underline }
@each $class, $color in $code-highlight-color-map {
.#{$class} { color: $color; }
}
[theme=dark] & {
@each $class, $color in $code-highlight-color-map-dark {
.#{$class} { color: $color; }
}
}
}
.gist {
font-family: var(--code-font-family);
font-size: var(--code-font-size);
.table-wrapper {
> table,
> table thead,
> table tr,
> table td {
margin: 0;
padding: 0;
border: none !important;
}
}
.gist-file, .gist-data, .gist-meta {
border: none;
}
.gist-meta {
padding: .4rem .8rem;
background-color: darken($code-background-color, 5%);
@include link(false, false);
[theme=dark] & {
background-color: darken($code-background-color-dark, 5%);
}
}
[theme=dark] & {
// imported from https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/one-dark.css
.highlight {
background: #141414;
max-height: 10000px;
@include details-transition-close;
}
.blob-num,
.blob-code-inner,
.highlight,
.pl-enm,
.pl-ko,
.pl-mo,
.pl-mp1 .pl-sf,
.pl-ms,
.pl-pdc1,
.pl-scp,
.pl-smc,
.pl-som,
.pl-va,
.pl-vpf,
.pl-vpu,
.pl-mdr {
color: #aab1bf;
}
.pl-mb,
.pl-pdb {
font-weight: 700;
}
.pl-c,
.pl-c span,
.pl-pdc {
color: #5b6270;
font-style: italic;
}
.pl-sr .pl-cce {
color: #56b5c2;
font-weight: 400;
}
.pl-ef,
.pl-en,
.pl-enf,
.pl-eoai,
.pl-kos,
.pl-mh .pl-pdh,
.pl-mr {
color: #61afef;
}
.pl-ens,
.pl-vi {
color: #be5046;
}
.pl-enti,
.pl-mai .pl-sf,
.pl-ml,
.pl-sf,
.pl-sr,
.pl-sr .pl-sra,
.pl-src,
.pl-st,
.pl-vo {
color: #56b5c2;
}
.pl-eoi,
.pl-mri,
.pl-pds,
.pl-pse .pl-s1,
.pl-s,
.pl-s1 {
color: #97c279;
}
.pl-k,
.pl-kolp,
.pl-mc,
.pl-pde {
color: #c578dd;
}
.pl-mi,
.pl-pdi {
color: #c578dd;
font-style: italic;
}
.pl-mp,
.pl-stp {
color: #818896;
}
.pl-mdh,
.pl-mdi,
.pl-mdr {
font-weight: 400;
}
.pl-mdht,
.pl-mi1 {
color: #97c279;
background: #020;
}
.pl-md,
.pl-mdhf {
color: #df6b75;
background: #200;
}
.pl-corl {
color: #df6b75;
text-decoration: underline;
}
.pl-ib {
background: #df6b75;
}
.pl-ii {
background: #e0c184;
color: #fff;
}
.pl-iu {
background: #e05151;
}
.pl-ms1 {
color: #aab1bf;
background: #373b41;
}
.pl-c1,
.pl-cn,
.pl-e,
.pl-eoa,
.pl-eoac,
.pl-eoac .pl-pde,
.pl-kou,
.pl-mm,
.pl-mp .pl-s3,
.pl-mq,
.pl-s3,
.pl-sok,
.pl-sv,
.pl-mb {
color: #d19965;
}
.pl-enc,
.pl-entc,
.pl-pse .pl-s2,
.pl-s2,
.pl-sc,
.pl-smp,
.pl-sr .pl-sre,
.pl-stj,
.pl-v,
.pl-pdb {
color: #e4bf7a;
}
.pl-ent,
.pl-entl,
.pl-entm,
.pl-mh,
.pl-pdv,
.pl-smi,
.pl-sol,
.pl-mdh,
.pl-mdi {
color: #df6b75;
}
&.code-line-numbers {
span.line::before {
display: inline-block;
counter-increment: code-block;
content: counter(code-block);
min-width: 4ch;
text-align: right;
text-wrap: nowrap;
box-sizing: border-box;
border-width: 0;
margin-right: 1rem;
color: $code-info-color;
[theme=dark] & {
color: $code-info-color-dark;
}
}
}
}

View file

@ -0,0 +1,186 @@
.gist {
font-family: var(--code-font-family);
font-size: var(--code-font-size);
table,
table thead,
table tr,
table td {
margin: 0;
padding: 0;
border: none;
}
.gist-file, .gist-data, .gist-meta {
border: none;
}
.gist-meta {
padding: .4rem .8rem;
background-color: darken($code-background-color, 5%);
@include link(false, false);
[theme=dark] & {
background-color: darken($code-background-color-dark, 5%);
}
}
[theme=dark] & {
// imported from https://github.com/lonekorean/gist-syntax-themes/blob/master/stylesheets/one-dark.css
.highlight {
background: #141414;
}
.blob-num,
.blob-code-inner,
.highlight,
.pl-enm,
.pl-ko,
.pl-mo,
.pl-mp1 .pl-sf,
.pl-ms,
.pl-pdc1,
.pl-scp,
.pl-smc,
.pl-som,
.pl-va,
.pl-vpf,
.pl-vpu,
.pl-mdr {
color: #aab1bf;
}
.pl-mb,
.pl-pdb {
font-weight: 700;
}
.pl-c,
.pl-c span,
.pl-pdc {
color: #5b6270;
font-style: italic;
}
.pl-sr .pl-cce {
color: #56b5c2;
font-weight: 400;
}
.pl-ef,
.pl-en,
.pl-enf,
.pl-eoai,
.pl-kos,
.pl-mh .pl-pdh,
.pl-mr {
color: #61afef;
}
.pl-ens,
.pl-vi {
color: #be5046;
}
.pl-enti,
.pl-mai .pl-sf,
.pl-ml,
.pl-sf,
.pl-sr,
.pl-sr .pl-sra,
.pl-src,
.pl-st,
.pl-vo {
color: #56b5c2;
}
.pl-eoi,
.pl-mri,
.pl-pds,
.pl-pse .pl-s1,
.pl-s,
.pl-s1 {
color: #97c279;
}
.pl-k,
.pl-kolp,
.pl-mc,
.pl-pde {
color: #c578dd;
}
.pl-mi,
.pl-pdi {
color: #c578dd;
font-style: italic;
}
.pl-mp,
.pl-stp {
color: #818896;
}
.pl-mdh,
.pl-mdi,
.pl-mdr {
font-weight: 400;
}
.pl-mdht,
.pl-mi1 {
color: #97c279;
background: #020;
}
.pl-md,
.pl-mdhf {
color: #df6b75;
background: #200;
}
.pl-corl {
color: #df6b75;
text-decoration: underline;
}
.pl-ib {
background: #df6b75;
}
.pl-ii {
background: #e0c184;
color: #fff;
}
.pl-iu {
background: #e05151;
}
.pl-ms1 {
color: #aab1bf;
background: #373b41;
}
.pl-c1,
.pl-cn,
.pl-e,
.pl-eoa,
.pl-eoac,
.pl-eoac .pl-pde,
.pl-kou,
.pl-mm,
.pl-mp .pl-s3,
.pl-mq,
.pl-s3,
.pl-sok,
.pl-sv,
.pl-mb {
color: #d19965;
}
.pl-enc,
.pl-entc,
.pl-pse .pl-s2,
.pl-s2,
.pl-sc,
.pl-smp,
.pl-sr .pl-sre,
.pl-stj,
.pl-v,
.pl-pdb {
color: #e4bf7a;
}
.pl-ent,
.pl-entl,
.pl-entm,
.pl-mh,
.pl-pdv,
.pl-smi,
.pl-sol,
.pl-mdh,
.pl-mdi {
color: #df6b75;
}
}
}

View file

@ -78,7 +78,7 @@ $search-background-color-dark: #363636 !default;
// ========== Single Content ========== //
// Font size of the TOC
$toc-title-font-size: 1.2rem !default;
$toc-content-font-size: 1rem !default;
$toc-content-font-size: 0.875rem !default;
// Color of the single link
$single-link-color: #2d96bd !default;
@ -163,6 +163,7 @@ $code-type-list:
"language-perl" "Perl",
"language-powershell" "PowerShell",
"language-posh" "PowerShell",
"language-puppet" "Puppet",
"language-pwsh" "PowerShell",
"language-python" "Python",
"language-r" "R",

View file

@ -11,8 +11,8 @@ libFiles:
autocompleteJS: autocomplete.js/0.38.1/autocomplete.min.js
# lunr.js@2.3.9 https://lunrjs.com/
lunrJS: lunr.js/2.3.9/lunr.min.js
# algoliasearch@4.13.1 https://github.com/algolia/algoliasearch-client-javascript
algoliasearchJS: algoliasearch/4.13.1/algoliasearch-lite.umd.min.js
# algoliasearch@5.19.0 https://github.com/algolia/algoliasearch-client-javascript
algoliasearchJS: algoliasearch/5.19.0/lite/builds/browser.umd.min.js
# lazysizes@5.3.2 https://github.com/aFarkas/lazysizes
lazysizesJS: lazysizes/5.3.2/lazysizes.min.js
# object-fit-images@3.2.4 https://github.com/fregante/object-fit-images
@ -43,12 +43,12 @@ libFiles:
mapboxGLJS: mapbox-gl/2.9.1/mapbox-gl.min.js
# aplayer@1.10.1 https://github.com/MoePlayer/APlayer
aplayerCSS: aplayer/1.10.1/APlayer.min.css
aplayerJS: aplayer/1.10.1/APlayer.min.js
#aplayerJS: aplayer/1.10.1/APlayer.min.js
# gitalk@1.7.2 https://github.com/gitalk/gitalk
gitalkCSS: gitalk/1.7.2/gitalk.min.css
gitalkJS: gitalk/1.7.2/gitalk.min.js
# valine@1.5.0 https://valine.js.org/
valineJS: valine/1.5.0/Valine.min.js
# valine@1.5.3 https://valine.js.org/
valineJS: valine/1.5.3/Valine.min.js
# cookieconsent@3.1.1 https://github.com/osano/cookieconsent
cookieconsentCSS: cookieconsent/3.1.1/cookieconsent.min.css
cookieconsentJS: cookieconsent/3.1.1/cookieconsent.min.js

View file

@ -11,8 +11,8 @@ libFiles:
autocompleteJS: autocomplete.js@0.38.1/dist/autocomplete.min.js
# lunr.js@2.3.9 https://lunrjs.com/
lunrJS: lunr@2.3.9/lunr.min.js
# algoliasearch@4.13.1 https://github.com/algolia/algoliasearch-client-javascript
algoliasearchJS: algoliasearch@4.13.1/dist/algoliasearch-lite.umd.min.js
# algoliasearch@5.20.2 https://github.com/algolia/algoliasearch-client-javascript
algoliasearchJS: algoliasearch@5.20.2/dist/lite/builds/browser.umd.min.js
# lazysizes@5.3.2 https://github.com/aFarkas/lazysizes
lazysizesJS: lazysizes@5.3.2/lazysizes.min.js
# object-fit-images@3.2.4 https://github.com/fregante/object-fit-images
@ -45,14 +45,14 @@ libFiles:
mapboxGLJS: mapbox-gl@2.9.1/dist/mapbox-gl.min.js
# aplayer@1.10.1 https://github.com/MoePlayer/APlayer
aplayerCSS: aplayer@1.10.1/dist/APlayer.min.css
aplayerJS: aplayer@1.10.1/dist/APlayer.min.js
#aplayerJS: aplayer@1.10.1/dist/APlayer.min.js
# meting@2.0.1 https://github.com/metowolf/MetingJS
metingJS: meting@2.0.1/dist/Meting.min.js
# gitalk@1.7.2 https://github.com/gitalk/gitalk
gitalkCSS: gitalk@1.7.2/dist/gitalk.min.css
gitalkJS: gitalk@1.7.2/dist/gitalk.min.js
# valine@1.5.0 https://valine.js.org/
valineJS: valine@1.5.0/dist/Valine.min.js
# valine@1.5.3 https://valine.js.org/
valineJS: valine@1.5.3/dist/Valine.min.js
# cookieconsent@3.1.1 https://github.com/osano/cookieconsent
cookieconsentCSS: cookieconsent@3.1.1/build/cookieconsent.min.css
cookieconsentJS: cookieconsent@3.1.1/build/cookieconsent.min.js

View file

@ -49,7 +49,7 @@ telegram:
# 007: Medium
medium:
Weight: 7
Prefix: https://medium.com/
Prefix: https://medium.com/@
Title: Medium
Icon:
Class: fab fa-medium fa-fw
@ -569,13 +569,37 @@ rootme:
Icon:
Src: svg/icons/rootme.svg
# 073: Pixelfed
pixelfed:
# 073: Malt
malt:
Weight: 73
Title: Pixelfed
Newtab: true
Prefix: https://www.malt.fr/profile/
Title: Malt
Icon:
Class: fas fa-camera fa-fw
Src: svg/icons/malt.svg
# 074: TikTok
tiktok:
Weight: 74
Url: https://www.tiktok.com/
Title: TikTok
Icon:
Simpleicons: tiktok
# 075: TryHackMe
tryhackme:
Weight: 75
Title: TryHackMe
Prefix: https://tryhackme.com/p/
Icon:
Simpleicons: Tryhackme
# 076: Codeberg
codeberg:
Weight: 76
Title: Codeberg
Prefix: https://codeberg.org/
Icon:
Simpleicons: codeberg
# Phone
phone:

View file

@ -2,6 +2,14 @@
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@ -27,7 +35,7 @@ var Util = /*#__PURE__*/function () {
_classCallCheck(this, Util);
}
_createClass(Util, [{
_createClass(Util, null, [{
key: "forEach",
value: function forEach(elements, handler) {
elements = elements || [];
@ -83,8 +91,7 @@ var Theme = /*#__PURE__*/function () {
this.config = window.config;
this.data = this.config.data;
this.isDark = document.body.getAttribute('theme') === 'dark';
this.util = new Util();
this.newScrollTop = this.util.getScrollTop();
this.newScrollTop = Util.getScrollTop();
this.oldScrollTop = this.newScrollTop;
this.scrollEventSet = new Set();
this.resizeEventSet = new Set();
@ -98,14 +105,14 @@ var Theme = /*#__PURE__*/function () {
value: function initRaw() {
var _this = this;
this.util.forEach(document.querySelectorAll('[data-raw]'), function ($raw) {
Util.forEach(document.querySelectorAll('[data-raw]'), function ($raw) {
$raw.innerHTML = _this.data[$raw.id];
});
}
}, {
key: "initSVGIcon",
value: function initSVGIcon() {
this.util.forEach(document.querySelectorAll('[data-svg-src]'), function ($icon) {
Util.forEach(document.querySelectorAll('[data-svg-src]'), function ($icon) {
fetch($icon.getAttribute('data-svg-src')).then(function (response) {
return response.text();
}).then(function (svg) {
@ -150,7 +157,7 @@ var Theme = /*#__PURE__*/function () {
value: function initSwitchTheme() {
var _this2 = this;
this.util.forEach(document.getElementsByClassName('theme-switch'), function ($themeSwitch) {
Util.forEach(document.getElementsByClassName('theme-switch'), function ($themeSwitch) {
$themeSwitch.addEventListener('click', function () {
if (document.body.getAttribute('theme') === 'dark') document.body.setAttribute('theme', 'light');else document.body.setAttribute('theme', 'dark');
_this2.isDark = !_this2.isDark;
@ -178,7 +185,7 @@ var Theme = /*#__PURE__*/function () {
var _this3 = this;
var searchConfig = this.config.search;
var isMobile = this.util.isMobile();
var isMobile = Util.isMobile();
if (!searchConfig || isMobile && this._searchMobileOnce || !isMobile && this._searchDesktopOnce) return;
var maxResultLength = searchConfig.maxResultLength ? searchConfig.maxResultLength : 10;
var snippetLength = searchConfig.snippetLength ? searchConfig.snippetLength : 50;
@ -291,10 +298,10 @@ var Theme = /*#__PURE__*/function () {
position -= snippetLength / 5;
if (position > 0) {
position += context.substr(position, 20).lastIndexOf(' ') + 1;
context = '...' + context.substr(position, snippetLength);
position += context.slice(position, position + 20).lastIndexOf(' ') + 1;
context = '...' + context.slice(position, position + snippetLength);
} else {
context = context.substr(0, snippetLength);
context = context.slice(0, snippetLength);
}
Object.keys(metadata).forEach(function (key) {
@ -349,17 +356,24 @@ var Theme = /*#__PURE__*/function () {
});
} else finish(search());
} else if (searchConfig.type === 'algolia') {
_this3._algoliaIndex = _this3._algoliaIndex || algoliasearch(searchConfig.algoliaAppID, searchConfig.algoliaSearchKey).initIndex(searchConfig.algoliaIndex);
var algoliasearch = window['algoliasearch/lite'].liteClient;
_this3._algoliaIndex = _this3._algoliaIndex || algoliasearch(searchConfig.algoliaAppID, searchConfig.algoliaSearchKey);
_this3._algoliaIndex.search(query, {
offset: 0,
length: maxResultLength * 8,
attributesToHighlight: ['title'],
attributesToSnippet: ["content:".concat(snippetLength)],
highlightPreTag: "<".concat(highlightTag, ">"),
highlightPostTag: "</".concat(highlightTag, ">")
_this3._algoliaIndex.search({
requests: [{
indexName: searchConfig.algoliaIndex,
query: query,
offset: 0,
length: maxResultLength * 8,
attributesToHighlight: ['title'],
attributesToSnippet: ["content:".concat(snippetLength)],
highlightPreTag: "<".concat(highlightTag, ">"),
highlightPostTag: "</".concat(highlightTag, ">")
}]
}).then(function (_ref3) {
var hits = _ref3.hits;
var _ref3$results = _slicedToArray(_ref3.results, 1),
hits = _ref3$results[0].hits;
var results = {};
hits.forEach(function (_ref4) {
var uri = _ref4.uri,
@ -427,7 +441,7 @@ var Theme = /*#__PURE__*/function () {
if (script.readyState) {
script.onreadystatechange = function () {
if (script.readyState == 'loaded' || script.readyState == 'complete') {
if (script.readyState === 'loaded' || script.readyState === 'complete') {
script.onreadystatechange = null;
initAutosearch();
}
@ -444,7 +458,7 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "initDetails",
value: function initDetails() {
this.util.forEach(document.getElementsByClassName('details'), function ($details) {
Util.forEach(document.getElementsByClassName('details'), function ($details) {
var $summary = $details.getElementsByClassName('details-summary')[0];
$summary.addEventListener('click', function () {
$details.classList.toggle('open');
@ -471,78 +485,45 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "initHighlight",
value: function initHighlight() {
var _this5 = this;
Util.forEach(document.querySelectorAll('.code-block'), function ($codeBlock) {
var $codeTitle = $codeBlock.querySelector('.code-header > .code-title');
this.util.forEach(document.querySelectorAll('.highlight > pre.chroma'), function ($preChroma) {
var $chroma = document.createElement('div');
$chroma.className = $preChroma.className;
var $table = document.createElement('table');
$chroma.appendChild($table);
var $tbody = document.createElement('tbody');
$table.appendChild($tbody);
var $tr = document.createElement('tr');
$tbody.appendChild($tr);
var $td = document.createElement('td');
$tr.appendChild($td);
$preChroma.parentElement.replaceChild($chroma, $preChroma);
$td.appendChild($preChroma);
});
this.util.forEach(document.querySelectorAll('.highlight > .chroma'), function ($chroma) {
var $codeElements = $chroma.querySelectorAll('pre.chroma > code');
if ($codeElements.length) {
var $code = $codeElements[$codeElements.length - 1];
var $header = document.createElement('div');
$header.className = 'code-header ' + $code.className.toLowerCase();
var $title = document.createElement('span');
$title.classList.add('code-title');
$title.insertAdjacentHTML('afterbegin', '<i class="arrow fas fa-chevron-right fa-fw" aria-hidden="true"></i>');
$title.addEventListener('click', function () {
$chroma.classList.toggle('open');
if ($codeTitle) {
$codeTitle.addEventListener('click', function () {
$codeBlock.classList.toggle('open');
}, false);
$header.appendChild($title);
var $ellipses = document.createElement('span');
$ellipses.insertAdjacentHTML('afterbegin', '<i class="fas fa-ellipsis-h fa-fw" aria-hidden="true"></i>');
$ellipses.classList.add('ellipses');
$ellipses.addEventListener('click', function () {
$chroma.classList.add('open');
}, false);
$header.appendChild($ellipses);
var $copy = document.createElement('span');
$copy.insertAdjacentHTML('afterbegin', '<i class="far fa-copy fa-fw" aria-hidden="true"></i>');
$copy.classList.add('copy');
var code = $code.innerText;
if (_this5.config.code.maxShownLines < 0 || code.split('\n').length < _this5.config.code.maxShownLines + 2) $chroma.classList.add('open');
if (_this5.config.code.copyTitle) {
$copy.setAttribute('data-clipboard-text', code);
$copy.title = _this5.config.code.copyTitle;
var clipboard = new ClipboardJS($copy);
clipboard.on('success', function (_e) {
_this5.util.animateCSS($code, 'animate__flash');
});
$header.appendChild($copy);
}
$chroma.insertBefore($header, $chroma.firstChild);
}
});
}
}, {
key: "initTable",
value: function initTable() {
this.util.forEach(document.querySelectorAll('.content table'), function ($table) {
var $wrapper = document.createElement('div');
$wrapper.className = 'table-wrapper';
$table.parentElement.replaceChild($wrapper, $table);
$wrapper.appendChild($table);
var $ellipses = $codeBlock.querySelector('.code-header .ellipses');
if ($ellipses) {
$ellipses.addEventListener('click', function () {
$codeBlock.classList.toggle('open');
}, false);
}
var $copy = $codeBlock.querySelector('.code-header .copy');
if ($copy) {
var $code = $codeBlock.querySelector('code');
$copy.setAttribute('data-clipboard-text', $code.innerText);
var clipboard = new ClipboardJS($copy);
var $codeLines = $code.querySelectorAll('span.cl');
clipboard.on('success', function (_e) {
if ($codeLines) {
Util.forEach($codeLines, function ($codeLine) {
return Util.animateCSS($codeLine, 'animate__flash');
});
}
});
}
});
}
}, {
key: "initHeaderLink",
value: function initHeaderLink() {
for (var num = 1; num <= 6; num++) {
this.util.forEach(document.querySelectorAll('.single .content > h' + num), function ($header) {
Util.forEach(document.querySelectorAll('.single .content > h' + num), function ($header) {
$header.classList.add('headerLink');
$header.insertAdjacentHTML('afterbegin', "<a href=\"#".concat($header.id, "\" class=\"header-mark\"></a>"));
});
@ -551,12 +532,12 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "initToc",
value: function initToc() {
var _this6 = this;
var _this5 = this;
var $tocCore = document.getElementById('TableOfContents');
if ($tocCore === null) return;
if (document.getElementById('toc-static').getAttribute('data-kept') || this.util.isTocStatic()) {
if (document.getElementById('toc-static').getAttribute('data-kept') || Util.isTocStatic()) {
var $tocContentStatic = document.getElementById('toc-content-static');
if ($tocCore.parentElement !== $tocContentStatic) {
@ -593,10 +574,10 @@ var Theme = /*#__PURE__*/function () {
var maxTocTop = footerTop - $toc.getBoundingClientRect().height;
var maxScrollTop = maxTocTop - TOP_SPACING + (headerIsFixed ? 0 : headerHeight);
if (_this6.newScrollTop < minScrollTop) {
if (_this5.newScrollTop < minScrollTop) {
$toc.style.position = 'absolute';
$toc.style.top = "".concat(minTocTop, "px");
} else if (_this6.newScrollTop > maxScrollTop) {
} else if (_this5.newScrollTop > maxScrollTop) {
$toc.style.position = 'absolute';
$toc.style.top = "".concat(maxTocTop, "px");
} else {
@ -604,14 +585,12 @@ var Theme = /*#__PURE__*/function () {
$toc.style.top = "".concat(TOP_SPACING, "px");
}
_this6.util.forEach($tocLinkElements, function ($tocLink) {
Util.forEach($tocLinkElements, function ($tocLink) {
$tocLink.classList.remove('active');
});
_this6.util.forEach($tocLiElements, function ($tocLi) {
Util.forEach($tocLiElements, function ($tocLi) {
$tocLi.classList.remove('has-active');
});
var INDEX_SPACING = 20 + (headerIsFixed ? headerHeight : 0);
var activeTocIndex = $headerLinkElements.length - 1;
@ -619,7 +598,7 @@ var Theme = /*#__PURE__*/function () {
var thisTop = $headerLinkElements[i].getBoundingClientRect().top;
var nextTop = $headerLinkElements[i + 1].getBoundingClientRect().top;
if (i == 0 && thisTop > INDEX_SPACING || thisTop <= INDEX_SPACING && nextTop > INDEX_SPACING) {
if (i === 0 && thisTop > INDEX_SPACING || thisTop <= INDEX_SPACING && nextTop > INDEX_SPACING) {
activeTocIndex = i;
break;
}
@ -649,7 +628,7 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "initMermaid",
value: function initMermaid() {
var _this7 = this;
var _this6 = this;
this._mermaidOnSwitchTheme = this._mermaidOnSwitchTheme || function () {
var $mermaidElements = document.getElementsByClassName('mermaid');
@ -657,12 +636,11 @@ var Theme = /*#__PURE__*/function () {
if ($mermaidElements.length) {
mermaid.initialize({
startOnLoad: false,
theme: _this7.isDark ? 'dark' : 'neutral',
theme: _this6.isDark ? 'dark' : 'neutral',
securityLevel: 'loose'
});
_this7.util.forEach($mermaidElements, function ($mermaid) {
mermaid.render('svg-' + $mermaid.id, _this7.data[$mermaid.id], function (svgCode) {
Util.forEach($mermaidElements, function ($mermaid) {
mermaid.render('svg-' + $mermaid.id, _this6.data[$mermaid.id], function (svgCode) {
$mermaid.innerHTML = svgCode;
}, $mermaid);
});
@ -676,28 +654,27 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "initEcharts",
value: function initEcharts() {
var _this8 = this;
var _this7 = this;
if (this.config.echarts) {
echarts.registerTheme('light', this.config.echarts.lightTheme);
echarts.registerTheme('dark', this.config.echarts.darkTheme);
this._echartsOnSwitchTheme = this._echartsOnSwitchTheme || function () {
_this8._echartsArr = _this8._echartsArr || [];
_this7._echartsArr = _this7._echartsArr || [];
for (var i = 0; i < _this8._echartsArr.length; i++) {
_this8._echartsArr[i].dispose();
for (var i = 0; i < _this7._echartsArr.length; i++) {
_this7._echartsArr[i].dispose();
}
_this8._echartsArr = [];
_this8.util.forEach(document.getElementsByClassName('echarts'), function ($echarts) {
var chart = echarts.init($echarts, _this8.isDark ? 'dark' : 'light', {
_this7._echartsArr = [];
Util.forEach(document.getElementsByClassName('echarts'), function ($echarts) {
var chart = echarts.init($echarts, _this7.isDark ? 'dark' : 'light', {
renderer: 'svg'
});
chart.setOption(JSON.parse(_this8.data[$echarts.id]));
chart.setOption(JSON.parse(_this7.data[$echarts.id]));
_this8._echartsArr.push(chart);
_this7._echartsArr.push(chart);
});
};
@ -706,8 +683,8 @@ var Theme = /*#__PURE__*/function () {
this._echartsOnSwitchTheme();
this._echartsOnResize = this._echartsOnResize || function () {
for (var i = 0; i < _this8._echartsArr.length; i++) {
_this8._echartsArr[i].resize();
for (var i = 0; i < _this7._echartsArr.length; i++) {
_this7._echartsArr[i].resize();
}
};
@ -717,30 +694,30 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "initMapbox",
value: function initMapbox() {
var _this9 = this;
var _this8 = this;
if (this.config.mapbox) {
mapboxgl.accessToken = this.config.mapbox.accessToken;
mapboxgl.setRTLTextPlugin(this.config.mapbox.RTLTextPlugin);
this._mapboxArr = this._mapboxArr || [];
this.util.forEach(document.getElementsByClassName('mapbox'), function ($mapbox) {
var _this9$data$$mapbox$i = _this9.data[$mapbox.id],
lng = _this9$data$$mapbox$i.lng,
lat = _this9$data$$mapbox$i.lat,
zoom = _this9$data$$mapbox$i.zoom,
lightStyle = _this9$data$$mapbox$i.lightStyle,
darkStyle = _this9$data$$mapbox$i.darkStyle,
marked = _this9$data$$mapbox$i.marked,
navigation = _this9$data$$mapbox$i.navigation,
geolocate = _this9$data$$mapbox$i.geolocate,
scale = _this9$data$$mapbox$i.scale,
fullscreen = _this9$data$$mapbox$i.fullscreen;
Util.forEach(document.getElementsByClassName('mapbox'), function ($mapbox) {
var _this8$data$$mapbox$i = _this8.data[$mapbox.id],
lng = _this8$data$$mapbox$i.lng,
lat = _this8$data$$mapbox$i.lat,
zoom = _this8$data$$mapbox$i.zoom,
lightStyle = _this8$data$$mapbox$i.lightStyle,
darkStyle = _this8$data$$mapbox$i.darkStyle,
marked = _this8$data$$mapbox$i.marked,
navigation = _this8$data$$mapbox$i.navigation,
geolocate = _this8$data$$mapbox$i.geolocate,
scale = _this8$data$$mapbox$i.scale,
fullscreen = _this8$data$$mapbox$i.fullscreen;
var mapbox = new mapboxgl.Map({
container: $mapbox,
center: [lng, lat],
zoom: zoom,
minZoom: .2,
style: _this9.isDark ? darkStyle : lightStyle,
style: _this8.isDark ? darkStyle : lightStyle,
attributionControl: false
});
@ -772,16 +749,16 @@ var Theme = /*#__PURE__*/function () {
mapbox.addControl(new MapboxLanguage());
_this9._mapboxArr.push(mapbox);
_this8._mapboxArr.push(mapbox);
});
this._mapboxOnSwitchTheme = this._mapboxOnSwitchTheme || function () {
_this9.util.forEach(_this9._mapboxArr, function (mapbox) {
Util.forEach(_this8._mapboxArr, function (mapbox) {
var $mapbox = mapbox.getContainer();
var _this9$data$$mapbox$i2 = _this9.data[$mapbox.id],
lightStyle = _this9$data$$mapbox$i2.lightStyle,
darkStyle = _this9$data$$mapbox$i2.darkStyle;
mapbox.setStyle(_this9.isDark ? darkStyle : lightStyle);
var _this8$data$$mapbox$i2 = _this8.data[$mapbox.id],
lightStyle = _this8$data$$mapbox$i2.lightStyle,
darkStyle = _this8$data$$mapbox$i2.darkStyle;
mapbox.setStyle(_this8.isDark ? darkStyle : lightStyle);
mapbox.addControl(new MapboxLanguage());
});
};
@ -792,7 +769,7 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "initTypeit",
value: function initTypeit() {
var _this10 = this;
var _this9 = this;
if (this.config.typeit) {
var typeitConfig = this.config.typeit;
@ -802,8 +779,8 @@ var Theme = /*#__PURE__*/function () {
Object.values(typeitConfig.data).forEach(function (group) {
var typeone = function typeone(i) {
var id = group[i];
var instance = new TypeIt("#".concat(id), {
strings: _this10.data[id],
new TypeIt("#".concat(id), {
strings: _this9.data[id],
speed: speed,
lifeLike: true,
cursorSpeed: cursorSpeed,
@ -830,7 +807,7 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "initComment",
value: function initComment() {
var _this11 = this;
var _this10 = this;
if (this.config.comment) {
if (this.config.comment.gitalk) {
@ -857,7 +834,7 @@ var Theme = /*#__PURE__*/function () {
this._utterancesOnSwitchTheme = this._utterancesOnSwitchTheme || function () {
var message = {
type: 'set-theme',
theme: _this11.isDark ? utterancesConfig.darkTheme : utterancesConfig.lightTheme
theme: _this10.isDark ? utterancesConfig.darkTheme : utterancesConfig.lightTheme
};
var iframe = document.querySelector('.utterances-frame');
iframe.contentWindow.postMessage(message, 'https://utteranc.es');
@ -889,7 +866,7 @@ var Theme = /*#__PURE__*/function () {
this._giscusOnSwitchTheme = this._giscusOnSwitchTheme || function () {
var message = {
setConfig: {
theme: _this11.isDark ? giscusConfig.darkTheme : giscusConfig.lightTheme,
theme: _this10.isDark ? giscusConfig.darkTheme : giscusConfig.lightTheme,
reactionsEnabled: false
}
};
@ -912,7 +889,7 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "onScroll",
value: function onScroll() {
var _this12 = this;
var _this11 = this;
var $headers = [];
if (document.body.getAttribute('data-header-desktop') === 'auto') $headers.push(document.getElementById('header-desktop'));
@ -921,52 +898,46 @@ var Theme = /*#__PURE__*/function () {
if (document.getElementById('comments')) {
var $viewComments = document.getElementById('view-comments');
$viewComments.href = "#comments";
$viewComments.style.display = 'block';
$viewComments.parentElement.removeChild($viewComments);
document.getElementById('fixed-buttons').appendChild($viewComments);
}
var $fixedButtons = document.getElementById('fixed-buttons');
var ACCURACY = 20,
MINIMUM = 100;
window.addEventListener('scroll', function () {
_this12.newScrollTop = _this12.util.getScrollTop();
var scroll = _this12.newScrollTop - _this12.oldScrollTop;
var isMobile = _this12.util.isMobile();
_this12.util.forEach($headers, function ($header) {
_this11.newScrollTop = Util.getScrollTop();
var scroll = _this11.newScrollTop - _this11.oldScrollTop;
var isMobile = Util.isMobile();
Util.forEach($headers, function ($header) {
if (scroll > ACCURACY) {
$header.classList.remove('animate__fadeInDown');
_this12.util.animateCSS($header, ['animate__fadeOutUp', 'animate__faster'], true);
Util.animateCSS($header, ['animate__fadeOutUp', 'animate__faster'], true);
} else if (scroll < -ACCURACY) {
$header.classList.remove('animate__fadeOutUp');
_this12.util.animateCSS($header, ['animate__fadeInDown', 'animate__faster'], true);
Util.animateCSS($header, ['animate__fadeInDown', 'animate__faster'], true);
}
});
if (_this12.newScrollTop > MINIMUM) {
if (_this11.newScrollTop > MINIMUM) {
if (isMobile && scroll > ACCURACY) {
$fixedButtons.classList.remove('animate__fadeIn');
_this12.util.animateCSS($fixedButtons, ['animate__fadeOut', 'animate__faster'], true);
Util.animateCSS($fixedButtons, ['animate__fadeOut', 'animate__faster'], true);
} else if (!isMobile || scroll < -ACCURACY) {
$fixedButtons.style.display = 'block';
$fixedButtons.classList.remove('animate__fadeOut');
_this12.util.animateCSS($fixedButtons, ['animate__fadeIn', 'animate__faster'], true);
Util.animateCSS($fixedButtons, ['animate__fadeIn', 'animate__faster'], true);
}
} else {
if (!isMobile) {
$fixedButtons.classList.remove('animate__fadeIn');
_this12.util.animateCSS($fixedButtons, ['animate__fadeOut', 'animate__faster'], true);
Util.animateCSS($fixedButtons, ['animate__fadeOut', 'animate__faster'], true);
}
$fixedButtons.style.display = 'none';
}
var _iterator2 = _createForOfIteratorHelper(_this12.scrollEventSet),
var _iterator2 = _createForOfIteratorHelper(_this11.scrollEventSet),
_step2;
try {
@ -980,20 +951,20 @@ var Theme = /*#__PURE__*/function () {
_iterator2.f();
}
_this12.oldScrollTop = _this12.newScrollTop;
_this11.oldScrollTop = _this11.newScrollTop;
}, false);
}
}, {
key: "onResize",
value: function onResize() {
var _this13 = this;
var _this12 = this;
window.addEventListener('resize', function () {
if (!_this13._resizeTimeout) {
_this13._resizeTimeout = window.setTimeout(function () {
_this13._resizeTimeout = null;
if (!_this12._resizeTimeout) {
_this12._resizeTimeout = window.setTimeout(function () {
_this12._resizeTimeout = null;
var _iterator3 = _createForOfIteratorHelper(_this13.resizeEventSet),
var _iterator3 = _createForOfIteratorHelper(_this12.resizeEventSet),
_step3;
try {
@ -1007,11 +978,11 @@ var Theme = /*#__PURE__*/function () {
_iterator3.f();
}
_this13.initToc();
_this12.initToc();
_this13.initMermaid();
_this12.initMermaid();
_this13.initSearch();
_this12.initSearch();
}, 100);
}
}, false);
@ -1019,10 +990,10 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "onClickMask",
value: function onClickMask() {
var _this14 = this;
var _this13 = this;
document.getElementById('mask').addEventListener('click', function () {
var _iterator4 = _createForOfIteratorHelper(_this14.clickMaskEventSet),
var _iterator4 = _createForOfIteratorHelper(_this13.clickMaskEventSet),
_step4;
try {
@ -1042,7 +1013,7 @@ var Theme = /*#__PURE__*/function () {
}, {
key: "init",
value: function init() {
var _this15 = this;
var _this14 = this;
try {
this.initRaw();
@ -1054,7 +1025,6 @@ var Theme = /*#__PURE__*/function () {
this.initDetails();
this.initLightGallery();
this.initHighlight();
this.initTable();
this.initHeaderLink();
this.initMath();
this.initMermaid();
@ -1067,15 +1037,15 @@ var Theme = /*#__PURE__*/function () {
}
window.setTimeout(function () {
_this15.initToc();
_this14.initToc();
_this15.initComment();
_this14.initComment();
_this15.onScroll();
_this14.onScroll();
_this15.onResize();
_this14.onResize();
_this15.onClickMask();
_this14.onClickMask();
}, 100);
}
}]);

View file

@ -1,24 +0,0 @@
normalize.css@8.0.1 https://github.com/necolas/normalize.css
fontawesome-free@6.1.1 https://fontawesome.com/
simple-icons@7.3.0 https://github.com/simple-icons/simple-icons
animate.css@4.1.1 https://github.com/daneden/animate.css
autocomplete@0.38.1 https://github.com/algolia/autocomplete
lunr.js@2.3.9 https://lunrjs.com/
algoliasearch@4.13.1 https://github.com/algolia/algoliasearch-client-javascript
lazysizes@5.3.2 https://github.com/aFarkas/lazysizes
object-fit-images@3.2.4 https://github.com/fregante/object-fit-images
twemoji@14.0.2 https://github.com/twitter/twemoji
emoji-data@14.0.0 https://github.com/iamcal/emoji-data
lightgallery@2.5.0 https://github.com/sachinchoolur/lightgallery
clipboard.js@2.0.11 https://github.com/zenorocha/clipboard.js
sharer.js@0.5.1 https://github.com/ellisonleao/sharer.js
typeit@8.6.0 https://github.com/alexmacarthur/typeit
katex@0.16.0 https://katex.org/
mermaid@9.1.3 https://github.com/mermaid-js/mermaid
echarts@5.3.3 https://echarts.apache.org/
mapbox-gl@2.9.1 https://github.com/mapbox/mapbox-gl-js
aplayer@1.10.1 https://github.com/MoePlayer/APlayer
meting@2.0.1 https://github.com/metowolf/MetingJS
gitalk@1.7.2 https://github.com/gitalk/gitalk
valine@1.5.0 https://valine.js.org/
cookieconsent@3.1.1 https://github.com/osano/cookieconsent

View file

@ -0,0 +1,28 @@
# Dependency Libraries Version
| Dependency Library | Directory | Version |
|:------------------------------------------------------------------------------------|:------------------|--------:|
| [Algolia Search Client](https://github.com/algolia/algoliasearch-client-javascript) | algoliasearch | 5.20.2 |
| [Animate.css](https://github.com/daneden/animate.css) | animate | 4.1.1 |
| [APlayer](https://github.com/MoePlayer/APlayer) | aplayer | 1.10.1 |
| [Autocomplete](https://github.com/algolia/autocomplete) | autocomplete | 0.38.1 |
| [clipboard.js](https://github.com/zenorocha/clipboard.js) | clipboard | 2.0.11 |
| [Cookie Consent](https://github.com/osano/cookieconsent) | cookieconsent | 3.1.1 |
| [Apache ECharts](https://github.com/apache/echarts) | echarts | 5.3.3 |
| [emoji-data](https://github.com/iamcal/emoji-data) | emoji-data | 15.1.2 |
| [Font Awesome Free](https://github.com/FortAwesome/Font-Awesome) | fontawesome-free | 6.1.1 |
| [Gitalk](https://github.com/gitalk/gitalk) | gitalk | 1.7.2 |
| [KaTeX](https://github.com/KaTeX/KaTeX) | katex | 0.16.0 |
| [lazysizes](https://github.com/aFarkas/lazysizes) | lazysizes | 5.3.2 |
| [lightGallery](https://github.com/sachinchoolur/lightgallery) | lightgallery | 2.5.0 |
| [Lunr.js](https://github.com/olivernn/lunr.js) | lunr | 2.3.9 |
| [Mapbox GL JS](https://github.com/mapbox/mapbox-gl-js) | mapbox-gl | 2.9.1 |
| [Mermaid](https://github.com/mermaid-js/mermaid) | mermaid | 9.1.3 |
| [MetingJS](https://github.com/metowolf/MetingJS) | meting | 2.0.1 |
| [normalize.css](https://github.com/necolas/normalize.css) | normalize | 8.0.1 |
| [object-fit-images](https://github.com/fregante/object-fit-images) | object-fit-images | 3.2.4 |
| [sharer.js](https://github.com/ellisonleao/sharer.js) | sharer | 0.5.1 |
| [Simple Icons](https://github.com/simple-icons/simple-icons) | simple-icons | 7.3.0 |
| [Twemoji](https://github.com/twitter/twemoji) | twemoji | 14.0.2 |
| [TypeIt](https://github.com/alexmacarthur/typeit) | typeit | 8.6.0 |
| [Valine](https://github.com/xCss/Valine) | valine | 1.5.3 |

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

File diff suppressed because one or more lines are too long

View file

@ -1,4 +1,4 @@
emojiCDN: 'https://cdn.jsdelivr.net/npm/emoji-datasource-apple@14.0.0/img/apple/64/'
emojiCDN: 'https://cdn.jsdelivr.net/npm/emoji-datasource-apple@15.1.2/img/apple/64/'
emojiMaps:
'100': 1f4af.png
grinning: 1f600.png

View file

@ -1,4 +1,4 @@
emojiCDN: 'https://cdn.jsdelivr.net/npm/emoji-datasource-facebook@14.0.0/img/facebook/64/'
emojiCDN: 'https://cdn.jsdelivr.net/npm/emoji-datasource-facebook@15.1.2/img/facebook/64/'
emojiMaps:
'100': 1f4af.png
grinning: 1f600.png

View file

@ -1,4 +1,4 @@
emojiCDN: 'https://cdn.jsdelivr.net/npm/emoji-datasource-google@14.0.0/img/google/64/'
emojiCDN: 'https://cdn.jsdelivr.net/npm/emoji-datasource-google@15.1.2/img/google/64/'
emojiMaps:
'100': 1f4af.png
grinning: 1f600.png

View file

@ -1,4 +1,4 @@
emojiCDN: 'https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@14.0.0/img/twitter/64/'
emojiCDN: 'https://cdn.jsdelivr.net/npm/emoji-datasource-twitter@15.1.2/img/twitter/64/'
emojiMaps:
'100': 1f4af.png
grinning: 1f600.png

View file

@ -29,6 +29,20 @@ $code-background-color-dark: #272C34 !default;
tab-size: $value;
}
@mixin transition($values...) {
-webkit-transition: $values;
-moz-transition: $values;
-o-transition: $values;
transition: $values;
}
@mixin transform($value) {
-webkit-transform: $value;
-ms-transform: $value;
-o-transform: $value;
transform: $value;
}
.v[data-class=v] {
.vcards .vcard .vcontent.expand {
&::before, &::after {
@ -66,4 +80,19 @@ $code-background-color-dark: #272C34 !default;
max-width: 1.5em;
vertical-align: text-bottom;
}
// fix valine.js inside css will be override pulse animate for page title
@keyframes pulse {
0% {
@include transform(scaleX(1));
}
50% {
@include transform(scale3d(1.05, 1.05, 1.05));
}
to {
@include transform(scaleX(1));
}
}
}

View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" aria-label="Malt" role="img" viewBox="0 0 512 512" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect width="512" height="512" rx="15%" fill="none"></rect> <path fill="#FC5656" d="m408.4 103.8c-32.5-32.4-67.1-11.4-88.8 10.2L114.8 318.8c-21.7 21.7-44.4 54.7-10.2 88.8c34.1 34.1 67 11.4 88.7-10.3l204.8-204.8c21.7-21.6 42.7-56.3 10.3-88.7zm-195.7-8.4 43.4 43.4 44.1-44.2c3-3 6-5.8 9.1-8.4c-4.6-23.3-17.9-44.4-53.3-44.4c-35.4 0-48.7 21.2-53.2 44.5c3.3 2.9 6.6 5.8 9.9 9.1zm87.5 322.1-44.1-44.1-43.4 43.3c-3.3 3.3-6.5 6.4-9.8 9.2c5 23.8 19 45.5 53.1 45.5c34.2 0 48.3-21.9 53.2-45.7c-3-2.6-6-5.2-9-8.2zm-105.9-217h-83.6c-30.7 0-70 9.7-70 55.5c0 34.3 21.9 48.3 45.8 53.2c2.8-3.2 107.8-108.7 107.8-108.7zm231.5 2.3c-2.6 3-107.9 108.8-107.9 108.8h82.4c30.7 0 70-7.3 70-55.6c0-35.3-21.1-48.6-44.5-53.2zm-204.1-29.7 14.9-14.9-43.3-43.4c-21.7-21.7-54.6-44.4-88.8-10.2c-25 25-19.4 49.4-6.2 69.1c4.1-.3 123.4-.6 123.4-.6zm68.7 165.9-15 15 44.2 44.1c21.7 21.7 56.3 42.7 88.7 10.3c24.2-24.2 18.7-49.7 5.3-70c-4.3.3-123.2.6-123.2.6z"></path> </g></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB