From a28abd38d07ba2cb62e527dd619193e03f078b19 Mon Sep 17 00:00:00 2001 From: Tomasz Kramkowski Date: Sat, 25 Dec 2021 23:41:29 +0000 Subject: replace scss with plain css and generate highlights --- content/style.css | 136 ++++++++++++++++++++++++++++++++++++++++++++ content/style.scss | 164 ----------------------------------------------------- generate.py | 6 +- 3 files changed, 140 insertions(+), 166 deletions(-) create mode 100644 content/style.css delete mode 100644 content/style.scss diff --git a/content/style.css b/content/style.css new file mode 100644 index 0000000..53e096c --- /dev/null +++ b/content/style.css @@ -0,0 +1,136 @@ +html { + background-image: url(./images/grid_noise.png); + background-repeat: repeat; + background-color: #F3F5F7; + font-family: sans-serif; + text-align: justify; +} + +main { + max-width: 100%; + width: 50em; + margin: 1em auto; + padding: 1em; + background-color: white; + box-shadow: 0 0 5px #888; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +#copyright { + color: grey; + font-size: x-small; + text-align: center; +} + +nav { + overflow: hidden; + width: 100%; + font-weight: bold; + font-size: large; +} +nav a { + text-decoration: none; +} +nav a:link { + color: black; +} +nav a:visited { + color: black; +} +nav a:hover { + color: grey; +} +nav a:active { + color: darkgrey; +} + +div.codehilite pre { + border: 1px dashed #DDD; + background-color: #FAFAFA; + padding: 0.1em; +} + +div.codehilite pre { + display: block; + overflow: auto; +} + +.fleft { + float: left; +} + +.fright { + float: right; +} + +figure { + margin: 0 0.5em; +} +figure figcaption { + font-size: small; + color: #BBB; + text-align: right; + border-top: thin dotted grey; +} + +blockquote { + font-family: serif; +} + +img.icon { + height: 0.8em; +} + +a:link { + color: grey; +} + +a:hover { + color: lightgrey; +} + +a:visited { + color: darkgrey; +} + +a:active { + color: darkgrey; +} + +footer { + text-align: center; +} + +hr { + border: none; + border-top: 1px dashed lightgrey; + height: 0px; +} + +article footer { + text-align: right; +} + +time { + color: #BBB; +} + +ul.taglist { + padding-left: 0; + list-style: none; +} +ul.taglist li { + display: inline; +} + +ul.postlist { + padding-left: 0; + list-style: none; +} + +ul.projects { + padding-left: 0; + list-style: none; +} diff --git a/content/style.scss b/content/style.scss deleted file mode 100644 index 2ac18d5..0000000 --- a/content/style.scss +++ /dev/null @@ -1,164 +0,0 @@ -html { - background-image: url(./images/grid_noise.png); - background-repeat: repeat; - background-color: #F3F5F7; - font-family: sans-serif; - text-align: justify; -} - -main { - max-width: 100%; - width: 50em; - margin: 1em auto; - padding: 1em; - background-color: white; - box-shadow: 0 0 5px #888; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -#copyright { - color: grey; - font-size: x-small; - text-align: center; -} - -nav { - overflow: hidden; width: 100%; font-weight: bold; font-size: large; - a { text-decoration: none; } - a:link { color: black; } - a:visited { color: black; } - a:hover { color: grey; } - a:active { color: darkgrey; } -} - -div.codehilite pre { - border: 1px dashed #DDD; - background-color: #FAFAFA; - padding: 0.1em; -} -div.codehilite pre { display: block; overflow: auto; } - -.fleft { float: left; } -.fright { float: right; } - -figure { - margin: 0 0.5em; - figcaption { - font-size: small; - color: #BBB; - text-align: right; - border-top: thin dotted grey; - } -} - -blockquote { font-family: serif; } - -img.icon { height: 0.8em; } - -a:link { color: grey; } a:hover { color: lightgrey; } -a:visited { color: darkgrey; } a:active { color: darkgrey; } - -footer { text-align: center; } - -hr { border: none; border-top: 1px dashed lightgrey; height: 0px; } - -article footer { - text-align: right; -} - -time { - color: #BBB; -} - -ul.taglist { - padding-left: 0; - list-style: none; - li { display: inline; } -} - -ul.postlist { - padding-left: 0; - list-style: none; -} - -ul.projects { - padding-left: 0; - list-style: none; -} - -pre { line-height: 125%; } -td.linenos pre { color: #000000; background-color: #f0f0f0; padding-left: 5px; padding-right: 5px; } -span.linenos { color: #000000; background-color: #f0f0f0; padding-left: 5px; padding-right: 5px; } -td.linenos pre.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; } -.codehilite .hll { background-color: #ffffcc } -.codehilite { background: #f8f8f8; } -.codehilite .c { color: #408080; font-style: italic } /* Comment */ -.codehilite .err { border: 1px solid #FF0000 } /* Error */ -.codehilite .k { color: #008000; font-weight: bold } /* Keyword */ -.codehilite .o { color: #666666 } /* Operator */ -.codehilite .ch { color: #408080; font-style: italic } /* Comment.Hashbang */ -.codehilite .cm { color: #408080; font-style: italic } /* Comment.Multiline */ -.codehilite .cp { color: #BC7A00 } /* Comment.Preproc */ -.codehilite .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */ -.codehilite .c1 { color: #408080; font-style: italic } /* Comment.Single */ -.codehilite .cs { color: #408080; font-style: italic } /* Comment.Special */ -.codehilite .gd { color: #A00000 } /* Generic.Deleted */ -.codehilite .ge { font-style: italic } /* Generic.Emph */ -.codehilite .gr { color: #FF0000 } /* Generic.Error */ -.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */ -.codehilite .gi { color: #00A000 } /* Generic.Inserted */ -.codehilite .go { color: #888888 } /* Generic.Output */ -.codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */ -.codehilite .gs { font-weight: bold } /* Generic.Strong */ -.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ -.codehilite .gt { color: #0044DD } /* Generic.Traceback */ -.codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */ -.codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */ -.codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */ -.codehilite .kp { color: #008000 } /* Keyword.Pseudo */ -.codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */ -.codehilite .kt { color: #B00040 } /* Keyword.Type */ -.codehilite .m { color: #666666 } /* Literal.Number */ -.codehilite .s { color: #BA2121 } /* Literal.String */ -.codehilite .na { color: #7D9029 } /* Name.Attribute */ -.codehilite .nb { color: #008000 } /* Name.Builtin */ -.codehilite .nc { color: #0000FF; font-weight: bold } /* Name.Class */ -.codehilite .no { color: #880000 } /* Name.Constant */ -.codehilite .nd { color: #AA22FF } /* Name.Decorator */ -.codehilite .ni { color: #999999; font-weight: bold } /* Name.Entity */ -.codehilite .ne { color: #D2413A; font-weight: bold } /* Name.Exception */ -.codehilite .nf { color: #0000FF } /* Name.Function */ -.codehilite .nl { color: #A0A000 } /* Name.Label */ -.codehilite .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */ -.codehilite .nt { color: #008000; font-weight: bold } /* Name.Tag */ -.codehilite .nv { color: #19177C } /* Name.Variable */ -.codehilite .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */ -.codehilite .w { color: #bbbbbb } /* Text.Whitespace */ -.codehilite .mb { color: #666666 } /* Literal.Number.Bin */ -.codehilite .mf { color: #666666 } /* Literal.Number.Float */ -.codehilite .mh { color: #666666 } /* Literal.Number.Hex */ -.codehilite .mi { color: #666666 } /* Literal.Number.Integer */ -.codehilite .mo { color: #666666 } /* Literal.Number.Oct */ -.codehilite .sa { color: #BA2121 } /* Literal.String.Affix */ -.codehilite .sb { color: #BA2121 } /* Literal.String.Backtick */ -.codehilite .sc { color: #BA2121 } /* Literal.String.Char */ -.codehilite .dl { color: #BA2121 } /* Literal.String.Delimiter */ -.codehilite .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */ -.codehilite .s2 { color: #BA2121 } /* Literal.String.Double */ -.codehilite .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */ -.codehilite .sh { color: #BA2121 } /* Literal.String.Heredoc */ -.codehilite .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */ -.codehilite .sx { color: #008000 } /* Literal.String.Other */ -.codehilite .sr { color: #BB6688 } /* Literal.String.Regex */ -.codehilite .s1 { color: #BA2121 } /* Literal.String.Single */ -.codehilite .ss { color: #19177C } /* Literal.String.Symbol */ -.codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */ -.codehilite .fm { color: #0000FF } /* Name.Function.Magic */ -.codehilite .vc { color: #19177C } /* Name.Variable.Class */ -.codehilite .vg { color: #19177C } /* Name.Variable.Global */ -.codehilite .vi { color: #19177C } /* Name.Variable.Instance */ -.codehilite .vm { color: #19177C } /* Name.Variable.Magic */ -.codehilite .il { color: #666666 } /* Literal.Number.Integer.Long */ diff --git a/generate.py b/generate.py index 7b1e6bb..a139f19 100755 --- a/generate.py +++ b/generate.py @@ -8,8 +8,8 @@ from jinja2 import Environment, FileSystemLoader from markdown import markdown from markupsafe import Markup from operator import attrgetter -from scss import Compiler from subprocess import call as run +from pygments.formatters import HtmlFormatter import meta import os @@ -172,7 +172,9 @@ def main(argv=['generate.py']): output('error/{}.html'.format(code), env.get_template('error.html').render(page=page)) with open(os.path.join(OUTPUT, 'style.css'), 'w') as f: - f.write(Compiler().compile(os.path.join(CONTENT, 'style.scss'))) + with open(os.path.join(CONTENT, 'style.css')) as css: + f.write(css.read()) + f.write(HtmlFormatter().get_style_defs('.codehilite')) run(['cp', '-r', os.path.join(CONTENT, 'images'), OUTPUT]) if __name__ == '__main__': -- cgit v1.2.3-54-g00ecf