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

styling

This commit is contained in:
andrzej 2024-11-15 19:07:17 +01:00
parent b21831536e
commit 245d7c28ce
20 changed files with 123 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/categories/index.xml
View File

@ -2,10 +2,10 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Categories on Coding with Andrzej</title> <title>Categories on Coding with Andrzej</title>
<link>http://localhost:1313/categories/</link> <link>http://192.168.70/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> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<atom:link href="http://localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="http://192.168.70/categories/index.xml" rel="self" type="application/rss+xml" />
</channel> </channel>
</rss> </rss>

26
public/css/main.css
View File

@ -65,6 +65,7 @@ body {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5; line-height: 1.5;
width: 100vw; width: 100vw;
height: 100vh;
/* FLEX */ /* FLEX */
display: flex; display: flex;
@ -84,6 +85,7 @@ header {
main { main {
max-width: 100%; max-width: 100%;
flex-grow: 1;
@media screen and (min-width:600px) { @media screen and (min-width:600px) {
max-width: 800px; max-width: 800px;
@ -106,6 +108,7 @@ header {
h1 { h1 {
font-size: 4rem; font-size: 4rem;
margin-top: 0;
} }
} }
@ -120,7 +123,8 @@ time {
footer { footer {
border-top: 1px solid #222; width: 100%;
border-top: 1rem solid var(--rp-pine);
margin-top: 1rem; margin-top: 1rem;
} }
@ -187,6 +191,7 @@ nav>ul>li>a {
font-size: 2rem; font-size: 2rem;
} }
/* PAGE LISTS */
.page-list>li { .page-list>li {
padding: 1rem 1rem 2rem 1rem; padding: 1rem 1rem 2rem 1rem;
border-top: 1rem solid var(--rp-pine); border-top: 1rem solid var(--rp-pine);
@ -197,7 +202,26 @@ nav>ul>li>a {
; ;
} }
.center { .center {
width: fit-content; width: fit-content;
margin: auto; margin: auto;
} }
/* TAGS */
.post-tags {
display: flex;
gap: 1em;
}
.post-tags>li {
@media screen and (min-width:600px) {
font-size: 3rem;
}
background-image: linear-gradient(to bottom, var(--rp-overlay) 80%, var(--rp-base));
padding: 0.4em;
border-radius: 0.6em 0.6em 0 0;
}

4
public/index.html
View File

@ -35,7 +35,7 @@
<nav> <nav>
<ul> <ul>
<li> <li>
<a aria-current="page" class="active" href="/">Home</a> <a href="/">Home</a>
</li> </li>
<li> <li>
<a href="/posts/">Posts</a> <a href="/posts/">Posts</a>
@ -50,7 +50,7 @@
</header> </header>
<main> <main>
<p>Hello, and welcome to my devlog. This is where I talk about whatever coding I&rsquo;ve been up to recently.</p> <p>Hello, and welcome to my devlog. This is where I talk about whatever coding I&rsquo;ve been up to recently. Queries to <a href="mailto:ajsWritesCode@gmail.com">ajsWritesCode@gmail.com</a>.</p>
<h1>Latest...</h1> <h1>Latest...</h1>

2
public/posts/cache-busting/index.html
View File

@ -92,7 +92,7 @@
<div> <div>
<div>Tags:</div> <div>Tags:</div>
<ul> <ul class="post-tags">
<li><a href="/tags/css/">Css</a></li> <li><a href="/tags/css/">Css</a></li>
<li><a href="/tags/html/">Html</a></li> <li><a href="/tags/html/">Html</a></li>
<li><a href="/tags/linux/">Linux</a></li> <li><a href="/tags/linux/">Linux</a></li>

5
public/posts/index.html
View File

@ -52,7 +52,10 @@
<h1>Posts</h1> <h1>Posts</h1>
<ul class="page-list">
<ul class="page-list">
<li> <li>
<h2 class="center"><a href="/posts/cache-busting/">Invalidating the browser cache</a></h2> <h2 class="center"><a href="/posts/cache-busting/">Invalidating the browser cache</a></h2>

12
public/posts/index.xml
View File

@ -2,24 +2,24 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Posts on Coding with Andrzej</title> <title>Posts on Coding with Andrzej</title>
<link>http://localhost:1313/posts/</link> <link>http://192.168.70/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> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate> <lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
<atom:link href="http://localhost:1313/posts/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="http://192.168.70/posts/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Invalidating the browser cache</title> <title>Invalidating the browser cache</title>
<link>http://localhost:1313/posts/cache-busting/</link> <link>http://192.168.70/posts/cache-busting/</link>
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
<guid>http://localhost:1313/posts/cache-busting/</guid> <guid>http://192.168.70/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> <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>
<item> <item>
<title>Permissions strike again</title> <title>Permissions strike again</title>
<link>http://localhost:1313/posts/permissions-strike-again/</link> <link>http://192.168.70/posts/permissions-strike-again/</link>
<pubDate>Wed, 13 Nov 2024 11:53:13 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 11:53:13 +0100</pubDate>
<guid>http://localhost:1313/posts/permissions-strike-again/</guid> <guid>http://192.168.70/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> <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>
</channel> </channel>

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

@ -74,7 +74,7 @@
<div> <div>
<div>Tags:</div> <div>Tags:</div>
<ul> <ul class="post-tags">
<li><a href="/tags/linux/">Linux</a></li> <li><a href="/tags/linux/">Linux</a></li>
</ul> </ul>
</div> </div>

18
public/sitemap.xml
View File

@ -2,30 +2,30 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml"> xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url> <url>
<loc>http://localhost:1313/tags/css/</loc> <loc>http://192.168.70/tags/css/</loc>
<lastmod>2024-11-13T14:24:21+01:00</lastmod> <lastmod>2024-11-13T14:24:21+01:00</lastmod>
</url><url> </url><url>
<loc>http://localhost:1313/tags/html/</loc> <loc>http://192.168.70/tags/html/</loc>
<lastmod>2024-11-13T14:24:21+01:00</lastmod> <lastmod>2024-11-13T14:24:21+01:00</lastmod>
</url><url> </url><url>
<loc>http://localhost:1313/posts/cache-busting/</loc> <loc>http://192.168.70/posts/cache-busting/</loc>
<lastmod>2024-11-13T14:24:21+01:00</lastmod> <lastmod>2024-11-13T14:24:21+01:00</lastmod>
</url><url> </url><url>
<loc>http://localhost:1313/tags/linux/</loc> <loc>http://192.168.70/tags/linux/</loc>
<lastmod>2024-11-13T14:24:21+01:00</lastmod> <lastmod>2024-11-13T14:24:21+01:00</lastmod>
</url><url> </url><url>
<loc>http://localhost:1313/tags/</loc> <loc>http://192.168.70/tags/</loc>
<lastmod>2024-11-13T14:24:21+01:00</lastmod> <lastmod>2024-11-13T14:24:21+01:00</lastmod>
</url><url> </url><url>
<loc>http://localhost:1313/posts/permissions-strike-again/</loc> <loc>http://192.168.70/posts/permissions-strike-again/</loc>
<lastmod>2024-11-13T11:53:13+01:00</lastmod> <lastmod>2024-11-13T11:53:13+01:00</lastmod>
</url><url> </url><url>
<loc>http://localhost:1313/posts/</loc> <loc>http://192.168.70/posts/</loc>
<lastmod>2023-01-01T08:30:00-07:00</lastmod> <lastmod>2023-01-01T08:30:00-07:00</lastmod>
</url><url> </url><url>
<loc>http://localhost:1313/</loc> <loc>http://192.168.70/</loc>
<lastmod>2023-01-01T08:00:00-07:00</lastmod> <lastmod>2023-01-01T08:00:00-07:00</lastmod>
</url><url> </url><url>
<loc>http://localhost:1313/categories/</loc> <loc>http://192.168.70/categories/</loc>
</url> </url>
</urlset> </urlset>

5
public/tags/css/index.html
View File

@ -52,7 +52,10 @@
<h1>Css</h1> <h1>Css</h1>
<ul class="page-list">
<ul class="page-list">
<li> <li>
<h2 class="center"><a href="/posts/cache-busting/">Invalidating the browser cache</a></h2> <h2 class="center"><a href="/posts/cache-busting/">Invalidating the browser cache</a></h2>

8
public/tags/css/index.xml
View File

@ -2,17 +2,17 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Css on Coding with Andrzej</title> <title>Css on Coding with Andrzej</title>
<link>http://localhost:1313/tags/css/</link> <link>http://192.168.70/tags/css/</link>
<description>Recent content in Css on Coding with Andrzej</description> <description>Recent content in Css on Coding with Andrzej</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate> <lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
<atom:link href="http://localhost:1313/tags/css/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="http://192.168.70/tags/css/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Invalidating the browser cache</title> <title>Invalidating the browser cache</title>
<link>http://localhost:1313/posts/cache-busting/</link> <link>http://192.168.70/posts/cache-busting/</link>
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
<guid>http://localhost:1313/posts/cache-busting/</guid> <guid>http://192.168.70/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> <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>
</channel> </channel>

5
public/tags/html/index.html
View File

@ -52,7 +52,10 @@
<h1>Html</h1> <h1>Html</h1>
<ul class="page-list">
<ul class="page-list">
<li> <li>
<h2 class="center"><a href="/posts/cache-busting/">Invalidating the browser cache</a></h2> <h2 class="center"><a href="/posts/cache-busting/">Invalidating the browser cache</a></h2>

8
public/tags/html/index.xml
View File

@ -2,17 +2,17 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Html on Coding with Andrzej</title> <title>Html on Coding with Andrzej</title>
<link>http://localhost:1313/tags/html/</link> <link>http://192.168.70/tags/html/</link>
<description>Recent content in Html on Coding with Andrzej</description> <description>Recent content in Html on Coding with Andrzej</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate> <lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
<atom:link href="http://localhost:1313/tags/html/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="http://192.168.70/tags/html/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Invalidating the browser cache</title> <title>Invalidating the browser cache</title>
<link>http://localhost:1313/posts/cache-busting/</link> <link>http://192.168.70/posts/cache-busting/</link>
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
<guid>http://localhost:1313/posts/cache-busting/</guid> <guid>http://192.168.70/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> <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>
</channel> </channel>

6
public/tags/index.html
View File

@ -52,7 +52,11 @@
<h1>Tags</h1> <h1>Tags</h1>
<ul class="page-list">
<ul class="post-tags">
<li> <li>
<h2 class="center"><a href="/tags/css/">Css</a></h2> <h2 class="center"><a href="/tags/css/">Css</a></h2>

16
public/tags/index.xml
View File

@ -2,31 +2,31 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Tags on Coding with Andrzej</title> <title>Tags on Coding with Andrzej</title>
<link>http://localhost:1313/tags/</link> <link>http://192.168.70/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> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate> <lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
<atom:link href="http://localhost:1313/tags/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="http://192.168.70/tags/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Css</title> <title>Css</title>
<link>http://localhost:1313/tags/css/</link> <link>http://192.168.70/tags/css/</link>
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
<guid>http://localhost:1313/tags/css/</guid> <guid>http://192.168.70/tags/css/</guid>
<description></description> <description></description>
</item> </item>
<item> <item>
<title>Html</title> <title>Html</title>
<link>http://localhost:1313/tags/html/</link> <link>http://192.168.70/tags/html/</link>
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
<guid>http://localhost:1313/tags/html/</guid> <guid>http://192.168.70/tags/html/</guid>
<description></description> <description></description>
</item> </item>
<item> <item>
<title>Linux</title> <title>Linux</title>
<link>http://localhost:1313/tags/linux/</link> <link>http://192.168.70/tags/linux/</link>
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
<guid>http://localhost:1313/tags/linux/</guid> <guid>http://192.168.70/tags/linux/</guid>
<description></description> <description></description>
</item> </item>
</channel> </channel>

5
public/tags/linux/index.html
View File

@ -52,7 +52,10 @@
<h1>Linux</h1> <h1>Linux</h1>
<ul class="page-list">
<ul class="page-list">
<li> <li>
<h2 class="center"><a href="/posts/cache-busting/">Invalidating the browser cache</a></h2> <h2 class="center"><a href="/posts/cache-busting/">Invalidating the browser cache</a></h2>

12
public/tags/linux/index.xml
View File

@ -2,24 +2,24 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel> <channel>
<title>Linux on Coding with Andrzej</title> <title>Linux on Coding with Andrzej</title>
<link>http://localhost:1313/tags/linux/</link> <link>http://192.168.70/tags/linux/</link>
<description>Recent content in Linux on Coding with Andrzej</description> <description>Recent content in Linux on Coding with Andrzej</description>
<generator>Hugo</generator> <generator>Hugo</generator>
<language>en-us</language> <language>en-us</language>
<lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate> <lastBuildDate>Wed, 13 Nov 2024 14:24:21 +0100</lastBuildDate>
<atom:link href="http://localhost:1313/tags/linux/index.xml" rel="self" type="application/rss+xml" /> <atom:link href="http://192.168.70/tags/linux/index.xml" rel="self" type="application/rss+xml" />
<item> <item>
<title>Invalidating the browser cache</title> <title>Invalidating the browser cache</title>
<link>http://localhost:1313/posts/cache-busting/</link> <link>http://192.168.70/posts/cache-busting/</link>
<pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 14:24:21 +0100</pubDate>
<guid>http://localhost:1313/posts/cache-busting/</guid> <guid>http://192.168.70/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> <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>
<item> <item>
<title>Permissions strike again</title> <title>Permissions strike again</title>
<link>http://localhost:1313/posts/permissions-strike-again/</link> <link>http://192.168.70/posts/permissions-strike-again/</link>
<pubDate>Wed, 13 Nov 2024 11:53:13 +0100</pubDate> <pubDate>Wed, 13 Nov 2024 11:53:13 +0100</pubDate>
<guid>http://localhost:1313/posts/permissions-strike-again/</guid> <guid>http://192.168.70/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> <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>
</channel> </channel>

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

@ -65,6 +65,7 @@ body {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5; line-height: 1.5;
width: 100vw; width: 100vw;
height: 100vh;
/* FLEX */ /* FLEX */
display: flex; display: flex;
@ -84,6 +85,7 @@ header {
main { main {
max-width: 100%; max-width: 100%;
flex-grow: 1;
@media screen and (min-width:600px) { @media screen and (min-width:600px) {
max-width: 800px; max-width: 800px;
@ -106,6 +108,7 @@ header {
h1 { h1 {
font-size: 4rem; font-size: 4rem;
margin-top: 0;
} }
} }
@ -120,7 +123,8 @@ time {
footer { footer {
border-top: 1px solid #222; width: 100%;
border-top: 1rem solid var(--rp-pine);
margin-top: 1rem; margin-top: 1rem;
} }
@ -187,6 +191,7 @@ nav>ul>li>a {
font-size: 2rem; font-size: 2rem;
} }
/* PAGE LISTS */
.page-list>li { .page-list>li {
padding: 1rem 1rem 2rem 1rem; padding: 1rem 1rem 2rem 1rem;
border-top: 1rem solid var(--rp-pine); border-top: 1rem solid var(--rp-pine);
@ -197,7 +202,26 @@ nav>ul>li>a {
; ;
} }
.center { .center {
width: fit-content; width: fit-content;
margin: auto; margin: auto;
} }
/* TAGS */
.post-tags {
display: flex;
gap: 1em;
}
.post-tags>li {
@media screen and (min-width:600px) {
font-size: 3rem;
}
background-image: linear-gradient(to bottom, var(--rp-overlay) 80%, var(--rp-base));
padding: 0.4em;
border-radius: 0.6em 0.6em 0 0;
}

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

@ -4,4 +4,4 @@ date = 2023-01-01T08:00:00-07:00
draft = false draft = false
+++ +++
Hello, and welcome to my devlog. This is where I talk about whatever coding I've been up to recently. Hello, and welcome to my devlog. This is where I talk about whatever coding I've been up to recently. Queries to ajsWritesCode@gmail.com.

8
themes/cuqui/layouts/_default/list.html
View File

@ -2,7 +2,13 @@
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
{{ .Content }} {{ .Content }}
{{$isTags := strings.Contains .Title "Tags"}} {{$isTags := strings.Contains .Title "Tags"}}
<ul class="page-list"> {{if $isTags}}
<ul class="post-tags">
{{end}}
{{if $isTags}}
{{else}}
<ul class="page-list">
{{end}}
{{ range .Pages }} {{ range .Pages }}
<li> <li>
<h2 class="center"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2> <h2 class="center"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>

2
themes/cuqui/layouts/partials/terms.html
View File

@ -14,7 +14,7 @@ For a given taxonomy, renders a list of terms assigned to the page.
{{- $label := (index . 0).Parent.LinkTitle }} {{- $label := (index . 0).Parent.LinkTitle }}
<div> <div>
<div>{{ $label }}:</div> <div>{{ $label }}:</div>
<ul> <ul class="post-tags">
{{- range . }} {{- range . }}
<li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li> <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
{{- end }} {{- end }}