mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-16 20:30:53 +08:00
1. Feature: 可設置内联代码块样式 #26
2. Feature: 可設置夜間模式作爲默認樣式 3. Feature: 可設置是否顯示code language名稱 4. Feature: 可設置是否展開或關閉代碼框 5. Feature: 可設置背景圖片/顔色 6. Feature: 可設置是否顯示footer背景 7. Feature: 增加 canvas-nest.js 8. Feature: 頭像可設置效果(轉圈圈) 9. Feature: menu可設置分組 9. Fix: 優化打賞和搜索打開特效 10. Fix: 優化sidebar的打開特效，避免與文章頁特效不同步 11. Fix: 適配**hexo-blog-encrypt**，現在可以顯示toc 12. Fix: 修復設置不顯示評論時，直達評論按鈕沒有消失的bug 13. Fix: 修復post頁底欄，當沒有顯示評論，不顯示TOC，評論和toc都不顯示 這三種狀態下按鈕的bug 14. Fix: 修復代碼框左右滑動時，代碼名字跟著滑動的bug 15. Fix: 其他page頁標題的字體顯示 16. Fix: 修復當設置開啓canvas_ribbons，進入網站會先顯示canvas_ribbons的bug 17. Fix: 完善夜間模式下，字體顯示問題 18. Fix: 修復代碼框 複製 和 代碼名 z-index bug #25 19. Fix: 完善阅读模式
This commit is contained in:
Jerry
@@ -23,6 +23,19 @@ body
|
||||
*::-webkit-scrollbar-track
|
||||
background-color: transparent
|
||||
|
||||
|
||||
#web_bg
|
||||
background: $web-bg
|
||||
height: 100%
|
||||
width: 100%
|
||||
background-size: cover
|
||||
position: fixed
|
||||
z-index: -999
|
||||
background-attachment: local
|
||||
background-repeat: no-repeat
|
||||
background-position: center
|
||||
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
@@ -208,7 +221,8 @@ table
|
||||
font-size: 98%
|
||||
font-family: $code-font
|
||||
|
||||
#site-title, #site-sub-title,
|
||||
.full_page #site-title,
|
||||
.full_page #site-sub-title,
|
||||
#site-name,
|
||||
#aside_content .author-info__name,
|
||||
#aside_content .author-info__description
|
||||
@@ -284,70 +298,67 @@ table
|
||||
|
||||
|
||||
// bookmark 樣式
|
||||
.fc-container .fancybox-bg {
|
||||
background: #eee;
|
||||
}
|
||||
.fc-container .fancybox-bg
|
||||
background: #eee
|
||||
|
||||
.fancybox-is-open.fc-container .fancybox-bg {
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
.fc-content {
|
||||
margin: 20px;
|
||||
max-width: 550px;
|
||||
padding: 50px;
|
||||
box-shadow: 10px 10px 60px -25px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.fancybox-is-open.fc-container .fancybox-bg
|
||||
opacity: 0.95
|
||||
|
||||
.fc-content h3 {
|
||||
margin-top: 0;
|
||||
font-size: 1.6em;
|
||||
letter-spacing: normal;
|
||||
}
|
||||
|
||||
.fc-content p {
|
||||
color: #666;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.fc-content
|
||||
margin: 20px
|
||||
max-width: 550px
|
||||
padding: 50px
|
||||
box-shadow: 10px 10px 60px -25px
|
||||
border-radius: 4px
|
||||
|
||||
|
||||
.fc-content h3
|
||||
margin-top: 0
|
||||
font-size: 1.6em
|
||||
letter-spacing: normal
|
||||
|
||||
|
||||
.fc-content p
|
||||
color: #666
|
||||
line-height: 1.5
|
||||
|
||||
|
||||
.fc-content p:last-child
|
||||
margin-bottom: 0
|
||||
|
||||
.fc-content p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* Custom animation */
|
||||
.fancybox-fx-material.fancybox-slide--previous,
|
||||
.fancybox-fx-material.fancybox-slide--next {
|
||||
transform: translateY(-60px) scale(1.1);
|
||||
opacity: 0;
|
||||
}
|
||||
.fancybox-fx-material.fancybox-slide--next
|
||||
transform: translateY(-60px) scale(1.1)
|
||||
opacity: 0
|
||||
|
||||
|
||||
.fancybox-fx-material.fancybox-slide--current
|
||||
opacity: 1
|
||||
transform: translateY(0) scale(1)
|
||||
|
||||
.fancybox-fx-material.fancybox-slide--current {
|
||||
opacity: 1;
|
||||
transform: translateY(0) scale(1);
|
||||
}
|
||||
|
||||
.bookmark-ok
|
||||
background: #FF6666;
|
||||
border-width: 0;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
padding: 7px 20px;
|
||||
line-height: 1.5;
|
||||
border-radius: 20px;
|
||||
text-transform: uppercase;
|
||||
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-size: 80%;
|
||||
font-weight: 700;
|
||||
margin: 5px 5px 5px 0;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
transition: all .2s ease-in-out;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background: #FF6666
|
||||
border-width: 0
|
||||
color: #fff
|
||||
text-decoration: none
|
||||
padding: 7px 20px
|
||||
line-height: 1.5
|
||||
border-radius: 20px
|
||||
text-transform: uppercase
|
||||
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif
|
||||
font-size: 80%
|
||||
font-weight: 700
|
||||
margin: 5px 5px 5px 0
|
||||
display: inline-block
|
||||
cursor: pointer
|
||||
outline: none
|
||||
transition: all .2s ease-in-out
|
||||
user-select: none
|
||||
|
||||
.tright
|
||||
text-align: right
|
||||
@@ -358,6 +369,9 @@ table
|
||||
.is_invisible
|
||||
display: none !important
|
||||
|
||||
.is_hidden
|
||||
overflow: hidden
|
||||
|
||||
.fireworks
|
||||
position: fixed
|
||||
z-index: -1
|
||||
|
||||
@@ -2,21 +2,8 @@
|
||||
@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" "yaml" "gradle" "groovy" "ejs" "swig" "markdown"
|
||||
wordWrap = !hexo-config("rootConfig.highlight.line_number") && hexo-config("code_word_wrap")
|
||||
|
||||
// loopForLanguages()
|
||||
// for lang in languages
|
||||
// .article-container
|
||||
// figure.highlight
|
||||
// &{"." + lang}
|
||||
// table
|
||||
// &:before
|
||||
// content: lang
|
||||
|
||||
// loopForLanguages()
|
||||
|
||||
// Placeholder: $code-block
|
||||
$code-block
|
||||
overflow: auto
|
||||
margin: 1rem 0
|
||||
@@ -102,18 +89,8 @@ blockquote
|
||||
width: auto
|
||||
border: none
|
||||
|
||||
&:before
|
||||
position: absolute
|
||||
z-index: 1
|
||||
display: inline-block
|
||||
margin-top: -1.4rem
|
||||
padding: 0 0.7rem
|
||||
width: 5rem
|
||||
color: $highlight-foreground
|
||||
content: attr(data-content)
|
||||
font-weight: bold
|
||||
font-size: 0.8rem
|
||||
line-height: 1.4rem
|
||||
if hexo-config('highlight_shrink') == true
|
||||
display: none
|
||||
|
||||
&:after
|
||||
position: absolute
|
||||
|
||||
@@ -258,9 +258,6 @@
|
||||
|
||||
.card-archives
|
||||
margin-bottom: 20px
|
||||
|
||||
.card-announcement-animation
|
||||
animation: announ_animation 1.5s infinite
|
||||
|
||||
.card-webinfo
|
||||
.webinfo
|
||||
|
||||
@@ -4,11 +4,27 @@ footer
|
||||
background-attachment: local
|
||||
background-position: bottom
|
||||
background-size: cover
|
||||
position: relative
|
||||
|
||||
if hexo-config('footer_bg') != false
|
||||
&:before
|
||||
position: absolute
|
||||
bottom: 0
|
||||
left: 0
|
||||
display: block
|
||||
content: ''
|
||||
width: 100%
|
||||
height: 100%
|
||||
opacity: 0.5
|
||||
background-color: #394245
|
||||
background-image: linear-gradient(234deg, #394245 0%, #000 100%)
|
||||
|
||||
|
||||
#footer
|
||||
padding: 1.2rem 1rem 1rem
|
||||
color: $light-grey
|
||||
text-align: center
|
||||
position: relative
|
||||
|
||||
a
|
||||
color: $light-grey
|
||||
|
||||
@@ -1,18 +1,21 @@
|
||||
#nav
|
||||
position: relative
|
||||
margin-bottom: 1rem
|
||||
background-color: $light-blue
|
||||
background-position: center
|
||||
background-size: cover
|
||||
|
||||
|
||||
&.full_page
|
||||
background-attachment: local
|
||||
height: 100vh
|
||||
|
||||
&.bg_local
|
||||
.nav_bg
|
||||
width: 100%
|
||||
height: 100%
|
||||
background-color: $light-blue
|
||||
background-position: center
|
||||
background-size: cover
|
||||
background-attachment: local
|
||||
|
||||
&.not_index_bg
|
||||
height: 20rem
|
||||
|
||||
|
||||
#site-social-icons
|
||||
margin: 0 auto
|
||||
@@ -49,6 +52,11 @@
|
||||
#site-sub-title
|
||||
font-size: 0.8rem
|
||||
|
||||
#page_site-info
|
||||
position: absolute
|
||||
top: 10rem
|
||||
width: 100%
|
||||
|
||||
.scroll-down
|
||||
position: absolute
|
||||
bottom: 0
|
||||
@@ -58,6 +66,10 @@
|
||||
font-size: 30px
|
||||
text-align: center
|
||||
|
||||
.scroll-down-effects
|
||||
position: absolute
|
||||
color: #fff
|
||||
|
||||
|
||||
#page-header
|
||||
position: absolute
|
||||
@@ -152,6 +164,20 @@
|
||||
// letter-spacing: .5px
|
||||
text-transform: uppercase
|
||||
color:#4c4948
|
||||
|
||||
.menus-expand
|
||||
position: absolute
|
||||
width: 30px !important
|
||||
height: 30px
|
||||
right: 0
|
||||
padding: 6px
|
||||
display: none
|
||||
transform: rotate(0deg)
|
||||
transition: all .3s
|
||||
|
||||
&.menus-closed
|
||||
transform: rotate(180deg) !important
|
||||
transition: all .3s
|
||||
|
||||
hr
|
||||
margin: 1rem auto
|
||||
@@ -166,13 +192,10 @@
|
||||
|
||||
.site-page
|
||||
position: relative
|
||||
margin-left: 0.6rem
|
||||
padding-bottom: 0.3rem
|
||||
text-shadow: 0.05rem 0.05rem 0.1rem rgba(0, 0, 0, 0.3)
|
||||
font-size: 0.7rem
|
||||
cursor: pointer
|
||||
margin-left: 1rem
|
||||
|
||||
&::after
|
||||
position: absolute
|
||||
bottom: 0
|
||||
@@ -225,13 +248,58 @@
|
||||
font-weight: bold
|
||||
cursor: pointer
|
||||
|
||||
@media screen and (min-width: $sm)
|
||||
@media screen and (min-width: $sm)
|
||||
#site-title
|
||||
font-size: 2rem
|
||||
|
||||
#site-sub-title
|
||||
font-size: 1.2rem
|
||||
|
||||
#page-header
|
||||
.menus_item
|
||||
display: inline-block
|
||||
padding: 0 0.5rem
|
||||
|
||||
&:hover,&:focus
|
||||
.menus_item_child
|
||||
display: block
|
||||
|
||||
.menus_item_child
|
||||
position: absolute
|
||||
background-color: alpha($white, 0.8)
|
||||
padding: 8px 10px
|
||||
width: fit-content
|
||||
border-radius: 5px
|
||||
box-shadow: 0 5px 20px -4px rgba(0,0,0,.5)
|
||||
display: none
|
||||
opacity: 1
|
||||
animation: sub_menus .3s .1s ease both
|
||||
|
||||
&:before
|
||||
content: ""
|
||||
position: absolute
|
||||
top: -20px
|
||||
left: 50%
|
||||
margin-left: -10px
|
||||
border-width: 10px
|
||||
border-style: solid
|
||||
border-color: transparent transparent alpha($white, 0.8)
|
||||
|
||||
.menus_item_child li
|
||||
list-style: none
|
||||
text-align: center
|
||||
|
||||
a
|
||||
color: #3b3a3a;
|
||||
text-shadow: none;
|
||||
|
||||
&.fixed.visible
|
||||
.menus_item_child
|
||||
background-color: #ffffff
|
||||
|
||||
&:before
|
||||
border-color: transparent transparent #ffffff
|
||||
|
||||
@media screen and (max-width: $sm)
|
||||
#page-header
|
||||
padding: 10px 0.8rem
|
||||
@@ -255,7 +323,7 @@
|
||||
.mobile_post_data
|
||||
display: flex
|
||||
|
||||
.menus_item
|
||||
.menus_items
|
||||
a
|
||||
display: block !important
|
||||
opacity: 1 !important
|
||||
@@ -278,11 +346,18 @@
|
||||
|
||||
&:hover
|
||||
color: $light-blue
|
||||
|
||||
.menus-expand
|
||||
display: inline-block
|
||||
|
||||
.menus_item_child
|
||||
list-style: none
|
||||
margin: 0
|
||||
|
||||
.mobile_author_icon
|
||||
display: block
|
||||
|
||||
.menus_item
|
||||
.menus_items
|
||||
padding: 0 .5rem
|
||||
margin-bottom: 5rem
|
||||
|
||||
@@ -298,4 +373,7 @@
|
||||
&.fixed.open-sidebar
|
||||
.search
|
||||
display: inline-block
|
||||
opacity: 1
|
||||
opacity: 1
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -1,8 +1,5 @@
|
||||
if hexo-config("nightshift") && hexo-config("nightshift.enable")
|
||||
.night-mode
|
||||
footer
|
||||
background: #2d3035
|
||||
|
||||
#sidebar
|
||||
background: #2d3035 !important
|
||||
box-shadow: -0.25rem 0 0.25rem #2d3035 !important
|
||||
@@ -183,7 +180,8 @@ if hexo-config("nightshift") && hexo-config("nightshift.enable")
|
||||
background:#2d3035
|
||||
|
||||
#nav,
|
||||
#top-container
|
||||
#top-container,
|
||||
footer
|
||||
&::before
|
||||
content: ""
|
||||
position: absolute
|
||||
@@ -202,10 +200,14 @@ if hexo-config("nightshift") && hexo-config("nightshift.enable")
|
||||
|
||||
#site-info .blogtitle,
|
||||
span.subtitle,
|
||||
#site-title,
|
||||
#post-info .posttitle,
|
||||
#post-info #post-meta,
|
||||
#site-social-icons i,
|
||||
#top-container a
|
||||
#top-container a,
|
||||
#footer,
|
||||
#footer a,
|
||||
#page-header a
|
||||
color: rgba(238,238,238,.6)
|
||||
|
||||
//打賞 分享
|
||||
@@ -234,6 +236,16 @@ if hexo-config("nightshift") && hexo-config("nightshift.enable")
|
||||
a
|
||||
color: #99a9bf !important
|
||||
|
||||
#web_bg
|
||||
background-color: #2d3032
|
||||
|
||||
#hbe-security
|
||||
label
|
||||
color: #99a9bf !important
|
||||
input
|
||||
background-color: #616a6b
|
||||
|
||||
|
||||
@media screen and (max-width: 768px)
|
||||
.night-mode
|
||||
color: #99a9bf
|
||||
@@ -264,6 +276,18 @@ if hexo-config("nightshift") && hexo-config("nightshift.enable")
|
||||
.recent-post-item
|
||||
background: #2d3035 !important
|
||||
|
||||
#page-header
|
||||
.menus_item_child
|
||||
background-color: #2d3035 !important
|
||||
|
||||
&:before
|
||||
border-color: transparent transparent #2d3035 !important
|
||||
|
||||
li
|
||||
a
|
||||
color: #99a9bf
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -285,6 +285,31 @@ img
|
||||
&:hover
|
||||
color: darken($highlight-aqua, 20%)
|
||||
|
||||
.code_lang
|
||||
position: absolute
|
||||
font-weight: bold;
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.4rem;
|
||||
color: $highlight-foreground
|
||||
left: 30px
|
||||
z-index: 1
|
||||
cursor: pointer
|
||||
|
||||
.code-expand
|
||||
position: absolute
|
||||
top: 0
|
||||
color: $highlight-foreground
|
||||
padding: 7px 10px
|
||||
z-index: 1
|
||||
cursor: pointer
|
||||
transition: all .3s
|
||||
transform: rotate(0deg)
|
||||
|
||||
.code-closed
|
||||
transform: rotate(-90deg) !important
|
||||
transition: all .3s
|
||||
|
||||
|
||||
.copy-notice
|
||||
position: absolute
|
||||
top: 0
|
||||
@@ -351,8 +376,6 @@ img
|
||||
@media screen and (min-width: $md)
|
||||
.layout
|
||||
width: $content-large-width
|
||||
|
||||
|
||||
|
||||
.katex-wrap
|
||||
overflow: auto
|
||||
|
||||
@@ -8,6 +8,7 @@
|
||||
display: none
|
||||
transition: all .2s
|
||||
cursor: pointer
|
||||
z-index: 100
|
||||
|
||||
&.toc_mobile_show
|
||||
bottom: 0
|
||||
@@ -30,7 +31,7 @@
|
||||
width: 50%
|
||||
height: 70%
|
||||
position: fixed
|
||||
bottom: 65px
|
||||
bottom: 60px
|
||||
right: 10px
|
||||
overflow: scroll
|
||||
padding: 15px 10px
|
||||
@@ -51,6 +52,18 @@
|
||||
text-align: center
|
||||
font-size: 18px
|
||||
font-weight: bold
|
||||
|
||||
&.no_comment_show
|
||||
#mobile_toc
|
||||
width: 100%
|
||||
padding: 16px 0
|
||||
|
||||
#toc_mobile
|
||||
right: 25%
|
||||
|
||||
&.no_toc_show
|
||||
#mobile_to_comment
|
||||
width: 100%
|
||||
|
||||
@media screen and (max-width:768px)
|
||||
#post_bottom
|
||||
|
||||
@@ -35,7 +35,7 @@ if hexo-config("readmode") && hexo-config("readmode.enable")
|
||||
|
||||
#page-header
|
||||
&.fixed
|
||||
background: none
|
||||
background: alpha(darken($pale-yellow,5),0.5)
|
||||
box-shadow: none
|
||||
|
||||
&.open-sidebar
|
||||
@@ -99,6 +99,29 @@ if hexo-config("readmode") && hexo-config("readmode.enable")
|
||||
.copy-notice
|
||||
background: darken($pale-yellow,10)
|
||||
|
||||
.toc_mobile_show
|
||||
background: alpha(darken($pale-yellow,5),0.5) !important
|
||||
box-shadow: none !important
|
||||
|
||||
#post_bottom_items
|
||||
#mobile_to_comment
|
||||
display: none
|
||||
#mobile_toc
|
||||
width: 100%
|
||||
padding: 16px 0
|
||||
#toc_mobile
|
||||
right: 25%
|
||||
background: darken($pale-yellow,5)
|
||||
|
||||
|
||||
@media screen and (min-width: 768px)
|
||||
.read-mode
|
||||
.menus_item_child
|
||||
background-color: darken($pale-yellow,5) !important
|
||||
|
||||
&:before
|
||||
border-color: transparent transparent darken($pale-yellow,5) !important
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -21,10 +21,6 @@
|
||||
|
||||
.relatedPosts_cover
|
||||
border: 0
|
||||
-webkit-transition: all 0.6s
|
||||
-moz-transition: all 0.6s
|
||||
-o-transition: all 0.6s
|
||||
-ms-transition: all 0.6s
|
||||
transition: all 0.6s
|
||||
display: block
|
||||
width: 100%
|
||||
@@ -35,21 +31,21 @@
|
||||
object-fit: cover
|
||||
|
||||
.relatedPosts_title
|
||||
color: #fff
|
||||
position: absolute
|
||||
left: 0
|
||||
right: 0
|
||||
top: 45%
|
||||
height: 60px
|
||||
padding: 0 30px
|
||||
display: -webkit-box
|
||||
-webkit-line-clamp: 2
|
||||
-webkit-box-orient: vertical
|
||||
overflow: hidden
|
||||
max-width: 100%
|
||||
width: 100%
|
||||
margin: 0 auto
|
||||
text-align: center
|
||||
color: #fff
|
||||
position: absolute
|
||||
left: 0
|
||||
right: 0
|
||||
top: 45%
|
||||
height: 60px
|
||||
padding: 0 30px
|
||||
display: -webkit-box
|
||||
-webkit-line-clamp: 2
|
||||
-webkit-box-orient: vertical
|
||||
overflow: hidden
|
||||
max-width: 100%
|
||||
width: 100%
|
||||
margin: 0 auto
|
||||
text-align: center
|
||||
|
||||
.relatedPosts_headline
|
||||
font-size: 20px
|
||||
@@ -60,7 +56,6 @@
|
||||
clear: both
|
||||
|
||||
|
||||
|
||||
@media screen and (max-width:768px)
|
||||
.relatedPosts_item
|
||||
width: calc(100%/2 - 4px)
|
||||
|
||||
@@ -30,6 +30,7 @@
|
||||
left: 0
|
||||
transition: all 0.6s
|
||||
display: none
|
||||
opacity: 1
|
||||
|
||||
.reward-all
|
||||
margin: 0 auto
|
||||
|
||||
@@ -10,8 +10,7 @@
|
||||
background: $sidebar-background
|
||||
box-shadow: -0.25rem 0 0.25rem rgba(232, 237, 250, 0.6) inset
|
||||
opacity: 0.9
|
||||
transition: all 0.2s
|
||||
|
||||
|
||||
.sidebar-toc
|
||||
ol,
|
||||
li
|
||||
|
||||
@@ -96,10 +96,7 @@ a.article-meta__categories
|
||||
-webkit-box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
|
||||
box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
|
||||
|
||||
#page_site-info
|
||||
padding: 10rem 1rem 7rem
|
||||
#site-title
|
||||
font-family: PingFang SC, Hiragino Sans GB, "Microsoft JhengHei", "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif
|
||||
|
||||
|
||||
@media screen and (min-width: 900px)
|
||||
if hexo-config("aside.position") == "left"
|
||||
@@ -115,7 +112,10 @@ a.article-meta__categories
|
||||
width: 100% !important
|
||||
|
||||
|
||||
@media screen and (max-width:768px)
|
||||
@media screen and (max-width:768px)
|
||||
#web_bg
|
||||
display: none
|
||||
|
||||
.recent-post-item
|
||||
height: auto !important
|
||||
border-radius: 8px
|
||||
@@ -154,8 +154,7 @@ a.article-meta__categories
|
||||
&:hover
|
||||
-webkit-box-shadow: none
|
||||
box-shadow: none
|
||||
|
||||
|
||||
|
||||
.layout_page
|
||||
padding: 0 !important
|
||||
|
||||
@@ -164,8 +163,6 @@ a.article-meta__categories
|
||||
|
||||
.category-lists
|
||||
padding: 0
|
||||
|
||||
|
||||
|
||||
.recent-post-info
|
||||
padding: 20px 10px !important
|
||||
@@ -174,11 +171,15 @@ a.article-meta__categories
|
||||
#recent-posts #pagination
|
||||
margin-bottom: 0
|
||||
|
||||
#nav #site-social-icons
|
||||
display: block
|
||||
#nav
|
||||
#site-social-icons
|
||||
display: block
|
||||
|
||||
#page_site-info
|
||||
padding: 7rem 1rem 5rem
|
||||
&.not_index_bg
|
||||
height: 14rem
|
||||
|
||||
#page_site-info
|
||||
top: 7rem
|
||||
|
||||
#top-container
|
||||
height: 14rem
|
||||
@@ -195,11 +196,10 @@ a.article-meta__categories
|
||||
display: none !important
|
||||
|
||||
|
||||
|
||||
.layout_page,
|
||||
.layout_post,
|
||||
footer
|
||||
animation: main 1s;
|
||||
animation: main 1s
|
||||
|
||||
#nav,
|
||||
#top-container
|
||||
@@ -208,82 +208,82 @@ footer
|
||||
#site-title
|
||||
animation: titlescale 1s
|
||||
|
||||
.search-dialog
|
||||
transition: all .2s
|
||||
canvas,#web_bg
|
||||
animation: to_show 4s
|
||||
|
||||
.card-announcement-animation
|
||||
animation: announ_animation 1.5s infinite
|
||||
|
||||
.scroll-down-effects
|
||||
-webkit-animation: pulse 1.5s infinite
|
||||
animation: pulse 1.5s infinite
|
||||
// font-size: 28px
|
||||
position: absolute
|
||||
color: #fff
|
||||
animation: scroll-down-effect 1.5s infinite
|
||||
|
||||
.is_hidden
|
||||
overflow: hidden
|
||||
@keyframes pulse{
|
||||
if hexo-config("avatar_effect") == true
|
||||
.avatar_img
|
||||
animation: avatar_turn_around 2s linear infinite
|
||||
|
||||
0%,to{
|
||||
opacity:.4
|
||||
top:0}
|
||||
50%{
|
||||
opacity:1
|
||||
top:-16px}
|
||||
}
|
||||
|
||||
@keyframes header {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(-50px)
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0)
|
||||
}
|
||||
|
||||
}
|
||||
.reward-main
|
||||
animation: donate_effcet .3s .1s ease both;
|
||||
|
||||
|
||||
@keyframes main {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(50px)
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes titlescale{
|
||||
|
||||
0% {
|
||||
// opacity:0;
|
||||
transform: scale(0.7)
|
||||
}
|
||||
100% {
|
||||
// opacity:1;
|
||||
transform: scale(1)
|
||||
}
|
||||
@keyframes scroll-down-effect
|
||||
0%
|
||||
opacity: 0.4
|
||||
top: 0
|
||||
50%
|
||||
opacity: 1
|
||||
top: -16px
|
||||
100%
|
||||
opacity: 0.4
|
||||
top: 0
|
||||
|
||||
}
|
||||
@keyframes header
|
||||
0%
|
||||
opacity: 0
|
||||
transform: translateY(-50px)
|
||||
100%
|
||||
opacity: 1
|
||||
transform: translateY(0)
|
||||
|
||||
@keyframes main
|
||||
0%
|
||||
opacity: 0
|
||||
transform: translateY(50px)
|
||||
100%
|
||||
opacity: 1
|
||||
transform: translateY(0)
|
||||
|
||||
.article-container .code_full_page
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-width: 100%;
|
||||
z-index: 9999;
|
||||
margin: 0;
|
||||
animation: code_full_page 1s;
|
||||
@keyframes titlescale
|
||||
0%
|
||||
opacity: 0
|
||||
transform: scale(0.7)
|
||||
100%
|
||||
opacity: 1
|
||||
transform: scale(1)
|
||||
|
||||
.code_body
|
||||
overflow: hidden
|
||||
@keyframes to_show
|
||||
0%
|
||||
opacity: 0
|
||||
100%
|
||||
opacity: 1
|
||||
|
||||
@keyframes avatar_turn_around
|
||||
from
|
||||
transform: rotate(0deg)
|
||||
to
|
||||
transform: rotate(360deg)
|
||||
|
||||
@keyframes code_full_page{
|
||||
0%{transform:scale(0)}
|
||||
50%{transform:scale(1)}
|
||||
80%{transform:scale(.98)}
|
||||
100%{transform:scale(1)}}
|
||||
@keyframes sub_menus
|
||||
0%
|
||||
opacity: 0
|
||||
transform: translateY(10px)
|
||||
100%
|
||||
opacity: 1
|
||||
transform: translateY(0)
|
||||
|
||||
@keyframes donate_effcet
|
||||
0%
|
||||
opacity: 0
|
||||
transform: translateY(-20px)
|
||||
100%
|
||||
opacity: 1
|
||||
transform: translateY(0)
|
||||
@@ -7,6 +7,7 @@ $theme-meta-color = #858585
|
||||
$theme-link-color = #99a9bf
|
||||
$theme-hr-color = #A4D8FA
|
||||
$theme-read-mode-bg-color = #FAF9DE
|
||||
$inline-code-color = #F47466
|
||||
$font-family= Lato, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif
|
||||
$code-font = consolas, Menlo, "PingFang SC", "Microsoft YaHei", monospace, Helvetica Neue For Number
|
||||
$site-name-font = "Titillium Web", Lato,PingFang SC, Hiragino Sans GB, "Microsoft JhengHei", "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif
|
||||
@@ -25,6 +26,7 @@ if hexo-config("theme_color") && hexo-config("theme_color.enable")
|
||||
$theme-meta-color = convert(hexo-config("theme_color.meta_color")) || #858585
|
||||
$theme-hr-color = convert(hexo-config("theme_color.hr_color")) || #A4D8FA
|
||||
$theme-read-mode-bg-color = convert(hexo-config("theme_color.read-mode-bg_color")) || #FAF9DE
|
||||
$inline-code-color = convert(hexo-config("theme_color.inline-code-color")) || #F47466
|
||||
|
||||
if hexo-config("font") && hexo-config("font.enable")
|
||||
$font-family = convert(hexo-config("font.font-family")) || 'Lato, Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif'
|
||||
@@ -60,6 +62,7 @@ $sidebar-icon-left = $sidebar-icon-top - 4px
|
||||
$sidebar-icon-size = 16px
|
||||
$go-up-bottom = $sidebar-icon-top
|
||||
$go-up-right = -($sidebar-icon-left)
|
||||
$web-bg = convert(hexo-config("background"))
|
||||
// Global color & SVG
|
||||
$pale-blue = $theme-hr-color
|
||||
$light-blue = $theme-color
|
||||
@@ -94,7 +97,7 @@ $selection = $theme-text-selection-color
|
||||
// code
|
||||
$code-font-size = $font-size
|
||||
$code-font-family = $font-family
|
||||
$code-foreground = $font-color
|
||||
$code-foreground = $inline-code-color
|
||||
$code-background = rgba(27, 31, 35, 0.05)
|
||||
$line-height-code-block = 20px
|
||||
$blockquote-color = #6a737d
|
||||
|
||||
@@ -9,11 +9,11 @@ $(function () {
|
||||
$('body').animate({
|
||||
paddingLeft: 300
|
||||
}, 200)
|
||||
$('#sidebar').animate({}, function () {
|
||||
$('#sidebar').css({
|
||||
'transform': 'translateX(300px)'
|
||||
}, 200)
|
||||
})
|
||||
|
||||
$('#sidebar').animate({
|
||||
left: 0
|
||||
}, 200)
|
||||
|
||||
$('#toggle-sidebar').animate({}, function () {
|
||||
$('#toggle-sidebar').css({
|
||||
'transform': 'rotateZ(180deg)',
|
||||
@@ -45,11 +45,9 @@ $(function () {
|
||||
paddingLeft: 0
|
||||
}, 200)
|
||||
|
||||
$('#sidebar').animate({}, function () {
|
||||
$('#sidebar').css({
|
||||
'transform': 'translateX(0px)'
|
||||
})
|
||||
})
|
||||
$('#sidebar').animate({
|
||||
left: -300
|
||||
}, 200)
|
||||
|
||||
$('#toggle-sidebar').animate({}, function () {
|
||||
$('#toggle-sidebar').css({
|
||||
@@ -63,11 +61,11 @@ $(function () {
|
||||
$('body').animate({
|
||||
paddingLeft: 300
|
||||
}, 200)
|
||||
$('#sidebar').animate({}, function () {
|
||||
$('#sidebar').css({
|
||||
'transform': 'translateX(300px)'
|
||||
})
|
||||
})
|
||||
|
||||
$('#sidebar').animate({
|
||||
left: 0
|
||||
}, 200)
|
||||
|
||||
$('#toggle-sidebar').animate({}, function () {
|
||||
$('#toggle-sidebar').css({
|
||||
'transform': 'rotateZ(180deg)',
|
||||
@@ -81,13 +79,13 @@ $(function () {
|
||||
//-----------------------------------------------------------------------------------------------------
|
||||
// 首页fullpage添加
|
||||
// 添加class
|
||||
if (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent)) { } else {
|
||||
$('.full_page').css('background-attachment', 'fixed');
|
||||
if (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent)) {} else {
|
||||
$('.full_page .nav_bg').css('background-attachment', 'fixed');
|
||||
$('#to_comment').css("display", "block")
|
||||
}
|
||||
|
||||
//---------------------------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
$(".scroll-down").on("click", function () {
|
||||
|
||||
scrollTo('#content-outer')
|
||||
@@ -152,10 +150,10 @@ $(function () {
|
||||
//-------------------------------------------------------------------------------------------------------
|
||||
//代码copy
|
||||
// Add copy icon
|
||||
$('figure.highlight').wrap('<div class="code-area-wrap"></div>')
|
||||
|
||||
var highlight_copy = GLOBAL_CONFIG.highlight_copy
|
||||
if (highlight_copy == 'true') {
|
||||
$('figure.highlight').wrap('<div class="code-area-wrap"></div>')
|
||||
var $copyIcon = $('<i class="fa fa-clipboard" aria-hidden="true"></i>')
|
||||
var $notice = $('<div class="copy-notice"></div>')
|
||||
$('.code-area-wrap').prepend($copyIcon)
|
||||
@@ -210,6 +208,47 @@ $(function () {
|
||||
selection.removeAllRanges()
|
||||
})
|
||||
}
|
||||
|
||||
//代碼框語言識別
|
||||
var highlight_lang = GLOBAL_CONFIG.highlight_lang
|
||||
if (highlight_lang == 'true') {
|
||||
var $highlight_lang = $('<div class="code_lang"></div>')
|
||||
$('figure').before($highlight_lang)
|
||||
var lang_name_index
|
||||
var lang_name
|
||||
$('figure').each(function () {
|
||||
lang_name_index = lang_name = $(this).attr('class').split(' ')[1];
|
||||
if (lang_name_index == 'js')
|
||||
lang_name = 'javascript'
|
||||
if (lang_name_index == 'md')
|
||||
lang_name = 'markdown'
|
||||
if (lang_name_index == 'plain')
|
||||
lang_name = 'code'
|
||||
if (lang_name_index == 'py')
|
||||
lang_name = 'python'
|
||||
|
||||
$(this).siblings(".code_lang").text(lang_name)
|
||||
|
||||
})
|
||||
}
|
||||
//代碼收縮
|
||||
var highlight_shrink = GLOBAL_CONFIG.highlight_shrink
|
||||
if (highlight_shrink == 'true') {
|
||||
var $code_expand = $('<i class="fa fa-angle-down code-expand code-closed" aria-hidden="true"></i>')
|
||||
} else {
|
||||
var $code_expand = $('<i class="fa fa-angle-down code-expand" aria-hidden="true"></i>')
|
||||
}
|
||||
$('.code-area-wrap').prepend($code_expand)
|
||||
$('.code-area-wrap .code-expand').on('click', function () {
|
||||
if ($(this).hasClass('code-closed')) {
|
||||
$(this).siblings('figure').find('table').show();
|
||||
$(this).removeClass('code-closed');
|
||||
} else {
|
||||
$(this).siblings('figure').find('table').hide();
|
||||
$(this).addClass('code-closed');
|
||||
}
|
||||
})
|
||||
|
||||
//---------------------------------------------------------------------------------------------------
|
||||
//fancybox
|
||||
var imgList = $(".recent-post-info img").not('.no-fancybox');
|
||||
@@ -219,13 +258,13 @@ $(function () {
|
||||
|
||||
for (var i = 0; i < imgList.length; i++) {
|
||||
var lazyload_src = imgList[i].src ? imgList[i].src : imgList.eq(i).attr("data-src")
|
||||
|
||||
|
||||
var $a = $(
|
||||
'<a href="' +
|
||||
lazyload_src +
|
||||
'" data-fancybox="group" data-caption="' +
|
||||
imgList[i].alt +
|
||||
'" class="fancybox"></a>'
|
||||
'" data-fancybox="group" data-caption="' +
|
||||
imgList[i].alt +
|
||||
'" class="fancybox"></a>'
|
||||
)
|
||||
|
||||
var alt = imgList[i].alt
|
||||
@@ -273,8 +312,8 @@ $(function () {
|
||||
$('body').addClass("is_hidden");
|
||||
$('.menus').animate({
|
||||
right: 0
|
||||
}, 300 )
|
||||
$('.menu_mask,.menus').css("display","block")
|
||||
}, 300)
|
||||
$('.menu_mask,.menus').css("display", "block")
|
||||
}
|
||||
})
|
||||
|
||||
@@ -283,11 +322,14 @@ $(function () {
|
||||
$('body').removeClass("is_hidden");
|
||||
$('.menus').animate({
|
||||
right: -250
|
||||
}, 300,function () {
|
||||
{$('.menus').css({ 'display': ''})
|
||||
}
|
||||
})
|
||||
$('.menu_mask').css("display","")
|
||||
}, 300, function () {
|
||||
{
|
||||
$('.menus').css({
|
||||
'display': ''
|
||||
})
|
||||
}
|
||||
})
|
||||
$('.menu_mask').css("display", "")
|
||||
})
|
||||
|
||||
$(window).on('resize', function (e) {
|
||||
@@ -298,17 +340,19 @@ $(function () {
|
||||
$('.menus').animate({
|
||||
right: -250
|
||||
}, 300)
|
||||
$('.menu_mask').css("display","")
|
||||
}
|
||||
$('.menu_mask').css("display", "")
|
||||
}
|
||||
}
|
||||
} )
|
||||
})
|
||||
|
||||
|
||||
//---------------------------------------------------------------------------------------------------------
|
||||
/** scroll 滚动 toc*/
|
||||
/** scroll 滚动 toc*/
|
||||
var initTop = 0
|
||||
$('.toc-child').hide()
|
||||
|
||||
var is_post_bottom = ($('#post_bottom').hasClass('no_comment_show')) && ($('#post_bottom').hasClass('no_toc_show'))
|
||||
|
||||
// main of scroll
|
||||
$(window).scroll(throttle(function (event) {
|
||||
var currentTop = $(this).scrollTop()
|
||||
@@ -317,21 +361,27 @@ $(function () {
|
||||
scrollPercent(currentTop)
|
||||
// head position
|
||||
findHeadPosition(currentTop)
|
||||
auto_scroll_toc(currentTop)
|
||||
|
||||
}
|
||||
var isUp = scrollDirection(currentTop)
|
||||
|
||||
if ($(".toggle-menu").hasClass("open")) {
|
||||
if (currentTop > 56) {
|
||||
|
||||
|
||||
if (isUp) {
|
||||
$('#page-header').hasClass('visible') ? $('#page-header').removeClass('visible') : console.log()
|
||||
$('#post_bottom').removeClass('toc_mobile_show')
|
||||
$('#toc_mobile').hasClass('is_visible') ? $('#toc_mobile').removeClass('is_visible') : console.log()
|
||||
if (!is_post_bottom) {
|
||||
$('#post_bottom').removeClass('toc_mobile_show')
|
||||
$('#toc_mobile').hasClass('is_visible') ? $('#toc_mobile').removeClass('is_visible') : console.log()
|
||||
}
|
||||
|
||||
} else {
|
||||
$('#page-header').hasClass('visible') ? console.log() : $('#page-header').addClass('visible')
|
||||
$('#post_bottom').addClass('toc_mobile_show')
|
||||
$('#toc_mobile').hasClass('is_visible') ? $('#toc_mobile').removeClass('is_visible') : console.log()
|
||||
if (!is_post_bottom) {
|
||||
$('#post_bottom').addClass('toc_mobile_show')
|
||||
$('#toc_mobile').hasClass('is_visible') ? $('#toc_mobile').removeClass('is_visible') : console.log()
|
||||
}
|
||||
|
||||
}
|
||||
$('#page-header').addClass('fixed')
|
||||
@@ -358,7 +408,9 @@ $(function () {
|
||||
} else {
|
||||
if (currentTop === 0) {
|
||||
$('#page-header').removeClass('fixed').removeClass('visible')
|
||||
$('#post_bottom').removeClass('toc_mobile_show')
|
||||
if (!is_post_bottom) {
|
||||
$('#post_bottom').removeClass('toc_mobile_show')
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -379,13 +431,15 @@ $(function () {
|
||||
}
|
||||
}
|
||||
|
||||
if ( $(window).width() <= 768 && $('#post_bottom').hasClass('toc_mobile_show') ){
|
||||
$('#rightside').css('bottom', '110px')
|
||||
$('#go-up').css('bottom', '70px')
|
||||
|
||||
} else {
|
||||
$('#rightside').css('bottom', '60px')
|
||||
$('#go-up').css('bottom', '20px')
|
||||
if (!is_post_bottom) {
|
||||
if ($(window).width() <= 768 && $('#post_bottom').hasClass('toc_mobile_show')) {
|
||||
$('#rightside').css('bottom', '110px')
|
||||
$('#go-up').css('bottom', '70px')
|
||||
|
||||
} else {
|
||||
$('#rightside').css('bottom', '60px')
|
||||
$('#go-up').css('bottom', '20px')
|
||||
}
|
||||
}
|
||||
|
||||
}, 50, 100))
|
||||
@@ -492,31 +546,23 @@ $(function () {
|
||||
.find('.toc-child').hide()
|
||||
}
|
||||
|
||||
if ($('.toc-link').hasClass('active')) {
|
||||
var active_position = $(".active").offset().top;
|
||||
var sidebar_scrolltop = $("#sidebar").scrollTop();
|
||||
if (active_position > (top + $(window).height() - 50)) {
|
||||
$("#sidebar").scrollTop(sidebar_scrolltop + 100);
|
||||
} else if (active_position < top + 50) {
|
||||
$("#sidebar").scrollTop(sidebar_scrolltop - 100);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
//代碼框雙擊全屏
|
||||
$('figure').on('dblclick', function (e) {
|
||||
if (e.target !== this)
|
||||
return;
|
||||
$(this).toggleClass('code_full_page');
|
||||
$('body').toggleClass('code_body');
|
||||
});
|
||||
|
||||
function auto_scroll_toc(currentTop) {
|
||||
if ($('.toc-link').hasClass('active')) {
|
||||
var active_position = $(".active").offset().top;
|
||||
var sidebar_scrolltop = $("#sidebar").scrollTop();
|
||||
if (active_position > (currentTop + $(window).height() - 50)) {
|
||||
$("#sidebar").scrollTop(sidebar_scrolltop + 100);
|
||||
} else if (active_position < currentTop + 50) {
|
||||
$("#sidebar").scrollTop(sidebar_scrolltop - 100);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//閲讀模式
|
||||
$("#readmode").click(function () {
|
||||
|
||||
|
||||
if (Cookies.get("night-mode") == "night") {
|
||||
$('body').toggleClass('night-mode');
|
||||
$('body').toggleClass('read-mode');
|
||||
@@ -528,10 +574,8 @@ $(function () {
|
||||
$('#font_plus,#font_minus,#to_comment').toggleClass('is_visible');
|
||||
$('#to_comment').toggleClass('is_invisible');
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
//閲讀模式下字體調整
|
||||
$("#font_plus").click(function () {
|
||||
var font_size_record = parseFloat($('body').css('font-size'))
|
||||
@@ -551,26 +595,29 @@ $(function () {
|
||||
$('code').css('font-size', font_size_record - 1)
|
||||
});
|
||||
|
||||
|
||||
// 手機顯示toc
|
||||
$('#mobile_toc').on('click', function () {
|
||||
$("#toc_mobile").toggleClass('is_visible')
|
||||
})
|
||||
|
||||
//代碼框語言識別
|
||||
$('figure').each(function () {
|
||||
var lang_name_index;
|
||||
var lang_name;
|
||||
lang_name_index = lang_name = $(this).attr('class').split(' ')[1];
|
||||
if (lang_name_index == 'js')
|
||||
lang_name = 'javascript'
|
||||
if (lang_name_index == 'md')
|
||||
lang_name = 'markdown'
|
||||
if (lang_name_index == 'plain')
|
||||
lang_name = 'code'
|
||||
if (lang_name_index == 'py')
|
||||
lang_name = 'python'
|
||||
|
||||
$('figure.' + lang_name_index + ' table').attr('data-content', lang_name);
|
||||
})
|
||||
|
||||
// sub-menus 位置調整
|
||||
if ( $(window).width() > 768 ) {
|
||||
$('.menus_item_child').each(function () {
|
||||
var a_width= $(this).siblings('a').outerWidth(true);
|
||||
var child_width = $(this).outerWidth(true);
|
||||
$(this).css("margin-left", -(child_width/ 2 - a_width/ 2))
|
||||
})
|
||||
}
|
||||
|
||||
// 手機端sub-menu 展開/收縮
|
||||
$('.menus-expand').on('click', function () {
|
||||
if ($(this).hasClass('menus-closed')) {
|
||||
$(this).parents('.menus_item').find('.menus_item_child').show();
|
||||
$(this).removeClass('menus-closed');
|
||||
} else {
|
||||
$(this).parents('.menus_item').find('.menus_item_child').hide();
|
||||
$(this).addClass('menus-closed');
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
@@ -11,6 +11,10 @@ $(function () {
|
||||
}
|
||||
|
||||
function changeReadModel() {
|
||||
|
||||
if (Cookies.get("night-mode") == null)
|
||||
return
|
||||
|
||||
if (Cookies.get("night-mode") == "night") {
|
||||
$("body").addClass("night-mode");
|
||||
$("#nightshift").removeClass("fa-moon-o").addClass("fa-sun-o");
|
||||
|
||||
@@ -7,7 +7,7 @@ $(function () {
|
||||
$('.search-dialog').css({
|
||||
'display': 'block',
|
||||
'animation': 'titlescale 0.5s'
|
||||
})
|
||||
}),300
|
||||
})
|
||||
|
||||
$('.ais-search-box--input').focus()
|
||||
|
||||
@@ -7,7 +7,7 @@ $(function () {
|
||||
$('.search-dialog').css({
|
||||
'display': 'block',
|
||||
'animation': 'titlescale 0.5s'
|
||||
})
|
||||
}),300
|
||||
})
|
||||
$('#local-search-input input').focus()
|
||||
|
||||
|
||||
11
source/js/third-party/canvas-nest.js
vendored
Normal file
11
source/js/third-party/canvas-nest.js
vendored
Normal file
@@ -0,0 +1,11 @@
|
||||
!function(){
|
||||
var userAgentInfo = navigator.userAgent;
|
||||
var Agents = ["iPad", "iPhone", "Android",
|
||||
"SymbianOS", "Windows Phone",
|
||||
"iPod", "webOS", "BlackBerry", "IEMobile"];
|
||||
for (var v = 0; v < Agents.length; v++) {
|
||||
if (userAgentInfo.indexOf(Agents[v]) > 0) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
function o(w,v,i){return w.getAttribute(v)||i}function j(i){return document.getElementsByTagName(i)}function l(){var i=j("script"),w=i.length,v=i[w-1];return{l:w,z:o(v,"zIndex",-1),o:o(v,"opacity",0.5),c:o(v,"color","0,0,0"),n:o(v,"count",99)}}function k(){r=u.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,n=u.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight}function b(){e.clearRect(0,0,r,n);var w=[f].concat(t);var x,v,A,B,z,y;t.forEach(function(i){i.x+=i.xa,i.y+=i.ya,i.xa*=i.x>r||i.x<0?-1:1,i.ya*=i.y>n||i.y<0?-1:1,e.fillRect(i.x-0.5,i.y-0.5,1,1);for(v=0;v<w.length;v++){x=w[v];if(i!==x&&null!==x.x&&null!==x.y){B=i.x-x.x,z=i.y-x.y,y=B*B+z*z;y<x.max&&(x===f&&y>=x.max/2&&(i.x-=0.03*B,i.y-=0.03*z),A=(x.max-y)/x.max,e.beginPath(),e.lineWidth=A/2,e.strokeStyle="rgba("+s.c+","+(A+0.2)+")",e.moveTo(i.x,i.y),e.lineTo(x.x,x.y),e.stroke())}}w.splice(w.indexOf(i),1)}),m(b)}var u=document.createElement("canvas"),s=l(),c="c_n"+s.l,e=u.getContext("2d"),r,n,m=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(i){window.setTimeout(i,1000/45)},a=Math.random,f={x:null,y:null,max:20000};u.id=c;u.style.cssText="position:fixed;top:0;left:0;z-index:"+s.z+";opacity:"+s.o;j("body")[0].appendChild(u);k(),window.onresize=k;window.onmousemove=function(i){i=i||window.event,f.x=i.clientX,f.y=i.clientY},window.onmouseout=function(){f.x=null,f.y=null};for(var t=[],p=0;s.n>p;p++){var h=a()*r,g=a()*n,q=2*a()-1,d=2*a()-1;t.push({x:h,y:g,xa:q,ya:d,max:6000})}setTimeout(function(){b()},100)}();
|
||||
Reference in New Issue
Block a user