From d0382a0140ab9c35459fae5fbae43ed5e5c77ca8 Mon Sep 17 00:00:00 2001 From: justine Date: Sun, 20 Mar 2022 20:51:47 +0100 Subject: [PATCH] Light theme --- README.md | 3 + src/app.py | 3 +- src/classes.py | 4 +- src/static/styles/0-dracula.css | 27 +++- src/static/styles/1-light.css | 247 ++++++++++++++++++++++++++++++ src/static/styles/1-lightcula.css | 230 ---------------------------- src/static/styles/2-greencula.css | 230 ---------------------------- src/templates/homepage.html | 7 +- 8 files changed, 280 insertions(+), 471 deletions(-) create mode 100644 src/static/styles/1-light.css delete mode 100644 src/static/styles/1-lightcula.css delete mode 100644 src/static/styles/2-greencula.css diff --git a/README.md b/README.md index d5e7521..2ff91f0 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,9 @@ It uses the [dracula](https://github.com/dracula/dracula-theme) colors. ![Screenshot of the application](./squipnotes.png) +# Themes (adding your own) +All themes are in src/static/styles. They are the .css files. If you want to add your own, simply copy one of the existing files to a new one, named after the others. The numbers in the css file names determine the priority (make yours priority 0 to have it be the default). + ## Changing the code syntax highlight theme * Install pygmentyze (it then must be in your path; pip generally installs things in ~/.local/bin when using a Linux OS): ``` diff --git a/src/app.py b/src/app.py index 27bf7dc..324f532 100755 --- a/src/app.py +++ b/src/app.py @@ -58,7 +58,8 @@ def render(): csslink = choice(themes) #Commiting new theme, setting cookie for it, return template - resp = make_response(render_template("homepage.html", nr = catnotes(getnotes()), csslink = csslink)) + #resp = make_response(render_template("homepage.html", nr = catnotes(getnotes()), csslink = csslink)) + resp = make_response(redirect(request.path,code=302)) resp.set_cookie('csslink', csslink) return resp diff --git a/src/classes.py b/src/classes.py index f3b6f69..6acc5f3 100644 --- a/src/classes.py +++ b/src/classes.py @@ -37,7 +37,7 @@ class note:
{Markup.escape(self.title)}
- || + ||
Created : {self.rendertime(self.createtime)}
Modified : {self.rendertime(self.modtime)}

@@ -55,7 +55,7 @@ class note:
{Markup.escape(self.title)}
- ||Back + ||Back
Created : {self.rendertime(self.createtime)}
Modified : {self.rendertime(self.modtime)}

diff --git a/src/static/styles/0-dracula.css b/src/static/styles/0-dracula.css index 2d48d04..164ee35 100644 --- a/src/static/styles/0-dracula.css +++ b/src/static/styles/0-dracula.css @@ -50,7 +50,7 @@ h5 { } button { - background-color: #22242e; + background-color: transparent; border: none; color: #8be9fd; padding: 1px 2px; @@ -58,7 +58,7 @@ button { text-decoration: none; display: inline-block; font-size: 1em; - font-style: italic; + font-style: normal; cursor: pointer; } @@ -69,16 +69,26 @@ hr { a { color: #8be9fd; text-decoration: underline; - font-style: italic; + font-style: normal; font-size: 1em; } -.themebutton { +.topbar { + background-color: #22242e; + border: none; + color: #8be9fd; + text-align: left; + text-decoration: none; + display: block; +} + +.topbutton { float: right; } .exportlink { - float: right; + text-decoration: none; + font-style: normal; } .pagetitle { @@ -87,7 +97,6 @@ a { float: left; } - .notetitle { color: #ff79c6; font-size: 2em; @@ -98,6 +107,12 @@ a { font-style: italic; } +.backlink { + text-decoration: none; + font-style: normal; +} + + /* .title { background: #44475a; diff --git a/src/static/styles/1-light.css b/src/static/styles/1-light.css new file mode 100644 index 0000000..06e9607 --- /dev/null +++ b/src/static/styles/1-light.css @@ -0,0 +1,247 @@ +@font-face { + font-family: "Work Sans"; + src: url(WorkSans-Regular.ttf); +} + +@font-face { + font-family: "Work Sans"; + src: url(WorkSans-Bold.ttf); + font-weight: bold; +} + +@font-face { + font-family: "Work Sans"; + src: url(WorkSans-Italic.ttf); + font-style: italic; +} + +@font-face { + font-family: "Work Sans"; + src: url(WorkSans-BoldItalic.ttf); + font-weight: bold; + font-style: italic; +} + + +html { + background-color: #eee8d5; + font-family: 'Work Sans'; + color: #586e75; +} + +h1 { + color: #d33682; +} + +h2 { + color: #d33682; +} + +h3 { + color: #d33682; +} + +h4 { + color: #d33682; +} + +h5 { + color: #d33682; +} + +button { + background-color: transparent; + border: none; + color: #2aa198; + padding: 1px 2px; + text-align: left; + text-decoration: none; + display: inline-block; + font-size: 1em; + font-style: normal; + cursor: pointer; +} + +hr { + border: 3px dotted; +} + +a { + color: #2aa198; + text-decoration: underline; + font-style: normal; + font-size: 1em; +} + +.topbar { + background-color: #eee8d5; + border: none; + color: #586e75; + text-align: left; + text-decoration: none; + font-style: normal; + display: block; +} + +.topbutton { + float: right; + text-decoration: none; + color: #2aa198; +} + +.exportlink { + text-decoration: none; +} + + +.pagetitle { + font-size: 3em; + color: #ff79c6; + float: left; +} + +.backlink { + text-decoration: none; +} + +.notetitle { + color: #ff79c6; + font-size: 2em; +} + +.notetime { + color: #6272a4; + font-style: italic; +} + +/* +.title { + background: #44475a; + color: #d33682; + font-weight: bold; + font-size: 2em + border-style: none; + border-radius: 1px; + outline: none; + border-width: 1px; +} +*/ + +.text { + font-family: 'Noto Sans'; + width: 100%; + background: #44475a; + color: #f8f8f2; + border-radius: 5px; + border-style: none; + outline: none; + border-width: 1px; + height: 80%; + font-size: 15px; + -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); +} + +.title { + font-family: 'Noto Sans'; + width: 100%; + background: #44475a; + color: #f8f8f2; + border-radius: 5px; + border-style: none; + outline: none; + border-width: 1px; + height: 25px; + margin: 5px 0px 5px 0px; + font-size: 15px; + -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); +} + +.rawtext { + white-space: pre-wrap; +} + +/* Syntax highlighting */ +pre { line-height: 125%; } +td.linenos .normal { color: #93a1a1; background-color: #eee8d5; padding-left: 5px; padding-right: 5px; } +span.linenos { color: #93a1a1; background-color: #eee8d5; 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; } +.codehilite .hll { background-color: #eee8d5 } +.codehilite { background: #fdf6e3; color: #657b83 } +.codehilite .c { color: #93a1a1; font-style: italic } /* Comment */ +.codehilite .err { color: #657b83; background-color: #dc322f } /* Error */ +.codehilite .esc { color: #657b83 } /* Escape */ +.codehilite .g { color: #657b83 } /* Generic */ +.codehilite .k { color: #859900 } /* Keyword */ +.codehilite .l { color: #657b83 } /* Literal */ +.codehilite .n { color: #657b83 } /* Name */ +.codehilite .o { color: #93a1a1 } /* Operator */ +.codehilite .x { color: #657b83 } /* Other */ +.codehilite .p { color: #657b83 } /* Punctuation */ +.codehilite .ch { color: #93a1a1; font-style: italic } /* Comment.Hashbang */ +.codehilite .cm { color: #93a1a1; font-style: italic } /* Comment.Multiline */ +.codehilite .cp { color: #d33682 } /* Comment.Preproc */ +.codehilite .cpf { color: #93a1a1 } /* Comment.PreprocFile */ +.codehilite .c1 { color: #93a1a1; font-style: italic } /* Comment.Single */ +.codehilite .cs { color: #93a1a1; font-style: italic } /* Comment.Special */ +.codehilite .gd { color: #dc322f } /* Generic.Deleted */ +.codehilite .ge { color: #657b83; font-style: italic } /* Generic.Emph */ +.codehilite .gr { color: #dc322f } /* Generic.Error */ +.codehilite .gh { color: #657b83; font-weight: bold } /* Generic.Heading */ +.codehilite .gi { color: #859900 } /* Generic.Inserted */ +.codehilite .go { color: #657b83 } /* Generic.Output */ +.codehilite .gp { color: #268bd2; font-weight: bold } /* Generic.Prompt */ +.codehilite .gs { color: #657b83; font-weight: bold } /* Generic.Strong */ +.codehilite .gu { color: #657b83; text-decoration: underline } /* Generic.Subheading */ +.codehilite .gt { color: #268bd2 } /* Generic.Traceback */ +.codehilite .kc { color: #2aa198 } /* Keyword.Constant */ +.codehilite .kd { color: #2aa198 } /* Keyword.Declaration */ +.codehilite .kn { color: #cb4b16 } /* Keyword.Namespace */ +.codehilite .kp { color: #859900 } /* Keyword.Pseudo */ +.codehilite .kr { color: #859900 } /* Keyword.Reserved */ +.codehilite .kt { color: #b58900 } /* Keyword.Type */ +.codehilite .ld { color: #657b83 } /* Literal.Date */ +.codehilite .m { color: #2aa198 } /* Literal.Number */ +.codehilite .s { color: #2aa198 } /* Literal.String */ +.codehilite .na { color: #657b83 } /* Name.Attribute */ +.codehilite .nb { color: #268bd2 } /* Name.Builtin */ +.codehilite .nc { color: #268bd2 } /* Name.Class */ +.codehilite .no { color: #268bd2 } /* Name.Constant */ +.codehilite .nd { color: #268bd2 } /* Name.Decorator */ +.codehilite .ni { color: #268bd2 } /* Name.Entity */ +.codehilite .ne { color: #268bd2 } /* Name.Exception */ +.codehilite .nf { color: #268bd2 } /* Name.Function */ +.codehilite .nl { color: #268bd2 } /* Name.Label */ +.codehilite .nn { color: #268bd2 } /* Name.Namespace */ +.codehilite .nx { color: #657b83 } /* Name.Other */ +.codehilite .py { color: #657b83 } /* Name.Property */ +.codehilite .nt { color: #268bd2 } /* Name.Tag */ +.codehilite .nv { color: #268bd2 } /* Name.Variable */ +.codehilite .ow { color: #859900 } /* Operator.Word */ +.codehilite .w { color: #657b83 } /* Text.Whitespace */ +.codehilite .mb { color: #2aa198 } /* Literal.Number.Bin */ +.codehilite .mf { color: #2aa198 } /* Literal.Number.Float */ +.codehilite .mh { color: #2aa198 } /* Literal.Number.Hex */ +.codehilite .mi { color: #2aa198 } /* Literal.Number.Integer */ +.codehilite .mo { color: #2aa198 } /* Literal.Number.Oct */ +.codehilite .sa { color: #2aa198 } /* Literal.String.Affix */ +.codehilite .sb { color: #2aa198 } /* Literal.String.Backtick */ +.codehilite .sc { color: #2aa198 } /* Literal.String.Char */ +.codehilite .dl { color: #2aa198 } /* Literal.String.Delimiter */ +.codehilite .sd { color: #93a1a1 } /* Literal.String.Doc */ +.codehilite .s2 { color: #2aa198 } /* Literal.String.Double */ +.codehilite .se { color: #2aa198 } /* Literal.String.Escape */ +.codehilite .sh { color: #2aa198 } /* Literal.String.Heredoc */ +.codehilite .si { color: #2aa198 } /* Literal.String.Interpol */ +.codehilite .sx { color: #2aa198 } /* Literal.String.Other */ +.codehilite .sr { color: #cb4b16 } /* Literal.String.Regex */ +.codehilite .s1 { color: #2aa198 } /* Literal.String.Single */ +.codehilite .ss { color: #2aa198 } /* Literal.String.Symbol */ +.codehilite .bp { color: #268bd2 } /* Name.Builtin.Pseudo */ +.codehilite .fm { color: #268bd2 } /* Name.Function.Magic */ +.codehilite .vc { color: #268bd2 } /* Name.Variable.Class */ +.codehilite .vg { color: #268bd2 } /* Name.Variable.Global */ +.codehilite .vi { color: #268bd2 } /* Name.Variable.Instance */ +.codehilite .vm { color: #268bd2 } /* Name.Variable.Magic */ +.codehilite .il { color: #2aa198 } /* Literal.Number.Integer.Long */ + diff --git a/src/static/styles/1-lightcula.css b/src/static/styles/1-lightcula.css deleted file mode 100644 index 7556d1b..0000000 --- a/src/static/styles/1-lightcula.css +++ /dev/null @@ -1,230 +0,0 @@ -@font-face { - font-family: "Work Sans"; - src: url(WorkSans-Regular.ttf); -} - -@font-face { - font-family: "Work Sans"; - src: url(WorkSans-Bold.ttf); - font-weight: bold; -} - -@font-face { - font-family: "Work Sans"; - src: url(WorkSans-Italic.ttf); - font-style: italic; -} - -@font-face { - font-family: "Work Sans"; - src: url(WorkSans-BoldItalic.ttf); - font-weight: bold; - font-style: italic; -} - - -html { - background-color: white; - font-family: 'Work Sans'; - color: #f8f8f2; -} - -h1 { - color: #50fa7b; -} - -h2 { - color: #50fa7b; -} - -h3 { - color: #50fa7b; -} - -h4 { - color: #50fa7b; -} - -h5 { - color: #50fa7b; -} - -button { - background-color: #22242e; - border: none; - color: #8be9fd; - padding: 1px 2px; - text-align: left; - text-decoration: none; - display: inline-block; - font-size: 1em; - font-style: italic; - cursor: pointer; -} - -hr { - border: 3px dotted; -} - -a { - color: #8be9fd; - text-decoration: underline; - font-style: italic; - font-size: 1em; -} - -.themebutton { - float: right; -} - -.exportlink { - float: right; -} - -.pagetitle { - font-size: 3em; - color: #ff79c6; - float: left; -} - - -.notetitle { - color: #ff79c6; - font-size: 2em; -} - -.notetime { - color: #6272a4; - font-style: italic; -} - -/* -.title { - background: #44475a; - color: #50fa7b; - font-weight: bold; - font-size: 2em - border-style: none; - border-radius: 1px; - outline: none; - border-width: 1px; -} -*/ - -.text { - font-family: 'Noto Sans'; - width: 100%; - background: #44475a; - color: #f8f8f2; - border-radius: 5px; - border-style: none; - outline: none; - border-width: 1px; - height: 80%; - font-size: 15px; - -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); -} - -.title { - font-family: 'Noto Sans'; - width: 100%; - background: #44475a; - color: #f8f8f2; - border-radius: 5px; - border-style: none; - outline: none; - border-width: 1px; - height: 25px; - margin: 5px 0px 5px 0px; - font-size: 15px; - -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); -} - -.rawtext { - white-space: pre-wrap; -} - -/* Syntax highlighting */ -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 .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 .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/src/static/styles/2-greencula.css b/src/static/styles/2-greencula.css deleted file mode 100644 index f412015..0000000 --- a/src/static/styles/2-greencula.css +++ /dev/null @@ -1,230 +0,0 @@ -@font-face { - font-family: "Work Sans"; - src: url(WorkSans-Regular.ttf); -} - -@font-face { - font-family: "Work Sans"; - src: url(WorkSans-Bold.ttf); - font-weight: bold; -} - -@font-face { - font-family: "Work Sans"; - src: url(WorkSans-Italic.ttf); - font-style: italic; -} - -@font-face { - font-family: "Work Sans"; - src: url(WorkSans-BoldItalic.ttf); - font-weight: bold; - font-style: italic; -} - - -html { - background-color: green; - font-family: 'Work Sans'; - color: #f8f8f2; -} - -h1 { - color: #50fa7b; -} - -h2 { - color: #50fa7b; -} - -h3 { - color: #50fa7b; -} - -h4 { - color: #50fa7b; -} - -h5 { - color: #50fa7b; -} - -button { - background-color: #22242e; - border: none; - color: #8be9fd; - padding: 1px 2px; - text-align: left; - text-decoration: none; - display: inline-block; - font-size: 1em; - font-style: italic; - cursor: pointer; -} - -hr { - border: 3px dotted; -} - -a { - color: #8be9fd; - text-decoration: underline; - font-style: italic; - font-size: 1em; -} - -.themebutton { - float: right; -} - -.exportlink { - float: right; -} - -.pagetitle { - font-size: 3em; - color: #ff79c6; - float: left; -} - - -.notetitle { - color: #ff79c6; - font-size: 2em; -} - -.notetime { - color: #6272a4; - font-style: italic; -} - -/* -.title { - background: #44475a; - color: #50fa7b; - font-weight: bold; - font-size: 2em - border-style: none; - border-radius: 1px; - outline: none; - border-width: 1px; -} -*/ - -.text { - font-family: 'Noto Sans'; - width: 100%; - background: #44475a; - color: #f8f8f2; - border-radius: 5px; - border-style: none; - outline: none; - border-width: 1px; - height: 80%; - font-size: 15px; - -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); -} - -.title { - font-family: 'Noto Sans'; - width: 100%; - background: #44475a; - color: #f8f8f2; - border-radius: 5px; - border-style: none; - outline: none; - border-width: 1px; - height: 25px; - margin: 5px 0px 5px 0px; - font-size: 15px; - -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); -} - -.rawtext { - white-space: pre-wrap; -} - -/* Syntax highlighting */ -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 .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 .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/src/templates/homepage.html b/src/templates/homepage.html index 55d3f98..705736c 100644 --- a/src/templates/homepage.html +++ b/src/templates/homepage.html @@ -6,8 +6,11 @@ sqnotes -
-

$ ~/sqnotes

Raw notes +
+

$ ~/sqnotes

+
+ +