tags
This commit is contained in:
parent
85a0e95448
commit
ce31702280
|
@ -1,7 +1,8 @@
|
|||
+++
|
||||
date = '2024-11-13T14:24:21+01:00'
|
||||
draft = true
|
||||
draft = false
|
||||
title = 'Invalidating the browser cache'
|
||||
tags = ['css','html','linux']
|
||||
+++
|
||||
|
||||
**I had a bit of an issue with my [website](https://demos.ajstepien.xyz) recently.**
|
||||
|
@ -10,7 +11,7 @@ I pushed some changes incorporating images for the first time (I know -- very sw
|
|||
|
||||
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 `CTR + SHIFT + R` (which forces Firefox to clear the cache and do a full reload) proved this thesis, and solved the immediate problem for me, on my machine. But what about other people's machines? **I needed to cache-bust.**
|
||||
|
||||
Post-processors such as Tailwind use fancy 'fingerprinting' techniques for this, but I want something simpler than that for this project. Something I can code myself, without losing sight of what's happening under the hood.
|
||||
Post-processors such as Tailwind have built-in methods for this, but I want something simpler than that for this project: something I can code myself, without losing sight of what's happening under the hood.
|
||||
|
||||
## Invalidating cached HTML
|
||||
|
||||
|
@ -19,7 +20,7 @@ The best way to deal with the caching problem is to tell the browser not to cach
|
|||
I can stop HTML files from getting cached by adding the following meta tag. In this case, I'm adding it to `index.html`.
|
||||
|
||||
```html
|
||||
<meta http-equi"pragma" content="no-cache" />
|
||||
<meta http-equiv="pragma" content="no-cache" />
|
||||
```
|
||||
|
||||
## Invalidating cached CSS
|
||||
|
@ -68,7 +69,7 @@ Now I just need to add the build script to my Jenkinsfile...
|
|||
}
|
||||
```
|
||||
|
||||
and the problem is solved.
|
||||
... and the problem is solved.
|
||||
|
||||
Pretty neat, huh?
|
||||
|
|
@ -2,6 +2,7 @@
|
|||
date = '2024-11-13T11:53:13+01:00'
|
||||
draft = false
|
||||
title = 'Permissions Strike Again'
|
||||
tags = ['linux']
|
||||
+++
|
||||
|
||||
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.
|
||||
|
|
|
@ -0,0 +1,8 @@
|
|||
#!/bin/sh
|
||||
USER=andrzej
|
||||
HOST=192.168.0.70
|
||||
DIR=site # the directory where your website files should go
|
||||
|
||||
hugo && rsync -avz --delete public/ ${USER}@${HOST}:~/${DIR} # this will delete everything on the server that's not in the local public folder
|
||||
|
||||
exit 0
|
|
@ -1,7 +1,8 @@
|
|||
baseURL = 'https://example.org/'
|
||||
baseURL = 'http://192.168.70/'
|
||||
languageCode = 'en-us'
|
||||
title = 'CODING WITH ANDRZEJ'
|
||||
title = 'Coding with Andrzej'
|
||||
theme = "cuqui"
|
||||
tags = ["css","html","javascript"]
|
||||
[markup]
|
||||
[markup.highlight]
|
||||
noClasses = false
|
||||
|
|
|
@ -4,20 +4,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Categories | CODING WITH ANDRZEJ
|
||||
Categories | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
@ -40,6 +52,9 @@
|
|||
<h1>Categories</h1>
|
||||
|
||||
|
||||
<ul class="page-list">
|
||||
|
||||
</ul>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
|
|
|
@ -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 CODING WITH ANDRZEJ</title>
|
||||
<title>Categories on Coding with Andrzej</title>
|
||||
<link>http://localhost:1313/categories/</link>
|
||||
<description>Recent content in Categories on CODING WITH ANDRZEJ</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" />
|
||||
|
|
|
@ -1,6 +1,3 @@
|
|||
/* TODO: add defaults.css to project */
|
||||
|
||||
|
||||
:root {
|
||||
/* Rosé Pine Dawn */
|
||||
--rp-base: hsl(32deg, 57%, 95%);
|
||||
|
@ -95,7 +92,7 @@ main {
|
|||
}
|
||||
|
||||
strong {
|
||||
color: var(--rp-rose);
|
||||
color: var(--rp-gold);
|
||||
}
|
||||
|
||||
em {
|
||||
|
@ -106,6 +103,10 @@ em {
|
|||
header {
|
||||
border-bottom: 1rem solid var(--rp-pine);
|
||||
margin-bottom: 1rem;
|
||||
|
||||
h1 {
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -129,7 +130,11 @@ a {
|
|||
}
|
||||
|
||||
a:visited {
|
||||
color: var(--rp-subtle);
|
||||
color: var(--rp-pine);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--rp-iris);
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
@ -188,4 +193,11 @@ nav>ul>li>a {
|
|||
border-bottom: 1rem solid var(--rp-pine);
|
||||
border-radius: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
min-width: 24em;
|
||||
;
|
||||
}
|
||||
|
||||
.center {
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
}
|
||||
|
|
|
@ -5,20 +5,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
CODING WITH ANDRZEJ
|
||||
Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
@ -38,13 +50,15 @@
|
|||
</header>
|
||||
<main>
|
||||
|
||||
<p>Hello, and welcome to my devlog. This is where I talk about whatever coding I’ve been up to recently.</p>
|
||||
|
||||
<h1>Latest...</h1>
|
||||
|
||||
<h2><a href="/posts/hard-problem/">Invalidating the browser cache</a></h2>
|
||||
<h2><a href="/posts/cache-busting/">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>I pushed some changes incorporating images for the first time (I know – very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox… the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people’s machines? <strong>I needed to cache-bust.</strong></p>
|
||||
<a href="/posts/hard-problem/">Read more...</a>
|
||||
<a href="/posts/cache-busting/">Read more...</a>
|
||||
|
||||
|
||||
</main>
|
||||
|
|
|
@ -1,18 +1,18 @@
|
|||
<?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 CODING WITH ANDRZEJ</title>
|
||||
<title>Home on Coding with Andrzej</title>
|
||||
<link>http://localhost:1313/</link>
|
||||
<description>Recent content in Home on CODING WITH ANDRZEJ</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>
|
||||
<atom:link href="http://localhost:1313/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Invalidating the browser cache</title>
|
||||
<link>http://localhost:1313/posts/hard-problem/</link>
|
||||
<link>http://localhost:1313/posts/cache-busting/</link>
|
||||
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
|
||||
<guid>http://localhost:1313/posts/hard-problem/</guid>
|
||||
<guid>http://localhost:1313/posts/cache-busting/</guid>
|
||||
<description><p><strong>I had a bit of an issue with my <a href="https://demos.ajstepien.xyz">website</a> recently.</strong></p>
<p>I pushed some changes incorporating images for the first time (I know &ndash; very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox&hellip; the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people&rsquo;s machines? <strong>I needed to cache-bust.</strong></p></description>
|
||||
</item>
|
||||
<item>
|
||||
|
@ -22,26 +22,5 @@
|
|||
<guid>http://localhost:1313/posts/permissions-strike-again/</guid>
|
||||
<description><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><em><strong>And it almost always has to do with permissions.</strong></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></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Post 3</title>
|
||||
<link>http://localhost:1313/posts/post-3/</link>
|
||||
<pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate>
|
||||
<guid>http://localhost:1313/posts/post-3/</guid>
|
||||
<description><p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Post 2</title>
|
||||
<link>http://localhost:1313/posts/post-2/</link>
|
||||
<pubDate>Wed, 15 Feb 2023 10:00:00 -0700</pubDate>
|
||||
<guid>http://localhost:1313/posts/post-2/</guid>
|
||||
<description><p>Anim eiusmod irure incididunt sint cupidatat. Incididunt irure irure irure nisi ipsum do ut quis fugiat consectetur proident cupidatat incididunt cillum. Dolore voluptate occaecat qui mollit laborum ullamco et. Ipsum laboris officia anim laboris culpa eiusmod ex magna ex cupidatat anim ipsum aute. Mollit aliquip occaecat qui sunt velit ut cupidatat reprehenderit enim sunt laborum. Velit veniam in officia nulla adipisicing ut duis officia.</p>
<p>Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur. Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Post 1</title>
|
||||
<link>http://localhost:1313/posts/post-1/</link>
|
||||
<pubDate>Sun, 15 Jan 2023 09:00:00 -0700</pubDate>
|
||||
<guid>http://localhost:1313/posts/post-1/</guid>
|
||||
<description><p>Tempor proident minim aliquip reprehenderit dolor et ad anim Lorem duis sint eiusmod. Labore ut ea duis dolor. Incididunt consectetur proident qui occaecat incididunt do nisi Lorem. Tempor do laborum elit laboris excepteur eiusmod do. Eiusmod nisi excepteur ut amet pariatur adipisicing Lorem.</p>
<p>Occaecat nulla excepteur dolore excepteur duis eiusmod ullamco officia anim in voluptate ea occaecat officia. Cillum sint esse velit ea officia minim fugiat. Elit ea esse id aliquip pariatur cupidatat id duis minim incididunt ea ea. Anim ut duis sunt nisi. Culpa cillum sit voluptate voluptate eiusmod dolor. Enim nisi Lorem ipsum irure est excepteur voluptate eu in enim nisi. Nostrud ipsum Lorem anim sint labore consequat do.</p></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
|
@ -0,0 +1 @@
|
|||
(()=>{console.log("This site was generated by Hugo.");})();
|
|
@ -0,0 +1,108 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us" dir="ltr">
|
||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Invalidating the browser cache | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a aria-current="true" class="ancestor" href="/posts/">Posts</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/tags/">Tags</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</header>
|
||||
<main>
|
||||
|
||||
|
||||
<h1>Invalidating the browser cache</h1>
|
||||
|
||||
<time datetime="2024-11-13T14:24:21+01:00">November 13, 2024</time>
|
||||
|
||||
<p><strong>I had a bit of an issue with my <a href="https://demos.ajstepien.xyz">website</a> recently.</strong></p>
|
||||
<p>I pushed some changes incorporating images for the first time (I know – very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox… the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people’s machines? <strong>I needed to cache-bust.</strong></p>
|
||||
<p>Post-processors such as Tailwind have built-in methods for this, but I want something simpler than that for this project: something I can code myself, without losing sight of what’s happening under the hood.</p>
|
||||
<h2 id="invalidating-cached-html">Invalidating cached HTML</h2>
|
||||
<p>The best way to deal with the caching problem is to tell the browser not to cache our HTML in the first place. Yes, this is kind of cheating (ok, it’s 100% cheating), but c’mon bro, it’s just one little HTML file, and browsers only cache those because most websites these days are SPAs whose HTML rarely changes.</p>
|
||||
<p>I can stop HTML files from getting cached by adding the following meta tag. In this case, I’m adding it to <code>index.html</code>.</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>That’s all well and good, but what I really need is for the browser to recognize my <em>CSS</em> as a new file and load it anew from the server. One way to achieve this would be to change the filename whenever I want to bust the cache, but this would get tedious very quickly. What’s more, as far as Git is concerned, I’d be deleting the CSS file and writing a new one with every deployment, which would be an intolerable mess. Surely there’s a better way?</p>
|
||||
<p>Of course there is.</p>
|
||||
<h3 id="using-a-query">Using a query</h3>
|
||||
<p>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?2"</span><span class="p">/></span>
|
||||
</span></span></code></pre></div><p>As I’m requesting the file via http, I can append a query. Awesome. Not awesome enough though. I’m too lazy to edit this line of code every time I push a commit, and, being human, I’ll probably forget at a critical moment. This can only mean one thing: it’s time to bash (🤣) out a quick build script.</p>
|
||||
<h3 id="automating-query-insertion">Automating query insertion</h3>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="cp">#!/usr/bin/env bash
|
||||
</span></span></span><span class="line"><span class="cl"><span class="cp"></span><span class="nv">COMMIT</span><span class="o">=</span><span class="s2">"</span><span class="k">$(</span>git rev-parse HEAD<span class="k">)</span><span class="s2">"</span>
|
||||
</span></span><span class="line"><span class="cl">sed -i <span class="s2">"s/css?=\w*/css?</span><span class="si">${</span><span class="nv">COMMIT</span><span class="si">}</span><span class="s2">/g"</span> index.html
|
||||
</span></span></code></pre></div><p>Let’s talk about what’s happening here:</p>
|
||||
<p><code>COMMIT="$(git rev-parse HEAD)"</code> gets the commit id from Git and assigns it to the variable <code>$COMMIT</code>.</p>
|
||||
<p>Then, <code>sed -i "s/css?=\w*/css?${COMMIT}/g" index.html</code> does a find and replace in the file <code>index.html</code>. The regular expression <code>css?=\w*</code> matches ‘css?=’ plus any number of contiguous alphanumeric characters (everything until the next quote mark) before replacing these alphanumeric characters with the commit id. The flag <code>-i</code> tells <code>sed</code> to edit the file in place. The <code>g</code> tells it to perform the operation on the whole file.</p>
|
||||
<p>Now, whenever we push a new commit, any CSS imports in <code>index.html</code> will be changed to something like 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></span><span class="line"><span class="cl"><span class="na">href</span><span class="o">=</span><span class="s">"css/styles.css?=ab184410c10c1adfb8b85b03b316f72b"</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">/></span>
|
||||
</span></span></code></pre></div><p>Now I just need to add the build script to my Jenkinsfile…</p>
|
||||
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-groovy" data-lang="groovy"><span class="line"><span class="cl"> <span class="n">stage</span><span class="o">(</span><span class="s1">'build'</span><span class="o">){</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">steps</span><span class="o">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="n">sh</span> <span class="s1">'./build.sh'</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">}</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="o">}</span>
|
||||
</span></span></code></pre></div><p>… and the problem is solved.</p>
|
||||
<p>Pretty neat, huh?</p>
|
||||
<p>There’s just one thing bugging me: surely I do actually want the CSS to be cached <em>sometimes</em>. Caching exists for a reason, and I don’t want to sacrifice performance. Maybe I can modify the build script so that it only updates the CSS imports when the CSS files have changed… Sounds like a topic for another blogpost…</p>
|
||||
|
||||
<div>
|
||||
<div>Tags:</div>
|
||||
<ul>
|
||||
<li><a href="/tags/css/">Css</a></li>
|
||||
<li><a href="/tags/html/">Html</a></li>
|
||||
<li><a href="/tags/linux/">Linux</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
<p>Copyright 2024. All rights reserved.</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -4,20 +4,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Posts | CODING WITH ANDRZEJ
|
||||
Posts | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
@ -25,7 +37,7 @@
|
|||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/posts/">Posts</a>
|
||||
<a aria-current="page" class="active" href="/posts/">Posts</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/tags/">Tags</a>
|
||||
|
@ -39,42 +51,27 @@
|
|||
|
||||
<h1>Posts</h1>
|
||||
|
||||
|
||||
<ul class="page-list">
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/hard-problem/">Invalidating the browser cache</a></h2>
|
||||
<h2 class="center"><a href="/posts/cache-busting/">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>I pushed some changes incorporating images for the first time (I know – very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox… the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people’s machines? <strong>I needed to cache-bust.</strong></p>
|
||||
<a href="/posts/hard-problem/">Read more...</a>
|
||||
|
||||
<a href="/posts/cache-busting/">Read more...</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/permissions-strike-again/">Permissions Strike Again</a></h2>
|
||||
<h2 class="center"><a href="/posts/permissions-strike-again/">Permissions Strike Again</a></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><em><strong>And it almost always has to do with permissions.</strong></em></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>
|
||||
|
||||
<a href="/posts/permissions-strike-again/">Read more...</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/post-3/">Post 3</a></h2>
|
||||
<p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p>
|
||||
<a href="/posts/post-3/">Read more...</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/post-2/">Post 2</a></h2>
|
||||
<p>Anim eiusmod irure incididunt sint cupidatat. Incididunt irure irure irure nisi ipsum do ut quis fugiat consectetur proident cupidatat incididunt cillum. Dolore voluptate occaecat qui mollit laborum ullamco et. Ipsum laboris officia anim laboris culpa eiusmod ex magna ex cupidatat anim ipsum aute. Mollit aliquip occaecat qui sunt velit ut cupidatat reprehenderit enim sunt laborum. Velit veniam in officia nulla adipisicing ut duis officia.</p>
|
||||
<p>Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur. Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.</p>
|
||||
<a href="/posts/post-2/">Read more...</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/post-1/">Post 1</a></h2>
|
||||
<p>Tempor proident minim aliquip reprehenderit dolor et ad anim Lorem duis sint eiusmod. Labore ut ea duis dolor. Incididunt consectetur proident qui occaecat incididunt do nisi Lorem. Tempor do laborum elit laboris excepteur eiusmod do. Eiusmod nisi excepteur ut amet pariatur adipisicing Lorem.</p>
|
||||
<p>Occaecat nulla excepteur dolore excepteur duis eiusmod ullamco officia anim in voluptate ea occaecat officia. Cillum sint esse velit ea officia minim fugiat. Elit ea esse id aliquip pariatur cupidatat id duis minim incididunt ea ea. Anim ut duis sunt nisi. Culpa cillum sit voluptate voluptate eiusmod dolor. Enim nisi Lorem ipsum irure est excepteur voluptate eu in enim nisi. Nostrud ipsum Lorem anim sint labore consequat do.</p>
|
||||
<a href="/posts/post-1/">Read more...</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
|
|
@ -1,18 +1,18 @@
|
|||
<?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 CODING WITH ANDRZEJ</title>
|
||||
<title>Posts on Coding with Andrzej</title>
|
||||
<link>http://localhost:1313/posts/</link>
|
||||
<description>Recent content in Posts on CODING WITH ANDRZEJ</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>
|
||||
<atom:link href="http://localhost:1313/posts/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Invalidating the browser cache</title>
|
||||
<link>http://localhost:1313/posts/hard-problem/</link>
|
||||
<link>http://localhost:1313/posts/cache-busting/</link>
|
||||
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
|
||||
<guid>http://localhost:1313/posts/hard-problem/</guid>
|
||||
<guid>http://localhost:1313/posts/cache-busting/</guid>
|
||||
<description><p><strong>I had a bit of an issue with my <a href="https://demos.ajstepien.xyz">website</a> recently.</strong></p>
<p>I pushed some changes incorporating images for the first time (I know &ndash; very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox&hellip; the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people&rsquo;s machines? <strong>I needed to cache-bust.</strong></p></description>
|
||||
</item>
|
||||
<item>
|
||||
|
@ -22,26 +22,5 @@
|
|||
<guid>http://localhost:1313/posts/permissions-strike-again/</guid>
|
||||
<description><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><em><strong>And it almost always has to do with permissions.</strong></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></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Post 3</title>
|
||||
<link>http://localhost:1313/posts/post-3/</link>
|
||||
<pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate>
|
||||
<guid>http://localhost:1313/posts/post-3/</guid>
|
||||
<description><p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Post 2</title>
|
||||
<link>http://localhost:1313/posts/post-2/</link>
|
||||
<pubDate>Wed, 15 Feb 2023 10:00:00 -0700</pubDate>
|
||||
<guid>http://localhost:1313/posts/post-2/</guid>
|
||||
<description><p>Anim eiusmod irure incididunt sint cupidatat. Incididunt irure irure irure nisi ipsum do ut quis fugiat consectetur proident cupidatat incididunt cillum. Dolore voluptate occaecat qui mollit laborum ullamco et. Ipsum laboris officia anim laboris culpa eiusmod ex magna ex cupidatat anim ipsum aute. Mollit aliquip occaecat qui sunt velit ut cupidatat reprehenderit enim sunt laborum. Velit veniam in officia nulla adipisicing ut duis officia.</p>
<p>Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur. Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.</p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Post 1</title>
|
||||
<link>http://localhost:1313/posts/post-1/</link>
|
||||
<pubDate>Sun, 15 Jan 2023 09:00:00 -0700</pubDate>
|
||||
<guid>http://localhost:1313/posts/post-1/</guid>
|
||||
<description><p>Tempor proident minim aliquip reprehenderit dolor et ad anim Lorem duis sint eiusmod. Labore ut ea duis dolor. Incididunt consectetur proident qui occaecat incididunt do nisi Lorem. Tempor do laborum elit laboris excepteur eiusmod do. Eiusmod nisi excepteur ut amet pariatur adipisicing Lorem.</p>
<p>Occaecat nulla excepteur dolore excepteur duis eiusmod ullamco officia anim in voluptate ea occaecat officia. Cillum sint esse velit ea officia minim fugiat. Elit ea esse id aliquip pariatur cupidatat id duis minim incididunt ea ea. Anim ut duis sunt nisi. Culpa cillum sit voluptate voluptate eiusmod dolor. Enim nisi Lorem ipsum irure est excepteur voluptate eu in enim nisi. Nostrud ipsum Lorem anim sint labore consequat do.</p></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
|
@ -4,20 +4,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Permissions Strike Again | CODING WITH ANDRZEJ
|
||||
Permissions Strike Again | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
@ -60,6 +72,12 @@
|
|||
<pre tabindex="0"><code>sudo chmod 710 /home/devlog
|
||||
</code></pre><p>IT’S THAT EASY.</p>
|
||||
|
||||
<div>
|
||||
<div>Tags:</div>
|
||||
<ul>
|
||||
<li><a href="/tags/linux/">Linux</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
|
|
|
@ -4,20 +4,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Post 1 | CODING WITH ANDRZEJ
|
||||
Post 1 | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
@ -4,20 +4,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Post 2 | CODING WITH ANDRZEJ
|
||||
Post 2 | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
@ -4,20 +4,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Post 3 | CODING WITH ANDRZEJ
|
||||
Post 3 | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
|
|
@ -2,32 +2,23 @@
|
|||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
<url>
|
||||
<loc>http://localhost:1313/posts/hard-problem/</loc>
|
||||
<loc>http://localhost:1313/tags/css/</loc>
|
||||
<lastmod>2024-11-13T14:24:21+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/html/</loc>
|
||||
<lastmod>2024-11-13T14:24:21+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/posts/cache-busting/</loc>
|
||||
<lastmod>2024-11-13T14:24:21+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/linux/</loc>
|
||||
<lastmod>2024-11-13T14:24:21+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/</loc>
|
||||
<lastmod>2024-11-13T14:24:21+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/posts/permissions-strike-again/</loc>
|
||||
<lastmod>2024-11-13T11:53:13+01:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/blue/</loc>
|
||||
<lastmod>2023-03-15T11:00:00-07:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/green/</loc>
|
||||
<lastmod>2023-03-15T11:00:00-07:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/posts/post-3/</loc>
|
||||
<lastmod>2023-03-15T11:00:00-07:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/red/</loc>
|
||||
<lastmod>2023-03-15T11:00:00-07:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/tags/</loc>
|
||||
<lastmod>2023-03-15T11:00:00-07:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/posts/post-2/</loc>
|
||||
<lastmod>2023-02-15T10:00:00-07:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/posts/post-1/</loc>
|
||||
<lastmod>2023-01-15T09:00:00-07:00</lastmod>
|
||||
</url><url>
|
||||
<loc>http://localhost:1313/posts/</loc>
|
||||
<lastmod>2023-01-01T08:30:00-07:00</lastmod>
|
||||
|
|
|
@ -4,20 +4,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Blue | CODING WITH ANDRZEJ
|
||||
Blue | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
@ -39,13 +51,8 @@
|
|||
|
||||
<h1>Blue</h1>
|
||||
|
||||
<ul class="page-list">
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/post-3/">Post 3</a></h2>
|
||||
<p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p>
|
||||
<a href="/posts/post-3/">Read more...</a>
|
||||
</li>
|
||||
<ul class="page-list">
|
||||
|
||||
</ul>
|
||||
|
||||
|
|
|
@ -1,19 +1,11 @@
|
|||
<?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 CODING WITH ANDRZEJ</title>
|
||||
<title>Blue on Coding with Andrzej</title>
|
||||
<link>http://localhost:1313/tags/blue/</link>
|
||||
<description>Recent content in Blue on CODING WITH ANDRZEJ</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>
|
||||
<atom:link href="http://localhost:1313/tags/blue/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Post 3</title>
|
||||
<link>http://localhost:1313/posts/post-3/</link>
|
||||
<pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate>
|
||||
<guid>http://localhost:1313/posts/post-3/</guid>
|
||||
<description><p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us" dir="ltr">
|
||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Css | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/posts/">Posts</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/tags/">Tags</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</header>
|
||||
<main>
|
||||
|
||||
<h1>Css</h1>
|
||||
|
||||
|
||||
<ul class="page-list">
|
||||
|
||||
<li>
|
||||
<h2 class="center"><a href="/posts/cache-busting/">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>I pushed some changes incorporating images for the first time (I know – very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox… the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people’s machines? <strong>I needed to cache-bust.</strong></p>
|
||||
|
||||
<a href="/posts/cache-busting/">Read more...</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
<p>Copyright 2024. All rights reserved.</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,19 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Css on Coding with Andrzej</title>
|
||||
<link>http://localhost:1313/tags/css/</link>
|
||||
<description>Recent content in Css on Coding with Andrzej</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
|
||||
<atom:link href="http://localhost:1313/tags/css/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Invalidating the browser cache</title>
|
||||
<link>http://localhost:1313/posts/cache-busting/</link>
|
||||
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
|
||||
<guid>http://localhost:1313/posts/cache-busting/</guid>
|
||||
<description><p><strong>I had a bit of an issue with my <a href="https://demos.ajstepien.xyz">website</a> recently.</strong></p>
<p>I pushed some changes incorporating images for the first time (I know &ndash; very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox&hellip; the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people&rsquo;s machines? <strong>I needed to cache-bust.</strong></p></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
|
@ -4,20 +4,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Green | CODING WITH ANDRZEJ
|
||||
Green | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
@ -39,19 +51,24 @@
|
|||
|
||||
<h1>Green</h1>
|
||||
|
||||
|
||||
<ul class="page-list">
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/post-3/">Post 3</a></h2>
|
||||
<h2 class="center"><a href="/posts/post-3/">Post 3</a></h2>
|
||||
<p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p>
|
||||
|
||||
<a href="/posts/post-3/">Read more...</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/post-2/">Post 2</a></h2>
|
||||
<h2 class="center"><a href="/posts/post-2/">Post 2</a></h2>
|
||||
<p>Anim eiusmod irure incididunt sint cupidatat. Incididunt irure irure irure nisi ipsum do ut quis fugiat consectetur proident cupidatat incididunt cillum. Dolore voluptate occaecat qui mollit laborum ullamco et. Ipsum laboris officia anim laboris culpa eiusmod ex magna ex cupidatat anim ipsum aute. Mollit aliquip occaecat qui sunt velit ut cupidatat reprehenderit enim sunt laborum. Velit veniam in officia nulla adipisicing ut duis officia.</p>
|
||||
<p>Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur. Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.</p>
|
||||
|
||||
<a href="/posts/post-2/">Read more...</a>
|
||||
|
||||
</li>
|
||||
|
||||
</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 CODING WITH ANDRZEJ</title>
|
||||
<title>Green on Coding with Andrzej</title>
|
||||
<link>http://localhost:1313/tags/green/</link>
|
||||
<description>Recent content in Green on CODING WITH ANDRZEJ</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>
|
||||
|
|
|
@ -0,0 +1,75 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us" dir="ltr">
|
||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Html | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/posts/">Posts</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/tags/">Tags</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</header>
|
||||
<main>
|
||||
|
||||
<h1>Html</h1>
|
||||
|
||||
|
||||
<ul class="page-list">
|
||||
|
||||
<li>
|
||||
<h2 class="center"><a href="/posts/cache-busting/">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>I pushed some changes incorporating images for the first time (I know – very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox… the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people’s machines? <strong>I needed to cache-bust.</strong></p>
|
||||
|
||||
<a href="/posts/cache-busting/">Read more...</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
<p>Copyright 2024. All rights reserved.</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,19 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Html on Coding with Andrzej</title>
|
||||
<link>http://localhost:1313/tags/html/</link>
|
||||
<description>Recent content in Html on Coding with Andrzej</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
|
||||
<atom:link href="http://localhost:1313/tags/html/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Invalidating the browser cache</title>
|
||||
<link>http://localhost:1313/posts/cache-busting/</link>
|
||||
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
|
||||
<guid>http://localhost:1313/posts/cache-busting/</guid>
|
||||
<description><p><strong>I had a bit of an issue with my <a href="https://demos.ajstepien.xyz">website</a> recently.</strong></p>
<p>I pushed some changes incorporating images for the first time (I know &ndash; very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox&hellip; the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people&rsquo;s machines? <strong>I needed to cache-bust.</strong></p></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
|
@ -4,20 +4,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Tags | CODING WITH ANDRZEJ
|
||||
Tags | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
@ -39,24 +51,28 @@
|
|||
|
||||
<h1>Tags</h1>
|
||||
|
||||
|
||||
<ul class="page-list">
|
||||
|
||||
<li>
|
||||
<h2><a href="/tags/blue/">Blue</a></h2>
|
||||
<h2 class="center"><a href="/tags/css/">Css</a></h2>
|
||||
|
||||
|
||||
|
||||
<a href="/tags/blue/">Read more...</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h2><a href="/tags/green/">Green</a></h2>
|
||||
<h2 class="center"><a href="/tags/html/">Html</a></h2>
|
||||
|
||||
|
||||
|
||||
<a href="/tags/green/">Read more...</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h2><a href="/tags/red/">Red</a></h2>
|
||||
<h2 class="center"><a href="/tags/linux/">Linux</a></h2>
|
||||
|
||||
|
||||
|
||||
<a href="/tags/red/">Read more...</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
|
|
@ -1,32 +1,32 @@
|
|||
<?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 CODING WITH ANDRZEJ</title>
|
||||
<title>Tags on Coding with Andrzej</title>
|
||||
<link>http://localhost:1313/tags/</link>
|
||||
<description>Recent content in Tags on CODING WITH ANDRZEJ</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>
|
||||
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
|
||||
<atom:link href="http://localhost:1313/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Blue</title>
|
||||
<link>http://localhost:1313/tags/blue/</link>
|
||||
<pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate>
|
||||
<guid>http://localhost:1313/tags/blue/</guid>
|
||||
<title>Css</title>
|
||||
<link>http://localhost:1313/tags/css/</link>
|
||||
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
|
||||
<guid>http://localhost:1313/tags/css/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Green</title>
|
||||
<link>http://localhost:1313/tags/green/</link>
|
||||
<pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate>
|
||||
<guid>http://localhost:1313/tags/green/</guid>
|
||||
<title>Html</title>
|
||||
<link>http://localhost:1313/tags/html/</link>
|
||||
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
|
||||
<guid>http://localhost:1313/tags/html/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Red</title>
|
||||
<link>http://localhost:1313/tags/red/</link>
|
||||
<pubDate>Wed, 15 Mar 2023 11:00:00 -0700</pubDate>
|
||||
<guid>http://localhost:1313/tags/red/</guid>
|
||||
<title>Linux</title>
|
||||
<link>http://localhost:1313/tags/linux/</link>
|
||||
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
|
||||
<guid>http://localhost:1313/tags/linux/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
</channel>
|
||||
|
|
|
@ -0,0 +1,85 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us" dir="ltr">
|
||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Linux | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/posts/">Posts</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/tags/">Tags</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
</header>
|
||||
<main>
|
||||
|
||||
<h1>Linux</h1>
|
||||
|
||||
|
||||
<ul class="page-list">
|
||||
|
||||
<li>
|
||||
<h2 class="center"><a href="/posts/cache-busting/">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>I pushed some changes incorporating images for the first time (I know – very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox… the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people’s machines? <strong>I needed to cache-bust.</strong></p>
|
||||
|
||||
<a href="/posts/cache-busting/">Read more...</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h2 class="center"><a href="/posts/permissions-strike-again/">Permissions Strike Again</a></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><em><strong>And it almost always has to do with permissions.</strong></em></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>
|
||||
|
||||
<a href="/posts/permissions-strike-again/">Read more...</a>
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</main>
|
||||
<footer>
|
||||
<p>Copyright 2024. All rights reserved.</p>
|
||||
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,26 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Linux on Coding with Andrzej</title>
|
||||
<link>http://localhost:1313/tags/linux/</link>
|
||||
<description>Recent content in Linux on Coding with Andrzej</description>
|
||||
<generator>Hugo</generator>
|
||||
<language>en-us</language>
|
||||
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
|
||||
<atom:link href="http://localhost:1313/tags/linux/index.xml" rel="self" type="application/rss+xml" />
|
||||
<item>
|
||||
<title>Invalidating the browser cache</title>
|
||||
<link>http://localhost:1313/posts/cache-busting/</link>
|
||||
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
|
||||
<guid>http://localhost:1313/posts/cache-busting/</guid>
|
||||
<description><p><strong>I had a bit of an issue with my <a href="https://demos.ajstepien.xyz">website</a> recently.</strong></p>
<p>I pushed some changes incorporating images for the first time (I know &ndash; very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox&hellip; the images were not styled. Stranger still, they <em>were</em> styled when I loaded the same page in Chrome.</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 immediate problem for me, on my machine. But what about other people&rsquo;s machines? <strong>I needed to cache-bust.</strong></p></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>Permissions Strike Again</title>
|
||||
<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><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><em><strong>And it almost always has to do with permissions.</strong></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></description>
|
||||
</item>
|
||||
</channel>
|
||||
</rss>
|
|
@ -4,20 +4,32 @@
|
|||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<title>
|
||||
Red | CODING WITH ANDRZEJ
|
||||
Red | Coding with Andrzej
|
||||
</title>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/defaults.css" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="/js/main.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href=http://localhost:1313/><h1>CODING WITH ANDRZEJ</h1></a>
|
||||
<a href=http://localhost:1313/><h1>Coding with Andrzej</h1></a>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
|
@ -39,26 +51,33 @@
|
|||
|
||||
<h1>Red</h1>
|
||||
|
||||
|
||||
<ul class="page-list">
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/post-3/">Post 3</a></h2>
|
||||
<h2 class="center"><a href="/posts/post-3/">Post 3</a></h2>
|
||||
<p>Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.</p>
|
||||
|
||||
<a href="/posts/post-3/">Read more...</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/post-2/">Post 2</a></h2>
|
||||
<h2 class="center"><a href="/posts/post-2/">Post 2</a></h2>
|
||||
<p>Anim eiusmod irure incididunt sint cupidatat. Incididunt irure irure irure nisi ipsum do ut quis fugiat consectetur proident cupidatat incididunt cillum. Dolore voluptate occaecat qui mollit laborum ullamco et. Ipsum laboris officia anim laboris culpa eiusmod ex magna ex cupidatat anim ipsum aute. Mollit aliquip occaecat qui sunt velit ut cupidatat reprehenderit enim sunt laborum. Velit veniam in officia nulla adipisicing ut duis officia.</p>
|
||||
<p>Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur. Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.</p>
|
||||
|
||||
<a href="/posts/post-2/">Read more...</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h2><a href="/posts/post-1/">Post 1</a></h2>
|
||||
<h2 class="center"><a href="/posts/post-1/">Post 1</a></h2>
|
||||
<p>Tempor proident minim aliquip reprehenderit dolor et ad anim Lorem duis sint eiusmod. Labore ut ea duis dolor. Incididunt consectetur proident qui occaecat incididunt do nisi Lorem. Tempor do laborum elit laboris excepteur eiusmod do. Eiusmod nisi excepteur ut amet pariatur adipisicing Lorem.</p>
|
||||
<p>Occaecat nulla excepteur dolore excepteur duis eiusmod ullamco officia anim in voluptate ea occaecat officia. Cillum sint esse velit ea officia minim fugiat. Elit ea esse id aliquip pariatur cupidatat id duis minim incididunt ea ea. Anim ut duis sunt nisi. Culpa cillum sit voluptate voluptate eiusmod dolor. Enim nisi Lorem ipsum irure est excepteur voluptate eu in enim nisi. Nostrud ipsum Lorem anim sint labore consequat do.</p>
|
||||
|
||||
<a href="/posts/post-1/">Read more...</a>
|
||||
|
||||
</li>
|
||||
|
||||
</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 CODING WITH ANDRZEJ</title>
|
||||
<title>Red on Coding with Andrzej</title>
|
||||
<link>http://localhost:1313/tags/red/</link>
|
||||
<description>Recent content in Red on CODING WITH ANDRZEJ</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>
|
||||
|
|
|
@ -1,6 +1,3 @@
|
|||
/* TODO: add defaults.css to project */
|
||||
|
||||
|
||||
:root {
|
||||
/* Rosé Pine Dawn */
|
||||
--rp-base: hsl(32deg, 57%, 95%);
|
||||
|
@ -95,7 +92,7 @@ main {
|
|||
}
|
||||
|
||||
strong {
|
||||
color: var(--rp-rose);
|
||||
color: var(--rp-gold);
|
||||
}
|
||||
|
||||
em {
|
||||
|
@ -106,6 +103,10 @@ em {
|
|||
header {
|
||||
border-bottom: 1rem solid var(--rp-pine);
|
||||
margin-bottom: 1rem;
|
||||
|
||||
h1 {
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -129,7 +130,11 @@ a {
|
|||
}
|
||||
|
||||
a:visited {
|
||||
color: var(--rp-subtle);
|
||||
color: var(--rp-pine);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--rp-iris);
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
@ -188,4 +193,11 @@ nav>ul>li>a {
|
|||
border-bottom: 1rem solid var(--rp-pine);
|
||||
border-radius: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
min-width: 24em;
|
||||
;
|
||||
}
|
||||
|
||||
.center {
|
||||
width: fit-content;
|
||||
margin: auto;
|
||||
}
|
||||
|
|
|
@ -4,3 +4,4 @@ date = 2023-01-01T08:00:00-07:00
|
|||
draft = false
|
||||
+++
|
||||
|
||||
Hello, and welcome to my devlog. This is where I talk about whatever coding I've been up to recently.
|
||||
|
|
|
@ -1,10 +0,0 @@
|
|||
+++
|
||||
title = 'Post 1'
|
||||
date = 2023-01-15T09:00:00-07:00
|
||||
draft = false
|
||||
tags = ['red']
|
||||
+++
|
||||
|
||||
Tempor proident minim aliquip reprehenderit dolor et ad anim Lorem duis sint eiusmod. Labore ut ea duis dolor. Incididunt consectetur proident qui occaecat incididunt do nisi Lorem. Tempor do laborum elit laboris excepteur eiusmod do. Eiusmod nisi excepteur ut amet pariatur adipisicing Lorem.
|
||||
|
||||
Occaecat nulla excepteur dolore excepteur duis eiusmod ullamco officia anim in voluptate ea occaecat officia. Cillum sint esse velit ea officia minim fugiat. Elit ea esse id aliquip pariatur cupidatat id duis minim incididunt ea ea. Anim ut duis sunt nisi. Culpa cillum sit voluptate voluptate eiusmod dolor. Enim nisi Lorem ipsum irure est excepteur voluptate eu in enim nisi. Nostrud ipsum Lorem anim sint labore consequat do.
|
|
@ -1,10 +0,0 @@
|
|||
+++
|
||||
title = 'Post 2'
|
||||
date = 2023-02-15T10:00:00-07:00
|
||||
draft = false
|
||||
tags = ['red','green']
|
||||
+++
|
||||
|
||||
Anim eiusmod irure incididunt sint cupidatat. Incididunt irure irure irure nisi ipsum do ut quis fugiat consectetur proident cupidatat incididunt cillum. Dolore voluptate occaecat qui mollit laborum ullamco et. Ipsum laboris officia anim laboris culpa eiusmod ex magna ex cupidatat anim ipsum aute. Mollit aliquip occaecat qui sunt velit ut cupidatat reprehenderit enim sunt laborum. Velit veniam in officia nulla adipisicing ut duis officia.
|
||||
|
||||
Exercitation voluptate irure in irure tempor mollit Lorem nostrud ad officia. Velit id fugiat occaecat do tempor. Sit officia Lorem aliquip eu deserunt consectetur. Aute proident deserunt in nulla aliquip dolore ipsum Lorem ut cupidatat consectetur sit sint laborum. Esse cupidatat sit sint sunt tempor exercitation deserunt. Labore dolor duis laborum est do nisi ut veniam dolor et nostrud nostrud.
|
Binary file not shown.
Before Width: | Height: | Size: 19 KiB |
|
@ -1,12 +0,0 @@
|
|||
+++
|
||||
title = 'Post 3'
|
||||
date = 2023-03-15T11:00:00-07:00
|
||||
draft = false
|
||||
tags = ['red','green','blue']
|
||||
+++
|
||||
|
||||
Occaecat aliqua consequat laborum ut ex aute aliqua culpa quis irure esse magna dolore quis. Proident fugiat labore eu laboris officia Lorem enim. Ipsum occaecat cillum ut tempor id sint aliqua incididunt nisi incididunt reprehenderit. Voluptate ad minim sint est aute aliquip esse occaecat tempor officia qui sunt. Aute ex ipsum id ut in est velit est laborum incididunt. Aliqua qui id do esse sunt eiusmod id deserunt eu nostrud aute sit ipsum. Deserunt esse cillum Lorem non magna adipisicing mollit amet consequat.
|
||||
|
||||

|
||||
|
||||
Sit excepteur do velit veniam mollit in nostrud laboris incididunt ea. Amet eu cillum ut reprehenderit culpa aliquip labore laborum amet sit sit duis. Laborum id proident nostrud dolore laborum reprehenderit quis mollit nulla amet veniam officia id id. Aliquip in deserunt qui magna duis qui pariatur officia sunt deserunt.
|
|
@ -1,5 +1,6 @@
|
|||
{{ define "main" }}
|
||||
{{ .Content }}
|
||||
<h1>Latest...</h1>
|
||||
{{ range collections.First 1 site.RegularPages }}
|
||||
<h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
|
||||
{{ .Summary }}
|
||||
|
|
|
@ -1,12 +1,16 @@
|
|||
{{ define "main" }}
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
{{$isTags := strings.Contains .Title "Tags"}}
|
||||
<ul class="page-list">
|
||||
{{ range .Pages }}
|
||||
<li>
|
||||
<h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
|
||||
<h2 class="center"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
|
||||
{{ .Summary }}
|
||||
{{if $isTags}}
|
||||
{{else}}
|
||||
<a href="{{ .RelPermalink }}">Read more...</a>
|
||||
{{end}}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
|
|
|
@ -1,17 +1,11 @@
|
|||
{{- with resources.Get "css/main.css" }} {{- if eq hugo.Environment
|
||||
"development" }}
|
||||
{{- $files := slice "css/main.css" "css/syntax.css" "css/defaults.css"}}
|
||||
|
||||
{{/* TODO: minify, cache-bust */}}
|
||||
|
||||
{{ range $files}}
|
||||
{{- with resources.Get .}}
|
||||
<link rel="stylesheet" href="{{ .RelPermalink }}" />
|
||||
{{- end }}
|
||||
{{- with resources.Get "css/syntax.css" }}
|
||||
<link rel="stylesheet" href="{{ .RelPermalink }}" />
|
||||
{{- end }}
|
||||
{{- with resources.Get "css/defaults.css" }}
|
||||
<link rel="stylesheet" href="{{ .RelPermalink }}" />
|
||||
{{- else }} {{- with . | minify | fingerprint }}
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="{{ .RelPermalink }}"
|
||||
integrity="{{ .Data.Integrity }}"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
{{- end }} {{- end }} {{- end }}
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue