accumulo-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From David Medinets <david.medin...@gmail.com>
Subject Re: Accumulo site Bootstrapped
Date Wed, 09 Apr 2014 18:05:20 GMT
Very Nice, Bill.


On Wed, Apr 9, 2014 at 2:02 PM, Bill Havanki <bhavanki@clouderagovt.com>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 <josh.elser@gmail.com> 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 <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