diff options
author | Huy Tran <hoang.huy.tran@gmail.com> | 2018-01-21 14:09:55 +0300 |
---|---|---|
committer | Huy Tran <hoang.huy.tran@gmail.com> | 2018-01-21 14:09:55 +0300 |
commit | 331ef48d5c922a878ee1b143fb809e9b1434c9bb (patch) | |
tree | 6c681204f8b046bbc68ed07ee373d68304419a54 /static | |
parent | 5814b3e80c17336f1b02c3666914fd1445d31378 (diff) |
adapt to npf.io themes and add social stuffs
Diffstat (limited to 'static')
-rw-r--r-- | static/css/custom.css | 31 | ||||
-rw-r--r-- | static/css/hyde.css | 53 | ||||
-rw-r--r-- | static/css/poole.css | 2 | ||||
-rw-r--r-- | static/img/hugo.png | bin | 0 -> 7993 bytes |
4 files changed, 76 insertions, 10 deletions
diff --git a/static/css/custom.css b/static/css/custom.css new file mode 100644 index 0000000..6c5a88d --- /dev/null +++ b/static/css/custom.css @@ -0,0 +1,31 @@ +body { + font-family: "Fira Sans", sans-serif; + font-size: 16px; + font-weight: 300 !important; +} + +code { + font-family: "Fira Code", "Source Code Pro", Consolas, monospace; +} + +.img-circle { + border-radius: 50%; +} + +.headshot { + width: 115px; + height: 115px; +} + +.brand { + font-size: 3.0em; + margin-bottom: 0; +} + +span, p, code { + font-size: 1.33vw; +} + +.text-center { + text-align:center; +}
\ No newline at end of file diff --git a/static/css/hyde.css b/static/css/hyde.css index 1ddbdda..2af6e03 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -32,7 +32,9 @@ */ html { - font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-family: "Fira Sans", sans-serif; + font-weight:300; + } @media (min-width: 48em) { html { @@ -45,6 +47,9 @@ html { } } +pre { + tab-size:4; +} /* * Sidebar @@ -57,7 +62,7 @@ html { text-align: center; padding: 2rem 1rem; color: rgba(255,255,255,.5); - background-color: #202020; + background-color: #300030; } @media (min-width: 48em) { .sidebar { @@ -79,15 +84,22 @@ html { .sidebar-about h1 { color: #fff; margin-top: 0; - font-family: "Abril Fatface", serif; - font-size: 3.25rem; + font-weight:300; } /* Sidebar nav */ .sidebar-nav { + margin-top: 2rem; + margin-bottom: 2rem; padding-left: 0; list-style: none; } + +.subnav { + list-style: none; + padding-left: 0; +} + .sidebar-nav-item { display: block; } @@ -109,7 +121,7 @@ a.sidebar-nav-item:focus { .sidebar-sticky { position: absolute; right: 1rem; - bottom: 1rem; + top: 1rem; left: 1rem; } } @@ -122,8 +134,8 @@ a.sidebar-nav-item:focus { */ .content { - padding-top: 4rem; - padding-bottom: 4rem; + padding-top: 2rem; + padding-bottom: 2rem; } @media (min-width: 48em) { @@ -136,11 +148,34 @@ a.sidebar-nav-item:focus { @media (min-width: 64em) { .content { - margin-left: 22rem; - margin-right: 4rem; + max-width: 44rem; + margin-left: 20rem; + margin-right: 2rem; } } +.footnote { + font-size: 0.7em; + margin-top: 0.5rem; +} + +.go { + color: #444444; +} + +.badge { + display:inline; + vertical-align: bottom; +} + +.badges { + float: right; +} + +.brand { + font-size: 4.0em; + margin-bottom: 0; +} /* * Reverse layout diff --git a/static/css/poole.css b/static/css/poole.css index 7ddd054..c2f9e35 100644 --- a/static/css/poole.css +++ b/static/css/poole.css @@ -79,7 +79,7 @@ a:focus { /* Headings */ h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; - font-weight: bold; + font-weight: 400; line-height: 1.25; color: #313131; text-rendering: optimizeLegibility; diff --git a/static/img/hugo.png b/static/img/hugo.png Binary files differnew file mode 100644 index 0000000..50e23ce --- /dev/null +++ b/static/img/hugo.png |