[
https://issues.apache.org/jira/browse/SLING-7242?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16481774#comment-16481774
]
Chris Millar commented on SLING-7242:
-------------------------------------
[~jebailey] Thanks for the ping. I dusted off the design and put some HTML
together today and posted it to github (see below).
[[email protected]] [~bdelacretaz] [~rombert] [~jsedding] [~npeltier]
The HTML page below [0] reflects the initial feedback. If I get approval or
consensus, I can start porting this into the jbake homepage template. Note that
it is fairly static... most links don't go anywhere, etc.
[0] [https://auniverseaway.github.io/sling-site-demo]
The next challenge is getting _design_ consensus on 2nd-level pages before HTML
is written. I have attached a sample page (Sling - Page.png) what would be
considered a "documentation" page... which is really what the bulk of the site
is. Other pages would be slight variations of this.
*There are several features I took into account:*
* Text content is constrained to 1200px to optimize readability (long line
lengths are discouraged)
* There's a better visual hierarchy of the sections on the page...
** Site Navigation
** Title & Breadcrumb
** Page Navigation
** Page Contents
* For code blocks, I very specifically made them high-contrast. This is to
help _really_ differentiate code from site contents. This is a nod to visitors
who are of the, "just show me the code." type.
* I did my best to make sure this could be all surface-level changes that
_*would not*_ require re-creating any content.
* Footer was left off as it's the same as the home page.
*What's next...*
I need to do a deep dive into how the subnav will work when you click on the
main nav item.
JBake has a blog option, and it might be worth the effort to use that for the
news section of the site.
I noticed there's no analytics on the site... is this by design? It might be
good to consider this so we can better optimize for how the site is actually
being used.
*Deadline?*
It would be _extremely_ nice if this could all get wrapped up before AdaptTo.
h2. *Let me know your thoughts!*
> [Shiny] Sling Website Design
> ----------------------------
>
> Key: SLING-7242
> URL: https://issues.apache.org/jira/browse/SLING-7242
> Project: Sling
> Issue Type: Task
> Reporter: Chris Millar
> Priority: Minor
> Attachments: Sling - Page.png, Web 1920 – 1.png,
> browser-comparison.jpg
>
>
> As part of SLING-6666, it was mentioned the Sling website needs a re-design
> to help attract new developers and make the site easier to use on mobile
> devices.
> Now that the site is on JBake, it probably makes sense to start working on
> this.
> The attached mockup is an initial take on the homepage. It's not meant to be
> all-encompassing, but should provide a view into what the site could look
> like and how it could match the new Sling Launchpad design.
> *Notes*
> * The image is pulled from Adobe Stock. Hopefully this can be donated, or we
> can pull from the community to get an image we want to use. Was thinking
> "greenfield" and not overly distracting.
> * I was looking for something punchy for the title text. "Effortlessly build
> resource-driven web-applications." is what I came up with.
> * About text has been un-touched.
> * Easy build instructions are right on the homepage. Docker first, with Java
> just a tab click away. This follows Docker now being the priority on the
> getting started page.
> * News, Get Involved, and Additional Resource should be mostly
> self-explanatory.
> * The navigation is designed around the common areas of the current left hand
> rail, but with tutorials being broken out. This is a result of the many devs
> I've on-boarded that prefer walk-throughs over raw docs.
> Overall the idea is to give a single page of the main topics, but kick out to
> the pages already established.
> Let me know your thoughts.
--
This message was sent by Atlassian JIRA
(v7.6.3#76005)
