Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP] Redesign the Nikola website #22

Merged
merged 37 commits into from Jul 23, 2015
Merged

[WIP] Redesign the Nikola website #22

merged 37 commits into from Jul 23, 2015

Conversation

Kwpolska
Copy link
Member

@Kwpolska Kwpolska commented Jul 8, 2015

This is #20, and is a work in progress. Comments, improvements and ideas welcome. cc @Aeyoun, @ralsina.

Front page

  • A true landing page.
  • Six features described.
  • Written in HTML (for flexibility).
  • We could color the icons distinctively, but that needs someone more intelligent when it comes to design.

image

Getting started guide

Done, see below.

Signed-off-by: Chris Warrick <kwpolska@gmail.com>
@da2x
Copy link
Contributor

da2x commented Jul 8, 2015

  • You can colorize the icons with CSS or SVG filters. More flexible and easily changed than bitmaps. Maybe pop them out in nikola-logo-yellow when hovering the section they represent?
  • Use (CSS) hyphenation with the justified text blocks.
  • Use nikola-logo-yellow on the Get Started button (orange is a very effective call-to-action color and it work very well the with logo.)
  • "Source" in the menu means "project source code" and not "source of this page" to any non-Nikola user. Rename or remove it.

@da2x
Copy link
Contributor

da2x commented Jul 8, 2015

How about removing the logo in the menu on the front page, and going for a hero instead? It’s just a SVG so it will be no slower to load than the smaller menu-logo (use that—current styling— for every sub-page).

Hero should probably be a bit smaller than this, but you get the idea. Tells visitor where they’ve arrived and what the deal is straight away.

front-page-hero-logo

@Kwpolska
Copy link
Member Author

Kwpolska commented Jul 8, 2015

  • .index-icon-static { color: blue } is enough (those are fonts, not SVGs).
  • Mind patching hyphenation in yourself?
  • While it looks nice, I would prefer to keep a bit of consistency with the navbar. How about adding a big logo in the jumbotron?

Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
@Kwpolska
Copy link
Member Author

Kwpolska commented Jul 8, 2015

Getting Started Guide

  • A step-by-step guide, with prose on the left and command output on the right.
  • Parts are duplicated with the manual; we need something to deduplicate it (partials?) or drop that part from the manual.
  • We need something to keep the commands from getting split between lines, any suggestions? (last paragraph) white-space: nowrap;

image

Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
@Kwpolska
Copy link
Member Author

Features page

With a right-side ToC, has affix but not scrollspy (not compatible with those lists)

image

TO DO LIST (VOLUNTEERS NEEDED)

  • more features (any ideas?)
  • feature page for fast
  • feature page for auto, with a demo video (@ralsina?)
  • more things from the checklist (#20) should be done
  • any more things need changing?
  • deploy
  • push plugins, themes, users (new navbars; @Kwpolska)
  • optional: blog post so people can check it/our new propaganda out

Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Signed-off-by: Chris Warrick <kwpolska@gmail.com>
Kwpolska added a commit that referenced this pull request Jul 23, 2015
[WIP] Redesign the Nikola website

fixes #16
@Kwpolska Kwpolska merged commit 554432a into master Jul 23, 2015
@Kwpolska Kwpolska deleted the redesign branch July 23, 2015 18:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants