Oops -- sorry, I was making edits as I went. Didn't think about where I
put them all the time :D
Body at 16px def looked nicer to me, I'm sure sidebar at 14 is fine.
On 4/11/14, 9:42 AM, Bill Havanki wrote:
Awesome, thanks for the updates. They are live on my temporary site.
I set the font size in the sidebar back to 14px, since it looked too big to
me now that the sidebar is skinnier. The body is still 16px. See if you
like it, and if not I'll happily make it 16px again.
I also put your CSS changes (font-size 16px, removing nowrap on code
blocks) into accumulo.css and restored bootstrap.css and bootstrap.min.css
to their untouched state. That way we can easily plop in updated bootstrap
versions later without the need to hand-edit them.
Thanks again!
On Thu, Apr 10, 2014 at 10:38 PM, Josh Elser <[email protected]> wrote:
Bill,
I just pushed some changes. I mostly changed things to help the flow of
the page.
- Shrink sidebar and "download" button, center justifying too.
- Reworked some header tag (h1->h2, h3->h2, etc)
- Reduced width of copyright to be slightly less prone to widows
- Fixed grammar/capitalization issues
- Fixed broken links
The biggest part is that the sidebar stood out way too far and looked
goofy with the huge download "button". A few other things are a little
weird looking to me still, but I think it's an improvement over what we
currently have! Would love to see this pushed in concert with 1.6.0.
On 4/10/14, 4:37 PM, Bill Havanki wrote:
I think the new site is just about ready. Latest updates:
- Replaced social network icons with approved graphics from the sites
themselves. (Excellent catch Josh.)
- Switched to better external link icons, moved icons to left of link
text.
- Added IRC channel link to sidebar.
- Added bylaws and governance pages to nav menu.
- Updated look and feel for several pages, including downloads,
screenshots, and mailing lists.
- Added link to Accumulo Summit site to sidebar.
- Merged in changes made to production site since this version was
branched, so content is current.
The only significant piece left is improving the features page, which Josh
indicated he might like to try. I can take a stab at it otherwise. It's
fun.
How would we like to handle the transition to this site? Is a vote a good
idea? I would propose lazy approval with a three-day period, falling back
to consensus in case of an irreconcilable veto. The vote can be pinned to
a
specific SVN repo version.
As always, thanks for your continued input. If I've missed anyone's
suggestions, please let me know.
Bill H
On Wed, Apr 9, 2014 at 2:14 PM, Bill Havanki <[email protected]>
wrote:
Thanks David!
Re social icons: This post is interesting (google "social icons
trademark"):
http://angiemakes.com/improper-use-social-media-icons/
I'll redo the icons according to the branding guidelines for the
respective sites. Good catch Josh!
On Wed, Apr 9, 2014 at 2:05 PM, David Medinets <[email protected]
wrote:
Very Nice, Bill.
On Wed, Apr 9, 2014 at 2:02 PM, Bill Havanki <[email protected]
wrote:
The nav menus now expand on hover. It was surprisingly easy. You may
need
to force-reload to get it to start working.
I gotta hope that using the social icons is OK, but we should check to
be
sure. The icons are not in fact pulled from those source sites, but are
part of the GLYPHICONS set (glyphicons.com).
Josh - or anyone - holler when you have patched content committed, and
I'll
update with it!
Bill
On Wed, Apr 9, 2014 at 1:47 PM, Josh Elser <[email protected]>
wrote:
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
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
