Skip to content

Redesign: modern layout#7

Open
NielsHamelink-web wants to merge 25 commits intocurl:masterfrom
NielsHamelink-web:feat/redesign-site-author
Open

Redesign: modern layout#7
NielsHamelink-web wants to merge 25 commits intocurl:masterfrom
NielsHamelink-web:feat/redesign-site-author

Conversation

@NielsHamelink-web
Copy link
Copy Markdown

@NielsHamelink-web NielsHamelink-web commented Mar 28, 2026

Summary

This PR proposes a visual and structural redesign of https://curl.dev aimed at improving:

  • Readability of commands and examples
  • Accessibility and visual hierarchy
  • Consistency with the updated curl branding/logo

If this direction is approved by @bagder or the curl team, I can follow up with a similar redesign for https://curl.se to ensure consistency across curl websites.


Changes

  • Redesigned https://curl.dev layout and styling
    • Improved typography and spacing for better readability
    • Added syntax highlighting for command/code blocks
    • Integrated the new curl logo
  • Refactored assets:
    • Extracted CSS into style.css
    • Extracted JS into main.js
  • Introduced build tooling:
    • Added Vite to bundle assets
    • All assets are built and served locally (no runtime external dependencies)

Dependencies

  • Syntax highlighting powered by Highlight.js
  • All dependencies are managed via package.json and bundled locally

Additional improvements:

  • Added CI workflow to verify builds
  • Added Dependabot configuration for automated dependency updates

Screenshots

Before

image

After

image

Mobile

image

@dfandrich
Copy link
Copy Markdown

dfandrich commented Mar 28, 2026 via email

@NielsHamelink-web
Copy link
Copy Markdown
Author

My opinion w.r.t. self-hosting is that we should do it as much as possible. We are using our own CDN that we trust so we shouldn't rely on other random (or non-random) ones. If doing so, it would be great to use dependabot (or similar) to make sure we get any security updates in the Javascript dependencies. And to start the bike shedding, I'm not a fan of the font use in the titles ☺

Thanks for the feedback, that makes a lot of sense.

I’ve updated the implementation to self-host all assets:

  • Moved dependencies into package.json
  • Added Vite to build and bundle assets locally
  • Ensured the final output is fully static and served from our own infrastructure

I also added:

  • CI workflow (.github/workflows/ci.yml) to verify builds
  • .github/dependabot.yml for dependency updates

Let me know if you have any preferred Dependabot settings or update strategies.

Regarding the font: I’ve adjusted the title typography to better match curl’s style, curious to hear your thoughts on this direction 🙂
image

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