diff --git a/static/css/custom.css b/static/css/custom.css new file mode 100644 index 0000000..6ff8080 --- /dev/null +++ b/static/css/custom.css @@ -0,0 +1,8 @@ + +.body { + background-color: #202020 !important; +} + +.sidebar { + text-align: left !important; +} \ No newline at end of file diff --git a/static/css/hyde.css b/static/css/hyde.css index 4aa1ef9..fa1f3e5 100644 --- a/static/css/hyde.css +++ b/static/css/hyde.css @@ -32,7 +32,8 @@ */ html { - font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-family: "JetBrains Mono", monospace; + background-color: #202020; } @media (min-width: 48em) { html { @@ -54,11 +55,12 @@ html { */ .sidebar { - text-align: center; + text-align: left; padding: 2rem 1rem; color: rgba(255,255,255,.5); background-color: #202020; } + @media (min-width: 48em) { .sidebar { position: fixed; @@ -66,7 +68,7 @@ html { left: 0; bottom: 0; width: 18rem; - text-align: center; + text-align: left; } } @@ -80,7 +82,7 @@ html { .sidebar-about h1 { color: #fff; margin-top: 0; - font-family: "Abril Fatface", serif; + /*font-family: "Abril Fatface", serif;*/ font-size: 3rem; } @@ -259,13 +261,20 @@ a.sidebar-social-item.active:focus { } /* Blue */ -.theme-base-0d .sidebar { +.theme-base-0d.sidebar { background-color: #6a9fb5; } +/*.theme-base-0d .container {*/ +/* background-color: #6a9fb5;*/ +/*}*/ .theme-base-0d .content a, .theme-base-0d .related-posts li a:hover { color: #6a9fb5; } +/*.theme-base-0d body .content .container{*/ +/* background-color: #6a9fb5;*/ +/*}*/ + /* Magenta */ .theme-base-0e .sidebar { diff --git a/static/css/poole.css b/static/css/poole.css index 5becc32..02ac5a2 100644 --- a/static/css/poole.css +++ b/static/css/poole.css @@ -48,7 +48,7 @@ body { } html { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: "JetBrains Mono", monospace; font-size: 16px; line-height: 1.5; } @@ -59,8 +59,8 @@ html { } body { - color: #515151; - background-color: #fff; + color: #d7d7d7; + /*background-color: #fff;*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @@ -416,7 +416,7 @@ tbody tr:nth-child(odd) th { overflow: hidden; /* clearfix */ margin-left: -1rem; margin-right: -1rem; - font-family: "PT Sans", Helvetica, Arial, sans-serif; + font-family: "JetBrains Mono", monospace; color: #ccc; text-align: center; } diff --git a/static/css/syntax.css b/static/css/syntax.css index ab34bdb..d110bf5 100644 --- a/static/css/syntax.css +++ b/static/css/syntax.css @@ -1,68 +1,73 @@ -.highlight .hll { background-color: #ffc; } -.highlight .c { color: #999; } /* Comment */ -.highlight .err { color: #a00; background-color: #faa } /* Error */ -.highlight .k { color: #069; } /* Keyword */ -.highlight .o { color: #555 } /* Operator */ -.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #099 } /* Comment.Preproc */ -.highlight .c1 { color: #999; } /* Comment.Single */ -.highlight .cs { color: #999; } /* Comment.Special */ -.highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #f00 } /* Generic.Error */ -.highlight .gh { color: #030; } /* Generic.Heading */ -.highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */ -.highlight .go { color: #aaa } /* Generic.Output */ -.highlight .gp { color: #009; } /* Generic.Prompt */ -.highlight .gs { } /* Generic.Strong */ -.highlight .gu { color: #030; } /* Generic.Subheading */ -.highlight .gt { color: #9c6 } /* Generic.Traceback */ -.highlight .kc { color: #069; } /* Keyword.Constant */ -.highlight .kd { color: #069; } /* Keyword.Declaration */ -.highlight .kn { color: #069; } /* Keyword.Namespace */ -.highlight .kp { color: #069 } /* Keyword.Pseudo */ -.highlight .kr { color: #069; } /* Keyword.Reserved */ -.highlight .kt { color: #078; } /* Keyword.Type */ -.highlight .m { color: #f60 } /* Literal.Number */ -.highlight .s { color: #d44950 } /* Literal.String */ -.highlight .na { color: #4f9fcf } /* Name.Attribute */ -.highlight .nb { color: #366 } /* Name.Builtin */ -.highlight .nc { color: #0a8; } /* Name.Class */ -.highlight .no { color: #360 } /* Name.Constant */ -.highlight .nd { color: #99f } /* Name.Decorator */ -.highlight .ni { color: #999; } /* Name.Entity */ -.highlight .ne { color: #c00; } /* Name.Exception */ -.highlight .nf { color: #c0f } /* Name.Function */ -.highlight .nl { color: #99f } /* Name.Label */ -.highlight .nn { color: #0cf; } /* Name.Namespace */ -.highlight .nt { color: #2f6f9f; } /* Name.Tag */ -.highlight .nv { color: #033 } /* Name.Variable */ -.highlight .ow { color: #000; } /* Operator.Word */ -.highlight .w { color: #bbb } /* Text.Whitespace */ -.highlight .mf { color: #f60 } /* Literal.Number.Float */ -.highlight .mh { color: #f60 } /* Literal.Number.Hex */ -.highlight .mi { color: #f60 } /* Literal.Number.Integer */ -.highlight .mo { color: #f60 } /* Literal.Number.Oct */ -.highlight .sb { color: #c30 } /* Literal.String.Backtick */ -.highlight .sc { color: #c30 } /* Literal.String.Char */ -.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */ -.highlight .s2 { color: #c30 } /* Literal.String.Double */ -.highlight .se { color: #c30; } /* Literal.String.Escape */ -.highlight .sh { color: #c30 } /* Literal.String.Heredoc */ -.highlight .si { color: #a00 } /* Literal.String.Interpol */ -.highlight .sx { color: #c30 } /* Literal.String.Other */ -.highlight .sr { color: #3aa } /* Literal.String.Regex */ -.highlight .s1 { color: #c30 } /* Literal.String.Single */ -.highlight .ss { color: #fc3 } /* Literal.String.Symbol */ -.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */ -.highlight .vc { color: #033 } /* Name.Variable.Class */ -.highlight .vg { color: #033 } /* Name.Variable.Global */ -.highlight .vi { color: #033 } /* Name.Variable.Instance */ -.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */ -.css .o, -.css .o + .nt, -.css .nt + .nt { color: #999; } +/* Adjusted to give override background and text colour */ +.highlight pre, pre, .highlight .hll { + background-color: #49483E; + border: 1px solid #ccc; + padding: 6px 10px; + border-radius: 3px; + color: #FFFFFF; +} -.highlight .lineno { color: #ccc; display:inline-block; padding: 0 5px; border-right:1px solid #ccc; } -.highlight pre code { display: block; white-space: pre; overflow-x: auto; word-wrap: normal; } +.gist pre { + color: #515151; +} + +/* Highlights taken from https://gist.github.com/asaaki/1007420 for Monokai theme */ +.c { color: #75715e } /* Comment */ +.err { color: #960050; background-color: #1e0010 } /* Error */ +.k { color: #66d9ef } /* Keyword */ +.l { color: #ae81ff } /* Literal */ +.n { color: #f8f8f2 } /* Name */ +.o { color: #f92672 } /* Operator */ +.p { color: #f8f8f2 } /* Punctuation */ +.cm { color: #75715e } /* Comment.Multiline */ +.cp { color: #75715e } /* Comment.Preproc */ +.c1 { color: #75715e } /* Comment.Single */ +.cs { color: #75715e } /* Comment.Special */ +.ge { font-style: italic } /* Generic.Emph */ +.gs { font-weight: bold } /* Generic.Strong */ +.kc { color: #66d9ef } /* Keyword.Constant */ +.kd { color: #66d9ef } /* Keyword.Declaration */ +.kn { color: #f92672 } /* Keyword.Namespace */ +.kp { color: #66d9ef } /* Keyword.Pseudo */ +.kr { color: #66d9ef } /* Keyword.Reserved */ +.kt { color: #66d9ef } /* Keyword.Type */ +.ld { color: #e6db74 } /* Literal.Date */ +.m { color: #ae81ff } /* Literal.Number */ +.s { color: #e6db74 } /* Literal.String */ +.na { color: #a6e22e } /* Name.Attribute */ +.nb { color: #f8f8f2 } /* Name.Builtin */ +.nc { color: #a6e22e } /* Name.Class */ +.no { color: #66d9ef } /* Name.Constant */ +.nd { color: #a6e22e } /* Name.Decorator */ +.ni { color: #f8f8f2 } /* Name.Entity */ +.ne { color: #a6e22e } /* Name.Exception */ +.nf { color: #a6e22e } /* Name.Function */ +.nl { color: #f8f8f2 } /* Name.Label */ +.nn { color: #f8f8f2 } /* Name.Namespace */ +.nx { color: #a6e22e } /* Name.Other */ +.py { color: #f8f8f2 } /* Name.Property */ +.nt { color: #f92672 } /* Name.Tag */ +.nv { color: #f8f8f2 } /* Name.Variable */ +.ow { color: #f92672 } /* Operator.Word */ +.w { color: #f8f8f2 } /* Text.Whitespace */ +.mf { color: #ae81ff } /* Literal.Number.Float */ +.mh { color: #ae81ff } /* Literal.Number.Hex */ +.mi { color: #ae81ff } /* Literal.Number.Integer */ +.mo { color: #ae81ff } /* Literal.Number.Oct */ +.sb { color: #e6db74 } /* Literal.String.Backtick */ +.sc { color: #e6db74 } /* Literal.String.Char */ +.sd { color: #e6db74 } /* Literal.String.Doc */ +.s2 { color: #e6db74 } /* Literal.String.Double */ +.se { color: #ae81ff } /* Literal.String.Escape */ +.sh { color: #e6db74 } /* Literal.String.Heredoc */ +.si { color: #e6db74 } /* Literal.String.Interpol */ +.sx { color: #e6db74 } /* Literal.String.Other */ +.sr { color: #e6db74 } /* Literal.String.Regex */ +.s1 { color: #e6db74 } /* Literal.String.Single */ +.ss { color: #e6db74 } /* Literal.String.Symbol */ +.bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ +.vc { color: #f8f8f2 } /* Name.Variable.Class */ +.vg { color: #f8f8f2 } /* Name.Variable.Global */ +.vi { color: #f8f8f2 } /* Name.Variable.Instance */ +.il { color: #ae81ff } /* Literal.Number.Integer.Long */ diff --git a/templates/base.html b/templates/base.html index 0dffada..4c7d4d1 100644 --- a/templates/base.html +++ b/templates/base.html @@ -21,11 +21,13 @@ {% block title %}{{ SITENAME }}{% endblock title %}{% if SITESUBTITLE %} - {{ SITESUBTITLE }}{% endif %} - - + + + + {% if FONT_AWESOME_JS %} diff --git a/templates/project.html b/templates/project.html new file mode 100644 index 0000000..bde558a --- /dev/null +++ b/templates/project.html @@ -0,0 +1,32 @@ +{% extends "base.html" %} + +{% block metadata %} + + + + + +{% endblock %} + +{% block content %} +
+

{{ article.title }}

+ {{ article.locale_date }} + THIS IS A PROJECT NOT AN ARTICLE! + {{ article.content }} + + {% if article.tags %} + + Tags: + + + {% endif %} + + {% include 'fragments/disqus.html' %} +
+{% endblock %} diff --git a/templates/sidebar.html b/templates/sidebar.html index 261f3e7..fdc18e2 100644 --- a/templates/sidebar.html +++ b/templates/sidebar.html @@ -4,7 +4,7 @@

- + {{ SITENAME }}