accumulo-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Mike Drob <mad...@cloudera.com>
Subject Re: Accumulo site Bootstrapped
Date Wed, 09 Apr 2014 17:38:16 GMT
Ah, yea, responding to both is good. Agreed.


On Wed, Apr 9, 2014 at 1:36 PM, Billie Rinaldi <billie.rinaldi@gmail.com>wrote:

> Spark's menus respond to hover and click.
>
>
> On Wed, Apr 9, 2014 at 10:28 AM, Mike Drob <madrob@cloudera.com> wrote:
>
> > Hover is not always a useful event for mobile clients.
> >
> >
> > On Wed, Apr 9, 2014 at 1:25 PM, Billie Rinaldi <billie.rinaldi@gmail.com
> > >wrote:
> >
> > > 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