You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@accumulo.apache.org by Bill Havanki <bh...@clouderagovt.com> on 2014/03/05 23:40:38 UTC
Accumulo site Bootstrapped
Some folks in the IRC room were discussing how nice the Spark [1] and Hue
[2] sites look compared to ours. While babysitting integration tests, I
decided to prototype a rework of our site using Twitter Bootstrap [3], the
front-end framework that both of those other sites use.
Here are the pages that I converted.
* http://people.apache.org/~bhavanki/accumulo-bootstrapped/
*
http://people.apache.org/~bhavanki/accumulo-bootstrapped/notable_features.html
* http://people.apache.org/~bhavanki/accumulo-bootstrapped/source.html
You can navigate between those pages using the left nav menu, but try
anywhere else and you'll jump out to the production site.
The pages use Bootstrap's own theme, with only very slight modifications to
be close to our own theme. (I actually disabled around 90% of
accumulo.css.) I kept the page organization like production, although we
have many other whizbang options with Bootstrap. Some bits I left messy,
like the nav items for the user manuals, but you should get the idea anyway.
Beyond just how it looks, Bootstrap gives you many other capabilities,
especially responsive display for mobile and tablets, so there's benefit to
a switch beyond just pretty looking boxes.
[1] spark.apache.org
[2] gethue.com
[3] getbootstrap.com
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
Re: Accumulo site Bootstrapped
Posted by Nehal Mehta <ne...@gmail.com>.
Looks awesome. +10 :)
I agree with William, we should have 1.4, 1.5 as separate sub menu.
On Wed, Mar 5, 2014 at 5:47 PM, William Slacum <
wilhelm.von.cloud@accumulo.net> wrote:
> I'm a fan of bootstrap and those pages are looking sexy. Not a big fan how
> the "1.4 / 1.5" links show up in the navigation bar on the left though.
>
>
> On Wed, Mar 5, 2014 at 5:40 PM, Bill Havanki <bhavanki@clouderagovt.com
> >wrote:
>
> > Some folks in the IRC room were discussing how nice the Spark [1] and Hue
> > [2] sites look compared to ours. While babysitting integration tests, I
> > decided to prototype a rework of our site using Twitter Bootstrap [3],
> the
> > front-end framework that both of those other sites use.
> >
> > Here are the pages that I converted.
> >
> > * http://people.apache.org/~bhavanki/accumulo-bootstrapped/
> > *
> >
> >
> http://people.apache.org/~bhavanki/accumulo-bootstrapped/notable_features.html
> > * http://people.apache.org/~bhavanki/accumulo-bootstrapped/source.html
> >
> > You can navigate between those pages using the left nav menu, but try
> > anywhere else and you'll jump out to the production site.
> >
> > The pages use Bootstrap's own theme, with only very slight modifications
> to
> > be close to our own theme. (I actually disabled around 90% of
> > accumulo.css.) I kept the page organization like production, although we
> > have many other whizbang options with Bootstrap. Some bits I left messy,
> > like the nav items for the user manuals, but you should get the idea
> > anyway.
> >
> > Beyond just how it looks, Bootstrap gives you many other capabilities,
> > especially responsive display for mobile and tablets, so there's benefit
> to
> > a switch beyond just pretty looking boxes.
> >
> > [1] spark.apache.org
> > [2] gethue.com
> > [3] getbootstrap.com
> >
> > --
> > // Bill Havanki
> > // Solutions Architect, Cloudera Govt Solutions
> > // 443.686.9283
> >
>
Re: Accumulo site Bootstrapped
Posted by William Slacum <wi...@accumulo.net>.
I'm a fan of bootstrap and those pages are looking sexy. Not a big fan how
the "1.4 / 1.5" links show up in the navigation bar on the left though.
On Wed, Mar 5, 2014 at 5:40 PM, Bill Havanki <bh...@clouderagovt.com>wrote:
> Some folks in the IRC room were discussing how nice the Spark [1] and Hue
> [2] sites look compared to ours. While babysitting integration tests, I
> decided to prototype a rework of our site using Twitter Bootstrap [3], the
> front-end framework that both of those other sites use.
>
> Here are the pages that I converted.
>
> * http://people.apache.org/~bhavanki/accumulo-bootstrapped/
> *
>
> http://people.apache.org/~bhavanki/accumulo-bootstrapped/notable_features.html
> * http://people.apache.org/~bhavanki/accumulo-bootstrapped/source.html
>
> You can navigate between those pages using the left nav menu, but try
> anywhere else and you'll jump out to the production site.
>
> The pages use Bootstrap's own theme, with only very slight modifications to
> be close to our own theme. (I actually disabled around 90% of
> accumulo.css.) I kept the page organization like production, although we
> have many other whizbang options with Bootstrap. Some bits I left messy,
> like the nav items for the user manuals, but you should get the idea
> anyway.
>
> Beyond just how it looks, Bootstrap gives you many other capabilities,
> especially responsive display for mobile and tablets, so there's benefit to
> a switch beyond just pretty looking boxes.
>
> [1] spark.apache.org
> [2] gethue.com
> [3] getbootstrap.com
>
> --
> // Bill Havanki
> // Solutions Architect, Cloudera Govt Solutions
> // 443.686.9283
>
Re: Accumulo site Bootstrapped
Posted by Corey Nolet <cj...@gmail.com>.
+1 It is much cleaner. Would be nice (and more maintainable) for sub-menus-
specifically on the versions for docs & packages.
On Wed, Mar 5, 2014 at 8:23 PM, Christopher <ct...@apache.org> wrote:
> +1 for what's been done so far, and for revamped site with 1.6.0 release.
>
> Rollout sub-menus might be nice. That nav bar is pretty busy.
>
> --
> Christopher L Tubbs II
> http://gravatar.com/ctubbsii
>
>
> On Wed, Mar 5, 2014 at 6:32 PM, Josh Elser <jo...@gmail.com> wrote:
> > Def needs a little more TLC, but using something like Bootstrap instead
> of
> > rolling our own is definitely the way to go.
> >
> > Would be happy to help out here -- maybe we can get a revamped site for
> > 1.6.0? That'd be pretty boss.
> >
> >
> > On 3/5/14, 5:40 PM, Bill Havanki wrote:
> >>
> >> Some folks in the IRC room were discussing how nice the Spark [1] and
> Hue
> >> [2] sites look compared to ours. While babysitting integration tests, I
> >> decided to prototype a rework of our site using Twitter Bootstrap [3],
> the
> >> front-end framework that both of those other sites use.
> >>
> >> Here are the pages that I converted.
> >>
> >> * http://people.apache.org/~bhavanki/accumulo-bootstrapped/
> >> *
> >>
> >>
> http://people.apache.org/~bhavanki/accumulo-bootstrapped/notable_features.html
> >> * http://people.apache.org/~bhavanki/accumulo-bootstrapped/source.html
> >>
> >> You can navigate between those pages using the left nav menu, but try
> >> anywhere else and you'll jump out to the production site.
> >>
> >> The pages use Bootstrap's own theme, with only very slight modifications
> >> to
> >> be close to our own theme. (I actually disabled around 90% of
> >> accumulo.css.) I kept the page organization like production, although we
> >> have many other whizbang options with Bootstrap. Some bits I left messy,
> >> like the nav items for the user manuals, but you should get the idea
> >> anyway.
> >>
> >> Beyond just how it looks, Bootstrap gives you many other capabilities,
> >> especially responsive display for mobile and tablets, so there's benefit
> >> to
> >> a switch beyond just pretty looking boxes.
> >>
> >> [1] spark.apache.org
> >> [2] gethue.com
> >> [3] getbootstrap.com
> >>
> >
>
Re: Accumulo site Bootstrapped
Posted by Christopher <ct...@apache.org>.
+1 for what's been done so far, and for revamped site with 1.6.0 release.
Rollout sub-menus might be nice. That nav bar is pretty busy.
--
Christopher L Tubbs II
http://gravatar.com/ctubbsii
On Wed, Mar 5, 2014 at 6:32 PM, Josh Elser <jo...@gmail.com> wrote:
> Def needs a little more TLC, but using something like Bootstrap instead of
> rolling our own is definitely the way to go.
>
> Would be happy to help out here -- maybe we can get a revamped site for
> 1.6.0? That'd be pretty boss.
>
>
> On 3/5/14, 5:40 PM, Bill Havanki wrote:
>>
>> Some folks in the IRC room were discussing how nice the Spark [1] and Hue
>> [2] sites look compared to ours. While babysitting integration tests, I
>> decided to prototype a rework of our site using Twitter Bootstrap [3], the
>> front-end framework that both of those other sites use.
>>
>> Here are the pages that I converted.
>>
>> * http://people.apache.org/~bhavanki/accumulo-bootstrapped/
>> *
>>
>> http://people.apache.org/~bhavanki/accumulo-bootstrapped/notable_features.html
>> * http://people.apache.org/~bhavanki/accumulo-bootstrapped/source.html
>>
>> You can navigate between those pages using the left nav menu, but try
>> anywhere else and you'll jump out to the production site.
>>
>> The pages use Bootstrap's own theme, with only very slight modifications
>> to
>> be close to our own theme. (I actually disabled around 90% of
>> accumulo.css.) I kept the page organization like production, although we
>> have many other whizbang options with Bootstrap. Some bits I left messy,
>> like the nav items for the user manuals, but you should get the idea
>> anyway.
>>
>> Beyond just how it looks, Bootstrap gives you many other capabilities,
>> especially responsive display for mobile and tablets, so there's benefit
>> to
>> a switch beyond just pretty looking boxes.
>>
>> [1] spark.apache.org
>> [2] gethue.com
>> [3] getbootstrap.com
>>
>
Re: Accumulo site Bootstrapped
Posted by Josh Elser <jo...@gmail.com>.
Def needs a little more TLC, but using something like Bootstrap instead
of rolling our own is definitely the way to go.
Would be happy to help out here -- maybe we can get a revamped site for
1.6.0? That'd be pretty boss.
On 3/5/14, 5:40 PM, Bill Havanki wrote:
> Some folks in the IRC room were discussing how nice the Spark [1] and Hue
> [2] sites look compared to ours. While babysitting integration tests, I
> decided to prototype a rework of our site using Twitter Bootstrap [3], the
> front-end framework that both of those other sites use.
>
> Here are the pages that I converted.
>
> * http://people.apache.org/~bhavanki/accumulo-bootstrapped/
> *
> http://people.apache.org/~bhavanki/accumulo-bootstrapped/notable_features.html
> * http://people.apache.org/~bhavanki/accumulo-bootstrapped/source.html
>
> You can navigate between those pages using the left nav menu, but try
> anywhere else and you'll jump out to the production site.
>
> The pages use Bootstrap's own theme, with only very slight modifications to
> be close to our own theme. (I actually disabled around 90% of
> accumulo.css.) I kept the page organization like production, although we
> have many other whizbang options with Bootstrap. Some bits I left messy,
> like the nav items for the user manuals, but you should get the idea anyway.
>
> Beyond just how it looks, Bootstrap gives you many other capabilities,
> especially responsive display for mobile and tablets, so there's benefit to
> a switch beyond just pretty looking boxes.
>
> [1] spark.apache.org
> [2] gethue.com
> [3] getbootstrap.com
>
Re: Accumulo site Bootstrapped
Posted by Josh Elser <jo...@gmail.com>.
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 <bi...@gmail.com>wrote:
>
>> Spark's menus respond to hover and click.
>>
>>
>> On Wed, Apr 9, 2014 at 10:28 AM, Mike Drob <ma...@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 <ct...@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 <jo...@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<jo...@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
>>>>>
>>>>
>>>
>>
>
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
No worries. I like the bigger font as well, my vision is bad enough as it
is.
On Fri, Apr 11, 2014 at 10:12 AM, Josh Elser <jo...@gmail.com> wrote:
> 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 <jo...@gmail.com>
>> 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 <bhavanki@clouderagovt.com
>>>> >
>>>> 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 <
>>>>> david.medinets@gmail.com
>>>>>
>>>>>> wrote:
>>>>>>
>>>>>
>>>>> 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 <jo...@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<jo...@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
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>>>
>>>>> --
>>>>> // Bill Havanki
>>>>> // Solutions Architect, Cloudera Govt Solutions
>>>>> // 443.686.9283
>>>>>
>>>>>
>>>>>
>>>>
>>>>
>>>>
>>
>>
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
Re: Accumulo site Bootstrapped
Posted by Josh Elser <jo...@gmail.com>.
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 <jo...@gmail.com> 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 <bh...@clouderagovt.com>
>>> 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 <david.medinets@gmail.com
>>>>> wrote:
>>>>
>>>> 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 <jo...@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 <ct...@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 <jo...@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<jo...@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
>>>>>>
>>>>>>
>>>>>
>>>>
>>>>
>>>> --
>>>> // Bill Havanki
>>>> // Solutions Architect, Cloudera Govt Solutions
>>>> // 443.686.9283
>>>>
>>>>
>>>
>>>
>>>
>
>
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
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 <jo...@gmail.com> 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 <bh...@clouderagovt.com>
>> 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 <david.medinets@gmail.com
>>> >wrote:
>>>
>>> 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 <jo...@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 <ct...@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 <jo...@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<jo...@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
>>>>>
>>>>>
>>>>
>>>
>>>
>>> --
>>> // Bill Havanki
>>> // Solutions Architect, Cloudera Govt Solutions
>>> // 443.686.9283
>>>
>>>
>>
>>
>>
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
Re: Accumulo site Bootstrapped
Posted by Josh Elser <jo...@gmail.com>.
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 <bh...@clouderagovt.com>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 <da...@gmail.com>wrote:
>>
>>> 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 <jo...@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 <ct...@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 <jo...@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<jo...@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
>>>>
>>>
>>
>>
>>
>> --
>> // Bill Havanki
>> // Solutions Architect, Cloudera Govt Solutions
>> // 443.686.9283
>>
>
>
>
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
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 <bh...@clouderagovt.com>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 <da...@gmail.com>wrote:
>
>> 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 <jo...@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 <ct...@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 <jo...@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<jo...@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
>> >
>>
>
>
>
> --
> // Bill Havanki
> // Solutions Architect, Cloudera Govt Solutions
> // 443.686.9283
>
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
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 <da...@gmail.com>wrote:
> 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 <jo...@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 <ct...@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 <jo...@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 <jo...@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 <ma...@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<jo...@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
> >
>
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
Re: Accumulo site Bootstrapped
Posted by David Medinets <da...@gmail.com>.
Very Nice, Bill.
On Wed, Apr 9, 2014 at 2:02 PM, Bill Havanki <bh...@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 <jo...@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 <ct...@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 <jo...@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 <jo...@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 <ma...@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<jo...@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
>
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
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 <jo...@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 <ct...@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 <jo...@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 <jo...@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 <ma...@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<jo...@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
Re: Accumulo site Bootstrapped
Posted by Josh Elser <jo...@gmail.com>.
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 <ct...@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 <jo...@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 <jo...@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 <ma...@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<jo...@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
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>
>>>>
>>>
>>
>
>
>
Re: Accumulo site Bootstrapped
Posted by Mike Drob <ma...@cloudera.com>.
Ah, yea, responding to both is good. Agreed.
On Wed, Apr 9, 2014 at 1:36 PM, Billie Rinaldi <bi...@gmail.com>wrote:
> Spark's menus respond to hover and click.
>
>
> On Wed, Apr 9, 2014 at 10:28 AM, Mike Drob <ma...@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 <ct...@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 <jo...@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<jo...@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
> > > >
> > >
> >
>
Re: Accumulo site Bootstrapped
Posted by Billie Rinaldi <bi...@gmail.com>.
Spark's menus respond to hover and click.
On Wed, Apr 9, 2014 at 10:28 AM, Mike Drob <ma...@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 <ct...@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 <jo...@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<jo...@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
> > >
> >
>
Re: Accumulo site Bootstrapped
Posted by Mike Drob <ma...@cloudera.com>.
Hover is not always a useful event for mobile clients.
On Wed, Apr 9, 2014 at 1:25 PM, Billie Rinaldi <bi...@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 <ct...@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 <jo...@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 <jo...@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 <ma...@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<jo...@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
> >
>
Re: Accumulo site Bootstrapped
Posted by Billie Rinaldi <bi...@gmail.com>.
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 <bh...@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 <ct...@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 <jo...@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 <jo...@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 <ma...@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<jo...@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
>
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
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 <ct...@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 <jo...@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 <jo...@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 <ma...@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<jo...@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
Re: Accumulo site Bootstrapped
Posted by Christopher <ct...@apache.org>.
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 <jo...@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 <jo...@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 <ma...@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...@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 <jo...@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<jo...@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
>>>>>>
>>>>>>
>>>>>
>>>>
>>>>
>>>>
>>
>>
>
Re: Accumulo site Bootstrapped
Posted by Josh Elser <jo...@gmail.com>.
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 <jo...@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 <ma...@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...@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 <jo...@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<jo...@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
>>>>>
>>>>>
>>>>
>>>
>>>
>>>
>
>
Re: Accumulo site Bootstrapped
Posted by Christopher <ct...@apache.org>.
The margins are much nicer than before, especially the front page,
which is a big sparse (but I do like the prominent download button!)
--
Christopher L Tubbs II
http://gravatar.com/ctubbsii
On Wed, Mar 26, 2014 at 10:25 AM, Bill Havanki
<bh...@clouderagovt.com> 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 <jo...@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 <ma...@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...@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 <jo...@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<jo...@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
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
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 <jo...@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 <ma...@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...@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 <jo...@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<jo...@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
Re: Accumulo site Bootstrapped
Posted by Josh Elser <jo...@gmail.com>.
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 <ma...@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...@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 <jo...@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<jo...@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
>>>
>>
>
>
>
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
Hi Miguel!
An easy way to get involved would be just to look through the site and see
if there are any problems with it. Most of the content is generated from
Markdown automatically, and maybe some of it looks weird under Bootstrap.
To go deeper, you can take a look at the source for the site by checking
out the branch using Subversion. I think anonymous checkout is permitted.
In order to build the site from source you need to install the ASF CMS
system. Instructions are online [1]. It's not trivial, but it isn't overly
difficult IMO. I set it up in an Ubuntu VM.
If you have CMS set up, you can make changes locally and build your own
copy of the site to see how it looks.
I think that filing JIRAs with suggested changes would be a good idea,
since that lets everyone attach patches, screenshots, and the like.
[1] http://www.apache.org/dev/cmsref.html#local-build
Bill
On Tue, Mar 25, 2014 at 3:39 PM, Miguel Pereira
<mi...@gmail.com>wrote:
> This is looking great Bill :) How do we get involved?
>
>
> On Tue, Mar 25, 2014 at 3:37 PM, Bill Havanki <bhavanki@clouderagovt.com
> >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 <ma...@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
> >
>
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
Re: Accumulo site Bootstrapped
Posted by Miguel Pereira <mi...@gmail.com>.
This is looking great Bill :) How do we get involved?
On Tue, Mar 25, 2014 at 3:37 PM, Bill Havanki <bh...@clouderagovt.com>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 <ma...@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...@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 <jo...@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
>
Re: Accumulo site Bootstrapped
Posted by Josh Elser <jo...@gmail.com>.
The analytics are still hosted through an account that Oren "owns". You
could email him and ask to be added -- I think that's what I did way
back when.
On 3/25/14, 3:58 PM, Mike Drob wrote:
> We should check our Google Analytics stats to see what the most popular
> pages are and then make them available. I do not know how to do this
> myself...
>
>
> On Tue, Mar 25, 2014 at 3:55 PM, Billie Rinaldi <bi...@gmail.com>wrote:
>
>> On Tue, Mar 25, 2014 at 12:37 PM, Bill Havanki <bhavanki@clouderagovt.com
>>> 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.
>>>
>>
>> I like how the the Spark site has the big download button in the side
>> column for every page; maybe we could do that. Any other ideas for side
>> column content?
>>
>>
>>>
>>>
>>> On Tue, Mar 25, 2014 at 3:31 PM, Mike Drob <ma...@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
>>>
>>
>
Re: Accumulo site Bootstrapped
Posted by Mike Drob <ma...@cloudera.com>.
We should check our Google Analytics stats to see what the most popular
pages are and then make them available. I do not know how to do this
myself...
On Tue, Mar 25, 2014 at 3:55 PM, Billie Rinaldi <bi...@gmail.com>wrote:
> On Tue, Mar 25, 2014 at 12:37 PM, Bill Havanki <bhavanki@clouderagovt.com
> >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.
> >
>
> I like how the the Spark site has the big download button in the side
> column for every page; maybe we could do that. Any other ideas for side
> column content?
>
>
> >
> >
> > On Tue, Mar 25, 2014 at 3:31 PM, Mike Drob <ma...@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
> >
>
Re: Accumulo site Bootstrapped
Posted by Billie Rinaldi <bi...@gmail.com>.
On Tue, Mar 25, 2014 at 12:37 PM, Bill Havanki <bh...@clouderagovt.com>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.
>
I like how the the Spark site has the big download button in the side
column for every page; maybe we could do that. Any other ideas for side
column content?
>
>
> On Tue, Mar 25, 2014 at 3:31 PM, Mike Drob <ma...@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...@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 <jo...@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
>
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
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 <ma...@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...@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 <jo...@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<jo...@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
Re: Accumulo site Bootstrapped
Posted by Mike Drob <ma...@cloudera.com>.
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 <bh...@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...@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 <jo...@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<jo...@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
>
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
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 <bh...@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 <bh...@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...@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 <jo...@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<jo...@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
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
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 <bh...@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...@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 <jo...@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<jo...@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
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
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...@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 <jo...@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<jo...@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
Re: Accumulo site Bootstrapped
Posted by Al Krinker <al...@gmail.com>.
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 <jo...@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<jo...@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
>>
>>
Re: Accumulo site Bootstrapped
Posted by Josh Elser <jo...@gmail.com>.
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<jo...@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
>
Re: Accumulo site Bootstrapped
Posted by Keith Turner <ke...@deenlo.com>.
On Thu, Mar 6, 2014 at 10:44 AM, Josh Elser <jo...@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
>
> When I was writing up the content before our move to Git, I make a branch
> in the site SVN repo and installed the ASF CMS code locally (really comes
> down to installing a handful of Perl modules). From there, I could build
> the site into a directory and the scp/rsync it somewhere. The only
> hassle/pain is that it really needs to be in its own subdomain, unless we
> rework it all to have relative URLs (I recall trying to do this and then
> finding something that made me just revert it).
>
> Anyways, that's not ideal, but at least we get some VC from it being in
> SVN.
>
>
> On 3/6/14, 9:37 AM, Bill Havanki wrote:
>
>> Josh: Sure, glad for any help! Getting this converted for 1.6.0 would be
>> easy. One question I have is how we could serve up a converted beta site
>> for this while leaving the production one alone. Does the Apache web
>> framework support that somehow?
>>
>
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
I updated the site with a horizontal navbar. The menu is much more pleasant
now.
On Thu, Mar 6, 2014 at 9:37 AM, Bill Havanki <bh...@clouderagovt.com>wrote:
> Thanks for all the feedback! Keep it coming :)
>
> The 1.4 and 1.5 manual links definitely need help, but they are easy to
> clean up for sure (when I said I left some parts messy, I was thinking of
> those). I'm going to convert the nav menu from the current vertical style
> to a horizontal one with dropdowns - that will be more compact and allow
> for submenus. It will also free up horizontal space for side content like
> download buttons, news items, cat pictures, or whatever.
>
> Mike: The page content can still be Markdown, with very few changes. All
> of the big changes occur in the "skeleton" of the page which wraps the
> Markdown content, like including CSS and JS, defining the nav menu, header,
> and footer, etc.
>
> Josh: Sure, glad for any help! Getting this converted for 1.6.0 would be
> easy. One question I have is how we could serve up a converted beta site
> for this while leaving the production one alone. Does the Apache web
> framework support that somehow?
>
> Bill
>
>
> On Wed, Mar 5, 2014 at 8:56 PM, Mike Drob <md...@mdrob.com> wrote:
>
>> Looks super spiffy!
>>
>> Are the pages still mostly markdown? Or does this add a lot of HTML?
>> I am unfamiliar with Bootstrap as a framework, so these might be really
>> dumb questions. I'm imagining editing pages via the CMS, and am curious
>> how
>> well that will work.
>>
>> Mike
>>
>>
>> On Wed, Mar 5, 2014 at 5:40 PM, Bill Havanki <bhavanki@clouderagovt.com
>> >wrote:
>>
>> > Some folks in the IRC room were discussing how nice the Spark [1] and
>> Hue
>> > [2] sites look compared to ours. While babysitting integration tests, I
>> > decided to prototype a rework of our site using Twitter Bootstrap [3],
>> the
>> > front-end framework that both of those other sites use.
>> >
>> > Here are the pages that I converted.
>> >
>> > * http://people.apache.org/~bhavanki/accumulo-bootstrapped/
>> > *
>> >
>> >
>> http://people.apache.org/~bhavanki/accumulo-bootstrapped/notable_features.html
>> > * http://people.apache.org/~bhavanki/accumulo-bootstrapped/source.html
>> >
>> > You can navigate between those pages using the left nav menu, but try
>> > anywhere else and you'll jump out to the production site.
>> >
>> > The pages use Bootstrap's own theme, with only very slight
>> modifications to
>> > be close to our own theme. (I actually disabled around 90% of
>> > accumulo.css.) I kept the page organization like production, although we
>> > have many other whizbang options with Bootstrap. Some bits I left messy,
>> > like the nav items for the user manuals, but you should get the idea
>> > anyway.
>> >
>> > Beyond just how it looks, Bootstrap gives you many other capabilities,
>> > especially responsive display for mobile and tablets, so there's
>> benefit to
>> > a switch beyond just pretty looking boxes.
>> >
>> > [1] spark.apache.org
>> > [2] gethue.com
>> > [3] getbootstrap.com
>> >
>> > --
>> > // 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
Re: Accumulo site Bootstrapped
Posted by Josh Elser <jo...@gmail.com>.
I'm not aware of anything that gives you the nice WYSIWYG interface.
When I was writing up the content before our move to Git, I make a
branch in the site SVN repo and installed the ASF CMS code locally
(really comes down to installing a handful of Perl modules). From there,
I could build the site into a directory and the scp/rsync it somewhere.
The only hassle/pain is that it really needs to be in its own subdomain,
unless we rework it all to have relative URLs (I recall trying to do
this and then finding something that made me just revert it).
Anyways, that's not ideal, but at least we get some VC from it being in SVN.
On 3/6/14, 9:37 AM, Bill Havanki wrote:
> Josh: Sure, glad for any help! Getting this converted for 1.6.0 would be
> easy. One question I have is how we could serve up a converted beta site
> for this while leaving the production one alone. Does the Apache web
> framework support that somehow?
Re: Accumulo site Bootstrapped
Posted by Bill Havanki <bh...@clouderagovt.com>.
Thanks for all the feedback! Keep it coming :)
The 1.4 and 1.5 manual links definitely need help, but they are easy to
clean up for sure (when I said I left some parts messy, I was thinking of
those). I'm going to convert the nav menu from the current vertical style
to a horizontal one with dropdowns - that will be more compact and allow
for submenus. It will also free up horizontal space for side content like
download buttons, news items, cat pictures, or whatever.
Mike: The page content can still be Markdown, with very few changes. All of
the big changes occur in the "skeleton" of the page which wraps the
Markdown content, like including CSS and JS, defining the nav menu, header,
and footer, etc.
Josh: Sure, glad for any help! Getting this converted for 1.6.0 would be
easy. One question I have is how we could serve up a converted beta site
for this while leaving the production one alone. Does the Apache web
framework support that somehow?
Bill
On Wed, Mar 5, 2014 at 8:56 PM, Mike Drob <md...@mdrob.com> wrote:
> Looks super spiffy!
>
> Are the pages still mostly markdown? Or does this add a lot of HTML?
> I am unfamiliar with Bootstrap as a framework, so these might be really
> dumb questions. I'm imagining editing pages via the CMS, and am curious how
> well that will work.
>
> Mike
>
>
> On Wed, Mar 5, 2014 at 5:40 PM, Bill Havanki <bhavanki@clouderagovt.com
> >wrote:
>
> > Some folks in the IRC room were discussing how nice the Spark [1] and Hue
> > [2] sites look compared to ours. While babysitting integration tests, I
> > decided to prototype a rework of our site using Twitter Bootstrap [3],
> the
> > front-end framework that both of those other sites use.
> >
> > Here are the pages that I converted.
> >
> > * http://people.apache.org/~bhavanki/accumulo-bootstrapped/
> > *
> >
> >
> http://people.apache.org/~bhavanki/accumulo-bootstrapped/notable_features.html
> > * http://people.apache.org/~bhavanki/accumulo-bootstrapped/source.html
> >
> > You can navigate between those pages using the left nav menu, but try
> > anywhere else and you'll jump out to the production site.
> >
> > The pages use Bootstrap's own theme, with only very slight modifications
> to
> > be close to our own theme. (I actually disabled around 90% of
> > accumulo.css.) I kept the page organization like production, although we
> > have many other whizbang options with Bootstrap. Some bits I left messy,
> > like the nav items for the user manuals, but you should get the idea
> > anyway.
> >
> > Beyond just how it looks, Bootstrap gives you many other capabilities,
> > especially responsive display for mobile and tablets, so there's benefit
> to
> > a switch beyond just pretty looking boxes.
> >
> > [1] spark.apache.org
> > [2] gethue.com
> > [3] getbootstrap.com
> >
> > --
> > // Bill Havanki
> > // Solutions Architect, Cloudera Govt Solutions
> > // 443.686.9283
> >
>
--
// Bill Havanki
// Solutions Architect, Cloudera Govt Solutions
// 443.686.9283
Re: Accumulo site Bootstrapped
Posted by Mike Drob <md...@mdrob.com>.
Looks super spiffy!
Are the pages still mostly markdown? Or does this add a lot of HTML?
I am unfamiliar with Bootstrap as a framework, so these might be really
dumb questions. I'm imagining editing pages via the CMS, and am curious how
well that will work.
Mike
On Wed, Mar 5, 2014 at 5:40 PM, Bill Havanki <bh...@clouderagovt.com>wrote:
> Some folks in the IRC room were discussing how nice the Spark [1] and Hue
> [2] sites look compared to ours. While babysitting integration tests, I
> decided to prototype a rework of our site using Twitter Bootstrap [3], the
> front-end framework that both of those other sites use.
>
> Here are the pages that I converted.
>
> * http://people.apache.org/~bhavanki/accumulo-bootstrapped/
> *
>
> http://people.apache.org/~bhavanki/accumulo-bootstrapped/notable_features.html
> * http://people.apache.org/~bhavanki/accumulo-bootstrapped/source.html
>
> You can navigate between those pages using the left nav menu, but try
> anywhere else and you'll jump out to the production site.
>
> The pages use Bootstrap's own theme, with only very slight modifications to
> be close to our own theme. (I actually disabled around 90% of
> accumulo.css.) I kept the page organization like production, although we
> have many other whizbang options with Bootstrap. Some bits I left messy,
> like the nav items for the user manuals, but you should get the idea
> anyway.
>
> Beyond just how it looks, Bootstrap gives you many other capabilities,
> especially responsive display for mobile and tablets, so there's benefit to
> a switch beyond just pretty looking boxes.
>
> [1] spark.apache.org
> [2] gethue.com
> [3] getbootstrap.com
>
> --
> // Bill Havanki
> // Solutions Architect, Cloudera Govt Solutions
> // 443.686.9283
>