Skip to content

up to Blades CSS v2.4.3, syntax highlighting via PrismJS, and other visual improvements#22

Open
tonystar wants to merge 5 commits into
pallets:mainfrom
anyblades:main
Open

up to Blades CSS v2.4.3, syntax highlighting via PrismJS, and other visual improvements#22
tonystar wants to merge 5 commits into
pallets:mainfrom
anyblades:main

Conversation

@tonystar

@tonystar tonystar commented Jun 17, 2026

Copy link
Copy Markdown
Contributor

This PR brings a series of incremental improvements to the Pallets Projects website, focusing on layout correctness, visual polish, and code presentation.

Changes

  • Upgrade Blades CSS to 2.4.3 — Updated layout.html and index.html to reference the new version of the Blades CSS framework. The project grid layout was refactored to prevent double-linking on project cards. (91af3eb)

  • Refactor footer styles — Removed redundant footer list CSS rules from style.css and replaced them with the unlist-all utility class directly on the footer container in layout.html, reducing style duplication. (7d2da3d)

  • Fix project logo dark mode — Corrected the dark-version logo rendering in project.html so project logos display properly in dark mode. (d8f6cb7)

  • Integrate PrismJS for syntax highlighting — Added PrismJS to project.html for code block syntax highlighting. Corrected language identifiers in jinja.md, markupsafe.md, and quart.md to ensure proper highlighting of code samples on project pages. (bb323e3)

(AI summary based on commits)


before: after:
palletsprojects com_projects_quart 127 0 0 1_5000_projects_quart
Simulator Screenshot - iPhone 17 - 2026-06-17 at 13 12 11 Simulator Screenshot - iPhone 17 - 2026-06-17 at 13 11 31

@tonystar

Copy link
Copy Markdown
Contributor Author

@davidism kindly review

meaning untrusted user input can safely be displayed on a page.

```pycon
```python

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is not correct, the block here is "pycon" meaning "python console".

Comment thread content/projects/jinja.md
restricting functionality too much.

```jinja
```jinja2

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This shouldn't matter.

<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 %}

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I do not want to add prism.js. This is a Flask and Jinja app, it's possible to use pygments to style these blocks I just never got around to it. Syntax highlighting for small examples isn't a big priority for me right now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants