Coder Social home page Coder Social logo

Update Website ? about xtermjs.org HOT 11 OPEN

xtermjs avatar xtermjs commented on August 27, 2024
Update Website ?

from xtermjs.org.

Comments (11)

Tyriar avatar Tyriar commented on August 27, 2024

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.

from xtermjs.org.

illuzan avatar illuzan commented on August 27, 2024

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

image
image

from xtermjs.org.

Tyriar avatar Tyriar commented on August 27, 2024

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?

from xtermjs.org.

Tyriar avatar Tyriar commented on August 27, 2024

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

from xtermjs.org.

illuzan avatar illuzan commented on August 27, 2024

Desktop - 12
Desktop - 13
Desktop - 14

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

from xtermjs.org.

Tyriar avatar Tyriar commented on August 27, 2024

About the swatches wdym, changing the terminal background?

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

image

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:

image

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

I like this condensed view with the major project logos:

Screen Shot 2021-06-02 at 10 31 21 AM

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

from xtermjs.org.

Tyriar avatar Tyriar commented on August 27, 2024

I made some changes towards this in #153 with a focus on including the logo on the homepage and making a cooler demo.

from xtermjs.org.

illuzan avatar illuzan commented on August 27, 2024

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

from xtermjs.org.

Tyriar avatar Tyriar commented on August 27, 2024

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.

from xtermjs.org.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.