From 93bd25396f85643b029661b17cf2edd44f72d96d Mon Sep 17 00:00:00 2001 From: Digital Studium Date: Tue, 25 Jul 2023 23:20:25 +0300 Subject: [PATCH] Minify css/html/js --- static/css/codehilite.css | 547 ++++++++++++++++++++++++++++----- static/css/style.css | 14 +- templates/components/social.j2 | 15 +- 3 files changed, 474 insertions(+), 102 deletions(-) diff --git a/static/css/codehilite.css b/static/css/codehilite.css index 6134db4..43caec3 100644 --- a/static/css/codehilite.css +++ b/static/css/codehilite.css @@ -1,84 +1,463 @@ -pre { line-height: 125%; background: #0d1117; color: #c9d1d9 } -td.linenos .normal { color: #6e7681; background-color: #0d1117; padding-left: 5px; padding-right: 5px; } -span.linenos { color: #6e7681; background-color: #0d1117; padding-left: 5px; padding-right: 5px; } -td.linenos .special { color: #c9d1d9; background-color: #6e7681; padding-left: 5px; padding-right: 5px; } -span.linenos.special { color: #c9d1d9; background-color: #6e7681; padding-left: 5px; padding-right: 5px; } -.codehilite .hll { background-color: #6e7681 } -.codehilite .c { color: #8b949e; font-style: italic } /* Comment */ -.codehilite .err { color: #f85149 } /* Error */ -.codehilite .esc { color: #c9d1d9 } /* Escape */ -.codehilite .g { color: #c9d1d9 } /* Generic */ -.codehilite .k { color: #ff7b72 } /* Keyword */ -.codehilite .l { color: #a5d6ff } /* Literal */ -.codehilite .n { color: #c9d1d9 } /* Name */ -.codehilite .o { color: #ff7b72; font-weight: bold } /* Operator */ -.codehilite .x { color: #c9d1d9 } /* Other */ -.codehilite .p { color: #c9d1d9 } /* Punctuation */ -.codehilite .ch { color: #8b949e; font-style: italic } /* Comment.Hashbang */ -.codehilite .cm { color: #8b949e; font-style: italic } /* Comment.Multiline */ -.codehilite .cp { color: #8b949e; font-weight: bold; font-style: italic } /* Comment.Preproc */ -.codehilite .cpf { color: #8b949e; font-style: italic } /* Comment.PreprocFile */ -.codehilite .c1 { color: #8b949e; font-style: italic } /* Comment.Single */ -.codehilite .cs { color: #8b949e; font-weight: bold; font-style: italic } /* Comment.Special */ -.codehilite .gd { color: #ffa198; background-color: #490202 } /* Generic.Deleted */ -.codehilite .ge { color: #c9d1d9; font-style: italic } /* Generic.Emph */ -.codehilite .gr { color: #ffa198 } /* Generic.Error */ -.codehilite .gh { color: #79c0ff; font-weight: bold } /* Generic.Heading */ -.codehilite .gi { color: #56d364; background-color: #0f5323 } /* Generic.Inserted */ -.codehilite .go { color: #8b949e } /* Generic.Output */ -.codehilite .gp { color: #8b949e } /* Generic.Prompt */ -.codehilite .gs { color: #c9d1d9; font-weight: bold } /* Generic.Strong */ -.codehilite .gu { color: #79c0ff } /* Generic.Subheading */ -.codehilite .gt { color: #ff7b72 } /* Generic.Traceback */ -.codehilite .g-Underline { color: #c9d1d9; text-decoration: underline } /* Generic.Underline */ -.codehilite .kc { color: #79c0ff } /* Keyword.Constant */ -.codehilite .kd { color: #ff7b72 } /* Keyword.Declaration */ -.codehilite .kn { color: #ff7b72 } /* Keyword.Namespace */ -.codehilite .kp { color: #79c0ff } /* Keyword.Pseudo */ -.codehilite .kr { color: #ff7b72 } /* Keyword.Reserved */ -.codehilite .kt { color: #ff7b72 } /* Keyword.Type */ -.codehilite .ld { color: #79c0ff } /* Literal.Date */ -.codehilite .m { color: #a5d6ff } /* Literal.Number */ -.codehilite .s { color: #a5d6ff } /* Literal.String */ -.codehilite .na { color: #c9d1d9 } /* Name.Attribute */ -.codehilite .nb { color: #c9d1d9 } /* Name.Builtin */ -.codehilite .nc { color: #f0883e; font-weight: bold } /* Name.Class */ -.codehilite .no { color: #79c0ff; font-weight: bold } /* Name.Constant */ -.codehilite .nd { color: #d2a8ff; font-weight: bold } /* Name.Decorator */ -.codehilite .ni { color: #ffa657 } /* Name.Entity */ -.codehilite .ne { color: #f0883e; font-weight: bold } /* Name.Exception */ -.codehilite .nf { color: #d2a8ff; font-weight: bold } /* Name.Function */ -.codehilite .nl { color: #79c0ff; font-weight: bold } /* Name.Label */ -.codehilite .nn { color: #ff7b72 } /* Name.Namespace */ -.codehilite .nx { color: #c9d1d9 } /* Name.Other */ -.codehilite .py { color: #79c0ff } /* Name.Property */ -.codehilite .nt { color: #7ee787 } /* Name.Tag */ -.codehilite .nv { color: #79c0ff } /* Name.Variable */ -.codehilite .ow { color: #ff7b72; font-weight: bold } /* Operator.Word */ -.codehilite .pm { color: #c9d1d9 } /* Punctuation.Marker */ -.codehilite .w { color: #6e7681 } /* Text.Whitespace */ -.codehilite .mb { color: #a5d6ff } /* Literal.Number.Bin */ -.codehilite .mf { color: #a5d6ff } /* Literal.Number.Float */ -.codehilite .mh { color: #a5d6ff } /* Literal.Number.Hex */ -.codehilite .mi { color: #a5d6ff } /* Literal.Number.Integer */ -.codehilite .mo { color: #a5d6ff } /* Literal.Number.Oct */ -.codehilite .sa { color: #79c0ff } /* Literal.String.Affix */ -.codehilite .sb { color: #a5d6ff } /* Literal.String.Backtick */ -.codehilite .sc { color: #a5d6ff } /* Literal.String.Char */ -.codehilite .dl { color: #79c0ff } /* Literal.String.Delimiter */ -.codehilite .sd { color: #a5d6ff } /* Literal.String.Doc */ -.codehilite .s2 { color: #a5d6ff } /* Literal.String.Double */ -.codehilite .se { color: #79c0ff } /* Literal.String.Escape */ -.codehilite .sh { color: #79c0ff } /* Literal.String.Heredoc */ -.codehilite .si { color: #a5d6ff } /* Literal.String.Interpol */ -.codehilite .sx { color: #a5d6ff } /* Literal.String.Other */ -.codehilite .sr { color: #79c0ff } /* Literal.String.Regex */ -.codehilite .s1 { color: #a5d6ff } /* Literal.String.Single */ -.codehilite .ss { color: #a5d6ff } /* Literal.String.Symbol */ -.codehilite .bp { color: #c9d1d9 } /* Name.Builtin.Pseudo */ -.codehilite .fm { color: #d2a8ff; font-weight: bold } /* Name.Function.Magic */ -.codehilite .vc { color: #79c0ff } /* Name.Variable.Class */ -.codehilite .vg { color: #79c0ff } /* Name.Variable.Global */ -.codehilite .vi { color: #79c0ff } /* Name.Variable.Instance */ -.codehilite .vm { color: #79c0ff } /* Name.Variable.Magic */ -.codehilite .il { color: #a5d6ff } /* Literal.Number.Integer.Long */ +.codehilite { + padding-bottom: 1rem; +} + +.copy-code-button { + cursor: pointer; + display: block; + margin: 1rem 0 -2px auto; + font-size: 1.1rem !important; +} + +pre { + line-height: 125%; + background: #0d1117; + color: #c9d1d9 +} + +td.linenos .normal { + color: #6e7681; + background-color: #0d1117; + padding-left: 5px; + padding-right: 5px; +} + +span.linenos { + color: #6e7681; + background-color: #0d1117; + padding-left: 5px; + padding-right: 5px; +} + +td.linenos .special { + color: #c9d1d9; + background-color: #6e7681; + padding-left: 5px; + padding-right: 5px; +} + +span.linenos.special { + color: #c9d1d9; + background-color: #6e7681; + padding-left: 5px; + padding-right: 5px; +} + +.codehilite .hll { + background-color: #6e7681 +} + +.codehilite .c { + color: #8b949e; + font-style: italic +} + +/* Comment */ +.codehilite .err { + color: #f85149 +} + +/* Error */ +.codehilite .esc { + color: #c9d1d9 +} + +/* Escape */ +.codehilite .g { + color: #c9d1d9 +} + +/* Generic */ +.codehilite .k { + color: #ff7b72 +} + +/* Keyword */ +.codehilite .l { + color: #a5d6ff +} + +/* Literal */ +.codehilite .n { + color: #c9d1d9 +} + +/* Name */ +.codehilite .o { + color: #ff7b72; + font-weight: bold +} + +/* Operator */ +.codehilite .x { + color: #c9d1d9 +} + +/* Other */ +.codehilite .p { + color: #c9d1d9 +} + +/* Punctuation */ +.codehilite .ch { + color: #8b949e; + font-style: italic +} + +/* Comment.Hashbang */ +.codehilite .cm { + color: #8b949e; + font-style: italic +} + +/* Comment.Multiline */ +.codehilite .cp { + color: #8b949e; + font-weight: bold; + font-style: italic +} + +/* Comment.Preproc */ +.codehilite .cpf { + color: #8b949e; + font-style: italic +} + +/* Comment.PreprocFile */ +.codehilite .c1 { + color: #8b949e; + font-style: italic +} + +/* Comment.Single */ +.codehilite .cs { + color: #8b949e; + font-weight: bold; + font-style: italic +} + +/* Comment.Special */ +.codehilite .gd { + color: #ffa198; + background-color: #490202 +} + +/* Generic.Deleted */ +.codehilite .ge { + color: #c9d1d9; + font-style: italic +} + +/* Generic.Emph */ +.codehilite .gr { + color: #ffa198 +} + +/* Generic.Error */ +.codehilite .gh { + color: #79c0ff; + font-weight: bold +} + +/* Generic.Heading */ +.codehilite .gi { + color: #56d364; + background-color: #0f5323 +} + +/* Generic.Inserted */ +.codehilite .go { + color: #8b949e +} + +/* Generic.Output */ +.codehilite .gp { + color: #8b949e +} + +/* Generic.Prompt */ +.codehilite .gs { + color: #c9d1d9; + font-weight: bold +} + +/* Generic.Strong */ +.codehilite .gu { + color: #79c0ff +} + +/* Generic.Subheading */ +.codehilite .gt { + color: #ff7b72 +} + +/* Generic.Traceback */ +.codehilite .g-Underline { + color: #c9d1d9; + text-decoration: underline +} + +/* Generic.Underline */ +.codehilite .kc { + color: #79c0ff +} + +/* Keyword.Constant */ +.codehilite .kd { + color: #ff7b72 +} + +/* Keyword.Declaration */ +.codehilite .kn { + color: #ff7b72 +} + +/* Keyword.Namespace */ +.codehilite .kp { + color: #79c0ff +} + +/* Keyword.Pseudo */ +.codehilite .kr { + color: #ff7b72 +} + +/* Keyword.Reserved */ +.codehilite .kt { + color: #ff7b72 +} + +/* Keyword.Type */ +.codehilite .ld { + color: #79c0ff +} + +/* Literal.Date */ +.codehilite .m { + color: #a5d6ff +} + +/* Literal.Number */ +.codehilite .s { + color: #a5d6ff +} + +/* Literal.String */ +.codehilite .na { + color: #c9d1d9 +} + +/* Name.Attribute */ +.codehilite .nb { + color: #c9d1d9 +} + +/* Name.Builtin */ +.codehilite .nc { + color: #f0883e; + font-weight: bold +} + +/* Name.Class */ +.codehilite .no { + color: #79c0ff; + font-weight: bold +} + +/* Name.Constant */ +.codehilite .nd { + color: #d2a8ff; + font-weight: bold +} + +/* Name.Decorator */ +.codehilite .ni { + color: #ffa657 +} + +/* Name.Entity */ +.codehilite .ne { + color: #f0883e; + font-weight: bold +} + +/* Name.Exception */ +.codehilite .nf { + color: #d2a8ff; + font-weight: bold +} + +/* Name.Function */ +.codehilite .nl { + color: #79c0ff; + font-weight: bold +} + +/* Name.Label */ +.codehilite .nn { + color: #ff7b72 +} + +/* Name.Namespace */ +.codehilite .nx { + color: #c9d1d9 +} + +/* Name.Other */ +.codehilite .py { + color: #79c0ff +} + +/* Name.Property */ +.codehilite .nt { + color: #7ee787 +} + +/* Name.Tag */ +.codehilite .nv { + color: #79c0ff +} + +/* Name.Variable */ +.codehilite .ow { + color: #ff7b72; + font-weight: bold +} + +/* Operator.Word */ +.codehilite .pm { + color: #c9d1d9 +} + +/* Punctuation.Marker */ +.codehilite .w { + color: #6e7681 +} + +/* Text.Whitespace */ +.codehilite .mb { + color: #a5d6ff +} + +/* Literal.Number.Bin */ +.codehilite .mf { + color: #a5d6ff +} + +/* Literal.Number.Float */ +.codehilite .mh { + color: #a5d6ff +} + +/* Literal.Number.Hex */ +.codehilite .mi { + color: #a5d6ff +} + +/* Literal.Number.Integer */ +.codehilite .mo { + color: #a5d6ff +} + +/* Literal.Number.Oct */ +.codehilite .sa { + color: #79c0ff +} + +/* Literal.String.Affix */ +.codehilite .sb { + color: #a5d6ff +} + +/* Literal.String.Backtick */ +.codehilite .sc { + color: #a5d6ff +} + +/* Literal.String.Char */ +.codehilite .dl { + color: #79c0ff +} + +/* Literal.String.Delimiter */ +.codehilite .sd { + color: #a5d6ff +} + +/* Literal.String.Doc */ +.codehilite .s2 { + color: #a5d6ff +} + +/* Literal.String.Double */ +.codehilite .se { + color: #79c0ff +} + +/* Literal.String.Escape */ +.codehilite .sh { + color: #79c0ff +} + +/* Literal.String.Heredoc */ +.codehilite .si { + color: #a5d6ff +} + +/* Literal.String.Interpol */ +.codehilite .sx { + color: #a5d6ff +} + +/* Literal.String.Other */ +.codehilite .sr { + color: #79c0ff +} + +/* Literal.String.Regex */ +.codehilite .s1 { + color: #a5d6ff +} + +/* Literal.String.Single */ +.codehilite .ss { + color: #a5d6ff +} + +/* Literal.String.Symbol */ +.codehilite .bp { + color: #c9d1d9 +} + +/* Name.Builtin.Pseudo */ +.codehilite .fm { + color: #d2a8ff; + font-weight: bold +} + +/* Name.Function.Magic */ +.codehilite .vc { + color: #79c0ff +} + +/* Name.Variable.Class */ +.codehilite .vg { + color: #79c0ff +} + +/* Name.Variable.Global */ +.codehilite .vi { + color: #79c0ff +} + +/* Name.Variable.Instance */ +.codehilite .vm { + color: #79c0ff +} + +/* Name.Variable.Magic */ +.codehilite .il { + color: #a5d6ff +} + +/* Literal.Number.Integer.Long */ \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index 4d12c26..5c6120d 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -37,13 +37,6 @@ blockquote { background-color: #f8f8f8; } -.copy-code-button { - cursor: pointer; - display: block; - margin: 1rem 0 -2px auto; - font-size: 1.1rem !important; -} - button { padding: 0.5rem; border: 0.1; @@ -131,6 +124,7 @@ body { header { display: grid; align-content: space-between; + grid-row-end: 2 } header, @@ -142,11 +136,13 @@ main { .social-icons { grid-column-start: 3; grid-column-end: 5; + align-self: start; justify-self: end; + grid-row-end: 2 } #search { - grid-column-start: 4; + grid-column-start: 3; grid-column-end: 5; justify-self: end; align-self: end; @@ -192,7 +188,7 @@ main, grid-column-end: 4; } - main, #search { + main, #search, .social-icons { grid-column-end: 7 } } \ No newline at end of file diff --git a/templates/components/social.j2 b/templates/components/social.j2 index dd29f7e..6ed075d 100644 --- a/templates/components/social.j2 +++ b/templates/components/social.j2 @@ -1,20 +1,17 @@
- {% if config.languages[language].youtube %} + {% if config.languages[language].youtube %} - {{ config.languages[language].title }} + {{ config.languages[language].title }} {% endif %} - {% if config.languages[language].github %} + {% if config.languages[language].github %} - {{ config.languages[language].title }} + {{ config.languages[language].title }} {% endif %} - {% if config.languages[language].telegram %} + {% if config.languages[language].telegram %} - {{ config.languages[language].title }} + {{ config.languages[language].title }} {% endif %}
\ No newline at end of file