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.
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.
On Thu, Mar 20, 2014 at 3:22 PM, Bill Havanki <[EMAIL PROTECTED]>wrote: // Bill Havanki // Solutions Architect, Cloudera Govt Solutions // 443.686.9283
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: // Bill Havanki // Solutions Architect, Cloudera Govt Solutions // 443.686.9283
On Tue, Mar 25, 2014 at 12:37 PM, Bill Havanki <[EMAIL PROTECTED]>wrote: 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?
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 . 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.
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 <[EMAIL PROTECTED]>wrote:
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.
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:
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 :)
- 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: // Bill Havanki // Solutions Architect, Cloudera Govt Solutions // 443.686.9283
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:
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.
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: // Bill Havanki // Solutions Architect, Cloudera Govt Solutions // 443.686.9283
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 <[EMAIL PROTECTED]>wrote: // Bill Havanki // Solutions Architect, Cloudera Govt Solutions // 443.686.9283
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.
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 <[EMAIL PROTECTED]> wrote:
Apache Lucene, Apache Solr and all other Apache Software Foundation project and their respective logos are trademarks of the Apache Software Foundation.
Elasticsearch, Kibana, Logstash, and Beats are trademarks of Elasticsearch BV, registered in the U.S. and in other countries. This site and Sematext Group is in no way affiliated with Elasticsearch BV.
Service operated by Sematext