replace scss with plain css and generate highlights

3 files changed, 140 insertions, 166 deletions

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__':