Very Nice, Bill.
On Wed, Apr 9, 2014 at 2:02 PM, Bill Havanki <[email protected]>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 <[email protected]> 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 <[email protected]> > >> 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 <[email protected]> > >>> 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 <[email protected]> > >>>>> > >>>> 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 <[email protected]> > >>>>>>> > >>>>>> 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 > >>>>>>>> <[email protected] > >>>>>>>> > >>>>>>>> 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 < > >>>>>>>>> [email protected] > >>>>>>>>> > >>>>>>>>> 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 < > >>>>>>>>>> > >>>>>>>>>> [email protected] > >>>>>>>>> > >>>>>>>> > >>>>>>>> > >>>>>>>> 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 < > >>>>>>>>>>> [email protected] > >>>>>>>>>>> > >>>>>>>>>> > >>>> > >>>>>>>>>>> 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 < > >>>>>>>>>>>> [email protected] > >>>>>>>>>>>> > >>>>>>>>>>> > >>>> > >>>>>>>>>>>> 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<[email protected]> > >>>>>>>>>>>>> > >>>>>>>>>>>>>> > >>>>>>>>>>>>>> > >>>>>>>>>>>>>> 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 >
