Update Website ?

[illuzan]

Hey, I would like to redesign the website, the current website looks outdated.

• Make it a bit clear what's it about at first glance.
• Add negative space to make more breathing room.
• Add a section or page for addons.
• Dark Mode (cuz why not).

Even more, things as we move along.

[Tyriar]

Quite the offer 🙂. All of these things sounds great, we'd definitely welcome help in this area.

As for what to actually do, if you want to either do some mockups for what you're going for and/or contribute small focused improvements so they are easily reviewable and can be discussed that would be best. We'd want the team to be more involved with the redesign compared to a more invisible code change.

[illuzan]

Took some time but here is the initial mockup I came up with. Love to get some feedback on it.

[Tyriar]

I love it 😍

Feedback:

• We should use the logo in the header
• "Plugins" should be "Addons"
• We don't really use the blog, we can probably remove the link from home (keep the blog posts under the same URLs, just don't link to them)
• "that lets applications bring fully-featured terminals to their users in the browser" -> "that let applications bring fully-featured terminals to the browser"
• Maybe scrolling down should have a Features section? Alternatively inside get started?

[Tyriar]

Idea: A bunch of swatches near the terminal to hot swap the theme might be cool.

[illuzan]

• About the swatches wdym, changing the terminal background?
• Any suggestion about addons sections?
• Do you plan to keep the real-world uses section?

[Tyriar]

About the swatches wdym, changing the terminal background?

Something along the lines of this was what I was thinking:

But maybe it wouldn't work great like that. It would be cool to be able to demonstrate theme support right there, having a dropdown with some common themes as text might work better (eg. solarized, dracula)?

Any suggestion about addons sections?

I like the first mockup, but maybe all addons should be on the left and then the selected one has the code on the side next to the title? So fit would be positioned like:

Do you plan to keep the real-world uses section?

I like this condensed view with the major project logos:

We don't need to have the giant list on the landed page.

[Tyriar]

I made some changes towards this in https://github.com/xtermjs/xtermjs.org/pull/153 with a focus on including the logo on the homepage and making a cooler demo.

[illuzan]

Sorry got busy with the college exam, should I continue? As you have already made changes.

[Tyriar]

I restricted my changes to the demo, the rest of the website could still do with a facelift, eg:

• Moving the big list of real world usages into a separate page and showing the bigger user icons
• Updating the logo/nav bar
• Updating api docs, etc.

[crutchcorn]

@Tyriar I've opened a few PRs to update the deps of the website, but TBH I'd be happier to take on a heavier lift by implementing some designs and potentially migrating the website's toolchain to something a bit more modern (Maybe VitePress?)

I can also implement the GitHub Pages hosting during this process (to a degree, you'd have to attach the CNAME and configure DNS/etc)

The only thing I can't do is design 😅 @illuzan, up to work with me to finish the redesign?

Do y'all have a Discord or Slack or something we can all chat more in to collaborate on this?

[Tyriar]

@crutchcorn thanks for your interest! I sent you an email to the one listed on your GH account