accumulo-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Billie Rinaldi <billie.rina...@gmail.com>
Subject Re: Accumulo site Bootstrapped
Date Wed, 09 Apr 2014 17:25:12 GMT
I prefer menus to pop up on hover, rather than click.  I think it's easier
to get a quick overview of what pages exist and where you should look for
whatever you're looking for.  Anyone else have feelings?


On Wed, Apr 9, 2014 at 9:58 AM, Bill Havanki <bhavanki@clouderagovt.com>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 <ctubbsii@apache.org> 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 <josh.elser@gmail.com>
> 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 <josh.elser@gmail.com>
> > 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 <madrob@cloudera.com>
> > 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
> > >>>>> <bhavanki@clouderagovt.com
> > >>>>>
> > >>>>>> 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 <
> > >>>>>> bhavanki@clouderagovt.com
> > >>>>>>
> > >>>>>>> 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 <
> > >>>>>>>
> > >>>>>> bhavanki@clouderagovt.com
> > >>>>>
> > >>>>>
> > >>>>>> 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 <
> al.krinker@gmail.com
> > >
> > >>>>>>>>
> > >>>>>>> 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
<
> josh.elser@gmail.com
> > >
> > >>>>>>>>>
> > >>>>>>>> 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<josh.elser@gmail.com>
> > >>>>>>>>>>>
> > >>>>>>>>>>>
> > >>>>>>>>>>    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
>

Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message