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 <[email protected]>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 >
