andrzej
/
devlog
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styling

This commit is contained in:
andrzej 2024-11-14 20:09:18 +01:00
parent 702db993f6
commit cddc7e9304
27 changed files with 998 additions and 258 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
content/posts/hard-problem.md
View File

@ -20,25 +20,7 @@ The best way to deal with this problem is to tell the browser not to cache our H
## Invalidating cached CSS ## Invalidating cached CSS
A quick google search revealed that the best way to invalidate browser cache is by changing the url of the file you're telling it to load. So we would change this: What we need is for the browser to recognize our CSS as a new file and load it anew from the server. We could change the file name whenever we want to bust the cache, but this would get tedious very quickly. What's more, as far as Git is concerned, we'd be deleting the CSS file and writing a new one with every deployment. Surely there's a better way?
```html
<link rel="stylesheet" href="css/defaults.css" />
```
to this:
```html
<link rel="stylesheet" href="css/defaults-2.css" />
```
and the browser would recognize this as new file and load it from the server. Problem solved! Of course, you would have to change the file name too...
```bash
mv css/defaults.css css/defaults-2.css
```
... and this would get tedious very quickly. Furthermore, it's going to make a mess of your version history if, as far as Git is concerned, you're deleting the CSS file and writing a new one with every deployment. Surely there's a better way?
### Using a query ### Using a query

2
content/posts/permissions-strike-again.md
View File

@ -4,7 +4,7 @@ draft = false
title = 'Permissions Strike Again' 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. 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.

2
hugo.toml
View File

@ -1,6 +1,6 @@
baseURL = 'https://example.org/' baseURL = 'https://example.org/'
languageCode = 'en-us' languageCode = 'en-us'
title = 'My New Hugo Site' title = 'CODING WITH ANDRZEJ'
theme = "cuqui" theme = "cuqui"
[markup] [markup]
[markup.highlight] [markup.highlight]

4
public/categories/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Categories | My New Hugo Site Categories | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>

4
public/categories/index.xml
View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Categories on My New Hugo Site</title> <title>Categories on CODING WITH ANDRZEJ</title>
<link>http://localhost:1313/categories/</link> <link>http://localhost:1313/categories/</link>
<description>Recent content in Categories on My New Hugo Site</description> <description>Recent content in Categories on CODING WITH ANDRZEJ</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<atom:link href="http://localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="http://localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />

33
public/css/main.css
View File

@ -64,6 +64,14 @@ body {
max-width: 768px; max-width: 768px;
} }
b {
color: var(--rp-love);
}
i {
color: var(--rp-muted)
}
header { header {
border-bottom: 1px solid #222; border-bottom: 1px solid #222;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -86,14 +94,31 @@ a:visited {
h1 { h1 {
color: var(--rp-gold); 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 { h2 {
color: var(--rp-iris); color: var(--rp-gold);
} }
code pre { code {
background-color: var(--rp-surface); background: var(--rp-surface);
padding: 0.6em; padding: 0.3em;
border-radius: 1em; border-radius: 1em;
font-size: 1.2em;
span {
background: var(--rp-surface);
}
}
.highlight {
padding: 1rem;
background-color: var(--rp-surface);
border-radius: 1rem;
} }

532
public/css/syntax.css
View File

@ -1,86 +1,446 @@
/* Background */ .bg { color:#e0def4;background-color:#232136; } :root {
/* PreWrapper */ .chroma { color:#e0def4;background-color:#232136; } /* Rosé Pine Dawn */
/* Other */ .chroma .x { } --rp-base: hsl(32deg, 57%, 95%);
/* Error */ .chroma .err { color:#eb6f92 } --rp-surface: hsl(35deg, 100%, 98%);
/* CodeLine */ .chroma .cl { } --rp-overlay: hsl(33deg, 43%, 91%);
/* 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; } @media (prefers-color-scheme: dark) {
/* LineHighlight */ .chroma .hl { background-color:#39374a } :root {
/* 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 } /* Rosé Pine */
/* 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 } --rp-base: hsl(249deg, 22%, 12%);
/* Line */ .chroma .line { display:flex; } --rp-surface: hsl(247deg, 23%, 15%);
/* Keyword */ .chroma .k { color:#3e8fb0 } --rp-overlay: hsl(248deg, 25%, 18%);
/* 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 } /* Background */
/* NameAttribute */ .chroma .na { color:#ea9a97 } .bg {
/* NameBuiltin */ .chroma .nb { color:#ea9a97 } color: #e0def4;
/* NameBuiltinPseudo */ .chroma .bp { color:#ea9a97 } background-color: var(--rp-surface);
/* NameClass */ .chroma .nc { color:#9ccfd8 } }
/* NameConstant */ .chroma .no { color:#f6c177 }
/* NameDecorator */ .chroma .nd { color:#908caa } /* PreWrapper */
/* NameEntity */ .chroma .ni { color:#ea9a97 } .chroma {
/* NameException */ .chroma .ne { color:#3e8fb0 } color: #e0def4;
/* NameFunction */ .chroma .nf { color:#ea9a97 } background-color: var(--rp-surface);
/* NameFunctionMagic */ .chroma .fm { color:#ea9a97 } }
/* NameLabel */ .chroma .nl { color:#ea9a97 }
/* NameNamespace */ .chroma .nn { color:#ea9a97 } /* Other */
/* NameOther */ .chroma .nx { } .chroma .x {}
/* NameProperty */ .chroma .py { color:#ea9a97 }
/* NameTag */ .chroma .nt { color:#ea9a97 } /* Error */
/* NameVariable */ .chroma .nv { color:#ea9a97 } .chroma .err {
/* NameVariableClass */ .chroma .vc { color:#ea9a97 } color: #eb6f92
/* NameVariableGlobal */ .chroma .vg { color:#ea9a97 } }
/* NameVariableInstance */ .chroma .vi { color:#ea9a97 }
/* NameVariableMagic */ .chroma .vm { color:#ea9a97 } /* CodeLine */
/* Literal */ .chroma .l { color:#f6c177 } .chroma .cl {}
/* LiteralDate */ .chroma .ld { color:#f6c177 }
/* LiteralString */ .chroma .s { color:#f6c177 } /* LineLink */
/* LiteralStringAffix */ .chroma .sa { color:#f6c177 } .chroma .lnlinks {
/* LiteralStringBacktick */ .chroma .sb { color:#f6c177 } outline: none;
/* LiteralStringChar */ .chroma .sc { color:#f6c177 } text-decoration: none;
/* LiteralStringDelimiter */ .chroma .dl { color:#f6c177 } color: inherit
/* LiteralStringDoc */ .chroma .sd { color:#f6c177 } }
/* LiteralStringDouble */ .chroma .s2 { color:#f6c177 }
/* LiteralStringEscape */ .chroma .se { color:#3e8fb0 } /* LineTableTD */
/* LiteralStringHeredoc */ .chroma .sh { color:#f6c177 } .chroma .lntd {
/* LiteralStringInterpol */ .chroma .si { color:#f6c177 } vertical-align: top;
/* LiteralStringOther */ .chroma .sx { color:#f6c177 } padding: 0;
/* LiteralStringRegex */ .chroma .sr { color:#f6c177 } margin: 0;
/* LiteralStringSingle */ .chroma .s1 { color:#f6c177 } border: 0;
/* LiteralStringSymbol */ .chroma .ss { color:#f6c177 } }
/* LiteralNumber */ .chroma .m { color:#f6c177 }
/* LiteralNumberBin */ .chroma .mb { color:#f6c177 } /* LineTable */
/* LiteralNumberFloat */ .chroma .mf { color:#f6c177 } .chroma .lntable {
/* LiteralNumberHex */ .chroma .mh { color:#f6c177 } border-spacing: 0;
/* LiteralNumberInteger */ .chroma .mi { color:#f6c177 } padding: 0;
/* LiteralNumberIntegerLong */ .chroma .il { color:#f6c177 } margin: 0;
/* LiteralNumberOct */ .chroma .mo { color:#f6c177 } border: 0;
/* Operator */ .chroma .o { color:#908caa } }
/* OperatorWord */ .chroma .ow { color:#908caa }
/* Punctuation */ .chroma .p { color:#908caa } /* LineHighlight */
/* Comment */ .chroma .c { color:#6e6a86 } .chroma .hl {
/* CommentHashbang */ .chroma .ch { color:#6e6a86 } background-color: #39374a
/* CommentMultiline */ .chroma .cm { color:#6e6a86 } }
/* CommentSingle */ .chroma .c1 { color:#6e6a86 }
/* CommentSpecial */ .chroma .cs { color:#6e6a86 } /* LineNumbersTable */
/* CommentPreproc */ .chroma .cp { color:#6e6a86 } .chroma .lnt {
/* CommentPreprocFile */ .chroma .cpf { color:#6e6a86 } white-space: pre;
/* Generic */ .chroma .g { } -webkit-user-select: none;
/* GenericDeleted */ .chroma .gd { color:#eb6f92 } user-select: none;
/* GenericEmph */ .chroma .ge { font-style:italic } margin-right: 0.4em;
/* GenericError */ .chroma .gr { } padding: 0 0.4em 0 0.4em;
/* GenericHeading */ .chroma .gh { } color: #7f7f7f
/* GenericInserted */ .chroma .gi { color:#9ccfd8 } }
/* GenericOutput */ .chroma .go { }
/* GenericPrompt */ .chroma .gp { } /* LineNumbers */
/* GenericStrong */ .chroma .gs { font-weight:bold } .chroma .ln {
/* GenericSubheading */ .chroma .gu { color:#c4a7e7 } white-space: pre;
/* GenericTraceback */ .chroma .gt { } -webkit-user-select: none;
/* GenericUnderline */ .chroma .gl { } user-select: none;
/* TextWhitespace */ .chroma .w { } 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 {}

11
public/index.html
View File

@ -5,7 +5,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
My New Hugo Site CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -17,7 +17,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>
@ -37,10 +37,7 @@
</header> </header>
<main> <main>
<p>Laborum voluptate pariatur ex culpa magna nostrud est incididunt fugiat
pariatur do dolor ipsum enim. Consequat tempor do dolor eu. Non id id anim anim
excepteur excepteur pariatur nostrud qui irure ullamco.</p>
<h2><a href="/posts/hard-problem/">Hard Problem: Invalidating the browser cache</a></h2> <h2><a href="/posts/hard-problem/">Hard Problem: Invalidating the browser cache</a></h2>
<p><strong>I had a bit of an issue with my <a href="https://demos.ajstepien.xyz">website</a> recently.</strong></p> <p><strong>I had a bit of an issue with my <a href="https://demos.ajstepien.xyz">website</a> recently.</strong></p>
@ -48,7 +45,7 @@ excepteur excepteur pariatur nostrud qui irure ullamco.</p>
<p>The experienced computer touchers amongst you will be saying &ldquo;this is obviously a cache problem&rdquo;, and you&rsquo;re right, it is obviously a cache problem. Pressing <code>CTR + SHIFT + R</code> (which forces Firefox to clear the cache and do a full reload) proved this thesis, and solved the problem handily for me, on my machine. But what about other people&rsquo;s machines?</p> <p>The experienced computer touchers amongst you will be saying &ldquo;this is obviously a cache problem&rdquo;, and you&rsquo;re right, it is obviously a cache problem. Pressing <code>CTR + SHIFT + R</code> (which forces Firefox to clear the cache and do a full reload) proved this thesis, and solved the problem handily for me, on my machine. But what about other people&rsquo;s machines?</p>
<h2><a href="/posts/permissions-strike-again/">Permissions Strike Again</a></h2> <h2><a href="/posts/permissions-strike-again/">Permissions Strike Again</a></h2>
<h1 id="its-always-permissions">It&rsquo;s always permissions</h1> <h2 id="its-always-permissions">It&rsquo;s always permissions</h2>
<p>Configuring Apache really isn&rsquo;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&rsquo;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.</p> <p>Configuring Apache really isn&rsquo;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&rsquo;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.</p>
<p><strong>And it almost always has to do with permissions.</strong></p> <p><strong>And it almost always has to do with permissions.</strong></p>

6
public/index.xml
View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Home on My New Hugo Site</title> <title>Home on CODING WITH ANDRZEJ</title>
<link>http://localhost:1313/</link> <link>http://localhost:1313/</link>
<description>Recent content in Home on My New Hugo Site</description> <description>Recent content in Home on CODING WITH ANDRZEJ</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate> <lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
@ -20,7 +20,7 @@
<link>http://localhost:1313/posts/permissions-strike-again/</link> <link>http://localhost:1313/posts/permissions-strike-again/</link>
<pubDate>Wed, 13 Nov 2024 11:53:13 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 11:53:13 +0100</pubDate>
<guid>http://localhost:1313/posts/permissions-strike-again/</guid> <guid>http://localhost:1313/posts/permissions-strike-again/</guid>
<description>&lt;h1 id=&#34;its-always-permissions&#34;&gt;It&amp;rsquo;s always permissions&lt;/h1&gt;&#xA;&lt;p&gt;Configuring Apache really isn&amp;rsquo;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&amp;rsquo;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.&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;And it almost always has to do with permissions.&lt;/strong&gt;&lt;/p&gt;</description> <description>&lt;h2 id=&#34;its-always-permissions&#34;&gt;It&amp;rsquo;s always permissions&lt;/h2&gt;&#xA;&lt;p&gt;Configuring Apache really isn&amp;rsquo;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&amp;rsquo;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.&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;And it almost always has to do with permissions.&lt;/strong&gt;&lt;/p&gt;</description>
</item> </item>
<item> <item>
<title>Post 3</title> <title>Post 3</title>

12
public/posts/hard-problem/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Hard Problem: Invalidating the browser cache | My New Hugo Site Hard Problem: Invalidating the browser cache | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>
@ -49,13 +49,7 @@
<p>The best way to deal with this problem is to tell the browser not to cache our HTML in the first place. We can achieve this by adding the following meta tag to <code>index.html</code>, and any other HTML files we don&rsquo;t want cached.</p> <p>The best way to deal with this problem is to tell the browser not to cache our HTML in the first place. We can achieve this by adding the following meta tag to <code>index.html</code>, and any other HTML files we don&rsquo;t want cached.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">http-equiv</span><span class="o">=</span><span class="s">&#34;pragma&#34;</span> <span class="na">content</span><span class="o">=</span><span class="s">&#34;no-cache&#34;</span> <span class="p">/&gt;</span> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"> <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">http-equiv</span><span class="o">=</span><span class="s">&#34;pragma&#34;</span> <span class="na">content</span><span class="o">=</span><span class="s">&#34;no-cache&#34;</span> <span class="p">/&gt;</span>
</span></span></code></pre></div><h2 id="invalidating-cached-css">Invalidating cached CSS</h2> </span></span></code></pre></div><h2 id="invalidating-cached-css">Invalidating cached CSS</h2>
<p>A quick google search revealed that the best way to invalidate browser cache is by changing the url of the file you&rsquo;re telling it to load. So we would change this:</p> <p>What we need is for the browser to recognize our CSS as a new file and load it anew from the server. We could change the file name whenever we want to bust the cache, but this would get tedious very quickly. What&rsquo;s more, as far as Git is concerned, we&rsquo;d be deleting the CSS file and writing a new one with every deployment. Surely there&rsquo;s a better way?</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;stylesheet&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;css/defaults.css&#34;</span> <span class="p">/&gt;</span>
</span></span></code></pre></div><p>to this:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;stylesheet&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;css/defaults-2.css&#34;</span> <span class="p">/&gt;</span>
</span></span></code></pre></div><p>and the browser would recognize this as new file and load it from the server. Problem solved! Of course, you would have to change the file name too&hellip;</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">mv css/defaults.css css/defaults-2.css
</span></span></code></pre></div><p>&hellip; and this would get tedious very quickly. Furthermore, it&rsquo;s going to make a mess of your version history if, as far as Git is concerned, you&rsquo;re deleting the CSS file and writing a new one with every deployment. Surely there&rsquo;s a better way?</p>
<h3 id="using-a-query">Using a query</h3> <h3 id="using-a-query">Using a query</h3>
<p>Of course there is. Look at this:</p> <p>Of course there is. Look at this:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;stylesheet&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;css/defaults.css?v=2&#34;</span><span class="p">/&gt;</span> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;stylesheet&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;css/defaults.css?v=2&#34;</span><span class="p">/&gt;</span>

6
public/posts/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Posts | My New Hugo Site Posts | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>
@ -46,7 +46,7 @@
<p>The experienced computer touchers amongst you will be saying &ldquo;this is obviously a cache problem&rdquo;, and you&rsquo;re right, it is obviously a cache problem. Pressing <code>CTR + SHIFT + R</code> (which forces Firefox to clear the cache and do a full reload) proved this thesis, and solved the problem handily for me, on my machine. But what about other people&rsquo;s machines?</p> <p>The experienced computer touchers amongst you will be saying &ldquo;this is obviously a cache problem&rdquo;, and you&rsquo;re right, it is obviously a cache problem. Pressing <code>CTR + SHIFT + R</code> (which forces Firefox to clear the cache and do a full reload) proved this thesis, and solved the problem handily for me, on my machine. But what about other people&rsquo;s machines?</p>
<h2><a href="/posts/permissions-strike-again/">Permissions Strike Again</a></h2> <h2><a href="/posts/permissions-strike-again/">Permissions Strike Again</a></h2>
<h1 id="its-always-permissions">It&rsquo;s always permissions</h1> <h2 id="its-always-permissions">It&rsquo;s always permissions</h2>
<p>Configuring Apache really isn&rsquo;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&rsquo;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.</p> <p>Configuring Apache really isn&rsquo;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&rsquo;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.</p>
<p><strong>And it almost always has to do with permissions.</strong></p> <p><strong>And it almost always has to do with permissions.</strong></p>

6
public/posts/index.xml
View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Posts on My New Hugo Site</title> <title>Posts on CODING WITH ANDRZEJ</title>
<link>http://localhost:1313/posts/</link> <link>http://localhost:1313/posts/</link>
<description>Recent content in Posts on My New Hugo Site</description> <description>Recent content in Posts on CODING WITH ANDRZEJ</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate> <lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
@ -20,7 +20,7 @@
<link>http://localhost:1313/posts/permissions-strike-again/</link> <link>http://localhost:1313/posts/permissions-strike-again/</link>
<pubDate>Wed, 13 Nov 2024 11:53:13 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 11:53:13 +0100</pubDate>
<guid>http://localhost:1313/posts/permissions-strike-again/</guid> <guid>http://localhost:1313/posts/permissions-strike-again/</guid>
<description>&lt;h1 id=&#34;its-always-permissions&#34;&gt;It&amp;rsquo;s always permissions&lt;/h1&gt;&#xA;&lt;p&gt;Configuring Apache really isn&amp;rsquo;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&amp;rsquo;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.&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;And it almost always has to do with permissions.&lt;/strong&gt;&lt;/p&gt;</description> <description>&lt;h2 id=&#34;its-always-permissions&#34;&gt;It&amp;rsquo;s always permissions&lt;/h2&gt;&#xA;&lt;p&gt;Configuring Apache really isn&amp;rsquo;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&amp;rsquo;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.&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;And it almost always has to do with permissions.&lt;/strong&gt;&lt;/p&gt;</description>
</item> </item>
<item> <item>
<title>Post 3</title> <title>Post 3</title>

6
public/posts/permissions-strike-again/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Permissions Strike Again | My New Hugo Site Permissions Strike Again | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>
@ -42,7 +42,7 @@
<time datetime="2024-11-13T11:53:13&#43;01:00">November 13, 2024</time> <time datetime="2024-11-13T11:53:13&#43;01:00">November 13, 2024</time>
<h1 id="its-always-permissions">It&rsquo;s always permissions</h1> <h2 id="its-always-permissions">It&rsquo;s always permissions</h2>
<p>Configuring Apache really isn&rsquo;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&rsquo;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.</p> <p>Configuring Apache really isn&rsquo;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&rsquo;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.</p>
<p><strong>And it almost always has to do with permissions.</strong></p> <p><strong>And it almost always has to do with permissions.</strong></p>
<p>So, I&rsquo;m writing this post both as a means of christening this devlog (<a href="https://demos.ajstepien.xyz">Hi! I&rsquo;m Andrzej! Hire me!</a>) and also as a reminder to myself that <em>the home folder is not executable by default.</em></p> <p>So, I&rsquo;m writing this post both as a means of christening this devlog (<a href="https://demos.ajstepien.xyz">Hi! I&rsquo;m Andrzej! Hire me!</a>) and also as a reminder to myself that <em>the home folder is not executable by default.</em></p>

4
public/posts/post-1/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Post 1 | My New Hugo Site Post 1 | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>

4
public/posts/post-2/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Post 2 | My New Hugo Site Post 2 | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>

4
public/posts/post-3/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Post 3 | My New Hugo Site Post 3 | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>

4
public/tags/blue/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Blue | My New Hugo Site Blue | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>

4
public/tags/blue/index.xml
View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Blue on My New Hugo Site</title> <title>Blue on CODING WITH ANDRZEJ</title>
<link>http://localhost:1313/tags/blue/</link> <link>http://localhost:1313/tags/blue/</link>
<description>Recent content in Blue on My New Hugo Site</description> <description>Recent content in Blue on CODING WITH ANDRZEJ</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate> <lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate>

4
public/tags/green/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Green | My New Hugo Site Green | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>

4
public/tags/green/index.xml
View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Green on My New Hugo Site</title> <title>Green on CODING WITH ANDRZEJ</title>
<link>http://localhost:1313/tags/green/</link> <link>http://localhost:1313/tags/green/</link>
<description>Recent content in Green on My New Hugo Site</description> <description>Recent content in Green on CODING WITH ANDRZEJ</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate> <lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate>

4
public/tags/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Tags | My New Hugo Site Tags | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>

4
public/tags/index.xml
View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Tags on My New Hugo Site</title> <title>Tags on CODING WITH ANDRZEJ</title>
<link>http://localhost:1313/tags/</link> <link>http://localhost:1313/tags/</link>
<description>Recent content in Tags on My New Hugo Site</description> <description>Recent content in Tags on CODING WITH ANDRZEJ</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate> <lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate>

4
public/tags/red/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<title> <title>
Red | My New Hugo Site Red | CODING WITH ANDRZEJ
</title> </title>
<link rel="stylesheet" href="/css/main.css" /> <link rel="stylesheet" href="/css/main.css" />
@ -16,7 +16,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>My New Hugo Site</h1> <h1>CODING WITH ANDRZEJ</h1>
<nav> <nav>
<ul> <ul>

4
public/tags/red/index.xml
View File

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?> <?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Red on My New Hugo Site</title> <title>Red on CODING WITH ANDRZEJ</title>
<link>http://localhost:1313/tags/red/</link> <link>http://localhost:1313/tags/red/</link>
<description>Recent content in Red on My New Hugo Site</description> <description>Recent content in Red on CODING WITH ANDRZEJ</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate> <lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate>

33
themes/cuqui/assets/css/main.css
View File

@ -64,6 +64,14 @@ body {
max-width: 768px; max-width: 768px;
} }
b {
color: var(--rp-love);
}
i {
color: var(--rp-muted)
}
header { header {
border-bottom: 1px solid #222; border-bottom: 1px solid #222;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -86,14 +94,31 @@ a:visited {
h1 { h1 {
color: var(--rp-gold); 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 { h2 {
color: var(--rp-iris); color: var(--rp-gold);
} }
code pre { code {
background-color: var(--rp-surface); background: var(--rp-surface);
padding: 0.6em; padding: 0.3em;
border-radius: 1em; border-radius: 1em;
font-size: 1.2em;
span {
background: var(--rp-surface);
}
}
.highlight {
padding: 1rem;
background-color: var(--rp-surface);
border-radius: 1rem;
} }

532
themes/cuqui/assets/css/syntax.css
View File

@ -1,86 +1,446 @@
/* Background */ .bg { color:#e0def4;background-color:#232136; } :root {
/* PreWrapper */ .chroma { color:#e0def4;background-color:#232136; } /* Rosé Pine Dawn */
/* Other */ .chroma .x { } --rp-base: hsl(32deg, 57%, 95%);
/* Error */ .chroma .err { color:#eb6f92 } --rp-surface: hsl(35deg, 100%, 98%);
/* CodeLine */ .chroma .cl { } --rp-overlay: hsl(33deg, 43%, 91%);
/* 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; } @media (prefers-color-scheme: dark) {
/* LineHighlight */ .chroma .hl { background-color:#39374a } :root {
/* 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 } /* Rosé Pine */
/* 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 } --rp-base: hsl(249deg, 22%, 12%);
/* Line */ .chroma .line { display:flex; } --rp-surface: hsl(247deg, 23%, 15%);
/* Keyword */ .chroma .k { color:#3e8fb0 } --rp-overlay: hsl(248deg, 25%, 18%);
/* 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 } /* Background */
/* NameAttribute */ .chroma .na { color:#ea9a97 } .bg {
/* NameBuiltin */ .chroma .nb { color:#ea9a97 } color: #e0def4;
/* NameBuiltinPseudo */ .chroma .bp { color:#ea9a97 } background-color: var(--rp-surface);
/* NameClass */ .chroma .nc { color:#9ccfd8 } }
/* NameConstant */ .chroma .no { color:#f6c177 }
/* NameDecorator */ .chroma .nd { color:#908caa } /* PreWrapper */
/* NameEntity */ .chroma .ni { color:#ea9a97 } .chroma {
/* NameException */ .chroma .ne { color:#3e8fb0 } color: #e0def4;
/* NameFunction */ .chroma .nf { color:#ea9a97 } background-color: var(--rp-surface);
/* NameFunctionMagic */ .chroma .fm { color:#ea9a97 } }
/* NameLabel */ .chroma .nl { color:#ea9a97 }
/* NameNamespace */ .chroma .nn { color:#ea9a97 } /* Other */
/* NameOther */ .chroma .nx { } .chroma .x {}
/* NameProperty */ .chroma .py { color:#ea9a97 }
/* NameTag */ .chroma .nt { color:#ea9a97 } /* Error */
/* NameVariable */ .chroma .nv { color:#ea9a97 } .chroma .err {
/* NameVariableClass */ .chroma .vc { color:#ea9a97 } color: #eb6f92
/* NameVariableGlobal */ .chroma .vg { color:#ea9a97 } }
/* NameVariableInstance */ .chroma .vi { color:#ea9a97 }
/* NameVariableMagic */ .chroma .vm { color:#ea9a97 } /* CodeLine */
/* Literal */ .chroma .l { color:#f6c177 } .chroma .cl {}
/* LiteralDate */ .chroma .ld { color:#f6c177 }
/* LiteralString */ .chroma .s { color:#f6c177 } /* LineLink */
/* LiteralStringAffix */ .chroma .sa { color:#f6c177 } .chroma .lnlinks {
/* LiteralStringBacktick */ .chroma .sb { color:#f6c177 } outline: none;
/* LiteralStringChar */ .chroma .sc { color:#f6c177 } text-decoration: none;
/* LiteralStringDelimiter */ .chroma .dl { color:#f6c177 } color: inherit
/* LiteralStringDoc */ .chroma .sd { color:#f6c177 } }
/* LiteralStringDouble */ .chroma .s2 { color:#f6c177 }
/* LiteralStringEscape */ .chroma .se { color:#3e8fb0 } /* LineTableTD */
/* LiteralStringHeredoc */ .chroma .sh { color:#f6c177 } .chroma .lntd {
/* LiteralStringInterpol */ .chroma .si { color:#f6c177 } vertical-align: top;
/* LiteralStringOther */ .chroma .sx { color:#f6c177 } padding: 0;
/* LiteralStringRegex */ .chroma .sr { color:#f6c177 } margin: 0;
/* LiteralStringSingle */ .chroma .s1 { color:#f6c177 } border: 0;
/* LiteralStringSymbol */ .chroma .ss { color:#f6c177 } }
/* LiteralNumber */ .chroma .m { color:#f6c177 }
/* LiteralNumberBin */ .chroma .mb { color:#f6c177 } /* LineTable */
/* LiteralNumberFloat */ .chroma .mf { color:#f6c177 } .chroma .lntable {
/* LiteralNumberHex */ .chroma .mh { color:#f6c177 } border-spacing: 0;
/* LiteralNumberInteger */ .chroma .mi { color:#f6c177 } padding: 0;
/* LiteralNumberIntegerLong */ .chroma .il { color:#f6c177 } margin: 0;
/* LiteralNumberOct */ .chroma .mo { color:#f6c177 } border: 0;
/* Operator */ .chroma .o { color:#908caa } }
/* OperatorWord */ .chroma .ow { color:#908caa }
/* Punctuation */ .chroma .p { color:#908caa } /* LineHighlight */
/* Comment */ .chroma .c { color:#6e6a86 } .chroma .hl {
/* CommentHashbang */ .chroma .ch { color:#6e6a86 } background-color: #39374a
/* CommentMultiline */ .chroma .cm { color:#6e6a86 } }
/* CommentSingle */ .chroma .c1 { color:#6e6a86 }
/* CommentSpecial */ .chroma .cs { color:#6e6a86 } /* LineNumbersTable */
/* CommentPreproc */ .chroma .cp { color:#6e6a86 } .chroma .lnt {
/* CommentPreprocFile */ .chroma .cpf { color:#6e6a86 } white-space: pre;
/* Generic */ .chroma .g { } -webkit-user-select: none;
/* GenericDeleted */ .chroma .gd { color:#eb6f92 } user-select: none;
/* GenericEmph */ .chroma .ge { font-style:italic } margin-right: 0.4em;
/* GenericError */ .chroma .gr { } padding: 0 0.4em 0 0.4em;
/* GenericHeading */ .chroma .gh { } color: #7f7f7f
/* GenericInserted */ .chroma .gi { color:#9ccfd8 } }
/* GenericOutput */ .chroma .go { }
/* GenericPrompt */ .chroma .gp { } /* LineNumbers */
/* GenericStrong */ .chroma .gs { font-weight:bold } .chroma .ln {
/* GenericSubheading */ .chroma .gu { color:#c4a7e7 } white-space: pre;
/* GenericTraceback */ .chroma .gt { } -webkit-user-select: none;
/* GenericUnderline */ .chroma .gl { } user-select: none;
/* TextWhitespace */ .chroma .w { } 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 {}

3
themes/cuqui/content/_index.md
View File

@ -4,6 +4,3 @@ date = 2023-01-01T08:00:00-07:00
draft = false draft = false
+++ +++
Laborum voluptate pariatur ex culpa magna nostrud est incididunt fugiat
pariatur do dolor ipsum enim. Consequat tempor do dolor eu. Non id id anim anim
excepteur excepteur pariatur nostrud qui irure ullamco.