styling
This commit is contained in:
parent
702db993f6
commit
cddc7e9304
|
|
@ -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
|
||||
|
||||
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:
|
||||
|
||||
```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?
|
||||
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?
|
||||
|
||||
### Using a query
|
||||
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
baseURL = 'https://example.org/'
|
||||
languageCode = 'en-us'
|
||||
title = 'My New Hugo Site'
|
||||
title = 'CODING WITH ANDRZEJ'
|
||||
theme = "cuqui"
|
||||
[markup]
|
||||
[markup.highlight]
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Categories | My New Hugo Site
|
||||
Categories | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Categories on My New Hugo Site</title>
|
||||
<title>Categories on CODING WITH ANDRZEJ</title>
|
||||
<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>
|
||||
<language>en-us</language>
|
||||
<atom:link href="http://localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
|
|
|||
|
|
@ -64,6 +64,14 @@ body {
|
|||
max-width: 768px;
|
||||
}
|
||||
|
||||
b {
|
||||
color: var(--rp-love);
|
||||
}
|
||||
|
||||
i {
|
||||
color: var(--rp-muted)
|
||||
}
|
||||
|
||||
header {
|
||||
border-bottom: 1px solid #222;
|
||||
margin-bottom: 1rem;
|
||||
|
|
@ -86,14 +94,31 @@ 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;
|
||||
font-size: 1.2em;
|
||||
|
||||
span {
|
||||
background: var(--rp-surface);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.highlight {
|
||||
padding: 1rem;
|
||||
background-color: var(--rp-surface);
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
My New Hugo Site
|
||||
CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
@ -37,10 +37,7 @@
|
|||
</header>
|
||||
<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>
|
||||
<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 “this is obviously a cache problem”, and you’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’s machines?</p>
|
||||
|
||||
<h2><a href="/posts/permissions-strike-again/">Permissions Strike Again</a></h2>
|
||||
<h1 id="its-always-permissions">It’s always permissions</h1>
|
||||
<h2 id="its-always-permissions">It’s always permissions</h2>
|
||||
<p>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.</p>
|
||||
<p><strong>And it almost always has to do with permissions.</strong></p>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Home on My New Hugo Site</title>
|
||||
<title>Home on CODING WITH ANDRZEJ</title>
|
||||
<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>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
<link>http://localhost:1313/posts/permissions-strike-again/</link>
|
||||
<pubDate>Wed, 13 Nov 2024 11:53:13 +0100</pubDate>
|
||||
<guid>http://localhost:1313/posts/permissions-strike-again/</guid>
|
||||
<description><h1 id="its-always-permissions">It&rsquo;s always permissions</h1>
<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></description>
|
||||
<description><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><strong>And it almost always has to do with permissions.</strong></p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Post 3</title>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Hard Problem: Invalidating the browser cache | My New Hugo Site
|
||||
Hard Problem: Invalidating the browser cache | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<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’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"><</span><span class="nt">meta</span> <span class="na">http-equiv</span><span class="o">=</span><span class="s">"pragma"</span> <span class="na">content</span><span class="o">=</span><span class="s">"no-cache"</span> <span class="p">/></span>
|
||||
</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’re telling it to load. So we would change 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"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"stylesheet"</span> <span class="na">href</span><span class="o">=</span><span class="s">"css/defaults.css"</span> <span class="p">/></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"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"stylesheet"</span> <span class="na">href</span><span class="o">=</span><span class="s">"css/defaults-2.css"</span> <span class="p">/></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…</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>… 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?</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’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?</p>
|
||||
<h3 id="using-a-query">Using a query</h3>
|
||||
<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"><</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">"stylesheet"</span> <span class="na">href</span><span class="o">=</span><span class="s">"css/defaults.css?v=2"</span><span class="p">/></span>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Posts | My New Hugo Site
|
||||
Posts | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
<p>The experienced computer touchers amongst you will be saying “this is obviously a cache problem”, and you’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’s machines?</p>
|
||||
|
||||
<h2><a href="/posts/permissions-strike-again/">Permissions Strike Again</a></h2>
|
||||
<h1 id="its-always-permissions">It’s always permissions</h1>
|
||||
<h2 id="its-always-permissions">It’s always permissions</h2>
|
||||
<p>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.</p>
|
||||
<p><strong>And it almost always has to do with permissions.</strong></p>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Posts on My New Hugo Site</title>
|
||||
<title>Posts on CODING WITH ANDRZEJ</title>
|
||||
<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>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
<link>http://localhost:1313/posts/permissions-strike-again/</link>
|
||||
<pubDate>Wed, 13 Nov 2024 11:53:13 +0100</pubDate>
|
||||
<guid>http://localhost:1313/posts/permissions-strike-again/</guid>
|
||||
<description><h1 id="its-always-permissions">It&rsquo;s always permissions</h1>
<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></description>
|
||||
<description><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><strong>And it almost always has to do with permissions.</strong></p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Post 3</title>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Permissions Strike Again | My New Hugo Site
|
||||
Permissions Strike Again | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
@ -42,7 +42,7 @@
|
|||
|
||||
<time datetime="2024-11-13T11:53:13+01:00">November 13, 2024</time>
|
||||
|
||||
<h1 id="its-always-permissions">It’s always permissions</h1>
|
||||
<h2 id="its-always-permissions">It’s always permissions</h2>
|
||||
<p>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.</p>
|
||||
<p><strong>And it almost always has to do with permissions.</strong></p>
|
||||
<p>So, I’m writing this post both as a means of christening this devlog (<a href="https://demos.ajstepien.xyz">Hi! I’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,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Post 1 | My New Hugo Site
|
||||
Post 1 | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Post 2 | My New Hugo Site
|
||||
Post 2 | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Post 3 | My New Hugo Site
|
||||
Post 3 | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Blue | My New Hugo Site
|
||||
Blue | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Blue on My New Hugo Site</title>
|
||||
<title>Blue on CODING WITH ANDRZEJ</title>
|
||||
<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>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Green | My New Hugo Site
|
||||
Green | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Green on My New Hugo Site</title>
|
||||
<title>Green on CODING WITH ANDRZEJ</title>
|
||||
<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>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Tags | My New Hugo Site
|
||||
Tags | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Tags on My New Hugo Site</title>
|
||||
<title>Tags on CODING WITH ANDRZEJ</title>
|
||||
<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>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Red | My New Hugo Site
|
||||
Red | CODING WITH ANDRZEJ
|
||||
</title>
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>My New Hugo Site</h1>
|
||||
<h1>CODING WITH ANDRZEJ</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Red on My New Hugo Site</title>
|
||||
<title>Red on CODING WITH ANDRZEJ</title>
|
||||
<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>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Wed, 15 Mar 2023 11:00:00 -0700</lastBuildDate>
|
||||
|
|
|
|||
|
|
@ -64,6 +64,14 @@ body {
|
|||
max-width: 768px;
|
||||
}
|
||||
|
||||
b {
|
||||
color: var(--rp-love);
|
||||
}
|
||||
|
||||
i {
|
||||
color: var(--rp-muted)
|
||||
}
|
||||
|
||||
header {
|
||||
border-bottom: 1px solid #222;
|
||||
margin-bottom: 1rem;
|
||||
|
|
@ -86,14 +94,31 @@ 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;
|
||||
font-size: 1.2em;
|
||||
|
||||
span {
|
||||
background: var(--rp-surface);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.highlight {
|
||||
padding: 1rem;
|
||||
background-color: var(--rp-surface);
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {}
|
||||
|
|
|
|||
|
|
@ -4,6 +4,3 @@ date = 2023-01-01T08:00:00-07:00
|
|||
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.
|
||||
|
|
|
|||
Loading…
Reference in New Issue