Also, inclusion of the twitter/linkedin/github images introduces us to
trademark concerns that should be considered. Thankfully, I believe I
read into twitter's and github's before and there wasn't anything
"scary" about them.
https://about.twitter.com/press/brand-assets
http://press.linkedin.com/Media-Resources?SubjectID=644
https://github.com/logos
On 4/9/14, 12:58 PM, Bill Havanki wrote:
Latest updates available, based on all your feedback:
http://people.apache.org/~bhavanki/accumulo-bootstrapped/
- The nav bar is now fixed to the top of the page despite scrolling.
- There is a sidebar! The logo is there, plus some other stuff.
- External links in the nav menu have a little icon now. Just noticed I put
them to the right, not left. My bad. Easy to switch 'em.
The features page is still not all that great. I agree with Josh it needs
something, maybe conversion to tables. I did experiment with changing the
whole page content to a set of tabs, which looks keen but makes the markup
more complex, and less Markdown, so there's a tension there. I think people
should just start playing with it. :)
On Fri, Mar 28, 2014 at 11:43 AM, Christopher <[email protected]> wrote:
I solicited some ideas from a colleague, and he recommended maybe
putting the Accumulo logo in the menu, or maybe an alternate version,
without the surrounding boxes.
He also recommended utilizing the scrolling nav bar (especially for
long pages), as on http://getbootstrap.com/components/
It would also be good to add icons to the left of menu items,
especially to denote external links, vs. navigation within the
Accumulo pages.
We can also consider fixing the top nav bar to the top of the page
when scrolling (for large enough screen sizes).
--
Christopher L Tubbs II
http://gravatar.com/ctubbsii
On Wed, Mar 26, 2014 at 2:19 PM, Josh Elser <[email protected]> wrote:
Nice, that helps a little.
Totally agree on avoiding the dotted lines -- what you added definitely
helps. I tend to always prefer typographical changes over explicit
breaks.
The features page is a little easier on the eyes now. I think changing
the
sub-headers (the h3's, e.g. "Iterators", "Cell Labels", "Constraints",
etc)
from h3's to h4's would help a bit. Adding some sort of distinction
between
categories would help too -- additional margin, different type or color,
or
something else I haven't put my finger on.
Perhaps a slight darker header would help distinguish it against the main
content too.
ps. sorry i'm not just playing with this myself and sending you a patch
:)
On 3/26/14, 7:25 AM, Bill Havanki wrote:
I updated to include a modest margin on either side of the body content.
The margins are present on larger displays, but on smaller displays
(e.g.,
phone, tablet) they disappear so the content spans the whole page. You
can
see the behavior by adjusting the width of your browser to skinny and
back
again. If the margins don't appear at all, try doing a force reload in
your
browser.
I added bottom margins to some headers, and a faint gray bottom border
to
h2 headers, which tend to be used for main page sections. I think the
spacing is much nicer. I'm no fan of the old dotted lines. :)
Some side column content ideas:
- latest Accumulo news
- current Accumulo versions
- links to related projects
- download button, of course :)
- upcoming meetup / conference schedule
- link to featured blog post o' the month
- social network links / buttons
On Tue, Mar 25, 2014 at 5:38 PM, Josh Elser <[email protected]>
wrote:
Agreed on the width of the main page content.
Additionally, I think the (sub)headers took a step back in terms of
readability. The new stuff tends to run together without an emphasis on
the
individual sections. The old CSS rules added some underlining beneath
header elements IIRC.
Compare http://people.apache.org/~bhavanki/accumulo-
bootstrapped/notable_features.html to http://accumulo.apache.org/
notable_features.html
Doing something to better separate the sections would be good. Not
entirely sure I want to suggest going back the long stippled lines, but
they certainly did make the separation easier to process.
On 3/25/14, 12:37 PM, Bill Havanki wrote:
That's easy to do, yes. Bootstrap uses a 12-column grid system, so we
can
squeeze the body into a smaller portion of that grid. We can also set
margins.
Another idea, of course, is to use some of that horizontal space for
side
column content.
On Tue, Mar 25, 2014 at 3:31 PM, Mike Drob <[email protected]>
wrote:
Is there an easy (and global) way to shrink the width? Long lines of
text
are difficult to read.
On Tue, Mar 25, 2014 at 3:23 PM, Bill Havanki
<[email protected]
wrote:
Greetings all,
The reworked / Twitter Bootstrap version of our site is now
viewable:
http://people.apache.org/~bhavanki/accumulo-bootstrapped/
The site is built from the Subversion branch:
https://svn.apache.org/repos/asf/accumulo/site/branches/redesign14/
Now is a great time for anyone who wants to pitch in to get started.
Some
ideas:
- Check that the pages still look decent after the conversion.
- Ensure that all pages can still be navigated to and from
correctly.
- Rework a page with some Bootstrap enhancements, or to just look
better.
- Update a page to account for changes to the live site since the
branch
was created. (Of course we'll sync up just before switching.)
As long as you save changes to Subversion, I can update my hosted
copy
to
reflect them. Or, set up the ASF CMS in your own environment for
quick
testing.
We are definitely on target for releasing this site update with the
1.6.0
release. Thanks again for your past and future feedback.
Bill H
On Thu, Mar 20, 2014 at 3:22 PM, Bill Havanki <
[email protected]
wrote:
The new branch is:
https://svn.apache.org/repos/asf/accumulo/site/branches/redesign14/
On Thu, Mar 20, 2014 at 1:54 PM, Bill Havanki <
[email protected]
wrote:
Thanks Al!
I managed to set up the CMS tool in a VM and use it to build our
current
site, as Josh suggested. If anyone else wants to do the same, these
instructions should work for installing the CMS - I found the
README
to
be
a bit lacking.
http://www.apache.org/dev/cmsref.html#local-build
I worked around the issue of there being lots of absolute URLs in
the
site by running this in the generated content dir and navigating
to
localhost:8000 in the browser:
python -m SimpleHTTPServer
Unless I hear any objections, I'll create a branch for the
bootstrapped
version of the site, and I'll kick it off with my prototype stuff.
On Tue, Mar 11, 2014 at 6:11 PM, Al Krinker <[email protected]
wrote:
I am using Twitter Bootstrap at work for about 2 years now... it
is
nice
and gives you lots of nice things. However, we ran into issues at
work
where we were implementing custom js scripts and got into
conflicts
with
Twitter Bootstrap. The site is not js heavy, so Twitter Bootstrap
would
be
a nice addition to it. Let me know if you need help.
On Thu, Mar 6, 2014 at 2:57 PM, Josh Elser <[email protected]
wrote:
My comment was in context of maintaining a separate branch that
we
could
work on and have staged separately to avoid holding the
production
site in
stasis while we work on this.
On 3/6/14, 2:24 PM, Keith Turner wrote:
On Thu, Mar 6, 2014 at 10:44 AM, Josh
Elser<[email protected]>
wrote:
>I'm not aware of anything that gives you the nice WYSIWYG
interface.
I use the bookmarklet to edit pages in my web browser.
https://cms.apache.org/#bookmark
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
