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 <[email protected]>wrote: > 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 > > > -- // Bill Havanki // Solutions Architect, Cloudera Govt Solutions // 443.686.9283
