diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/apple-touch-icon-144-precomposed.png | bin | 570 -> 2125 bytes | |||
| -rw-r--r-- | static/css/hyde.css | 175 | ||||
| -rw-r--r-- | static/css/poole.css | 2 | ||||
| -rw-r--r-- | static/css/print.css | 2 | ||||
| -rw-r--r-- | static/css/syntax.css | 66 | ||||
| -rw-r--r-- | static/favicon.png | bin | 183 -> 525 bytes | |||
| -rw-r--r-- | static/icon.svg | 91 |
7 files changed, 161 insertions, 175 deletions
diff --git a/static/apple-touch-icon-144-precomposed.png b/static/apple-touch-icon-144-precomposed.png Binary files differindex 19323de..f1fd774 100644 --- a/static/apple-touch-icon-144-precomposed.png +++ b/static/apple-touch-icon-144-precomposed.png diff --git a/static/css/hyde.css b/static/css/hyde.css index 1ddbdda..6ca0a7f 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -32,7 +32,7 @@ */ html { - font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-family: 'Open Sans', 'Roboto', Helvetica, Arial, sans-serif; } @media (min-width: 48em) { html { @@ -66,7 +66,6 @@ html { left: 0; bottom: 0; width: 18rem; - text-align: left; } } @@ -79,8 +78,8 @@ html { .sidebar-about h1 { color: #fff; margin-top: 0; - font-family: "Abril Fatface", serif; - font-size: 3.25rem; + font-size: 2.25rem; + font-weight: 400; } /* Sidebar nav */ @@ -99,22 +98,6 @@ a.sidebar-nav-item:focus { font-weight: bold; } -/* Sticky sidebar - * - * Add the `sidebar-sticky` class to the sidebar's container to affix it the - * contents to the bottom of the sidebar in tablets and up. - */ - -@media (min-width: 48em) { - .sidebar-sticky { - position: absolute; - right: 1rem; - bottom: 1rem; - left: 1rem; - } -} - - /* Container * * Align the contents of the site above the proper threshold with some margin-fu @@ -122,15 +105,35 @@ a.sidebar-nav-item:focus { */ .content { - padding-top: 4rem; - padding-bottom: 4rem; + padding-top: 2rem; + padding-bottom: 2rem; + min-height: 50%; +} + + +html, +body { + height: 100%; + width: 100%; } +.copyright { + font-size: .7rem; + text-align: center; +} + +footer { + height: 40px; +} + + @media (min-width: 48em) { .content { max-width: 38rem; margin-left: 20rem; margin-right: 2rem; + margin-bottom: -40px; + min-height: 100%; } } @@ -141,110 +144,68 @@ a.sidebar-nav-item:focus { } } - -/* - * Reverse layout - * - * Flip the orientation of the page by placing the `.sidebar` on the right. - */ - -@media (min-width: 48em) { - .layout-reverse .sidebar { - left: auto; - right: 0; - } - .layout-reverse .content { - margin-left: 2rem; - margin-right: 20rem; - } +.img-circle { + border-radius: 50%; } -@media (min-width: 64em) { - .layout-reverse .content { - margin-left: 4rem; - margin-right: 22rem; - } +.img-headshot { + border: 6px solid #fff; + height: 180px; + width: 180px; } - - -/* - * Themes - * - * As of v1.1, Hyde includes optional themes to color the sidebar and links - * within blog posts. To use, add the class of your choosing to the `body`. - */ - -/* Base16 (http://chriskempson.github.io/base16/#default) */ - -/* Red */ -.theme-base-08 .sidebar { - background-color: #ac4142; -} -.theme-base-08 .content a, -.theme-base-08 .related-posts li a:hover { - color: #ac4142; +.center { + display: block; + margin-left: auto; + margin-right: auto; } -/* Orange */ -.theme-base-09 .sidebar { - background-color: #d28445; -} -.theme-base-09 .content a, -.theme-base-09 .related-posts li a:hover { - color: #d28445; +.sidebar { + background-color: #49757a; + color: #fff; } -/* Yellow */ -.theme-base-0a .sidebar { - background-color: #f4bf75; -} -.theme-base-0a .content a, -.theme-base-0a .related-posts li a:hover { - color: #f4bf75; +.sidebar a, +.sidebar-about h1 { + color: #fff; } -/* Green */ -.theme-base-0b .sidebar { - background-color: #90a959; -} -.theme-base-0b .content a, -.theme-base-0b .related-posts li a:hover { - color: #90a959; +footer a, +.content a, +.related-posts li a:hover { + color: #49757a; } -/* Cyan */ -.theme-base-0c .sidebar { - background-color: #75b5aa; -} -.theme-base-0c .content a, -.theme-base-0c .related-posts li a:hover { - color: #75b5aa; +.read-more-link { + margin-top: 1rem; } -/* Blue */ -.theme-base-0d .sidebar { - background-color: #6a9fb5; +.read-more-link a { + padding: 8px 16px; + border: 1px solid; + border-color: #49757a; + border-radius: 4px; } -.theme-base-0d .content a, -.theme-base-0d .related-posts li a:hover { - color: #6a9fb5; + +.read-more-link a:hover { + text-decoration: none; } -/* Magenta */ -.theme-base-0e .sidebar { - background-color: #aa759f; +.pull-right { + float: right; } -.theme-base-0e .content a, -.theme-base-0e .related-posts li a:hover { - color: #aa759f; + +ul.posts { + list-style: none; } -/* Brown */ -.theme-base-0f .sidebar { - background-color: #8f5536; +.social-icons, +.sidebar nav { + margin-top: 1rem; } -.theme-base-0f .content a, -.theme-base-0f .related-posts li a:hover { - color: #8f5536; + +.social-icons a, +.social-icons a:hover, +.social-icons a:focus { + text-decoration: none !important; } diff --git a/static/css/poole.css b/static/css/poole.css index ec6a32f..bd7d30e 100644 --- a/static/css/poole.css +++ b/static/css/poole.css @@ -304,7 +304,7 @@ tbody tr:nth-child(odd) th { .page, .post { - margin-bottom: 4em; + margin-bottom: 2em; } /* Blog post or page title */ diff --git a/static/css/print.css b/static/css/print.css index da8f1df..7c733f3 100644 --- a/static/css/print.css +++ b/static/css/print.css @@ -1,4 +1,4 @@ -.sidebar { +.sidebar, .post-date { display: none !important; } diff --git a/static/css/syntax.css b/static/css/syntax.css deleted file mode 100644 index 1264b87..0000000 --- a/static/css/syntax.css +++ /dev/null @@ -1,66 +0,0 @@ -.hll { background-color: #ffffcc } - /*{ background: #f0f3f3; }*/ -.c { color: #999; } /* Comment */ -.err { color: #AA0000; background-color: #FFAAAA } /* Error */ -.k { color: #006699; } /* Keyword */ -.o { color: #555555 } /* Operator */ -.cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ -.cp { color: #009999 } /* Comment.Preproc */ -.c1 { color: #999; } /* Comment.Single */ -.cs { color: #999; } /* Comment.Special */ -.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ -.ge { font-style: italic } /* Generic.Emph */ -.gr { color: #FF0000 } /* Generic.Error */ -.gh { color: #003300; } /* Generic.Heading */ -.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ -.go { color: #AAAAAA } /* Generic.Output */ -.gp { color: #000099; } /* Generic.Prompt */ -.gs { } /* Generic.Strong */ -.gu { color: #003300; } /* Generic.Subheading */ -.gt { color: #99CC66 } /* Generic.Traceback */ -.kc { color: #006699; } /* Keyword.Constant */ -.kd { color: #006699; } /* Keyword.Declaration */ -.kn { color: #006699; } /* Keyword.Namespace */ -.kp { color: #006699 } /* Keyword.Pseudo */ -.kr { color: #006699; } /* Keyword.Reserved */ -.kt { color: #007788; } /* Keyword.Type */ -.m { color: #FF6600 } /* Literal.Number */ -.s { color: #d44950 } /* Literal.String */ -.na { color: #4f9fcf } /* Name.Attribute */ -.nb { color: #336666 } /* Name.Builtin */ -.nc { color: #00AA88; } /* Name.Class */ -.no { color: #336600 } /* Name.Constant */ -.nd { color: #9999FF } /* Name.Decorator */ -.ni { color: #999999; } /* Name.Entity */ -.ne { color: #CC0000; } /* Name.Exception */ -.nf { color: #CC00FF } /* Name.Function */ -.nl { color: #9999FF } /* Name.Label */ -.nn { color: #00CCFF; } /* Name.Namespace */ -.nt { color: #2f6f9f; } /* Name.Tag */ -.nv { color: #003333 } /* Name.Variable */ -.ow { color: #000000; } /* Operator.Word */ -.w { color: #bbbbbb } /* Text.Whitespace */ -.mf { color: #FF6600 } /* Literal.Number.Float */ -.mh { color: #FF6600 } /* Literal.Number.Hex */ -.mi { color: #FF6600 } /* Literal.Number.Integer */ -.mo { color: #FF6600 } /* Literal.Number.Oct */ -.sb { color: #CC3300 } /* Literal.String.Backtick */ -.sc { color: #CC3300 } /* Literal.String.Char */ -.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ -.s2 { color: #CC3300 } /* Literal.String.Double */ -.se { color: #CC3300; } /* Literal.String.Escape */ -.sh { color: #CC3300 } /* Literal.String.Heredoc */ -.si { color: #AA0000 } /* Literal.String.Interpol */ -.sx { color: #CC3300 } /* Literal.String.Other */ -.sr { color: #33AAAA } /* Literal.String.Regex */ -.s1 { color: #CC3300 } /* Literal.String.Single */ -.ss { color: #FFCC33 } /* Literal.String.Symbol */ -.bp { color: #336666 } /* Name.Builtin.Pseudo */ -.vc { color: #003333 } /* Name.Variable.Class */ -.vg { color: #003333 } /* Name.Variable.Global */ -.vi { color: #003333 } /* Name.Variable.Instance */ -.il { color: #FF6600 } /* Literal.Number.Integer.Long */ - -.css .o, -.css .o + .nt, -.css .nt + .nt { color: #999; } diff --git a/static/favicon.png b/static/favicon.png Binary files differindex 84cce4d..163da34 100644 --- a/static/favicon.png +++ b/static/favicon.png diff --git a/static/icon.svg b/static/icon.svg new file mode 100644 index 0000000..b3b16e2 --- /dev/null +++ b/static/icon.svg @@ -0,0 +1,91 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="32" + height="32" + version="1.1" + id="svg19" + sodipodi:docname="iconfinder-icon.svg" + inkscape:version="0.92.3 (2405546, 2018-03-11)"> + <metadata + id="metadata25"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs23" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1853" + inkscape:window-height="1025" + id="namedview21" + showgrid="false" + inkscape:zoom="7.375" + inkscape:cx="16" + inkscape:cy="16" + inkscape:window-x="67" + inkscape:window-y="27" + inkscape:window-maximized="1" + inkscape:current-layer="svg19" /> + <title + id="title2" /> + <desc + id="desc4" /> + <g + id="g9"> + <title + id="title6">background</title> + <rect + id="canvas_background" + height="402" + width="582" + y="-1" + x="-1" + fill="none" /> + </g> + <g + id="g17" + transform="translate(5.8305085,1.4915254)"> + <title + id="title11">Layer 1</title> + <path + id="Fill-1" + d="m 6.0775,3.8803 v 20.038 h 11.305 c 0.902,0 1.593,0.219 2.075,0.657 0.482,0.438 0.723,0.989 0.723,1.652 0,0.676 -0.238,1.224 -0.713,1.644 -0.476,0.419 -1.171,0.629 -2.085,0.629 H 3.9175 c -1.214,0 -2.087,-0.269 -2.619,-0.808 -0.532,-0.538 -0.798,-1.408 -0.798,-2.61 V 3.8803 c 0,-1.127 0.253,-1.972 0.76,-2.535 0.507,-0.564 1.174,-0.845 2,-0.845 0.839,0 1.518,0.278 2.038,0.835 0.519,0.558 0.779,1.406 0.779,2.545" + inkscape:connector-curvature="0" + style="fill:#f42f42" /> + <path + id="Stroke-3" + d="m 6.0775,3.8803 v 20.038 h 11.305 c 0.902,0 1.593,0.219 2.075,0.657 0.482,0.438 0.723,0.989 0.723,1.652 0,0.676 -0.238,1.224 -0.713,1.644 -0.476,0.419 -1.171,0.629 -2.085,0.629 H 3.9175 c -1.214,0 -2.087,-0.269 -2.619,-0.808 -0.532,-0.538 -0.798,-1.408 -0.798,-2.61 V 3.8803 c 0,-1.127 0.253,-1.972 0.76,-2.535 0.507,-0.564 1.174,-0.845 2,-0.845 0.839,0 1.518,0.278 2.038,0.835 0.519,0.558 0.779,1.406 0.779,2.545 z" + inkscape:connector-curvature="0" + style="fill:#49757a;stroke:#000000" /> + <path + id="Stroke-5" + d="m 2.3755,2.3477 c 0.154,-0.172 0.381,-0.348 0.885,-0.348" + inkscape:connector-curvature="0" + style="stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1, 2, 6, 2, 3" /> + <path + id="Fill-7" + d="m 19.1363,26.4961 c -0.379,0.334 -0.97,0.504 -1.754,0.504 H 3.9173 c -1.069,0 -1.831,-0.222 -2.263,-0.659 -0.435,-0.44 -0.655,-1.199 -0.655,-2.259 v 1 c 0,1.06 0.22,1.819 0.655,2.259 0.432,0.437 1.194,0.659 2.263,0.659 h 13.465 c 0.784,0 1.375,-0.17 1.754,-0.504 0.367,-0.323 0.545,-0.738 0.545,-1.269 0,-0.177 -0.03,-0.339 -0.073,-0.494 -0.081,0.297 -0.232,0.552 -0.472,0.763" + inkscape:connector-curvature="0" + style="opacity:0.20376599;fill:#1c494e" /> + </g> +</svg> |
