From 85bc1cc1a55c671e23c1367241163fdde476aeb0 Mon Sep 17 00:00:00 2001 From: andrzej Date: Thu, 14 Nov 2024 20:09:18 +0100 Subject: [PATCH] styling --- content/posts/permissions-strike-again.md | 2 +- public/css/main.css | 24 +- public/css/syntax.css | 532 +++++++++++++++--- public/index.html | 9 +- public/index.xml | 2 +- public/posts/index.html | 2 +- public/posts/index.xml | 2 +- .../posts/permissions-strike-again/index.html | 2 +- themes/cuqui/assets/css/main.css | 24 +- themes/cuqui/assets/css/syntax.css | 532 +++++++++++++++--- themes/cuqui/content/_index.md | 3 - 11 files changed, 940 insertions(+), 194 deletions(-) diff --git a/content/posts/permissions-strike-again.md b/content/posts/permissions-strike-again.md index cf04a05..c9e6a6e 100644 --- a/content/posts/permissions-strike-again.md +++ b/content/posts/permissions-strike-again.md @@ -4,7 +4,7 @@ draft = false title = 'Permissions Strike Again' +++ -# It's always permissions +## It's always permissions Configuring Apache really isn't rocket science. There are a wealth of great tutorials online, the documentation is very well documented, and the defaults work more or less out of the box. But it's one of those jobs that I do just infrequently enough that I always forget things in the interim, and end up making the same old mistakes. diff --git a/public/css/main.css b/public/css/main.css index c72d4f5..808ba56 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -86,14 +86,30 @@ a:visited { h1 { color: var(--rp-gold); + /* background-color: var(--rp-overlay); */ + background-image: linear-gradient(to bottom, var(--rp-overlay), var(--rp-overlay), var(--rp-base)); + border-radius: 1rem 1rem 0 0; + padding: 1rem; } h2 { - color: var(--rp-iris); + color: var(--rp-gold); } -code pre { - background-color: var(--rp-surface); - padding: 0.6em; +code { + background: var(--rp-surface); + padding: 0.3em; border-radius: 1em; + + span { + background: var(--rp-surface); + } +} + + + +.highlight { + padding: 1rem; + background-color: var(--rp-surface); + border-radius: 1rem; } diff --git a/public/css/syntax.css b/public/css/syntax.css index c8c1526..f05d05e 100644 --- a/public/css/syntax.css +++ b/public/css/syntax.css @@ -1,86 +1,446 @@ -/* Background */ .bg { color:#e0def4;background-color:#232136; } -/* PreWrapper */ .chroma { color:#e0def4;background-color:#232136; } -/* Other */ .chroma .x { } -/* Error */ .chroma .err { color:#eb6f92 } -/* CodeLine */ .chroma .cl { } -/* LineLink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit } -/* LineTableTD */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; } -/* LineTable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; } -/* LineHighlight */ .chroma .hl { background-color:#39374a } -/* LineNumbersTable */ .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f } -/* LineNumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f } -/* Line */ .chroma .line { display:flex; } -/* Keyword */ .chroma .k { color:#3e8fb0 } -/* KeywordConstant */ .chroma .kc { color:#3e8fb0 } -/* KeywordDeclaration */ .chroma .kd { color:#3e8fb0 } -/* KeywordNamespace */ .chroma .kn { color:#c4a7e7 } -/* KeywordPseudo */ .chroma .kp { color:#3e8fb0 } -/* KeywordReserved */ .chroma .kr { color:#3e8fb0 } -/* KeywordType */ .chroma .kt { color:#3e8fb0 } -/* Name */ .chroma .n { color:#ea9a97 } -/* NameAttribute */ .chroma .na { color:#ea9a97 } -/* NameBuiltin */ .chroma .nb { color:#ea9a97 } -/* NameBuiltinPseudo */ .chroma .bp { color:#ea9a97 } -/* NameClass */ .chroma .nc { color:#9ccfd8 } -/* NameConstant */ .chroma .no { color:#f6c177 } -/* NameDecorator */ .chroma .nd { color:#908caa } -/* NameEntity */ .chroma .ni { color:#ea9a97 } -/* NameException */ .chroma .ne { color:#3e8fb0 } -/* NameFunction */ .chroma .nf { color:#ea9a97 } -/* NameFunctionMagic */ .chroma .fm { color:#ea9a97 } -/* NameLabel */ .chroma .nl { color:#ea9a97 } -/* NameNamespace */ .chroma .nn { color:#ea9a97 } -/* NameOther */ .chroma .nx { } -/* NameProperty */ .chroma .py { color:#ea9a97 } -/* NameTag */ .chroma .nt { color:#ea9a97 } -/* NameVariable */ .chroma .nv { color:#ea9a97 } -/* NameVariableClass */ .chroma .vc { color:#ea9a97 } -/* NameVariableGlobal */ .chroma .vg { color:#ea9a97 } -/* NameVariableInstance */ .chroma .vi { color:#ea9a97 } -/* NameVariableMagic */ .chroma .vm { color:#ea9a97 } -/* Literal */ .chroma .l { color:#f6c177 } -/* LiteralDate */ .chroma .ld { color:#f6c177 } -/* LiteralString */ .chroma .s { color:#f6c177 } -/* LiteralStringAffix */ .chroma .sa { color:#f6c177 } -/* LiteralStringBacktick */ .chroma .sb { color:#f6c177 } -/* LiteralStringChar */ .chroma .sc { color:#f6c177 } -/* LiteralStringDelimiter */ .chroma .dl { color:#f6c177 } -/* LiteralStringDoc */ .chroma .sd { color:#f6c177 } -/* LiteralStringDouble */ .chroma .s2 { color:#f6c177 } -/* LiteralStringEscape */ .chroma .se { color:#3e8fb0 } -/* LiteralStringHeredoc */ .chroma .sh { color:#f6c177 } -/* LiteralStringInterpol */ .chroma .si { color:#f6c177 } -/* LiteralStringOther */ .chroma .sx { color:#f6c177 } -/* LiteralStringRegex */ .chroma .sr { color:#f6c177 } -/* LiteralStringSingle */ .chroma .s1 { color:#f6c177 } -/* LiteralStringSymbol */ .chroma .ss { color:#f6c177 } -/* LiteralNumber */ .chroma .m { color:#f6c177 } -/* LiteralNumberBin */ .chroma .mb { color:#f6c177 } -/* LiteralNumberFloat */ .chroma .mf { color:#f6c177 } -/* LiteralNumberHex */ .chroma .mh { color:#f6c177 } -/* LiteralNumberInteger */ .chroma .mi { color:#f6c177 } -/* LiteralNumberIntegerLong */ .chroma .il { color:#f6c177 } -/* LiteralNumberOct */ .chroma .mo { color:#f6c177 } -/* Operator */ .chroma .o { color:#908caa } -/* OperatorWord */ .chroma .ow { color:#908caa } -/* Punctuation */ .chroma .p { color:#908caa } -/* Comment */ .chroma .c { color:#6e6a86 } -/* CommentHashbang */ .chroma .ch { color:#6e6a86 } -/* CommentMultiline */ .chroma .cm { color:#6e6a86 } -/* CommentSingle */ .chroma .c1 { color:#6e6a86 } -/* CommentSpecial */ .chroma .cs { color:#6e6a86 } -/* CommentPreproc */ .chroma .cp { color:#6e6a86 } -/* CommentPreprocFile */ .chroma .cpf { color:#6e6a86 } -/* Generic */ .chroma .g { } -/* GenericDeleted */ .chroma .gd { color:#eb6f92 } -/* GenericEmph */ .chroma .ge { font-style:italic } -/* GenericError */ .chroma .gr { } -/* GenericHeading */ .chroma .gh { } -/* GenericInserted */ .chroma .gi { color:#9ccfd8 } -/* GenericOutput */ .chroma .go { } -/* GenericPrompt */ .chroma .gp { } -/* GenericStrong */ .chroma .gs { font-weight:bold } -/* GenericSubheading */ .chroma .gu { color:#c4a7e7 } -/* GenericTraceback */ .chroma .gt { } -/* GenericUnderline */ .chroma .gl { } -/* TextWhitespace */ .chroma .w { } +:root { + /* Rosé Pine Dawn */ + --rp-base: hsl(32deg, 57%, 95%); + --rp-surface: hsl(35deg, 100%, 98%); + --rp-overlay: hsl(33deg, 43%, 91%); +} + +@media (prefers-color-scheme: dark) { + :root { + /* Rosé Pine */ + --rp-base: hsl(249deg, 22%, 12%); + --rp-surface: hsl(247deg, 23%, 15%); + --rp-overlay: hsl(248deg, 25%, 18%); + } +} + + + + +/* Background */ +.bg { + color: #e0def4; + background-color: var(--rp-surface); +} + +/* PreWrapper */ +.chroma { + color: #e0def4; + background-color: var(--rp-surface); +} + +/* Other */ +.chroma .x {} + +/* Error */ +.chroma .err { + color: #eb6f92 +} + +/* CodeLine */ +.chroma .cl {} + +/* LineLink */ +.chroma .lnlinks { + outline: none; + text-decoration: none; + color: inherit +} + +/* LineTableTD */ +.chroma .lntd { + vertical-align: top; + padding: 0; + margin: 0; + border: 0; +} + +/* LineTable */ +.chroma .lntable { + border-spacing: 0; + padding: 0; + margin: 0; + border: 0; +} + +/* LineHighlight */ +.chroma .hl { + background-color: #39374a +} + +/* LineNumbersTable */ +.chroma .lnt { + white-space: pre; + -webkit-user-select: none; + user-select: none; + margin-right: 0.4em; + padding: 0 0.4em 0 0.4em; + color: #7f7f7f +} + +/* LineNumbers */ +.chroma .ln { + white-space: pre; + -webkit-user-select: none; + user-select: none; + margin-right: 0.4em; + padding: 0 0.4em 0 0.4em; + color: #7f7f7f +} + +/* Line */ +.chroma .line { + display: flex; +} + +/* Keyword */ +.chroma .k { + color: #3e8fb0 +} + +/* KeywordConstant */ +.chroma .kc { + color: #3e8fb0 +} + +/* KeywordDeclaration */ +.chroma .kd { + color: #3e8fb0 +} + +/* KeywordNamespace */ +.chroma .kn { + color: #c4a7e7 +} + +/* KeywordPseudo */ +.chroma .kp { + color: #3e8fb0 +} + +/* KeywordReserved */ +.chroma .kr { + color: #3e8fb0 +} + +/* KeywordType */ +.chroma .kt { + color: #3e8fb0 +} + +/* Name */ +.chroma .n { + color: #ea9a97 +} + +/* NameAttribute */ +.chroma .na { + color: #ea9a97 +} + +/* NameBuiltin */ +.chroma .nb { + color: #ea9a97 +} + +/* NameBuiltinPseudo */ +.chroma .bp { + color: #ea9a97 +} + +/* NameClass */ +.chroma .nc { + color: #9ccfd8 +} + +/* NameConstant */ +.chroma .no { + color: #f6c177 +} + +/* NameDecorator */ +.chroma .nd { + color: #908caa +} + +/* NameEntity */ +.chroma .ni { + color: #ea9a97 +} + +/* NameException */ +.chroma .ne { + color: #3e8fb0 +} + +/* NameFunction */ +.chroma .nf { + color: #ea9a97 +} + +/* NameFunctionMagic */ +.chroma .fm { + color: #ea9a97 +} + +/* NameLabel */ +.chroma .nl { + color: #ea9a97 +} + +/* NameNamespace */ +.chroma .nn { + color: #ea9a97 +} + +/* NameOther */ +.chroma .nx {} + +/* NameProperty */ +.chroma .py { + color: #ea9a97 +} + +/* NameTag */ +.chroma .nt { + color: #ea9a97 +} + +/* NameVariable */ +.chroma .nv { + color: #ea9a97 +} + +/* NameVariableClass */ +.chroma .vc { + color: #ea9a97 +} + +/* NameVariableGlobal */ +.chroma .vg { + color: #ea9a97 +} + +/* NameVariableInstance */ +.chroma .vi { + color: #ea9a97 +} + +/* NameVariableMagic */ +.chroma .vm { + color: #ea9a97 +} + +/* Literal */ +.chroma .l { + color: #f6c177 +} + +/* LiteralDate */ +.chroma .ld { + color: #f6c177 +} + +/* LiteralString */ +.chroma .s { + color: #f6c177 +} + +/* LiteralStringAffix */ +.chroma .sa { + color: #f6c177 +} + +/* LiteralStringBacktick */ +.chroma .sb { + color: #f6c177 +} + +/* LiteralStringChar */ +.chroma .sc { + color: #f6c177 +} + +/* LiteralStringDelimiter */ +.chroma .dl { + color: #f6c177 +} + +/* LiteralStringDoc */ +.chroma .sd { + color: #f6c177 +} + +/* LiteralStringDouble */ +.chroma .s2 { + color: #f6c177 +} + +/* LiteralStringEscape */ +.chroma .se { + color: #3e8fb0 +} + +/* LiteralStringHeredoc */ +.chroma .sh { + color: #f6c177 +} + +/* LiteralStringInterpol */ +.chroma .si { + color: #f6c177 +} + +/* LiteralStringOther */ +.chroma .sx { + color: #f6c177 +} + +/* LiteralStringRegex */ +.chroma .sr { + color: #f6c177 +} + +/* LiteralStringSingle */ +.chroma .s1 { + color: #f6c177 +} + +/* LiteralStringSymbol */ +.chroma .ss { + color: #f6c177 +} + +/* LiteralNumber */ +.chroma .m { + color: #f6c177 +} + +/* LiteralNumberBin */ +.chroma .mb { + color: #f6c177 +} + +/* LiteralNumberFloat */ +.chroma .mf { + color: #f6c177 +} + +/* LiteralNumberHex */ +.chroma .mh { + color: #f6c177 +} + +/* LiteralNumberInteger */ +.chroma .mi { + color: #f6c177 +} + +/* LiteralNumberIntegerLong */ +.chroma .il { + color: #f6c177 +} + +/* LiteralNumberOct */ +.chroma .mo { + color: #f6c177 +} + +/* Operator */ +.chroma .o { + color: #908caa +} + +/* OperatorWord */ +.chroma .ow { + color: #908caa +} + +/* Punctuation */ +.chroma .p { + color: #908caa +} + +/* Comment */ +.chroma .c { + color: #6e6a86 +} + +/* CommentHashbang */ +.chroma .ch { + color: #6e6a86 +} + +/* CommentMultiline */ +.chroma .cm { + color: #6e6a86 +} + +/* CommentSingle */ +.chroma .c1 { + color: #6e6a86 +} + +/* CommentSpecial */ +.chroma .cs { + color: #6e6a86 +} + +/* CommentPreproc */ +.chroma .cp { + color: #6e6a86 +} + +/* CommentPreprocFile */ +.chroma .cpf { + color: #6e6a86 +} + +/* Generic */ +.chroma .g {} + +/* GenericDeleted */ +.chroma .gd { + color: #eb6f92 +} + +/* GenericEmph */ +.chroma .ge { + font-style: italic +} + +/* GenericError */ +.chroma .gr {} + +/* GenericHeading */ +.chroma .gh {} + +/* GenericInserted */ +.chroma .gi { + color: #9ccfd8 +} + +/* GenericOutput */ +.chroma .go {} + +/* GenericPrompt */ +.chroma .gp {} + +/* GenericStrong */ +.chroma .gs { + font-weight: bold +} + +/* GenericSubheading */ +.chroma .gu { + color: #c4a7e7 +} + +/* GenericTraceback */ +.chroma .gt {} + +/* GenericUnderline */ +.chroma .gl {} + +/* TextWhitespace */ +.chroma .w {} diff --git a/public/index.html b/public/index.html index de89dd4..4f9473f 100644 --- a/public/index.html +++ b/public/index.html @@ -22,7 +22,7 @@