{{ trans(key="about") }}
+{{ section.content | safe }}
+
+
+
+ {% block content %}
+ {% endblock content %}
+
+
+
+
+
+
+Test
+ + +``` +#### Code block indented with four spaces + + + + + +Test
+ + + +## List Types + +#### Ordered List + +1. First item +2. Second item +3. Third item + +#### Unordered List + +* List item +* Another item +* And another item + +#### Nested list + +* Item + 1. First Sub-item + 2. Second Sub-item +* Item + - A + - B + +## Other Elements — abbr, sub, sup, kbd, mark + +GIF is a bitmap image format. + +H2O + +Xn + Yn = Zn + +Press CTRL+ALT+Delete to end the session. + +Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures. + +## mathjax + +$$ +\displaylines{x = a + b \\\\ y = b + c} +$$ + +$$ +\require{bussproofs} +\begin{prooftree} +\AxiomC{A} +\AxiomC{B} +\BinaryInfC{D} +\end{prooftree} +$$ \ No newline at end of file diff --git a/themes/anatole-zola/content/post-10.md b/themes/anatole-zola/content/post-10.md new file mode 100644 index 0000000..893bad0 --- /dev/null +++ b/themes/anatole-zola/content/post-10.md @@ -0,0 +1,7 @@ ++++ +title = "Post 6" +template = "page.html" +date = 2020-01-01T03:00:00Z ++++ + +## Post 6 \ No newline at end of file diff --git a/themes/anatole-zola/content/post-11.md b/themes/anatole-zola/content/post-11.md new file mode 100644 index 0000000..82c0739 --- /dev/null +++ b/themes/anatole-zola/content/post-11.md @@ -0,0 +1,7 @@ ++++ +title = "Post 6" +template = "page.html" +date = 2020-01-01T02:00:00Z ++++ + +## Post 6 \ No newline at end of file diff --git a/themes/anatole-zola/content/post-2.md b/themes/anatole-zola/content/post-2.md new file mode 100644 index 0000000..c59ebee --- /dev/null +++ b/themes/anatole-zola/content/post-2.md @@ -0,0 +1,18 @@ ++++ +title = "Short codes demo" +template = "page.html" +date = 2020-01-01T15:00:00Z +[taxonomies] +tags = ["demo"] +[extra] +summary = "A demo of using short codes" ++++ + +## Youtube (zola built in) +{{ youtube(id="IwPRu5FhfIQ", autoplay=true) }} + +## Asciinema +{{ asciinema(id="pegRHrTsb4pRhkuBJE29kMMQ5") }} + +## Bilibili +{{ bilibili(id="BV1tZ4y137qK") }} \ No newline at end of file diff --git a/themes/anatole-zola/content/post-3.md b/themes/anatole-zola/content/post-3.md new file mode 100644 index 0000000..29b71b2 --- /dev/null +++ b/themes/anatole-zola/content/post-3.md @@ -0,0 +1,7 @@ ++++ +title = "Post 3" +template = "page.html" +date = 2020-01-01T10:00:00Z ++++ + +## Post 3 \ No newline at end of file diff --git a/themes/anatole-zola/content/post-4.md b/themes/anatole-zola/content/post-4.md new file mode 100644 index 0000000..0bd43e6 --- /dev/null +++ b/themes/anatole-zola/content/post-4.md @@ -0,0 +1,7 @@ ++++ +title = "Post 4" +template = "page.html" +date = 2020-01-01T09:00:00Z ++++ + +## Post 4 \ No newline at end of file diff --git a/themes/anatole-zola/content/post-5.md b/themes/anatole-zola/content/post-5.md new file mode 100644 index 0000000..a5e612a --- /dev/null +++ b/themes/anatole-zola/content/post-5.md @@ -0,0 +1,7 @@ ++++ +title = "Post 5" +template = "page.html" +date = 2020-01-01T08:00:00Z ++++ + +## Post 5 \ No newline at end of file diff --git a/themes/anatole-zola/content/post-6.md b/themes/anatole-zola/content/post-6.md new file mode 100644 index 0000000..58b8ecb --- /dev/null +++ b/themes/anatole-zola/content/post-6.md @@ -0,0 +1,7 @@ ++++ +title = "Post 6" +template = "page.html" +date = 2020-01-01T07:00:00Z ++++ + +## Post 6 \ No newline at end of file diff --git a/themes/anatole-zola/content/post-7.md b/themes/anatole-zola/content/post-7.md new file mode 100644 index 0000000..b89999a --- /dev/null +++ b/themes/anatole-zola/content/post-7.md @@ -0,0 +1,7 @@ ++++ +title = "Post 7" +template = "page.html" +date = 2020-01-01T06:00:00Z ++++ + +## Post 7 \ No newline at end of file diff --git a/themes/anatole-zola/content/post-8.md b/themes/anatole-zola/content/post-8.md new file mode 100644 index 0000000..e7156e3 --- /dev/null +++ b/themes/anatole-zola/content/post-8.md @@ -0,0 +1,7 @@ ++++ +title = "Post 8" +template = "page.html" +date = 2020-01-01T05:00:00Z ++++ + +## Post 8 \ No newline at end of file diff --git a/themes/anatole-zola/content/post-9.md b/themes/anatole-zola/content/post-9.md new file mode 100644 index 0000000..4ce25a9 --- /dev/null +++ b/themes/anatole-zola/content/post-9.md @@ -0,0 +1,7 @@ ++++ +title = "Post 6" +template = "page.html" +date = 2020-01-01T04:00:00Z ++++ + +## Post 6 \ No newline at end of file diff --git a/themes/anatole-zola/sass/style.scss b/themes/anatole-zola/sass/style.scss new file mode 100644 index 0000000..ca0ea90 --- /dev/null +++ b/themes/anatole-zola/sass/style.scss @@ -0,0 +1,852 @@ +@font-face { + font-family: 'b612'; + src: url('fonts/b612-regular.ttf') format('truetype'); +} + +html { + background-color: #fff; + -webkit-font-smoothing: antialiased; +} + +body { + color: #474747; + font-family: 'b612', Helvetica Neue, sans-serif; + font-size: 15px; + width: 100%; + margin: 0 auto 30px auto; + background-color: #fff; + line-height: 1.6em; +} + +p { + line-height: 1.9em; + font-weight: 400; + font-size: 14px; +} + +a { + text-decoration: none; +} + +a:link, a:visited { + opacity: 1; + -webkit-transition: all .15s linear; + -moz-transition: all .15s linear; + -o-transition: all .15s linear; + -ms-transition: all .15s linear; + transition: all .15s linear; + color: #424242; +} + +a:hover, a:active { + color: #4786D6; +} + +img { + max-width: 100%; + height: auto; +} + +/*basic styles ends*/ + + +/*animation starts*/ +.animated { + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -ms-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -ms-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; +} + +.animated.hinge { + -webkit-animation-duration: 1s; + -moz-animation-duration: 1s; + -ms-animation-duration: 1s; + -o-animation-duration: 1s; + animation-duration: 1s; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDown { + 0% { + opacity: 0; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -o-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +/*animation ends*/ + +.content { + height: auto; + float: right; + width: 60%; + margin-top: 60px; +} + +.page-top { + width: 60%; + position: fixed; + right: 0; + z-index: 3; + background-color: #fff; + height: 60px; + border-bottom: 1px solid #f2f2f2; + + .nav { + list-style: none; + padding: 18px 30px; + float: left; + font-size: 12px; + + li { + position: relative; + display: initial; + padding-right: 20px; + } + + a { + color: #5A5A5A; + } + + a:hover { + color: #4786D6; + } + + a.current { + color: #5A5A5A; + padding-bottom: 22px; + border-bottom: 1px solid #5A5A5A; + } + } + + .information { + float: right; + padding-top: 12px; + padding-right: 20px; + + .avatar { + float: right; + + img { + width: 32px; + height: 32px; + border-radius: 300px; + } + } + + .back_btn { + float: left; + padding-top: 5px; + margin-right: -10px; + + li { + display: initial; + padding-right: 40px; + } + } + } +} + +#sidebar { + width: 40%; + -webkit-background-size: cover; + background-size: cover; + background-color: #fff; + height: 100%; + transition: 0.8s; + top: 0; + left: 0; + position: fixed; + z-index: 4; + border-right: 1px solid #f2f2f2; + + .logo-title { + text-align: center; + padding-top: 240px; + + .description { + font-size: 14px; + color: #565654; + } + + .logo { + margin: 0 auto; + } + + .title { + h3 { + text-transform: uppercase; + font-size: 2rem; + font-weight: bold; + letter-spacing: 2px; + line-height: 1; + margin: 0; + } + + a { + text-decoration: none; + color: #464646; + font-size: 2rem; + font-weight: bold; + } + } + + } + + .social-links { + list-style: none; + padding: 0; + font-size: 14px; + text-align: center; + + li { + display: inline; + padding: 0 4px; + line-height: 0; + } + + a { + color: #565654; + } + + a:hover { + color: #4786D6; + } + } +} + + +.post { + background-color: #FFF; + margin: 30px; + + .post-title { + h1 { + text-transform: uppercase; + font-size: 30px; + letter-spacing: 5px; + line-height: 1; + } + + h2 { + text-transform: uppercase; + letter-spacing: 1px; + font-size: 28px; + line-height: 1; + + } + + h3 { + text-transform: uppercase; + letter-spacing: 1px; + line-height: 1; + font-weight: 600; + color: #464646; + font-size: 22px; + margin: 0; + + } + + a { + text-decoration: none; + letter-spacing: 1px; + color: #5f5f5f; + + &:hover { + text-decoration: underline; + } + + } + } + + .post-content { + a { + text-decoration: none; + letter-spacing: 1px; + color: #4786D6; + } + + a:hover { + color: #2F69B3; + } + + h3 { + color: #5F5F5F; + font-size: 22px; + font-weight: 600; + } + + h4 { + color: #5F5F5F; + font-size: 16px; + } + + & > p > code { + padding: 1px 3px; + font-family: Inconsolata, monospace, sans-serif; + font-size: 0.85em; + white-space: pre-wrap; + border: 1px solid #E3EDF3; + background: #f7f7f9; + color: #d14; + border-radius: 2px; + } + + pre { + padding: 4px 6px; + border-radius: 6px; + } + + blockquote { + box-sizing: border-box; + margin: 1.6em 0 1.6em -2em; + padding: 0 0 0 1.6em; + border-left: #4a4a4a 0.2em solid; + } + + .footnote-definition { + p { + display: inline; + } + } + + iframe { + width: 100%; + height: 500px; + } + } + + .post-footer { + padding: 0 0 30px 0; + border-bottom: 1px solid #f2f2f2; + + + .meta { + max-width: 100%; + height: 25px; + color: #bbbbbb; + + .info { + float: left; + font-size: 12px; + + .date { + margin-right: 10px; + } + } + + a { + text-decoration: none; + color: #bbbbbb; + padding-right: 10px; + + &:hover { + color: #4786D6; + } + } + + i { + margin-right: 6px; + } + } + + + .tags { + padding-bottom: 15px; + font-size: 13px; + + ul { + list-style-type: none; + display: inline; + margin: 0; + padding: 0; + + li { + list-style-type: none; + margin: 0; + padding-right: 5px; + display: inline; + } + } + + a { + text-decoration: none; + color: rgba(0, 0, 0, 0.44); + font-weight: 400; + + &:hover { + text-decoration: none; + } + } + } + } +} + +.pagination { + margin: 30px; + padding: 0px 0 56px 0; + border-bottom: 1px solid #f2f2f2; + + ul { + list-style: none; + margin: 0; + padding: 0; + height: 13px; + + li { + margin: 0 2px 0 2px; + display: inline; + line-height: 1; + + a { + text-decoration: none; + } + } + } + + .pre { + float: left; + } + + .next { + float: right; + } +} + + +.like-reblog-buttons { + float: right; +} + +.like-button { + float: right; + padding: 0 0 0 10px; +} + +.reblog-button { + float: right; + padding: 0; +} + +#install-btn { + position: fixed; + bottom: 0px; + right: 6px +} + +#disqus_thread { + margin: 30px; + border-bottom: 1px solid #f2f2f2; +} + +.footer { + clear: both; + text-align: center; + font-size: 10px; + margin: 0 auto; + bottom: 0; + position: absolute; + width: 100%; + padding-bottom: 20px; + color: #A6A6A6; + + a { + color: #A6A6A6; + } + + a:hover { + color: #4786D6; + } +} + + +/*for archive*/ +.archive { + width: 100%; +} + +.list-with-title { + font-size: 14px; + margin: 30px; + padding: 0; + + li { + list-style-type: none; + padding: 0; + } + + .listing-title { + font-size: 24px; + color: #666666; + font-weight: 600; + line-height: 2.2em; + } + + .listing { + padding: 0; + + .listing-post { + padding-bottom: 5px; + + .post-time { + float: right; + color: #C5C5C5; + } + + a { + color: #8F8F8F; + + &:hover { + color: #4786D6; + } + } + + } + } + + .tag-list-item { + margin-bottom: 18px; + .tagcount { + float: right; + color: #fefefe; + min-width: 24px; + margin-right: 18px; + background: gray; + padding-left: 6px; + padding-right: 6px; + border-radius: 1em; + text-align: center; + } + } +} + +/* share */ +.share { + margin: 0px 30px; + display: inline-flex; +} + +.evernote { + width: 32px; + height: 32px; + border-radius: 300px; + background-color: #3E3E3E; + margin-right: 5px; + + a { + color: #fff; + padding: 11px; + font-size: 12px; + } + + a:hover { + color: #ED6243; + padding: 11px; + } +} + +.weibo { + width: 32px; + height: 32px; + border-radius: 300px; + background-color: #ED6243; + margin-right: 5px; + + a { + color: #fff; + padding: 9px; + } + + a:hover { + color: #BD4226; + } +} + +.twitter { + width: 32px; + height: 32px; + border-radius: 300px; + background-color: #59C0FD; + margin-right: 5px; + + a { + color: #fff; + padding: 9px; + } + + a:hover { + color: #4B9ECE; + } +} + +/* about */ +.about { + margin: 30px; + + h3 { + font-size: 22px; + } +} + +/* links*/ +.links { + margin: 30px; + + h3 { + font-size: 22px; + } + + a { + cursor: pointer; + } +} + +/* 评论样式 */ + +.comment-count { + color: #666; +} + +.tab-community { + color: #666; +} + +.read_more { + font-size: 14px; +} + +.back-button { + padding-top: 30px; + max-width: 100px; + padding-left: 40px; + float: left; +} + +#fb_comments_container { + margin: 30px; +} + +a.btn { + color: #868686; + font-weight: 400; +} + +.btn { + display: inline-block; + position: relative; + outline: 0; + color: rgba(0, 0, 0, 0.44); + background: rgba(0, 0, 0, 0); + font-size: 14px; + text-align: center; + text-decoration: none; + cursor: pointer; + border: 1px solid rgba(0, 0, 0, 0.15); + white-space: nowrap; + font-weight: 400; + font-style: normal; + border-radius: 999em; +} + +.btn:hover { + display: inline-block; + position: relative; + outline: 0px; + color: #464545; + background: rgba(0, 0, 0, 0); + font-size: 14px; + text-align: center; + text-decoration: none; + cursor: pointer; + border: 1px solid #464545; + white-space: nowrap; + font-weight: 400; + font-style: normal; + border-radius: 999em; +} + +[role="back"] { + padding: 0.5em 1.25em; + line-height: 1.666em; +} + +[role="home"] { + padding: 0.5em 1.25em; + line-height: 1.666em; +} + +[role="navigation"] { + padding: 0.5em 1.25em; + line-height: 1.666em; +} + +[role="tags"] { + padding: 6px 12px; +} + +.menu { + float: right; + padding-top: 30px; + + .btn-down { + margin: 0; + + li { + list-style: none; + width: 100px; + + a { + display: inline-block; + position: relative; + padding: 0.5em 1.25em; + outline: 0; + color: rgba(0, 0, 0, 0.44); + background: rgba(0, 0, 0, 0); + font-size: 14px; + text-align: center; + text-decoration: none; + cursor: pointer; + border: 1px solid rgba(0, 0, 0, 0.15); + white-space: nowrap; + font-weight: 400; + font-style: normal; + border-radius: 999em; + margin-top: 5px; + + &:hover { + position: relative; + padding: 0.5em 1.25em; + outline: 0; + color: #fff; + background: #3CBD10; + font-size: 14px; + text-align: center; + text-decoration: none; + cursor: pointer; + border: 1px solid rgba(0, 0, 0, 0.15); + white-space: nowrap; + font-weight: 400; + font-style: normal; + border-radius: 999em; + margin-top: 5px; + } + } + + } + } + + .btn-down div { + position: absolute; + visibility: hidden; + width: 100px; + float: right; + } +} + +.page_404 { + text-align: center; + padding-top: 50px; +} + +@media screen and (max-width: 960px) { + #sidebar { + width: 100%; + position: absolute; + border-right: none; + z-index: 1; + + .logo-title { + padding-top: 120px; + + .title { + img { + width: 100px; + } + + h3 { + font-size: 20px; + } + } + } + } + .page-top { + width: 100% + } + .post-title h3 { + line-height: 1.6; + } + .content { + margin-top: 420px; + width: 100%; + z-index: 2; + position: absolute; + } + .footer { + display: none; + } + .share { + display: grid; + } + .social-links { + list-style: none; + font-size: 14px; + text-align: center; + + i { + margin-right: 3px; + } + } +} diff --git a/themes/anatole-zola/screenshot-mobile.png b/themes/anatole-zola/screenshot-mobile.png new file mode 100644 index 0000000..0ebf62f Binary files /dev/null and b/themes/anatole-zola/screenshot-mobile.png differ diff --git a/themes/anatole-zola/screenshot.png b/themes/anatole-zola/screenshot.png new file mode 100644 index 0000000..68657ff Binary files /dev/null and b/themes/anatole-zola/screenshot.png differ diff --git a/themes/anatole-zola/static/images/apple-touch-icon-120x120.png b/themes/anatole-zola/static/images/apple-touch-icon-120x120.png new file mode 100644 index 0000000..fa58d42 Binary files /dev/null and b/themes/anatole-zola/static/images/apple-touch-icon-120x120.png differ diff --git a/themes/anatole-zola/static/images/apple-touch-icon-144x144.png b/themes/anatole-zola/static/images/apple-touch-icon-144x144.png new file mode 100644 index 0000000..a1fc1cb Binary files /dev/null and b/themes/anatole-zola/static/images/apple-touch-icon-144x144.png differ diff --git a/themes/anatole-zola/static/images/apple-touch-icon-57x57.png b/themes/anatole-zola/static/images/apple-touch-icon-57x57.png new file mode 100644 index 0000000..f854329 Binary files /dev/null and b/themes/anatole-zola/static/images/apple-touch-icon-57x57.png differ diff --git a/themes/anatole-zola/static/images/apple-touch-icon-72x72.png b/themes/anatole-zola/static/images/apple-touch-icon-72x72.png new file mode 100644 index 0000000..81b0862 Binary files /dev/null and b/themes/anatole-zola/static/images/apple-touch-icon-72x72.png differ diff --git a/themes/anatole-zola/static/images/avatar.jpg b/themes/anatole-zola/static/images/avatar.jpg new file mode 100644 index 0000000..5272f78 Binary files /dev/null and b/themes/anatole-zola/static/images/avatar.jpg differ diff --git a/themes/anatole-zola/static/images/favicon.png b/themes/anatole-zola/static/images/favicon.png new file mode 100644 index 0000000..9b15997 Binary files /dev/null and b/themes/anatole-zola/static/images/favicon.png differ diff --git a/themes/anatole-zola/static/images/logo.png b/themes/anatole-zola/static/images/logo.png new file mode 100644 index 0000000..72e1ba2 Binary files /dev/null and b/themes/anatole-zola/static/images/logo.png differ diff --git a/themes/anatole-zola/static/images/logo@2x.png b/themes/anatole-zola/static/images/logo@2x.png new file mode 100644 index 0000000..04fbe09 Binary files /dev/null and b/themes/anatole-zola/static/images/logo@2x.png differ diff --git a/themes/anatole-zola/templates/about.html b/themes/anatole-zola/templates/about.html new file mode 100644 index 0000000..51372ff --- /dev/null +++ b/themes/anatole-zola/templates/about.html @@ -0,0 +1,8 @@ +{% extends "basic.html" %} + +{% block content %} ++ {% if page.extra.summary %} + {{ page.extra.summary | safe | striptags }} + {% else %} + {{ page.content | safe | striptags | truncate(length=100) }} + {% endif %} +
+