From 91af3ebd3b3dd09bc242a0ac679aa4d9ed38986e Mon Sep 17 00:00:00 2001
From: Anton Staroverov <73071319+tonystar@users.noreply.github.com>
Date: Wed, 17 Jun 2026 11:54:40 -0600
Subject: [PATCH 1/5] refactor: upgrade Blades CSS to 2.4.3 and avoid
 double-linking in project grid layout

---
 src/pallets/templates/index.html  | 10 +++++-----
 src/pallets/templates/layout.html |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pallets/templates/index.html b/src/pallets/templates/index.html
index 3637d2a..c4365a3 100644
--- a/src/pallets/templates/index.html
+++ b/src/pallets/templates/index.html
@@ -4,13 +4,13 @@
   <section>
     {{ page.content_html | safe }}
   </section>
-  <section style="display: grid; grid-template-columns: repeat(auto-fill, minmax(clamp(16ch, 21%, 100%), 1fr)); gap: var(--pico-spacing);">
+  <section style="display: grid; grid-template-columns: repeat(auto-fill, minmax(clamp(16ch, 21%, 100%), 1fr)); gap: var(--pico-spacing); row-gap: 2rem;">
     {% for title in ("Flask", "Quart", "Jinja", "Click", "Werkzeug", "ItsDangerous", "MarkupSafe") %}
       {% set name = title.lower() %}
-      <p>
-          <a href="projects/{{ name }}"><img src="/static/content/projects/{{ name }}-logo.svg" style="height: 3em;"></a>
-          <a href="projects/{{ name }}" class="contrast"><strong>{{ title }}</strong></a>
-      </p>
+      <a href="projects/{{ name }}" class="contrast" style="align-items: center;">
+        <i><img src="/static/content/projects/{{ name }}-logo.svg" style="height: 3em; margin: 0;"></i>
+        <strong>{{ title }}</strong>
+      </a>
     {% endfor %}
   </section>
 {% endblock %}
diff --git a/src/pallets/templates/layout.html b/src/pallets/templates/layout.html
index b42ba8c..f39b020 100644
--- a/src/pallets/templates/layout.html
+++ b/src/pallets/templates/layout.html
@@ -6,7 +6,7 @@
   <title>Pallets</title>
   <link rel=icon href="/static/pallets-logo.svg">
   <link rel="alternate" type="application/atom+xml" title="Blog" href="{{ url_for(".blog_feed") }}">
-  <link rel=stylesheet href="https://cdn.jsdelivr.net/npm/@anyblades/blades@2.3.1/css/blades.min.css">
+  <link rel=stylesheet href="https://cdn.jsdelivr.net/npm/@anyblades/blades@2.4.3/css/blades.min.css">
   <link rel=stylesheet href="/static/style.css">
   {% block extra_head %}{% endblock %}
 </head>

From 7d2da3d8549bb525c9cd5ac767eb8e3b0bd4224c Mon Sep 17 00:00:00 2001
From: Anton Staroverov <73071319+tonystar@users.noreply.github.com>
Date: Wed, 17 Jun 2026 12:00:54 -0600
Subject: [PATCH 2/5] refactor footer: remove redundant footer list styles and
 apply unlist-all class to footer container

---
 src/pallets/static/style.css      | 8 --------
 src/pallets/templates/layout.html | 2 +-
 2 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/pallets/static/style.css b/src/pallets/static/style.css
index 307f211..ab67483 100644
--- a/src/pallets/static/style.css
+++ b/src/pallets/static/style.css
@@ -28,14 +28,6 @@ footer {
   align-items: start;
 }
 
-footer ul {
-  display: grid;
-}
-
-footer ul li {
-  list-style-type: none;
-}
-
 .title-replace {
   position: absolute;
   width: 1px;
diff --git a/src/pallets/templates/layout.html b/src/pallets/templates/layout.html
index f39b020..4eee5e3 100644
--- a/src/pallets/templates/layout.html
+++ b/src/pallets/templates/layout.html
@@ -29,7 +29,7 @@
 <main class="container">
   {% block page %}{% endblock %}
 </main>
-<footer class="container grid">
+<footer class="container grid unlist-all">
     <ul>
       <li><strong>Policies</strong></li>
       <li><a href="/security">Security</a></li>

From d8f6cb76e6c5a1b0ef56c9ebdd26dcc21f1e379f Mon Sep 17 00:00:00 2001
From: Anton Staroverov <73071319+tonystar@users.noreply.github.com>
Date: Wed, 17 Jun 2026 12:20:33 -0600
Subject: [PATCH 3/5] fix: project logo dark version

---
 src/pallets/templates/project.html | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/pallets/templates/project.html b/src/pallets/templates/project.html
index 69e0605..e69c87e 100644
--- a/src/pallets/templates/project.html
+++ b/src/pallets/templates/project.html
@@ -3,16 +3,14 @@
 {% block page %}
   <section style="text-align: center;">
     <h1 class="title-replace">{{ page.name }}</h1>
-    <img style="height: 6em;" src="/static/content/projects/{{ page.logo }}">
+    <img src="/static/content/projects/{{ page.logo }}" style="height: 6em; background: white; padding-right: 1em; border-radius: 0.6em;">
   </section>
-  <nav>
-    <span></span>
+  <nav style="justify-content: center;">
     <ul>
       <li><a href="{{ page.docs }}">Documentation</a></li>
       <li><a href="{{ page.pypi }}">Releases on PyPI</a></li>
       <li><a href="{{ page.github }}">Source on GitHub</a></li>
     </ul>
-    <span></span>
   </nav>
   <section>
     {{ page.content_html | safe }}

From bb323e3d3f58e43faad47e7b8df7960e20cd7b80 Mon Sep 17 00:00:00 2001
From: Anton Staroverov <73071319+tonystar@users.noreply.github.com>
Date: Wed, 17 Jun 2026 12:31:58 -0600
Subject: [PATCH 4/5] chore: integrate PrismJS for syntax highlighting and
 correct code block language identifiers

---
 content/projects/jinja.md          | 2 +-
 content/projects/markupsafe.md     | 2 +-
 content/projects/quart.md          | 6 +++---
 src/pallets/templates/project.html | 6 ++++++
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/content/projects/jinja.md b/content/projects/jinja.md
index 41c0530..22728ae 100644
--- a/content/projects/jinja.md
+++ b/content/projects/jinja.md
@@ -27,7 +27,7 @@ Jinja's philosophy is that while application logic belongs in Python if
 possible, it shouldn't make the template designer's job difficult by
 restricting functionality too much.
 
-```jinja
+```jinja2
 {% extends "base.html" %}
 {% block title %}Members{% endblock %}
 {% block content %}
diff --git a/content/projects/markupsafe.md b/content/projects/markupsafe.md
index 3e68c1a..b0303a6 100644
--- a/content/projects/markupsafe.md
+++ b/content/projects/markupsafe.md
@@ -8,7 +8,7 @@ to use in HTML and XML. Characters that have special meanings are replaced so
 that they display as the actual characters. This mitigates injection attacks,
 meaning untrusted user input can safely be displayed on a page.
 
-```pycon
+```python
 >>> from markupsafe import Markup, escape
 
 >>> # escape replaces special characters and wraps in Markup
diff --git a/content/projects/quart.md b/content/projects/quart.md
index 497e031..7ff3ff6 100644
--- a/content/projects/quart.md
+++ b/content/projects/quart.md
@@ -22,7 +22,7 @@ async def greet():
     return 'Hello, World!'
 ```
 
-```
-$ export QUART_APP=hello:app
-$ quart run
+```sh
+export QUART_APP=hello:app
+quart run
 ```
diff --git a/src/pallets/templates/project.html b/src/pallets/templates/project.html
index e69c87e..fa37ee8 100644
--- a/src/pallets/templates/project.html
+++ b/src/pallets/templates/project.html
@@ -1,5 +1,11 @@
 {% extends "layout.html" %}
 
+{% block extra_head %}
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prismjs@1/themes/prism-okaidia.min.css" />
+  <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-core.min.js" defer></script>
+  <script src="https://cdn.jsdelivr.net/npm/prismjs@1/plugins/autoloader/prism-autoloader.min.js" defer></script>
+{% endblock %}
+
 {% block page %}
   <section style="text-align: center;">
     <h1 class="title-replace">{{ page.name }}</h1>

From 21776bb499321e74a7eac686f191085a3c5ad8b8 Mon Sep 17 00:00:00 2001
From: Anton Staroverov <73071319+tonystar@users.noreply.github.com>
Date: Wed, 17 Jun 2026 13:10:13 -0600
Subject: [PATCH 5/5] style: update footer grid layout for improved
 responsiveness

---
 src/pallets/templates/layout.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pallets/templates/layout.html b/src/pallets/templates/layout.html
index 4eee5e3..838c42f 100644
--- a/src/pallets/templates/layout.html
+++ b/src/pallets/templates/layout.html
@@ -29,7 +29,7 @@
 <main class="container">
   {% block page %}{% endblock %}
 </main>
-<footer class="container grid unlist-all">
+<footer class="container unlist-all grid" style="grid-template-columns: repeat(auto-fit, minmax(20ch, 1fr));">
     <ul>
       <li><strong>Policies</strong></li>
       <li><a href="/security">Security</a></li>