commit abe497677969e17de5803268c64ebc49cfa6a053 Author: Kevin Mok Date: Thu Jan 31 03:43:41 2019 -0500 Use base16 theme with initial modifications - set footer definitively at bottom and max width - removed nav. bar - changed title to name - cleared homepage - set Hack font diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..dd4b2a6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +themes/base16* + +commit-msg.txt diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..e788d7c --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +draft: true +layout: +--- diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..8be2826 --- /dev/null +++ b/config.toml @@ -0,0 +1,4 @@ +baseURL = "http://localhost:1313/" +languageCode = "en-us" +title = "Kevin Mok" +# theme = "base16" diff --git a/content/credits.md b/content/credits.md new file mode 100644 index 0000000..0e0a71a --- /dev/null +++ b/content/credits.md @@ -0,0 +1,13 @@ +--- +title: "Credits" +date: 2019-01-31T03:10:25-05:00 +draft: true +layout: article +--- + + Icons made by Freepik from www.flaticon.com is licensed by CC 3.0 BY + diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..2340809 --- /dev/null +++ b/layouts/404.html @@ -0,0 +1,16 @@ +{{ partial "header.html" . }} + +
+ +

+ [404] + # _ +

+ +

+ not found +

+ +
+ +{{ partial "footer.html" . }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..cf5b2b2 --- /dev/null +++ b/layouts/_default/list.html @@ -0,0 +1,8 @@ +{{ partial "header.html" . }} +
+

{{ .Title }}

+ {{ range .Data.Pages }} + {{ partial "article-list-item.html" . }} + {{ end }} +
+{{ partial "footer.html" . }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..b9ff539 --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,7 @@ +{{ partial "header.html" . }} + +
+ {{ partial "article.html" . }} +
+ +{{ partial "footer.html" . }} diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..2744d98 --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,5 @@ +{{ partial "header.html" . }} + +{{ partial "homepage.html" . }} + +{{ partial "footer.html" . }} diff --git a/layouts/partials/about.html b/layouts/partials/about.html new file mode 100644 index 0000000..cfbf28d --- /dev/null +++ b/layouts/partials/about.html @@ -0,0 +1 @@ +

About

diff --git a/layouts/partials/article-list-item.html b/layouts/partials/article-list-item.html new file mode 100644 index 0000000..10b8fce --- /dev/null +++ b/layouts/partials/article-list-item.html @@ -0,0 +1,12 @@ +
+

{{ .Title }}{{ if .Draft }} (Draft){{ end }}

+
+{{ if not .Date.IsZero }} + published on + +{{ end }} +
+
+ {{ .Summary }} {{ if .Truncated }} Read More...{{ end }} +
+
diff --git a/layouts/partials/article.html b/layouts/partials/article.html new file mode 100644 index 0000000..c69a76f --- /dev/null +++ b/layouts/partials/article.html @@ -0,0 +1,30 @@ +{{ $page := .Page }} +
+
+{{ if not .Page.Date.IsZero }} + published on + +{{ end }} +{{ with .Params.categories }} + {{ if $page.Date.IsZero }}published {{ end }}in + +{{ range . }} + {{ . }} +{{ end }} + +{{ end }} +{{ with .Params.tags }} +
+ tags: + +{{ range . }} + {{ . }} +{{ end }} + +{{ end }} +
+

{{ .Title }}

+
+ {{ .Content }} +
+
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..fcf172c --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,17 @@ + + + + + + + diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..dc69d5f --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,36 @@ + + + + + +{{- with $.Param "keywords" }} + +{{- end }} +{{- with $.Param "author" }} + +{{- end }} +{{ .Hugo.Generator }} + + + + + + +{{ $isHomePage := eq .Title .Site.Title }}{{ .Title }}{{ if eq $isHomePage false }} - {{ .Site.Title }}{{ end }} + + + + + +
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html new file mode 100644 index 0000000..8b0c9f0 --- /dev/null +++ b/layouts/partials/hero.html @@ -0,0 +1,23 @@ +{{ $baseurl := .Site.BaseURL }} +

+ + [Kevin Mok] # _ + +

+ + + +
+ + Live, love and Linux. +
diff --git a/layouts/partials/homepage.html b/layouts/partials/homepage.html new file mode 100644 index 0000000..5698dc6 --- /dev/null +++ b/layouts/partials/homepage.html @@ -0,0 +1,46 @@ +{{ $baseurl := .Site.BaseURL }} +
+ + {{ partial "hero.html" . }} + + + + + +{{ with .Site.Taxonomies.categories }} + +

Categories

+ +
+ {{ range $name, $value := . }} +

+ {{ title $name }} + ({{ .Count }}) +

+ {{ end }} +
+ +{{ end }} + +{{ with .Site.Taxonomies.tags }} + +

Tags

+ +
+ {{ range $name, $value := . }} + + {{ $name }} + ({{ .Count }}) + + {{ end }} +
+ +{{ end }} + +
diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..f09939c --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,500 @@ +/* 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; +} + +div.right { + float:right; +} + +div.clearfix { + overflow: auto; +} + +@media (max-width: 52em) { + .container { + width: 100%; + } +} + +article.single section, +.article-list article { + background-color: #f2f0ec; + color: #2d2d2d; + padding-left: 8rem; + padding-right: 8rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +@media (max-width: 52em) { + article.single section, + .article-list article { + padding-left: 2rem; + padding-right: 2rem; + } +} + +header, footer { + /* background-color: #393939; */ + padding-top: 1rem; + padding-bottom: 1rem; +} + +header { + margin-top: 1rem; + margin-bottom: 2rem; +} + +@media (max-width: 52em) { + header { + margin-top: 0; + padding-left: 2rem; + padding-right: 2rem; + } +} + +footer { + margin-top: 2rem; + margin-bottom: .5rem; + 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 { + color: #6699cc; +} + +header span.caret { + color: #f2f0ec; +} + +/* Footer Layout */ + +footer a { + 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; + } +} + +.homepage h1.site-title { + text-align: center; + /* font-size: 3.5em; */ + font-size: 4.8em; + color: #66cccc; + margin-top: 0.5em; +} + +@media (max-width: 52em) { + .homepage 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; +} + +/* 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 { color: #d27b53; } + +/* 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 */ diff --git a/static/img/base16-eighties.svg b/static/img/base16-eighties.svg new file mode 100644 index 0000000..ff951bd --- /dev/null +++ b/static/img/base16-eighties.svg @@ -0,0 +1,21 @@ + + + Base16 Eighties + + + + + + + + + + + + + + + + + + \ No newline at end of file