Re: [libreoffice-website] Improved Download Page Proposal

Hi Cor, *;

On Sat, Jul 2, 2011 at 1:02 AM, Cor Nouws <oolst@nouenoff.nl> wrote:
> Christoph Noack wrote (02-07-11 00:07)
> [...]
> > The details can be found on a dedicated wiki page. I hope that all the
> > questions that might arise are answered there:
> > http://wiki.documentfoundation.org/Design/Whiteboards/Download_Page
>
> Looks great to me - pls implement it tomorrow ;-)

Please someone create semantic html + corresponding css for the
design-mockups, then it can go live quickly :-)

Or at least visit
http://pumbaa.documentfoundation.org:7780/download/
with all browsers you got installed and report back whether the
selection works ;-)
(don't pay attention that it lists 3.4.0 instead of 3.4.1)
Instead of plain links, imagine the buttons, and basically the design is done.

Technically it would work like this, you would have the following html structure

### automatically inserted
<div id=options> downloadoptions, inserted automatically by
silverstripe, then moved down & into the dlcontainer by javascript on
page load, at the top because of... </div>
<noscript> non-javascript support (to-be added, here insert a "submit"
button that will direct to a newly generated results page that just
links the plain links </noscript>
### following stuff is within the cms
<div id="dlcontainer" class="stable|feature|devel"><!-- only for
styling, i.e. applying the background
<p>Whatever shall be displayed above the downloads, for example "This
release contains the latest features,...."</p>

<div id="downloadbuttons"></div> <!-- empty div, but will be styled
(width,... ) accordingly as visual hint for page editors -->

<div id="sidenotes">div that would hold the notes "Unsure whether it
fits, ....Handy resources..." - basically whatever the page-author
wants to display

</div><!-- closing div for the background-container stuff -->

<div class="production">bottom-left div, point to production release</div>
<div class="devel">bottom-right div, point to development release</div>

(the bottom ones can have classes of production,devel & feature (or
whatever other notes make sense - and of course the names are not
fixed, can be decided how the person providing the css wishes )

As for the styling/css: for the buttons: No tables please (a ul would
do, either nested
<ul>
  <li>full installer
    <ul><li>languagepack</li>
        <li>helppack</li>
    </ul>
  </li>
</ul>

or plain, or just a series of styled links

So someone please create a working html & css
<div id="Layout" style="width:900px; padding-left:5px;
padding-right:5px; margin:auto;">
<!-- your implementation of the mockup in html+css here -->
</div>

Then I can put it up on the testing-site and hook it up with the
actual functionality
(http://pumbaa.documentfoundation.org:7780/download) soon

ciao
Christian

-- 
Unsubscribe instructions: E-mail to website+help@global.libreoffice.org
Posting guidelines + more: http://wiki.documentfoundation.org/Netiquette
List archive: http://listarchives.libreoffice.org/global/website/
All messages sent to this list will be publicly archived and cannot be deleted