';
+ var result = "";
+ var limit_num = hexo.theme.config.related_post.limit || 6
relatedPosts = relatedPosts.sort(compare('weight'));
- for (var i = 0; i < Math.min(relatedPosts.length, 6); i++) {
-
- var cover = relatedPosts[i].cover || hexo.theme.config.default_cover || data.melody.default_cover
- result += '
';
- result += '
';
- // console.log(relatedPosts);
+ }; // console.log(relatedPosts);
return result;
});
hexo.extend.helper.register('echo', function(path){
diff --git a/scripts/replace-config.js b/scripts/replace-config.js
index c10136d..7d7612d 100644
--- a/scripts/replace-config.js
+++ b/scripts/replace-config.js
@@ -1,12 +1,12 @@
/**
- * Note: configs in _data/melody.yml will replace configs in hexo.theme.config.
+ * Note: configs in _data/butterfly.yml will replace configs in hexo.theme.config.
*/
hexo.on('generateBefore', function () {
const rootConfig = hexo.config
if (hexo.locals.get) {
const data = hexo.locals.get('data')
- data && data.melody && (hexo.theme.config = data.melody)
+ data && data.butterfly && (hexo.theme.config = data.butterfly)
}
hexo.theme.config.rootConfig = rootConfig
})
\ No newline at end of file
diff --git a/source/css/_global/index.styl b/source/css/_global/index.styl
index 0d42ec8..9f3860b 100644
--- a/source/css/_global/index.styl
+++ b/source/css/_global/index.styl
@@ -153,11 +153,11 @@ table
font-size: 0.65rem
button
- font-size: .7rem;
- padding: .3rem 1rem;
- background-color: #49b1f5;
- color: #fff;
- border-color: #fff;
+ font-size: .7rem
+ padding: .3rem 1rem
+ background-color: $light-blue
+ color: #fff
+ border-color: #fff
textarea
font-size: 0.7rem
@@ -223,7 +223,7 @@ table
#readmode,#font_plus,#font_minus
width: 30px
height: 30px
- background-color: #49b1f5
+ background-color: $light-blue
color: #e3e8ee
text-align: center
line-height: 29px
@@ -239,7 +239,7 @@ table
.translate_chn_to_cht
width: 30px
height: 30px
- background-color: #49b1f5
+ background-color: $light-blue
color: #e3e8ee
text-align: center
line-height: 29px
@@ -252,7 +252,7 @@ table
.nightshift
width: 30px
height: 30px
- background-color: #49b1f5
+ background-color: $light-blue
color: #e3e8ee
text-align: center
font-size: 17px
@@ -346,4 +346,9 @@ table
text-align: right
.is_visible
- display: block !important
\ No newline at end of file
+ display: block !important
+
+.fireworks
+ position: fixed;
+ z-index: -1;
+ pointer-events: none;
\ No newline at end of file
diff --git a/source/css/_highlight/highlight.styl b/source/css/_highlight/highlight.styl
index 1872fc1..53ace8b 100644
--- a/source/css/_highlight/highlight.styl
+++ b/source/css/_highlight/highlight.styl
@@ -2,7 +2,7 @@
@require "theme"
@require "diff"
-languages = "js" "javascript" "python" "ruby" "xml" "html" "css" "perl" "sql" "coffeescript" "java" "scala" "kotlin" "c" "c\+\+" "go" "less" "sass" "scss" "stylus" "styl" "typescript" "ts" "bash" "yml" "gradle" "groovy" "ejs" "swig"
+languages = "js" "javascript" "python" "ruby" "xml" "html" "css" "perl" "sql" "coffeescript" "java" "scala" "kotlin" "c" "c\+\+" "go" "less" "sass" "scss" "stylus" "styl" "typescript" "ts" "bash" "yml" "yaml" "gradle" "groovy" "ejs" "swig" "markdown"
wordWrap = !hexo-config("rootConfig.highlight.line_number") && hexo-config("code_word_wrap")
loopForLanguages()
@@ -39,7 +39,7 @@ blockquote
padding: 0.1rem 0.8rem
border-left: 0.2rem solid $blockquote-padding-color
color: $blockquote-color
- background-color: $blockquote-background-color
+ background-color: lighten($blockquote-padding-color,33)
.article-container
pre,
diff --git a/source/css/_layout/aside.styl b/source/css/_layout/aside.styl
index 89530c2..a9d1455 100644
--- a/source/css/_layout/aside.styl
+++ b/source/css/_layout/aside.styl
@@ -87,7 +87,7 @@
margin-top: .2rem
padding: 0 1rem
height: 1.6rem
- background: #49b1f5
+ background: $light-blue
color: #fff
text-decoration: none
line-height: 1.6rem
@@ -96,7 +96,7 @@
z-index: 1
.toggle_change--primary,.bookmark--primary
- color: $cyan
+ color: $ruby
.toggle_change--animated,.bookmark--animated
transition-property: color
@@ -109,7 +109,7 @@
left: 0
right: 0
bottom: 0
- background: $cyan
+ background: $ruby
transform: scaleX(0)
transform-origin: 0 50%
transition-property: transform
diff --git a/source/css/_layout/flink.styl b/source/css/_layout/flink.styl
new file mode 100644
index 0000000..84ba4e0
--- /dev/null
+++ b/source/css/_layout/flink.styl
@@ -0,0 +1,133 @@
+.flink
+ .md-links
+ min-height: calc(100% - 120px - 5pc - 6em)
+ text-align: center
+ overflow: auto
+ padding: 0
+ margin: 0 auto
+
+ a
+ color: #333
+ text-decoration: none
+
+ li
+ width: calc(100%/3 - 14px)
+ float: left
+ list-style: none
+
+ .md-links-item
+ height: 90px
+ line-height: 17px
+ margin: 20px 7px
+ padding: 0px 0px
+ transition: box-shadow 0.25s
+ text-overflow: ellipsis
+ overflow: hidden
+ border-radius: 8px
+ -webkit-transform: perspective(1px) translateZ(0)
+ transform: perspective(1px) translateZ(0)
+ box-shadow: 0 0 1px rgba(0, 0, 0, 0)
+ position: relative
+ -webkit-transition-property: color
+ transition-property: color
+ -webkit-transition-duration: 0.3s
+ transition-duration: 0.3s
+
+ img
+ float: left
+ border-radius: 35px
+ margin: 11px 10px
+ width: 70px
+ height: 70px
+ border: 0px solid #eaeefb
+
+ &:hover
+ img
+ filter: unqoute("progid:DXImageTransform.Microsoft.BasicImage(rotation=3)")
+ -moz-transform: rotate(540deg)
+ -o-transform: rotate(540deg)
+ -webkit-transform: rotate(540deg)
+ transform: rotate(540deg)
+
+ &:before
+ content: ""
+ position: absolute
+ z-index: -1
+ top: 0
+ left: 0
+ right: 0
+ bottom: 0
+ background: $light-blue !important
+ -webkit-transform: scale(0)
+ transform: scale(0)
+ -webkit-transition-property: transform
+ transition-property: transform
+ -webkit-transition-duration: 0.3s
+ transition-duration: 0.3s
+ -webkit-transition-timing-function: ease-out
+ transition-timing-function: ease-out
+
+ .md-links-item:hover,
+ .md-links-item:focus,
+ .md-links-item:active
+ color: white
+
+ .md-links-item:hover:before,
+ .md-links-item:focus:before,
+ .md-links-item:active:before
+ -webkit-transform: scale(1)
+ transform: scale(1)
+
+ .md-links-item a:hover
+ cursor: pointer
+
+ .md-links-title
+ padding-top: 16px
+ padding-right: 10px
+ font-size: 20px
+ font-weight: bold
+ height:40px
+ overflow: hidden
+ white-space: nowrap
+ text-overflow: ellipsis
+
+ .post-cards
+ margin-top: 5px
+ min-height: 100px
+ padding: 15px
+ border-radius: 15px
+
+ .comment-word
+ font-weight:bold
+ font-size:1.7em
+
+ .md-links-des
+ padding: 16px 10px
+ font-size:13px
+ overflow: hidden
+ height:50px
+ white-space: nowrap
+ text-overflow: ellipsis
+
+@media screen and (max-width:1100px)
+ .flink
+ .post-cards
+ position: relative
+ margin: -20px -16px 0
+ border-radius: 18px
+ padding: 16px
+
+ .md-links
+ li
+ width: calc(100%/2 - 14px)
+
+
+
+@media screen and (max-width:600px)
+ .flink
+ .md-links
+ li
+ width: calc(100%/1 - 14px)
+
+
+
diff --git a/source/css/_layout/footer.styl b/source/css/_layout/footer.styl
index 6530b67..d6dfb6f 100644
--- a/source/css/_layout/footer.styl
+++ b/source/css/_layout/footer.styl
@@ -1,8 +1,6 @@
footer
- $bg-svg += ""
margin-top: 1rem
background: $light-blue
- // background-image: url($bg-svg)
background-attachment: local
&.footer-bg
diff --git a/source/css/_layout/head.styl b/source/css/_layout/head.styl
index 9b3ffec..f5ecf1a 100644
--- a/source/css/_layout/head.styl
+++ b/source/css/_layout/head.styl
@@ -14,11 +14,6 @@
background-attachment: local
- &.no-bg
- $bg-svg += ""
- background-image: url($bg-svg) !important
- background-size: initial
-
#site-social-icons
margin: 0 auto
width: 15rem
diff --git a/source/css/_layout/nightshift.styl b/source/css/_layout/nightshift.styl
index c419cd6..4197de8 100644
--- a/source/css/_layout/nightshift.styl
+++ b/source/css/_layout/nightshift.styl
@@ -65,6 +65,7 @@ if hexo-config("nightshift") && hexo-config("nightshift.enable")
blockquote
border-left: 0.2rem solid #7A5353
color: #99a9bf
+ background-color: #2f3d49
hr
background: 0
diff --git a/source/css/_layout/post.styl b/source/css/_layout/post.styl
index dffebcc..fa2e259 100644
--- a/source/css/_layout/post.styl
+++ b/source/css/_layout/post.styl
@@ -1,16 +1,6 @@
#post-title
font-size: 1.4rem
- &.plain
- margin-bottom: 0.3rem
- border-bottom: 1px solid $light-grey
- cursor: pointer
- transition: all 0.2s ease-in-out
-
- &:hover
- border-bottom: 1px solid $light-blue
- color: $light-blue
-
#post
overflow: hidden
@@ -47,16 +37,6 @@
background-color: #394245;
background-image: linear-gradient(234deg, #394245 0%, #000 100%);
- &.no-bg
- $bg-svg += ""
- background-color: $light-blue
- background-image: url($bg-svg) !important
- background-size: auto
-
- &.plain
- margin-bottom: 1rem
- height: 56px
-
a
color: $light-grey
text-decoration: none
@@ -229,8 +209,6 @@ img
a
word-break: break-word
-.post-adv
- margin: 1rem 0
@media screen and (max-width: $sm)
.layout
diff --git a/source/css/_layout/relatedposts.styl b/source/css/_layout/relatedposts.styl
index 135beb2..515df37 100644
--- a/source/css/_layout/relatedposts.styl
+++ b/source/css/_layout/relatedposts.styl
@@ -51,7 +51,7 @@
margin: 0 auto
text-align: center
- .relatedPosts_headling
+ .relatedPosts_headline
font-size: 20px
font-weight: 700
margin-bottom: 5px
diff --git a/source/css/_layout/reward.styl b/source/css/_layout/reward.styl
index 2c77e21..2d06673 100644
--- a/source/css/_layout/reward.styl
+++ b/source/css/_layout/reward.styl
@@ -11,11 +11,11 @@
cursor: pointer
color: #fff
line-height: 36px
- background: #49b1f5
+ background: $light-blue
width: 80px
&:hover
- background: #00c4b6
+ background: darken($light-blue,30)
.reward-main
display: block
diff --git a/source/css/_layout/z-other.styl b/source/css/_layout/z-other.styl
index 2d4bdca..5727f87 100644
--- a/source/css/_layout/z-other.styl
+++ b/source/css/_layout/z-other.styl
@@ -82,6 +82,7 @@ a.article-meta__categories
text-transform: uppercase
overflow: hidden
z-index: 1
+ background-color: $light-blue
&:focus {
outline: none
@@ -89,17 +90,13 @@ a.article-meta__categories
}
.more--primary {
- color: lightslategray
+ color: $white
}
.more--animated {
transition-property: color
transition-duration: 0.5s
- &.more--border.more--primary {
- border: 1px solid lightslategray
- }
-
&:before {
content: ""
position: absolute
@@ -107,7 +104,7 @@ a.article-meta__categories
left: 0
right: 0
bottom: 0
- background: lightslategray
+ background: $ruby
transform: scaleX(0)
transform-origin: 0 50%
transition-property: transform
diff --git a/source/css/var.styl b/source/css/var.styl
index 2e2582a..a53d9d2 100644
--- a/source/css/var.styl
+++ b/source/css/var.styl
@@ -70,8 +70,6 @@ $white = #FFFFFF
$dark-white = #F9F9F9
$font-black = #4C4948
$selection = $theme-text-selection-color
-// $bg-svg = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23a4d8fa' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E"
-$bg-svg = "/img/banner2.jpg"
// code
$code-font-size = $font-size
@@ -80,7 +78,7 @@ $code-foreground = $font-color
$code-background = rgba(27, 31, 35, 0.05)
$line-height-code-block = 20px
$blockquote-color = #6a737d
-$blockquote-padding-color = #49b1f5
+$blockquote-padding-color = $theme-color
$blockquote-background-color = rgba(73, 177, 245,0.1)
// page
$content-width = 800px
diff --git a/source/js/runtimeshow.js b/source/js/runtimeshow.js
index f054162..4a41983 100644
--- a/source/js/runtimeshow.js
+++ b/source/js/runtimeshow.js
@@ -3,21 +3,13 @@ var start_date = document.getElementById("runtionshow").getAttribute("start_date
function show_date_time() {
window.setTimeout("show_date_time()", 1000);
- BirthDay=new Date(start_date);//這個日期是可以修改的
+ BirthDay=new Date(start_date);
today=new Date();
- timeold=(today.getTime()-BirthDay.getTime());//其實僅僅改了這裏
- // sectimeold=timeold/1000
- // secondsold=Math.floor(sectimeold);
+ timeold=(today.getTime()-BirthDay.getTime());
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
- // e_hrsold=(e_daysold-daysold)*24;
- // hrsold=Math.floor(e_hrsold);
- // e_minsold=(e_hrsold-hrsold)*60;
- // minsold=Math.floor((e_hrsold-hrsold)*60);
- // seconds=Math.floor((e_minsold-minsold)*60);
- // span_dt_dt.innerHTML = "已運行 " + daysold + " 天 " + hrsold + " 時 " + minsold + " 分 " + seconds + " 秒";
- webinfo_runtime_count.innerHTML= daysold + " 天"
+ webinfo_runtime_count.innerHTML= daysold + " " + GLOBAL_CONFIG.runtime_unit
}
show_date_time()
diff --git a/source/js/third-party/fireworks.js b/source/js/third-party/fireworks.js
new file mode 100644
index 0000000..91993a7
--- /dev/null
+++ b/source/js/third-party/fireworks.js
@@ -0,0 +1,129 @@
+var canvasEl = document.querySelector('.fireworks')
+if (canvasEl) {
+ var ctx = canvasEl.getContext('2d')
+ var numberOfParticules = 30
+ var pointerX = 0
+ var pointerY = 0
+ // var tap = ('ontouchstart' in window || navigator.msMaxTouchPoints) ? 'touchstart' : 'mousedown'
+ // Fixed the mobile scroll
+ var tap = 'mousedown'
+ var colors = ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C']
+
+ var setCanvasSize = debounce(function () {
+ canvasEl.width = window.innerWidth
+ canvasEl.height = window.innerHeight
+ canvasEl.style.width = window.innerWidth + 'px'
+ canvasEl.style.height = window.innerHeight + 'px'
+ canvasEl.getContext('2d').scale(1, 1)
+ }, 500)
+
+ var render = anime({
+ duration: Infinity,
+ update: function () {
+ ctx.clearRect(0, 0, canvasEl.width, canvasEl.height)
+ }
+ })
+
+ document.addEventListener(tap, function (e) {
+ if (e.target.id !== 'sidebar' && e.target.id !== 'toggle-sidebar' && e.target.nodeName !== 'A' && e.target.nodeName !== 'IMG') {
+ render.play()
+ updateCoords(e)
+ animateParticules(pointerX, pointerY)
+ }
+ }, false)
+
+ setCanvasSize()
+ window.addEventListener('resize', setCanvasSize, false)
+}
+
+function updateCoords (e) {
+ pointerX = (e.clientX || e.touches[0].clientX) - canvasEl.getBoundingClientRect().left
+ pointerY = e.clientY || e.touches[0].clientY - canvasEl.getBoundingClientRect().top
+}
+
+function setParticuleDirection (p) {
+ var angle = anime.random(0, 360) * Math.PI / 180
+ var value = anime.random(50, 180)
+ var radius = [-1, 1][anime.random(0, 1)] * value
+ return {
+ x: p.x + radius * Math.cos(angle),
+ y: p.y + radius * Math.sin(angle)
+ }
+}
+
+function createParticule (x, y) {
+ var p = {}
+ p.x = x
+ p.y = y
+ p.color = colors[anime.random(0, colors.length - 1)]
+ p.radius = anime.random(16, 32)
+ p.endPos = setParticuleDirection(p)
+ p.draw = function () {
+ ctx.beginPath()
+ ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true)
+ ctx.fillStyle = p.color
+ ctx.fill()
+ }
+ return p
+}
+
+function createCircle (x, y) {
+ var p = {}
+ p.x = x
+ p.y = y
+ p.color = '#F00'
+ p.radius = 0.1
+ p.alpha = 0.5
+ p.lineWidth = 6
+ p.draw = function () {
+ ctx.globalAlpha = p.alpha
+ ctx.beginPath()
+ ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true)
+ ctx.lineWidth = p.lineWidth
+ ctx.strokeStyle = p.color
+ ctx.stroke()
+ ctx.globalAlpha = 1
+ }
+ return p
+}
+
+function renderParticule (anim) {
+ for (var i = 0; i < anim.animatables.length; i++) {
+ anim.animatables[i].target.draw()
+ }
+}
+
+function animateParticules (x, y) {
+ var circle = createCircle(x, y)
+ var particules = []
+ for (var i = 0; i < numberOfParticules; i++) {
+ particules.push(createParticule(x, y))
+ }
+ anime.timeline().add({
+ targets: particules,
+ x: function (p) {
+ return p.endPos.x
+ },
+ y: function (p) {
+ return p.endPos.y
+ },
+ radius: 0.1,
+ duration: anime.random(1200, 1800),
+ easing: 'easeOutExpo',
+ update: renderParticule
+ })
+ .add({
+ targets: circle,
+ radius: anime.random(80, 160),
+ lineWidth: 0,
+ alpha: {
+ value: 0,
+ easing: 'linear',
+ duration: anime.random(600, 800)
+ },
+ duration: anime.random(1200, 1800),
+ easing: 'easeOutExpo',
+ update: renderParticule,
+ offset: 0
+ })
+}
\ No newline at end of file