diff --git a/scripts/blog.py b/scripts/blog.py index fa88c17..354ef5d 100644 --- a/scripts/blog.py +++ b/scripts/blog.py @@ -41,6 +41,8 @@ STATIC_PATH = os.path.join(ROOT_DIR, 'static') ARTICLE_TEMPLATE_NAME = 'article.tmpl.html' STATIC_RESOURCES = ( ('style.css', 'css/style.css'), + ('light-syntax.css', 'css/light-syntax.css'), + ('dark-syntax.css', 'css/dark-syntax.css'), ) JINJA_ENV = jinja2.Environment( diff --git a/static/article.tmpl.html b/static/article.tmpl.html index b73f5dd..879d557 100644 --- a/static/article.tmpl.html +++ b/static/article.tmpl.html @@ -5,6 +5,7 @@ Código para llevar +
diff --git a/static/dark-syntax.css b/static/dark-syntax.css new file mode 100644 index 0000000..887e4e5 --- /dev/null +++ b/static/dark-syntax.css @@ -0,0 +1,83 @@ +pre { line-height: 125%; } +td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } +span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } +td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } +span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } +.hll { background-color: #ebdbb2 } +.c { color: #928374; font-style: italic } /* Comment */ +.err { color: #282828; background-color: #fb4934 } /* Error */ +.esc { color: #dddddd } /* Escape */ +.g { color: #dddddd } /* Generic */ +.k { color: #fb4934 } /* Keyword */ +.l { color: #dddddd } /* Literal */ +.n { color: #dddddd } /* Name */ +.o { color: #dddddd } /* Operator */ +.x { color: #dddddd } /* Other */ +.p { color: #dddddd } /* Punctuation */ +.ch { color: #928374; font-style: italic } /* Comment.Hashbang */ +.cm { color: #928374; font-style: italic } /* Comment.Multiline */ +.c-PreProc { color: #8ec07c; font-style: italic } /* Comment.PreProc */ +.cp { color: #928374; font-style: italic } /* Comment.Preproc */ +.cpf { color: #928374; font-style: italic } /* Comment.PreprocFile */ +.c1 { color: #928374; font-style: italic } /* Comment.Single */ +.cs { color: #ebdbb2; font-weight: bold; font-style: italic } /* Comment.Special */ +.gd { color: #282828; background-color: #fb4934 } /* Generic.Deleted */ +.ge { color: #dddddd; font-style: italic } /* Generic.Emph */ +.gr { color: #fb4934 } /* Generic.Error */ +.gh { color: #ebdbb2; font-weight: bold } /* Generic.Heading */ +.gi { color: #282828; background-color: #b8bb26 } /* Generic.Inserted */ +.go { color: #f2e5bc } /* Generic.Output */ +.gp { color: #a89984 } /* Generic.Prompt */ +.gs { color: #dddddd; font-weight: bold } /* Generic.Strong */ +.gu { color: #ebdbb2; text-decoration: underline } /* Generic.Subheading */ +.gt { color: #fb4934 } /* Generic.Traceback */ +.kc { color: #fb4934 } /* Keyword.Constant */ +.kd { color: #fb4934 } /* Keyword.Declaration */ +.kn { color: #fb4934 } /* Keyword.Namespace */ +.kp { color: #fb4934 } /* Keyword.Pseudo */ +.kr { color: #fb4934 } /* Keyword.Reserved */ +.kt { color: #fb4934 } /* Keyword.Type */ +.ld { color: #dddddd } /* Literal.Date */ +.m { color: #d3869b } /* Literal.Number */ +.s { color: #b8bb26 } /* Literal.String */ +.na { color: #fabd2f } /* Name.Attribute */ +.nb { color: #fe8019 } /* Name.Builtin */ +.nc { color: #8ec07c } /* Name.Class */ +.no { color: #d3869b } /* Name.Constant */ +.nd { color: #fb4934 } /* Name.Decorator */ +.ni { color: #dddddd } /* Name.Entity */ +.ne { color: #fb4934 } /* Name.Exception */ +.nf { color: #8ec07c } /* Name.Function */ +.nl { color: #dddddd } /* Name.Label */ +.nn { color: #8ec07c } /* Name.Namespace */ +.nx { color: #dddddd } /* Name.Other */ +.py { color: #dddddd } /* Name.Property */ +.nt { color: #8ec07c } /* Name.Tag */ +.nv { color: #83a598 } /* Name.Variable */ +.ow { color: #fb4934 } /* Operator.Word */ +.w { color: #dddddd } /* Text.Whitespace */ +.mb { color: #d3869b } /* Literal.Number.Bin */ +.mf { color: #d3869b } /* Literal.Number.Float */ +.mh { color: #d3869b } /* Literal.Number.Hex */ +.mi { color: #d3869b } /* Literal.Number.Integer */ +.mo { color: #d3869b } /* Literal.Number.Oct */ +.sa { color: #b8bb26 } /* Literal.String.Affix */ +.sb { color: #b8bb26 } /* Literal.String.Backtick */ +.sc { color: #b8bb26 } /* Literal.String.Char */ +.dl { color: #b8bb26 } /* Literal.String.Delimiter */ +.sd { color: #b8bb26 } /* Literal.String.Doc */ +.s2 { color: #b8bb26 } /* Literal.String.Double */ +.se { color: #fe8019 } /* Literal.String.Escape */ +.sh { color: #b8bb26 } /* Literal.String.Heredoc */ +.si { color: #b8bb26 } /* Literal.String.Interpol */ +.sx { color: #b8bb26 } /* Literal.String.Other */ +.sr { color: #b8bb26 } /* Literal.String.Regex */ +.s1 { color: #b8bb26 } /* Literal.String.Single */ +.ss { color: #b8bb26 } /* Literal.String.Symbol */ +.bp { color: #fe8019 } /* Name.Builtin.Pseudo */ +.fm { color: #8ec07c } /* Name.Function.Magic */ +.vc { color: #83a598 } /* Name.Variable.Class */ +.vg { color: #83a598 } /* Name.Variable.Global */ +.vi { color: #83a598 } /* Name.Variable.Instance */ +.vm { color: #83a598 } /* Name.Variable.Magic */ +.il { color: #d3869b } /* Literal.Number.Integer.Long */ diff --git a/static/light-syntax.css b/static/light-syntax.css new file mode 100644 index 0000000..5e91e48 --- /dev/null +++ b/static/light-syntax.css @@ -0,0 +1,70 @@ +pre { line-height: 125%; } +td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } +span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; } +td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } +span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; } +.hll { background-color: #3c3836 } +.c { color: #928374; font-style: italic } /* Comment */ +.err { color: #fbf1c7; background-color: #9d0006 } /* Error */ +.k { color: #9d0006 } /* Keyword */ +.ch { color: #928374; font-style: italic } /* Comment.Hashbang */ +.cm { color: #928374; font-style: italic } /* Comment.Multiline */ +.c-PreProc { color: #427b58; font-style: italic } /* Comment.PreProc */ +.cp { color: #928374; font-style: italic } /* Comment.Preproc */ +.cpf { color: #928374; font-style: italic } /* Comment.PreprocFile */ +.c1 { color: #928374; font-style: italic } /* Comment.Single */ +.cs { color: #3c3836; font-weight: bold; font-style: italic } /* Comment.Special */ +.gd { color: #fbf1c7; background-color: #9d0006 } /* Generic.Deleted */ +.ge { font-style: italic } /* Generic.Emph */ +.gr { color: #9d0006 } /* Generic.Error */ +.gh { color: #3c3836; font-weight: bold } /* Generic.Heading */ +.gi { color: #fbf1c7; background-color: #79740e } /* Generic.Inserted */ +.go { color: #32302f } /* Generic.Output */ +.gp { color: #7c6f64 } /* Generic.Prompt */ +.gs { font-weight: bold } /* Generic.Strong */ +.gu { color: #3c3836; text-decoration: underline } /* Generic.Subheading */ +.gt { color: #9d0006 } /* Generic.Traceback */ +.kc { color: #9d0006 } /* Keyword.Constant */ +.kd { color: #9d0006 } /* Keyword.Declaration */ +.kn { color: #9d0006 } /* Keyword.Namespace */ +.kp { color: #9d0006 } /* Keyword.Pseudo */ +.kr { color: #9d0006 } /* Keyword.Reserved */ +.kt { color: #9d0006 } /* Keyword.Type */ +.m { color: #8f3f71 } /* Literal.Number */ +.s { color: #79740e } /* Literal.String */ +.na { color: #b57614 } /* Name.Attribute */ +.nb { color: #af3a03 } /* Name.Builtin */ +.nc { color: #427b58 } /* Name.Class */ +.no { color: #8f3f71 } /* Name.Constant */ +.nd { color: #9d0006 } /* Name.Decorator */ +.ne { color: #9d0006 } /* Name.Exception */ +.nf { color: #427b58 } /* Name.Function */ +.nn { color: #427b58 } /* Name.Namespace */ +.nt { color: #427b58 } /* Name.Tag */ +.nv { color: #076678 } /* Name.Variable */ +.ow { color: #9d0006 } /* Operator.Word */ +.mb { color: #8f3f71 } /* Literal.Number.Bin */ +.mf { color: #8f3f71 } /* Literal.Number.Float */ +.mh { color: #8f3f71 } /* Literal.Number.Hex */ +.mi { color: #8f3f71 } /* Literal.Number.Integer */ +.mo { color: #8f3f71 } /* Literal.Number.Oct */ +.sa { color: #79740e } /* Literal.String.Affix */ +.sb { color: #79740e } /* Literal.String.Backtick */ +.sc { color: #79740e } /* Literal.String.Char */ +.dl { color: #79740e } /* Literal.String.Delimiter */ +.sd { color: #79740e } /* Literal.String.Doc */ +.s2 { color: #79740e } /* Literal.String.Double */ +.se { color: #af3a03 } /* Literal.String.Escape */ +.sh { color: #79740e } /* Literal.String.Heredoc */ +.si { color: #79740e } /* Literal.String.Interpol */ +.sx { color: #79740e } /* Literal.String.Other */ +.sr { color: #79740e } /* Literal.String.Regex */ +.s1 { color: #79740e } /* Literal.String.Single */ +.ss { color: #79740e } /* Literal.String.Symbol */ +.bp { color: #af3a03 } /* Name.Builtin.Pseudo */ +.fm { color: #427b58 } /* Name.Function.Magic */ +.vc { color: #076678 } /* Name.Variable.Class */ +.vg { color: #076678 } /* Name.Variable.Global */ +.vi { color: #076678 } /* Name.Variable.Instance */ +.vm { color: #076678 } /* Name.Variable.Magic */ +.il { color: #8f3f71 } /* Literal.Number.Integer.Long */