Kevin Mok
6 years ago
6 changed files with 11 additions and 1404 deletions
-
2.gitignore
-
19.gitlab-ci.yml
-
687resources/_gen/assets/scss/sass/main-alt.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
-
1resources/_gen/assets/scss/sass/main-alt.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
-
705resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
-
1resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.json
@ -1,5 +1,5 @@ |
|||
public/* |
|||
/* resources/_gen/* */ |
|||
resources/_gen/* |
|||
themes/base16* |
|||
|
|||
commit-msg.txt |
@ -1,687 +0,0 @@ |
|||
/* Base16 Eighties Colorscheme by Chris Kempson (http://chriskempson.com) */ |
|||
.base00 { |
|||
color: #2d2d2d; } |
|||
|
|||
.base01 { |
|||
color: #393939; } |
|||
|
|||
.base02 { |
|||
color: #515151; } |
|||
|
|||
.base03 { |
|||
color: #747369; } |
|||
|
|||
.base04 { |
|||
color: #a09f93; } |
|||
|
|||
.base05 { |
|||
color: #d3d0c8; } |
|||
|
|||
.base06 { |
|||
color: #e8e6df; } |
|||
|
|||
.base07 { |
|||
color: #f2f0ec; } |
|||
|
|||
.base08 { |
|||
color: #f2777a; } |
|||
|
|||
.base09 { |
|||
color: #f99157; } |
|||
|
|||
.base0a { |
|||
color: #ffcc66; } |
|||
|
|||
.base0b { |
|||
color: #99cc99; } |
|||
|
|||
.base0c { |
|||
color: #66cccc; } |
|||
|
|||
.base0d { |
|||
color: #6699cc; } |
|||
|
|||
.base0e { |
|||
color: #cc99cc; } |
|||
|
|||
.base0f { |
|||
color: #d27b53; } |
|||
|
|||
/* General Page Layout */ |
|||
body { |
|||
margin: 0; |
|||
background-color: #2d2d2d; |
|||
color: #f2f0ec; |
|||
line-height: 1.5; |
|||
font-size: 100%; |
|||
/* font-family: 'Source Code Pro', monospace; */ |
|||
font-family: 'Hack', monospace; } |
|||
|
|||
.container { |
|||
max-width: 52em; |
|||
margin-left: auto; |
|||
margin-right: auto; } |
|||
@media (max-width: 52em) { |
|||
.container { |
|||
width: 100%; } } |
|||
|
|||
div .right { |
|||
float: right; } |
|||
|
|||
div .clearfix { |
|||
overflow: auto; } |
|||
|
|||
article .single section { |
|||
/* background-color: #e6e6fa; */ |
|||
background-color: #cbbeb5; |
|||
color: #2d2d2d; |
|||
padding-left: 8rem; |
|||
padding-right: 8rem; |
|||
padding-top: 1rem; |
|||
padding-bottom: 1rem; |
|||
/* min-height: 50%; */ |
|||
/* min-height: 30em; */ } |
|||
@media (max-width: 52em) { |
|||
article .single section { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
.article-list article { |
|||
/* background-color: #e6e6fa; */ |
|||
background-color: #cbbeb5; |
|||
color: #2d2d2d; |
|||
padding-left: 8rem; |
|||
padding-right: 8rem; |
|||
padding-top: 1rem; |
|||
padding-bottom: 1rem; |
|||
/* min-height: 50%; */ |
|||
/* min-height: 30em; */ } |
|||
@media (max-width: 52em) { |
|||
.article-list article { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
header { |
|||
margin-top: 1.5rem; |
|||
margin-bottom: 1rem; } |
|||
|
|||
@media (max-width: 52em) { |
|||
header { |
|||
margin-top: 0; |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
footer { |
|||
margin-top: 2rem; |
|||
margin-bottom: 1rem; |
|||
text-align: center; |
|||
font-size: 0.9em; |
|||
color: #747369; |
|||
bottom: 0; |
|||
position: absolute; |
|||
width: 100%; } |
|||
|
|||
@media (max-width: 52em) { |
|||
footer { |
|||
margin-top: 0; |
|||
margin-bottom: 0; } } |
|||
|
|||
footer .container { |
|||
background-color: #393939; |
|||
max-width: 62em; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
height: 1.8em; } |
|||
|
|||
/* Typography */ |
|||
h1, h2, h3, h4, h5, h6 { |
|||
font-weight: bold; |
|||
line-height: 1.25; |
|||
margin-top: 1em; |
|||
margin-bottom: .5em; } |
|||
|
|||
p { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; } |
|||
|
|||
h1 { |
|||
font-size: 2rem; } |
|||
|
|||
h2 { |
|||
font-size: 1.5rem; } |
|||
|
|||
h3 { |
|||
font-size: 1.25rem; } |
|||
|
|||
h4 { |
|||
font-size: 1rem; } |
|||
|
|||
h5 { |
|||
font-size: .875rem; } |
|||
|
|||
h6 { |
|||
font-size: .75rem; } |
|||
|
|||
pre, code { |
|||
font-family: inherit; |
|||
font-size: inherit; } |
|||
|
|||
/* Header Layout */ |
|||
header a.path, a.path:visited { |
|||
color: #6699cc; } |
|||
|
|||
header span.caret { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Footer Layout */ |
|||
footer a, a:visited { |
|||
color: #747369; |
|||
/* text-decoration: none; */ } |
|||
|
|||
.container.copyright a, a:visited { |
|||
color: #747369; |
|||
/* text-decoration: none; */ } |
|||
|
|||
/* 404 Page Layout */ |
|||
.page-not-found h1 { |
|||
text-align: center; |
|||
font-size: 5em; } |
|||
|
|||
.page-not-found h2 { |
|||
text-align: center; |
|||
font-size: 3em; |
|||
color: #a09f93; |
|||
margin-bottom: 4rem; } |
|||
|
|||
@media (max-width: 52em) { |
|||
.page-not-found h1 { |
|||
font-size: 3em; } |
|||
.page-not-found h2 { |
|||
font-size: 2em; } } |
|||
|
|||
/* Homepage Layout */ |
|||
@media (max-width: 52em) { |
|||
.homepage { |
|||
margin-bottom: 2rem; } } |
|||
|
|||
h1.site-title { |
|||
text-align: center; |
|||
/* font-size: 3.5em; */ |
|||
font-size: 4.8em; |
|||
color: #66cccc; |
|||
margin-top: 0.5em; |
|||
margin-bottom: 0.2em; } |
|||
|
|||
@media (max-width: 52em) { |
|||
h1.site-title { |
|||
font-size: 3em; } } |
|||
|
|||
.homepage h1.headline { |
|||
font-size: 3em; |
|||
color: #ffcc66; } |
|||
|
|||
@media (max-width: 52em) { |
|||
.homepage h1.headline { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
.homepage .hero-logo img { |
|||
width: 100%; } |
|||
|
|||
.homepage section.categories, |
|||
.homepage section.tags { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } |
|||
|
|||
.homepage .category, |
|||
.homepage .category a, |
|||
.homepage .tag, |
|||
.homepage .tag a { |
|||
color: #cc99cc; } |
|||
|
|||
.homepage .tag { |
|||
margin-right: 2em; } |
|||
|
|||
.nav-bar { |
|||
margin-left: .5em; |
|||
margin-bottom: 1em; } |
|||
|
|||
.hero-tagline { |
|||
margin-top: .3em; |
|||
text-align: center; } |
|||
|
|||
/* Post List Layout */ |
|||
.article-list h1.list-title { |
|||
font-size: 3em; |
|||
color: #ffcc66; } |
|||
|
|||
.article-list article { |
|||
padding-top: 4rem; |
|||
padding-bottom: 4rem; |
|||
margin-bottom: 4rem; } |
|||
|
|||
.article-list article h2.headline, |
|||
.article-list article h2.headline a { |
|||
margin-top: 0; |
|||
color: #6699cc; } |
|||
|
|||
.article-list article .meta { |
|||
margin-bottom: 1rem; } |
|||
|
|||
.article-list article .meta .key { |
|||
color: #747369; } |
|||
|
|||
.article-list article .meta .val, |
|||
.article-list article .meta .val a { |
|||
color: #cc99cc; } |
|||
|
|||
.article-list article section.summary a { |
|||
color: #d27b53; } |
|||
|
|||
/* Single Post Layout */ |
|||
article.single .meta { |
|||
font-size: 0.9em; |
|||
text-align: right; } |
|||
|
|||
article.single .meta .key { |
|||
color: #747369; } |
|||
|
|||
article.single .meta .val, article.single .meta .val a { |
|||
color: #cc99cc; } |
|||
|
|||
@media (max-width: 52em) { |
|||
article.single .meta { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
article.single h1.headline { |
|||
margin-top: 0; |
|||
font-size: 3em; |
|||
color: #ffcc66; } |
|||
|
|||
@media (max-width: 52em) { |
|||
article.single h1.headline { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
article.single section.body { |
|||
padding-top: 4rem; |
|||
padding-bottom: 3rem; } |
|||
|
|||
@media (max-width: 52em) { |
|||
article.single section.body { |
|||
padding-top: 2rem; |
|||
padding-bottom: 1rem; } } |
|||
|
|||
/* Highlight Colors */ |
|||
article.single section.body h1 { |
|||
color: #6699cc; } |
|||
|
|||
article.single section.body h2 { |
|||
color: #99cc99; } |
|||
|
|||
article.single section.body h3 { |
|||
color: #f99157; } |
|||
|
|||
article.single section.body h4 { |
|||
color: #f2777a; } |
|||
|
|||
article.single section.body h5 { |
|||
color: #515151; } |
|||
|
|||
article.single section.body h6 { |
|||
color: #747369; } |
|||
|
|||
article.single section.body a, a:visited { |
|||
color: #a06700; } |
|||
|
|||
/* Article Elements */ |
|||
article.single * { |
|||
max-width: 100%; } |
|||
|
|||
article.single pre { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
overflow-x: scroll; |
|||
border-radius: 3px; |
|||
padding: 2rem; } |
|||
|
|||
article.single p code { |
|||
padding: 0.2em 0.5em; |
|||
border-radius: 3px; |
|||
background: #747369; |
|||
color: #f2f0ec; } |
|||
|
|||
article.single figure, article.single div.highlight { |
|||
box-sizing: border-box; |
|||
max-width: 52rem; |
|||
width: 52rem; |
|||
margin-left: -8rem; |
|||
margin-right: -8rem; |
|||
margin-bottom: 1rem; |
|||
padding: 1em; |
|||
background-color: #393939; } |
|||
|
|||
@media (max-width: 52em) { |
|||
article.single figure, article.single div.highlight { |
|||
width: 100%; |
|||
margin-left: 0; |
|||
margin-right: 0; |
|||
border-radius: 3px; } } |
|||
|
|||
article.single figure img { |
|||
max-width: 100%; |
|||
width: 100%; |
|||
border-radius: 3px; } |
|||
|
|||
article.single figure figcaption { |
|||
margin-top: 1rem; } |
|||
|
|||
article.single figure figcaption h4 { |
|||
margin-top: 0; |
|||
text-align: center; |
|||
font-style: italic; |
|||
font-weight: normal; |
|||
color: #f2f0ec; } |
|||
|
|||
article.single table { |
|||
border-collapse: separate; |
|||
border-spacing: 0; |
|||
max-width: 100%; |
|||
width: 100%; } |
|||
|
|||
article.single th, |
|||
article.single td { |
|||
padding: .25rem 1rem; |
|||
line-height: inherit; |
|||
border-bottom-width: 1px; |
|||
border-bottom-style: solid; |
|||
border-bottom-color: #a09f93; } |
|||
|
|||
article.single tr:last-child td { |
|||
border-bottom: 0; } |
|||
|
|||
article.single th { |
|||
text-align: left; |
|||
font-weight: bold; |
|||
vertical-align: bottom; } |
|||
|
|||
article.single td { |
|||
vertical-align: top; } |
|||
|
|||
article.single blockquote { |
|||
margin-left: 2rem; |
|||
margin-right: 3rem; |
|||
padding-left: 1rem; |
|||
border-left: 5px solid #66cccc; } |
|||
|
|||
article.single hr { |
|||
border: 0; |
|||
border-bottom-style: solid; |
|||
border-bottom-width: 1px; |
|||
border-bottom-color: #a09f93; } |
|||
|
|||
/* Pygments template by Jan T. Sott (https://github.com/idleberg) */ |
|||
pre { |
|||
background: #2d2d2d; |
|||
color: #f2f0ec; } |
|||
|
|||
.highlight .hll { |
|||
background-color: #515151; } |
|||
|
|||
.highlight .c { |
|||
color: #747369; } |
|||
|
|||
/* Comment */ |
|||
.highlight .err { |
|||
color: #f2777a; } |
|||
|
|||
/* Error */ |
|||
.highlight .k { |
|||
color: #cc99cc; } |
|||
|
|||
/* Keyword */ |
|||
.highlight .l { |
|||
color: #f99157; } |
|||
|
|||
/* Literal */ |
|||
.highlight .n { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name */ |
|||
.highlight .o { |
|||
color: #66cccc; } |
|||
|
|||
/* Operator */ |
|||
.highlight .p { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Punctuation */ |
|||
.highlight .cm { |
|||
color: #747369; } |
|||
|
|||
/* Comment.Multiline */ |
|||
.highlight .cp { |
|||
color: #747369; } |
|||
|
|||
/* Comment.Preproc */ |
|||
.highlight .c1 { |
|||
color: #747369; } |
|||
|
|||
/* Comment.Single */ |
|||
.highlight .cs { |
|||
color: #747369; } |
|||
|
|||
/* Comment.Special */ |
|||
.highlight .gd { |
|||
color: #f2777a; } |
|||
|
|||
/* Generic.Deleted */ |
|||
.highlight .ge { |
|||
font-style: italic; } |
|||
|
|||
/* Generic.Emph */ |
|||
.highlight .gh { |
|||
color: #f2f0ec; |
|||
font-weight: bold; } |
|||
|
|||
/* Generic.Heading */ |
|||
.highlight .gi { |
|||
color: #99cc99; } |
|||
|
|||
/* Generic.Inserted */ |
|||
.highlight .gp { |
|||
color: #747369; |
|||
font-weight: bold; } |
|||
|
|||
/* Generic.Prompt */ |
|||
.highlight .gs { |
|||
font-weight: bold; } |
|||
|
|||
/* Generic.Strong */ |
|||
.highlight .gu { |
|||
color: #66cccc; |
|||
font-weight: bold; } |
|||
|
|||
/* Generic.Subheading */ |
|||
.highlight .kc { |
|||
color: #cc99cc; } |
|||
|
|||
/* Keyword.Constant */ |
|||
.highlight .kd { |
|||
color: #cc99cc; } |
|||
|
|||
/* Keyword.Declaration */ |
|||
.highlight .kn { |
|||
color: #66cccc; } |
|||
|
|||
/* Keyword.Namespace */ |
|||
.highlight .kp { |
|||
color: #cc99cc; } |
|||
|
|||
/* Keyword.Pseudo */ |
|||
.highlight .kr { |
|||
color: #cc99cc; } |
|||
|
|||
/* Keyword.Reserved */ |
|||
.highlight .kt { |
|||
color: #ffcc66; } |
|||
|
|||
/* Keyword.Type */ |
|||
.highlight .ld { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.Date */ |
|||
.highlight .m { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number */ |
|||
.highlight .s { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String */ |
|||
.highlight .na { |
|||
color: #6699cc; } |
|||
|
|||
/* Name.Attribute */ |
|||
.highlight .nb { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name.Builtin */ |
|||
.highlight .nc { |
|||
color: #ffcc66; } |
|||
|
|||
/* Name.Class */ |
|||
.highlight .no { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Constant */ |
|||
.highlight .nd { |
|||
color: #66cccc; } |
|||
|
|||
/* Name.Decorator */ |
|||
.highlight .ni { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name.Entity */ |
|||
.highlight .ne { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Exception */ |
|||
.highlight .nf { |
|||
color: #6699cc; } |
|||
|
|||
/* Name.Function */ |
|||
.highlight .nl { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name.Label */ |
|||
.highlight .nn { |
|||
color: #ffcc66; } |
|||
|
|||
/* Name.Namespace */ |
|||
.highlight .nx { |
|||
color: #6699cc; } |
|||
|
|||
/* Name.Other */ |
|||
.highlight .py { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name.Property */ |
|||
.highlight .nt { |
|||
color: #66cccc; } |
|||
|
|||
/* Name.Tag */ |
|||
.highlight .nv { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Variable */ |
|||
.highlight .ow { |
|||
color: #66cccc; } |
|||
|
|||
/* Operator.Word */ |
|||
.highlight .w { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Text.Whitespace */ |
|||
.highlight .mf { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number.Float */ |
|||
.highlight .mh { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number.Hex */ |
|||
.highlight .mi { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number.Integer */ |
|||
.highlight .mo { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number.Oct */ |
|||
.highlight .sb { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Backtick */ |
|||
.highlight .sc { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Literal.String.Char */ |
|||
.highlight .sd { |
|||
color: #747369; } |
|||
|
|||
/* Literal.String.Doc */ |
|||
.highlight .s2 { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Double */ |
|||
.highlight .se { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.String.Escape */ |
|||
.highlight .sh { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Heredoc */ |
|||
.highlight .si { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.String.Interpol */ |
|||
.highlight .sx { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Other */ |
|||
.highlight .sr { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Regex */ |
|||
.highlight .s1 { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Single */ |
|||
.highlight .ss { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Symbol */ |
|||
.highlight .bp { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name.Builtin.Pseudo */ |
|||
.highlight .vc { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Variable.Class */ |
|||
.highlight .vg { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Variable.Global */ |
|||
.highlight .vi { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Variable.Instance */ |
|||
.highlight .il { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number.Integer.Long */ |
|||
/*# sourceMappingURL=style.css.map */ |
@ -1 +0,0 @@ |
|||
{"Target":"sass/main-alt.css","MediaType":"text/css","Data":{}} |
@ -1,705 +0,0 @@ |
|||
/* Base16 Eighties Colorscheme by Chris Kempson (http://chriskempson.com) */ |
|||
.base00 { |
|||
color: #2d2d2d; } |
|||
|
|||
.base01 { |
|||
color: #393939; } |
|||
|
|||
.base02 { |
|||
color: #515151; } |
|||
|
|||
.base03 { |
|||
color: #747369; } |
|||
|
|||
.base04 { |
|||
color: #a09f93; } |
|||
|
|||
.base05 { |
|||
color: #d3d0c8; } |
|||
|
|||
.base06 { |
|||
color: #e8e6df; } |
|||
|
|||
.base07 { |
|||
color: #f2f0ec; } |
|||
|
|||
.base08 { |
|||
color: #f2777a; } |
|||
|
|||
.base09 { |
|||
color: #f99157; } |
|||
|
|||
.base0a { |
|||
color: #ffcc66; } |
|||
|
|||
.base0b { |
|||
color: #99cc99; } |
|||
|
|||
.base0c { |
|||
color: #66cccc; } |
|||
|
|||
.base0d { |
|||
color: #6699cc; } |
|||
|
|||
.base0e { |
|||
color: #cc99cc; } |
|||
|
|||
.base0f { |
|||
color: #d27b53; } |
|||
|
|||
/* General Page Layout */ |
|||
body { |
|||
margin: 0; |
|||
background-color: #2d2d2d; |
|||
color: #f2f0ec; |
|||
line-height: 1.5; |
|||
font-size: 100%; |
|||
/* font-family: 'Source Code Pro', monospace; */ |
|||
font-family: 'Hack', monospace; } |
|||
|
|||
.container { |
|||
max-width: 52em; |
|||
margin-left: auto; |
|||
margin-right: auto; } |
|||
.container .copyright a-tags { |
|||
color: #747369; } |
|||
@media (max-width: 52em) { |
|||
.container { |
|||
width: 100%; } } |
|||
|
|||
div .right { |
|||
float: right; } |
|||
|
|||
div .clearfix { |
|||
overflow: auto; } |
|||
|
|||
article .single section { |
|||
/* background-color: #e6e6fa; */ |
|||
background-color: #cbbeb5; |
|||
color: #2d2d2d; |
|||
padding-left: 8rem; |
|||
padding-right: 8rem; |
|||
padding-top: 1rem; |
|||
padding-bottom: 1rem; |
|||
/* min-height: 50%; */ |
|||
/* min-height: 30em; */ } |
|||
@media (max-width: 52em) { |
|||
article .single section { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
.article-list article { |
|||
/* background-color: #e6e6fa; */ |
|||
background-color: #cbbeb5; |
|||
color: #2d2d2d; |
|||
padding-left: 8rem; |
|||
padding-right: 8rem; |
|||
padding-top: 1rem; |
|||
padding-bottom: 1rem; |
|||
/* min-height: 50%; */ |
|||
/* min-height: 30em; */ } |
|||
@media (max-width: 52em) { |
|||
.article-list article { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
header { |
|||
margin-top: 1.5rem; |
|||
margin-bottom: 1rem; } |
|||
@media (max-width: 52em) { |
|||
header { |
|||
margin-top: 0; |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
footer { |
|||
margin-top: 2rem; |
|||
margin-bottom: 1rem; |
|||
text-align: center; |
|||
font-size: 0.9em; |
|||
color: #747369; |
|||
bottom: 0; |
|||
position: absolute; |
|||
width: 100%; } |
|||
footer .container { |
|||
background-color: #393939; |
|||
max-width: 62em; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
height: 1.8em; } |
|||
@media (max-width: 52em) { |
|||
footer { |
|||
margin-top: 0; |
|||
margin-bottom: 0; } } |
|||
|
|||
/* Typography */ |
|||
h1 { |
|||
font-weight: bold; |
|||
line-height: 1.25; |
|||
margin-top: 1em; |
|||
margin-bottom: .5em; } |
|||
|
|||
h2 { |
|||
font-weight: bold; |
|||
line-height: 1.25; |
|||
margin-top: 1em; |
|||
margin-bottom: .5em; } |
|||
|
|||
h3 { |
|||
font-weight: bold; |
|||
line-height: 1.25; |
|||
margin-top: 1em; |
|||
margin-bottom: .5em; } |
|||
|
|||
h4 { |
|||
font-weight: bold; |
|||
line-height: 1.25; |
|||
margin-top: 1em; |
|||
margin-bottom: .5em; } |
|||
|
|||
h5 { |
|||
font-weight: bold; |
|||
line-height: 1.25; |
|||
margin-top: 1em; |
|||
margin-bottom: .5em; } |
|||
|
|||
p { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; } |
|||
|
|||
h1 { |
|||
font-size: 2rem; } |
|||
|
|||
h2 { |
|||
font-size: 1.5rem; } |
|||
|
|||
h3 { |
|||
font-size: 1.25rem; } |
|||
|
|||
h4 { |
|||
font-size: 1rem; } |
|||
|
|||
h5 { |
|||
font-size: .875rem; } |
|||
|
|||
h6 { |
|||
font-size: .75rem; } |
|||
|
|||
pre, code { |
|||
font-family: inherit; |
|||
font-size: inherit; } |
|||
|
|||
/* Header Layout */ |
|||
header a .path .path:visited { |
|||
color: #6699cc; } |
|||
|
|||
header span caret { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Footer Layout */ |
|||
footer a, footer a:active, footer a:visited { |
|||
color: #747369; } |
|||
|
|||
/* 404 Page Layout */ |
|||
.page-not-found h1 { |
|||
text-align: center; |
|||
font-size: 5em; } |
|||
|
|||
.page-not-found h2 { |
|||
text-align: center; |
|||
font-size: 3em; |
|||
color: #a09f93; |
|||
margin-bottom: 4rem; } |
|||
|
|||
@media (max-width: 52em) { |
|||
.page-not-found h1 { |
|||
font-size: 3em; } |
|||
.page-not-found h2 { |
|||
font-size: 2em; } } |
|||
|
|||
/* Homepage Layout */ |
|||
@media (max-width: 52em) { |
|||
.homepage { |
|||
margin-bottom: 2rem; } } |
|||
|
|||
h1.site-title { |
|||
text-align: center; |
|||
/* font-size: 3.5em; */ |
|||
font-size: 4.8em; |
|||
color: #66cccc; |
|||
margin-top: 0.5em; |
|||
margin-bottom: 0.2em; } |
|||
|
|||
@media (max-width: 52em) { |
|||
h1.site-title { |
|||
font-size: 3em; } } |
|||
|
|||
.homepage h1.headline { |
|||
font-size: 3em; |
|||
color: #ffcc66; } |
|||
|
|||
@media (max-width: 52em) { |
|||
.homepage h1.headline { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
.homepage .hero-logo img { |
|||
width: 100%; } |
|||
|
|||
.homepage section.categories, |
|||
.homepage section.tags { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } |
|||
|
|||
.homepage .category, |
|||
.homepage .category a, |
|||
.homepage .tag, |
|||
.homepage .tag a { |
|||
color: #cc99cc; } |
|||
|
|||
.homepage .tag { |
|||
margin-right: 2em; } |
|||
|
|||
.nav-bar { |
|||
margin-left: .5em; |
|||
margin-bottom: 1em; } |
|||
|
|||
.hero-tagline { |
|||
margin-top: .3em; |
|||
text-align: center; } |
|||
|
|||
/* Post List Layout */ |
|||
.article-list h1.list-title { |
|||
font-size: 3em; |
|||
color: #ffcc66; } |
|||
|
|||
.article-list article { |
|||
padding-top: 4rem; |
|||
padding-bottom: 4rem; |
|||
margin-bottom: 4rem; } |
|||
|
|||
.article-list article h2.headline, |
|||
.article-list article h2.headline a { |
|||
margin-top: 0; |
|||
color: #6699cc; } |
|||
|
|||
.article-list article .meta { |
|||
margin-bottom: 1rem; } |
|||
|
|||
.article-list article .meta .key { |
|||
color: #747369; } |
|||
|
|||
.article-list article .meta .val, |
|||
.article-list article .meta .val a { |
|||
color: #cc99cc; } |
|||
|
|||
.article-list article section.summary a { |
|||
color: #d27b53; } |
|||
|
|||
/* Single Post Layout */ |
|||
article.single .meta { |
|||
font-size: 0.9em; |
|||
text-align: right; } |
|||
|
|||
article.single .meta .key { |
|||
color: #747369; } |
|||
|
|||
article.single .meta .val, article.single .meta .val a { |
|||
color: #cc99cc; } |
|||
|
|||
@media (max-width: 52em) { |
|||
article.single .meta { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
article.single h1.headline { |
|||
margin-top: 0; |
|||
font-size: 3em; |
|||
color: #ffcc66; } |
|||
|
|||
@media (max-width: 52em) { |
|||
article.single h1.headline { |
|||
padding-left: 2rem; |
|||
padding-right: 2rem; } } |
|||
|
|||
article.single section.body { |
|||
padding-top: 4rem; |
|||
padding-bottom: 3rem; } |
|||
|
|||
@media (max-width: 52em) { |
|||
article.single section.body { |
|||
padding-top: 2rem; |
|||
padding-bottom: 1rem; } } |
|||
|
|||
/* Highlight Colors */ |
|||
article.single section.body h1 { |
|||
color: #6699cc; } |
|||
|
|||
article.single section.body h2 { |
|||
color: #99cc99; } |
|||
|
|||
article.single section.body h3 { |
|||
color: #f99157; } |
|||
|
|||
article.single section.body h4 { |
|||
color: #f2777a; } |
|||
|
|||
article.single section.body h5 { |
|||
color: #515151; } |
|||
|
|||
article.single section.body h6 { |
|||
color: #747369; } |
|||
|
|||
article.single section.body a, a:visited { |
|||
color: #a06700; } |
|||
|
|||
/* Article Elements */ |
|||
article.single * { |
|||
max-width: 100%; } |
|||
|
|||
article.single pre { |
|||
margin-top: 0; |
|||
margin-bottom: 1rem; |
|||
overflow-x: scroll; |
|||
border-radius: 3px; |
|||
padding: 2rem; } |
|||
|
|||
article.single p code { |
|||
padding: 0.2em 0.5em; |
|||
border-radius: 3px; |
|||
background: #747369; |
|||
color: #f2f0ec; } |
|||
|
|||
article.single figure, article.single div.highlight { |
|||
box-sizing: border-box; |
|||
max-width: 52rem; |
|||
width: 52rem; |
|||
margin-left: -8rem; |
|||
margin-right: -8rem; |
|||
margin-bottom: 1rem; |
|||
padding: 1em; |
|||
background-color: #393939; } |
|||
|
|||
@media (max-width: 52em) { |
|||
article.single figure, article.single div.highlight { |
|||
width: 100%; |
|||
margin-left: 0; |
|||
margin-right: 0; |
|||
border-radius: 3px; } } |
|||
|
|||
article.single figure img { |
|||
max-width: 100%; |
|||
width: 100%; |
|||
border-radius: 3px; } |
|||
|
|||
article.single figure figcaption { |
|||
margin-top: 1rem; } |
|||
|
|||
article.single figure figcaption h4 { |
|||
margin-top: 0; |
|||
text-align: center; |
|||
font-style: italic; |
|||
font-weight: normal; |
|||
color: #f2f0ec; } |
|||
|
|||
article.single table { |
|||
border-collapse: separate; |
|||
border-spacing: 0; |
|||
max-width: 100%; |
|||
width: 100%; } |
|||
|
|||
article.single th, |
|||
article.single td { |
|||
padding: .25rem 1rem; |
|||
line-height: inherit; |
|||
border-bottom-width: 1px; |
|||
border-bottom-style: solid; |
|||
border-bottom-color: #a09f93; } |
|||
|
|||
article.single tr:last-child td { |
|||
border-bottom: 0; } |
|||
|
|||
article.single th { |
|||
text-align: left; |
|||
font-weight: bold; |
|||
vertical-align: bottom; } |
|||
|
|||
article.single td { |
|||
vertical-align: top; } |
|||
|
|||
article.single blockquote { |
|||
margin-left: 2rem; |
|||
margin-right: 3rem; |
|||
padding-left: 1rem; |
|||
border-left: 5px solid #66cccc; } |
|||
|
|||
article.single hr { |
|||
border: 0; |
|||
border-bottom-style: solid; |
|||
border-bottom-width: 1px; |
|||
border-bottom-color: #a09f93; } |
|||
|
|||
/* Pygments template by Jan T. Sott (https://github.com/idleberg) */ |
|||
pre { |
|||
background: #2d2d2d; |
|||
color: #f2f0ec; } |
|||
|
|||
.highlight .hll { |
|||
background-color: #515151; } |
|||
|
|||
.highlight .c { |
|||
color: #747369; } |
|||
|
|||
/* Comment */ |
|||
.highlight .err { |
|||
color: #f2777a; } |
|||
|
|||
/* Error */ |
|||
.highlight .k { |
|||
color: #cc99cc; } |
|||
|
|||
/* Keyword */ |
|||
.highlight .l { |
|||
color: #f99157; } |
|||
|
|||
/* Literal */ |
|||
.highlight .n { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name */ |
|||
.highlight .o { |
|||
color: #66cccc; } |
|||
|
|||
/* Operator */ |
|||
.highlight .p { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Punctuation */ |
|||
.highlight .cm { |
|||
color: #747369; } |
|||
|
|||
/* Comment.Multiline */ |
|||
.highlight .cp { |
|||
color: #747369; } |
|||
|
|||
/* Comment.Preproc */ |
|||
.highlight .c1 { |
|||
color: #747369; } |
|||
|
|||
/* Comment.Single */ |
|||
.highlight .cs { |
|||
color: #747369; } |
|||
|
|||
/* Comment.Special */ |
|||
.highlight .gd { |
|||
color: #f2777a; } |
|||
|
|||
/* Generic.Deleted */ |
|||
.highlight .ge { |
|||
font-style: italic; } |
|||
|
|||
/* Generic.Emph */ |
|||
.highlight .gh { |
|||
color: #f2f0ec; |
|||
font-weight: bold; } |
|||
|
|||
/* Generic.Heading */ |
|||
.highlight .gi { |
|||
color: #99cc99; } |
|||
|
|||
/* Generic.Inserted */ |
|||
.highlight .gp { |
|||
color: #747369; |
|||
font-weight: bold; } |
|||
|
|||
/* Generic.Prompt */ |
|||
.highlight .gs { |
|||
font-weight: bold; } |
|||
|
|||
/* Generic.Strong */ |
|||
.highlight .gu { |
|||
color: #66cccc; |
|||
font-weight: bold; } |
|||
|
|||
/* Generic.Subheading */ |
|||
.highlight .kc { |
|||
color: #cc99cc; } |
|||
|
|||
/* Keyword.Constant */ |
|||
.highlight .kd { |
|||
color: #cc99cc; } |
|||
|
|||
/* Keyword.Declaration */ |
|||
.highlight .kn { |
|||
color: #66cccc; } |
|||
|
|||
/* Keyword.Namespace */ |
|||
.highlight .kp { |
|||
color: #cc99cc; } |
|||
|
|||
/* Keyword.Pseudo */ |
|||
.highlight .kr { |
|||
color: #cc99cc; } |
|||
|
|||
/* Keyword.Reserved */ |
|||
.highlight .kt { |
|||
color: #ffcc66; } |
|||
|
|||
/* Keyword.Type */ |
|||
.highlight .ld { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.Date */ |
|||
.highlight .m { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number */ |
|||
.highlight .s { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String */ |
|||
.highlight .na { |
|||
color: #6699cc; } |
|||
|
|||
/* Name.Attribute */ |
|||
.highlight .nb { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name.Builtin */ |
|||
.highlight .nc { |
|||
color: #ffcc66; } |
|||
|
|||
/* Name.Class */ |
|||
.highlight .no { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Constant */ |
|||
.highlight .nd { |
|||
color: #66cccc; } |
|||
|
|||
/* Name.Decorator */ |
|||
.highlight .ni { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name.Entity */ |
|||
.highlight .ne { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Exception */ |
|||
.highlight .nf { |
|||
color: #6699cc; } |
|||
|
|||
/* Name.Function */ |
|||
.highlight .nl { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name.Label */ |
|||
.highlight .nn { |
|||
color: #ffcc66; } |
|||
|
|||
/* Name.Namespace */ |
|||
.highlight .nx { |
|||
color: #6699cc; } |
|||
|
|||
/* Name.Other */ |
|||
.highlight .py { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name.Property */ |
|||
.highlight .nt { |
|||
color: #66cccc; } |
|||
|
|||
/* Name.Tag */ |
|||
.highlight .nv { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Variable */ |
|||
.highlight .ow { |
|||
color: #66cccc; } |
|||
|
|||
/* Operator.Word */ |
|||
.highlight .w { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Text.Whitespace */ |
|||
.highlight .mf { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number.Float */ |
|||
.highlight .mh { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number.Hex */ |
|||
.highlight .mi { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number.Integer */ |
|||
.highlight .mo { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number.Oct */ |
|||
.highlight .sb { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Backtick */ |
|||
.highlight .sc { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Literal.String.Char */ |
|||
.highlight .sd { |
|||
color: #747369; } |
|||
|
|||
/* Literal.String.Doc */ |
|||
.highlight .s2 { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Double */ |
|||
.highlight .se { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.String.Escape */ |
|||
.highlight .sh { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Heredoc */ |
|||
.highlight .si { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.String.Interpol */ |
|||
.highlight .sx { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Other */ |
|||
.highlight .sr { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Regex */ |
|||
.highlight .s1 { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Single */ |
|||
.highlight .ss { |
|||
color: #99cc99; } |
|||
|
|||
/* Literal.String.Symbol */ |
|||
.highlight .bp { |
|||
color: #f2f0ec; } |
|||
|
|||
/* Name.Builtin.Pseudo */ |
|||
.highlight .vc { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Variable.Class */ |
|||
.highlight .vg { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Variable.Global */ |
|||
.highlight .vi { |
|||
color: #f2777a; } |
|||
|
|||
/* Name.Variable.Instance */ |
|||
.highlight .il { |
|||
color: #f99157; } |
|||
|
|||
/* Literal.Number.Integer.Long */ |
|||
/*# sourceMappingURL=style.css.map */ |
@ -1 +0,0 @@ |
|||
{"Target":"sass/main.css","MediaType":"text/css","Data":{}} |
Write
Preview
Loading…
Cancel
Save
Reference in new issue