diff --git a/Makefile b/Makefile index dc701db..fe218d9 100644 --- a/Makefile +++ b/Makefile @@ -2,3 +2,6 @@ .PHONY: all all: python3 ./main.py + +public/pyg.css: + pygmentize -S dracula -f html -a .codehilite > ./public/pyg.css diff --git a/index.html.tmpl b/index.html.tmpl index aca1b3f..4026b09 100644 --- a/index.html.tmpl +++ b/index.html.tmpl @@ -6,7 +6,7 @@ cfebs.com${more_title} - +
@@ -32,7 +32,5 @@
- - diff --git a/main.py b/main.py index 7c29512..46e7ffc 100644 --- a/main.py +++ b/main.py @@ -18,7 +18,7 @@ cpu_count = os.cpu_count() def convert(text): - md = markdown.Markdown(extensions=["extra", "meta", TocExtension(anchorlink=True)]) + md = markdown.Markdown(extensions=["extra", "meta", TocExtension(anchorlink=True), "codehilite"]) res = md.convert(text) return res, md.Meta diff --git a/public/pyg.css b/public/pyg.css new file mode 100644 index 0000000..d69faa1 --- /dev/null +++ b/public/pyg.css @@ -0,0 +1,84 @@ +pre { line-height: 125%; } +td.linenos .normal { color: #f1fa8c; background-color: #44475a; padding-left: 5px; padding-right: 5px; } +span.linenos { color: #f1fa8c; background-color: #44475a; padding-left: 5px; padding-right: 5px; } +td.linenos .special { color: #50fa7b; background-color: #6272a4; padding-left: 5px; padding-right: 5px; } +span.linenos.special { color: #50fa7b; background-color: #6272a4; padding-left: 5px; padding-right: 5px; } +.codehilite .hll { background-color: #44475a } +.codehilite { background: #282a36; color: #F8F8F2 } +.codehilite .c { color: #6272A4 } /* Comment */ +.codehilite .err { color: #F8F8F2 } /* Error */ +.codehilite .g { color: #F8F8F2 } /* Generic */ +.codehilite .k { color: #FF79C6 } /* Keyword */ +.codehilite .l { color: #F8F8F2 } /* Literal */ +.codehilite .n { color: #F8F8F2 } /* Name */ +.codehilite .o { color: #FF79C6 } /* Operator */ +.codehilite .x { color: #F8F8F2 } /* Other */ +.codehilite .p { color: #F8F8F2 } /* Punctuation */ +.codehilite .ch { color: #6272A4 } /* Comment.Hashbang */ +.codehilite .cm { color: #6272A4 } /* Comment.Multiline */ +.codehilite .cp { color: #FF79C6 } /* Comment.Preproc */ +.codehilite .cpf { color: #6272A4 } /* Comment.PreprocFile */ +.codehilite .c1 { color: #6272A4 } /* Comment.Single */ +.codehilite .cs { color: #6272A4 } /* Comment.Special */ +.codehilite .gd { color: #8B080B } /* Generic.Deleted */ +.codehilite .ge { color: #F8F8F2; text-decoration: underline } /* Generic.Emph */ +.codehilite .ges { color: #F8F8F2; text-decoration: underline } /* Generic.EmphStrong */ +.codehilite .gr { color: #F8F8F2 } /* Generic.Error */ +.codehilite .gh { color: #F8F8F2; font-weight: bold } /* Generic.Heading */ +.codehilite .gi { color: #F8F8F2; font-weight: bold } /* Generic.Inserted */ +.codehilite .go { color: #44475A } /* Generic.Output */ +.codehilite .gp { color: #F8F8F2 } /* Generic.Prompt */ +.codehilite .gs { color: #F8F8F2 } /* Generic.Strong */ +.codehilite .gu { color: #F8F8F2; font-weight: bold } /* Generic.Subheading */ +.codehilite .gt { color: #F8F8F2 } /* Generic.Traceback */ +.codehilite .kc { color: #FF79C6 } /* Keyword.Constant */ +.codehilite .kd { color: #8BE9FD; font-style: italic } /* Keyword.Declaration */ +.codehilite .kn { color: #FF79C6 } /* Keyword.Namespace */ +.codehilite .kp { color: #FF79C6 } /* Keyword.Pseudo */ +.codehilite .kr { color: #FF79C6 } /* Keyword.Reserved */ +.codehilite .kt { color: #8BE9FD } /* Keyword.Type */ +.codehilite .ld { color: #F8F8F2 } /* Literal.Date */ +.codehilite .m { color: #FFB86C } /* Literal.Number */ +.codehilite .s { color: #BD93F9 } /* Literal.String */ +.codehilite .na { color: #50FA7B } /* Name.Attribute */ +.codehilite .nb { color: #8BE9FD; font-style: italic } /* Name.Builtin */ +.codehilite .nc { color: #50FA7B } /* Name.Class */ +.codehilite .no { color: #F8F8F2 } /* Name.Constant */ +.codehilite .nd { color: #F8F8F2 } /* Name.Decorator */ +.codehilite .ni { color: #F8F8F2 } /* Name.Entity */ +.codehilite .ne { color: #F8F8F2 } /* Name.Exception */ +.codehilite .nf { color: #50FA7B } /* Name.Function */ +.codehilite .nl { color: #8BE9FD; font-style: italic } /* Name.Label */ +.codehilite .nn { color: #F8F8F2 } /* Name.Namespace */ +.codehilite .nx { color: #F8F8F2 } /* Name.Other */ +.codehilite .py { color: #F8F8F2 } /* Name.Property */ +.codehilite .nt { color: #FF79C6 } /* Name.Tag */ +.codehilite .nv { color: #8BE9FD; font-style: italic } /* Name.Variable */ +.codehilite .ow { color: #FF79C6 } /* Operator.Word */ +.codehilite .pm { color: #F8F8F2 } /* Punctuation.Marker */ +.codehilite .w { color: #F8F8F2 } /* Text.Whitespace */ +.codehilite .mb { color: #FFB86C } /* Literal.Number.Bin */ +.codehilite .mf { color: #FFB86C } /* Literal.Number.Float */ +.codehilite .mh { color: #FFB86C } /* Literal.Number.Hex */ +.codehilite .mi { color: #FFB86C } /* Literal.Number.Integer */ +.codehilite .mo { color: #FFB86C } /* Literal.Number.Oct */ +.codehilite .sa { color: #BD93F9 } /* Literal.String.Affix */ +.codehilite .sb { color: #BD93F9 } /* Literal.String.Backtick */ +.codehilite .sc { color: #BD93F9 } /* Literal.String.Char */ +.codehilite .dl { color: #BD93F9 } /* Literal.String.Delimiter */ +.codehilite .sd { color: #BD93F9 } /* Literal.String.Doc */ +.codehilite .s2 { color: #BD93F9 } /* Literal.String.Double */ +.codehilite .se { color: #BD93F9 } /* Literal.String.Escape */ +.codehilite .sh { color: #BD93F9 } /* Literal.String.Heredoc */ +.codehilite .si { color: #BD93F9 } /* Literal.String.Interpol */ +.codehilite .sx { color: #BD93F9 } /* Literal.String.Other */ +.codehilite .sr { color: #BD93F9 } /* Literal.String.Regex */ +.codehilite .s1 { color: #BD93F9 } /* Literal.String.Single */ +.codehilite .ss { color: #BD93F9 } /* Literal.String.Symbol */ +.codehilite .bp { color: #F8F8F2; font-style: italic } /* Name.Builtin.Pseudo */ +.codehilite .fm { color: #50FA7B } /* Name.Function.Magic */ +.codehilite .vc { color: #8BE9FD; font-style: italic } /* Name.Variable.Class */ +.codehilite .vg { color: #8BE9FD; font-style: italic } /* Name.Variable.Global */ +.codehilite .vi { color: #8BE9FD; font-style: italic } /* Name.Variable.Instance */ +.codehilite .vm { color: #8BE9FD; font-style: italic } /* Name.Variable.Magic */ +.codehilite .il { color: #FFB86C } /* Literal.Number.Integer.Long */ diff --git a/public/style.css b/public/style.css index ab8e5e5..3ccf9bd 100644 --- a/public/style.css +++ b/public/style.css @@ -62,6 +62,11 @@ section.content { } } +.codehilite > pre { + overflow: scroll; + padding: 0.5rem; +} + @media (width < 600px) { main { width: 100%;