accumulo-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Josh Elser <josh.el...@gmail.com>
Subject Re: Accumulo site Bootstrapped
Date Wed, 09 Apr 2014 17:42:49 GMT
Agreed -- I have some spacing/alignment nits.. I'll see if I can make a 
patch instead of just complaining though.

On 4/9/14, 1:38 PM, Mike Drob wrote:
> 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
View raw message