Comments (11)
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.
Took some time but here is the initial mockup I came up with.
Love to get some feedback on it.
from xtermjs.org.
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.
Idea: A bunch of swatches near the terminal to hot swap the theme might be cool.
from xtermjs.org.
- 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.
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.
from xtermjs.org.
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.
Sorry got busy with the college exam, should I continue?
As you have already made changes.
from xtermjs.org.
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)
- implement onBinary data event
- Allow update-docs to be run on forks
- guide for parser hooks
- Automatically update VT features docs on website from xterm.js repo
- replace onKey with onData handler in example
- update parser hooks description regarding async handlers
- Migrate demo to use typescript
- Add demo command to demonstrate color/style support
- Typedoc issues when generating addon docs HOT 3
- Improvement - Add site favicon HOT 1
- Getting started should be higher than real world examples HOT 1
- Add an interactive terminal/demo on docs page
- Give an example of loading xtermjs from a cdn in the docs example HOT 6
- Links in API docs point at master, they should be pinned to the commit
- API docs should indicate which API version they're describing HOT 1
- Resolve security alerts
- Consider migrating to GitHub Pages
- Demo broken on xtermjs.org HOT 2
- Simple echo demo for web terminal? HOT 13
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from xtermjs.org.