This commit is contained in:
andrzej 2024-11-15 16:12:36 +01:00
parent 85a0e95448
commit ce31702280
41 changed files with 759 additions and 268 deletions

View File

@ -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?

View File

@ -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.

8
deploy Executable file
View File

@ -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

View File

@ -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

View File

@ -4,12 +4,24 @@
<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" />
<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>
@ -17,7 +29,7 @@
</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>

View File

@ -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" />

View File

@ -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;
}

View File

@ -5,12 +5,24 @@
<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" />
<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>
@ -18,7 +30,7 @@
</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&rsquo;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 &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>
<a href="/posts/hard-problem/">Read more...</a>
<a href="/posts/cache-busting/">Read more...</a>
</main>

View File

@ -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>&lt;p&gt;&lt;strong&gt;I had a bit of an issue with my &lt;a href=&#34;https://demos.ajstepien.xyz&#34;&gt;website&lt;/a&gt; recently.&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;I pushed some changes incorporating images for the first time (I know &amp;ndash; very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox&amp;hellip; the images were not styled. Stranger still, they &lt;em&gt;were&lt;/em&gt; styled when I loaded the same page in Chrome.&lt;/p&gt;&#xA;&lt;p&gt;The experienced computer touchers amongst you will be saying &amp;ldquo;this is obviously a cache problem&amp;rdquo;, and you&amp;rsquo;re right, it is obviously a cache problem. Pressing &lt;code&gt;CTR + SHIFT + R&lt;/code&gt; (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&amp;rsquo;s machines? &lt;strong&gt;I needed to cache-bust.&lt;/strong&gt;&lt;/p&gt;</description>
</item>
<item>
@ -22,26 +22,5 @@
<guid>http://localhost:1313/posts/permissions-strike-again/</guid>
<description>&lt;p&gt;Configuring Apache really isn&amp;rsquo;t rocket science. There are a wealth of great tutorials online, the documentation is very well documented, and the defaults work more or less out of the box. But it&amp;rsquo;s one of those jobs that I do just infrequently enough that I always forget things in the interim, and end up making the same old mistakes.&lt;/p&gt;&#xA;&lt;p&gt;&lt;em&gt;&lt;strong&gt;And it almost always has to do with permissions.&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p&gt;So, I&amp;rsquo;m writing this post both as a means of christening this devlog (&lt;a href=&#34;https://demos.ajstepien.xyz&#34;&gt;Hi! I&amp;rsquo;m Andrzej! Hire me!&lt;/a&gt;) and also as a reminder to myself that &lt;em&gt;the home folder is not executable by default.&lt;/em&gt;&lt;/p&gt;</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>&lt;p&gt;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.&lt;/p&gt;</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>&lt;p&gt;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.&lt;/p&gt;&#xA;&lt;p&gt;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.&lt;/p&gt;</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>&lt;p&gt;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.&lt;/p&gt;&#xA;&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@ -0,0 +1 @@
(()=>{console.log("This site was generated by Hugo.");})();

View File

@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;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&#43;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 &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>
<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&rsquo;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&rsquo;s 100% cheating), but c&rsquo;mon bro, it&rsquo;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&rsquo;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">&lt;</span><span class="nt">meta</span> <span class="na">http-equiv</span><span class="o">=</span><span class="s">&#34;pragma&#34;</span> <span class="na">content</span><span class="o">=</span><span class="s">&#34;no-cache&#34;</span> <span class="p">/&gt;</span>
</span></span></code></pre></div><h2 id="invalidating-cached-css">Invalidating cached CSS</h2>
<p>That&rsquo;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&rsquo;s more, as far as Git is concerned, I&rsquo;d be deleting the CSS file and writing a new one with every deployment, which would be an intolerable mess. Surely there&rsquo;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">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;stylesheet&#34;</span> <span class="na">href</span><span class="o">=</span><span class="s">&#34;css/defaults.css?2&#34;</span><span class="p">/&gt;</span>
</span></span></code></pre></div><p>As I&rsquo;m requesting the file via http, I can append a query. Awesome. Not awesome enough though. I&rsquo;m too lazy to edit this line of code every time I push a commit, and, being human, I&rsquo;ll probably forget at a critical moment. This can only mean one thing: it&rsquo;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">&#34;</span><span class="k">$(</span>git rev-parse HEAD<span class="k">)</span><span class="s2">&#34;</span>
</span></span><span class="line"><span class="cl">sed -i <span class="s2">&#34;s/css?=\w*/css?</span><span class="si">${</span><span class="nv">COMMIT</span><span class="si">}</span><span class="s2">/g&#34;</span> index.html
</span></span></code></pre></div><p>Let&rsquo;s talk about what&rsquo;s happening here:</p>
<p><code>COMMIT=&quot;$(git rev-parse HEAD)&quot;</code> gets the commit id from Git and assigns it to the variable <code>$COMMIT</code>.</p>
<p>Then, <code>sed -i &quot;s/css?=\w*/css?${COMMIT}/g&quot; index.html</code> does a find and replace in the file <code>index.html</code>. The regular expression <code>css?=\w*</code> matches &lsquo;css?=&rsquo; 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">&lt;</span><span class="nt">link</span> <span class="na">rel</span><span class="o">=</span><span class="s">&#34;stylesheet&#34;</span>
</span></span><span class="line"><span class="cl"><span class="na">href</span><span class="o">=</span><span class="s">&#34;css/styles.css?=ab184410c10c1adfb8b85b03b316f72b&#34;</span>
</span></span><span class="line"><span class="cl"><span class="p">/&gt;</span>
</span></span></code></pre></div><p>Now I just need to add the build script to my Jenkinsfile&hellip;</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">&#39;build&#39;</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">&#39;./build.sh&#39;</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>&hellip; and the problem is solved.</p>
<p>Pretty neat, huh?</p>
<p>There&rsquo;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&rsquo;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&hellip; Sounds like a topic for another blogpost&hellip;</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>

View File

@ -4,12 +4,24 @@
<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" />
<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>
@ -17,7 +29,7 @@
</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 &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>
<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&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>
<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>

View File

@ -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>&lt;p&gt;&lt;strong&gt;I had a bit of an issue with my &lt;a href=&#34;https://demos.ajstepien.xyz&#34;&gt;website&lt;/a&gt; recently.&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;I pushed some changes incorporating images for the first time (I know &amp;ndash; very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox&amp;hellip; the images were not styled. Stranger still, they &lt;em&gt;were&lt;/em&gt; styled when I loaded the same page in Chrome.&lt;/p&gt;&#xA;&lt;p&gt;The experienced computer touchers amongst you will be saying &amp;ldquo;this is obviously a cache problem&amp;rdquo;, and you&amp;rsquo;re right, it is obviously a cache problem. Pressing &lt;code&gt;CTR + SHIFT + R&lt;/code&gt; (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&amp;rsquo;s machines? &lt;strong&gt;I needed to cache-bust.&lt;/strong&gt;&lt;/p&gt;</description>
</item>
<item>
@ -22,26 +22,5 @@
<guid>http://localhost:1313/posts/permissions-strike-again/</guid>
<description>&lt;p&gt;Configuring Apache really isn&amp;rsquo;t rocket science. There are a wealth of great tutorials online, the documentation is very well documented, and the defaults work more or less out of the box. But it&amp;rsquo;s one of those jobs that I do just infrequently enough that I always forget things in the interim, and end up making the same old mistakes.&lt;/p&gt;&#xA;&lt;p&gt;&lt;em&gt;&lt;strong&gt;And it almost always has to do with permissions.&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p&gt;So, I&amp;rsquo;m writing this post both as a means of christening this devlog (&lt;a href=&#34;https://demos.ajstepien.xyz&#34;&gt;Hi! I&amp;rsquo;m Andrzej! Hire me!&lt;/a&gt;) and also as a reminder to myself that &lt;em&gt;the home folder is not executable by default.&lt;/em&gt;&lt;/p&gt;</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>&lt;p&gt;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.&lt;/p&gt;</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>&lt;p&gt;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.&lt;/p&gt;&#xA;&lt;p&gt;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.&lt;/p&gt;</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>&lt;p&gt;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.&lt;/p&gt;&#xA;&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@ -4,12 +4,24 @@
<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" />
<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>
@ -17,7 +29,7 @@
</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&rsquo;S THAT EASY.</p>
<div>
<div>Tags:</div>
<ul>
<li><a href="/tags/linux/">Linux</a></li>
</ul>
</div>
</main>
<footer>

View File

@ -4,12 +4,24 @@
<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" />
<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>
@ -17,7 +29,7 @@
</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>

View File

@ -4,12 +4,24 @@
<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" />
<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>
@ -17,7 +29,7 @@
</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>

View File

@ -4,12 +4,24 @@
<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" />
<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>
@ -17,7 +29,7 @@
</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>

View File

@ -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>

View File

@ -4,12 +4,24 @@
<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" />
<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>
@ -17,7 +29,7 @@
</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>

View File

@ -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>&lt;p&gt;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.&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;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 &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>
<a href="/posts/cache-busting/">Read more...</a>
</li>
</ul>
</main>
<footer>
<p>Copyright 2024. All rights reserved.</p>
</footer>
</body>
</html>

19
public/tags/css/index.xml Normal file
View File

@ -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>&lt;p&gt;&lt;strong&gt;I had a bit of an issue with my &lt;a href=&#34;https://demos.ajstepien.xyz&#34;&gt;website&lt;/a&gt; recently.&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;I pushed some changes incorporating images for the first time (I know &amp;ndash; very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox&amp;hellip; the images were not styled. Stranger still, they &lt;em&gt;were&lt;/em&gt; styled when I loaded the same page in Chrome.&lt;/p&gt;&#xA;&lt;p&gt;The experienced computer touchers amongst you will be saying &amp;ldquo;this is obviously a cache problem&amp;rdquo;, and you&amp;rsquo;re right, it is obviously a cache problem. Pressing &lt;code&gt;CTR + SHIFT + R&lt;/code&gt; (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&amp;rsquo;s machines? &lt;strong&gt;I needed to cache-bust.&lt;/strong&gt;&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@ -4,12 +4,24 @@
<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" />
<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>
@ -17,7 +29,7 @@
</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>

View File

@ -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>

View File

@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;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 &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>
<a href="/posts/cache-busting/">Read more...</a>
</li>
</ul>
</main>
<footer>
<p>Copyright 2024. All rights reserved.</p>
</footer>
</body>
</html>

View File

@ -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>&lt;p&gt;&lt;strong&gt;I had a bit of an issue with my &lt;a href=&#34;https://demos.ajstepien.xyz&#34;&gt;website&lt;/a&gt; recently.&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;I pushed some changes incorporating images for the first time (I know &amp;ndash; very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox&amp;hellip; the images were not styled. Stranger still, they &lt;em&gt;were&lt;/em&gt; styled when I loaded the same page in Chrome.&lt;/p&gt;&#xA;&lt;p&gt;The experienced computer touchers amongst you will be saying &amp;ldquo;this is obviously a cache problem&amp;rdquo;, and you&amp;rsquo;re right, it is obviously a cache problem. Pressing &lt;code&gt;CTR + SHIFT + R&lt;/code&gt; (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&amp;rsquo;s machines? &lt;strong&gt;I needed to cache-bust.&lt;/strong&gt;&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@ -4,12 +4,24 @@
<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" />
<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>
@ -17,7 +29,7 @@
</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>

View File

@ -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>

View File

@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en-us" dir="ltr">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;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 &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>
<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&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>
<a href="/posts/permissions-strike-again/">Read more...</a>
</li>
</ul>
</main>
<footer>
<p>Copyright 2024. All rights reserved.</p>
</footer>
</body>
</html>

View File

@ -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>&lt;p&gt;&lt;strong&gt;I had a bit of an issue with my &lt;a href=&#34;https://demos.ajstepien.xyz&#34;&gt;website&lt;/a&gt; recently.&lt;/strong&gt;&lt;/p&gt;&#xA;&lt;p&gt;I pushed some changes incorporating images for the first time (I know &amp;ndash; very swish, very modern), and everything seemed to be working just fine, but when I loaded the production site in Firefox&amp;hellip; the images were not styled. Stranger still, they &lt;em&gt;were&lt;/em&gt; styled when I loaded the same page in Chrome.&lt;/p&gt;&#xA;&lt;p&gt;The experienced computer touchers amongst you will be saying &amp;ldquo;this is obviously a cache problem&amp;rdquo;, and you&amp;rsquo;re right, it is obviously a cache problem. Pressing &lt;code&gt;CTR + SHIFT + R&lt;/code&gt; (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&amp;rsquo;s machines? &lt;strong&gt;I needed to cache-bust.&lt;/strong&gt;&lt;/p&gt;</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>&lt;p&gt;Configuring Apache really isn&amp;rsquo;t rocket science. There are a wealth of great tutorials online, the documentation is very well documented, and the defaults work more or less out of the box. But it&amp;rsquo;s one of those jobs that I do just infrequently enough that I always forget things in the interim, and end up making the same old mistakes.&lt;/p&gt;&#xA;&lt;p&gt;&lt;em&gt;&lt;strong&gt;And it almost always has to do with permissions.&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;&#xA;&lt;p&gt;So, I&amp;rsquo;m writing this post both as a means of christening this devlog (&lt;a href=&#34;https://demos.ajstepien.xyz&#34;&gt;Hi! I&amp;rsquo;m Andrzej! Hire me!&lt;/a&gt;) and also as a reminder to myself that &lt;em&gt;the home folder is not executable by default.&lt;/em&gt;&lt;/p&gt;</description>
</item>
</channel>
</rss>

View File

@ -4,12 +4,24 @@
<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" />
<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>
@ -17,7 +29,7 @@
</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>

View File

@ -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>

View File

@ -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;
}

View File

@ -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.

View File

@ -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.

View File

@ -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

View File

@ -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.
![Bryce Canyon National Park](bryce-canyon.jpg)
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.

View File

@ -1,5 +1,6 @@
{{ define "main" }}
{{ .Content }}
<h1>Latest...</h1>
{{ range collections.First 1 site.RegularPages }}
<h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
{{ .Summary }}

View File

@ -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>

View File

@ -1,17 +1,11 @@
{{- with resources.Get "css/main.css" }} {{- if eq hugo.Environment
"development" }}
<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 }}
{{- $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}}
{{end}}