accumulo-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Bill Havanki <bhava...@clouderagovt.com>
Subject Re: Accumulo site Bootstrapped
Date Wed, 09 Apr 2014 18:14:28 GMT
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 <josh.elser@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<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

Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message