On Sat, Apr 24, 2010 at 4:42 PM, Al Thomas <astavale@xxxxxxxxxxx> wrote:
> There are a number of well designed and informative pages within the
> Fedora Project website that are currently buried within the site. The
> aim is to make the front page a better starting point for people
> visiting the Fedora Project and so increase valuable contributions to
> the project.
>
> A complete version of the proposed changes with multiple browser
> tested HTML and CSS is available here:
>
> http://astavale.co.uk/fedora_homepage/index.html
>
> An in depth analysis of the the changes and the proposal are in this
> document:
>
> http://astavale.co.uk/fedora_homepage/notes.html
>
> Patches are against HTML and CSS downloaded a few months ago of the
> current F12 version of the site.
>
> Al Thomas (9):
> Split front page into About, Current and Next
> Amend text of About to emphasise community more
> Add 'Try Before you Install' text for F12
> Draw attention so 'Spins'
> Add Search box
> Add Next Release, dates and features
> Add Get Involved section
> Add initial attempt at software catalogue
> Add Follow Development section
>
> index.html | 48 ++++++++++++++++++++++++++++++++++------------
> static/css/fedora.css | 50 +++++++++++++++++++++++++++++++++++++++++++++++++
> 2 files changed, 85 insertions(+), 13 deletions(-)
>
>
Al,
I finally took some time to review the patches you sent. Looking over
them, many things presented are great ideas.
I took the liberty to modify some of your ideas into my mockup at
http://sijis.fedorapeople.org/mockup/fpo/. (The mockup doesn't look
great, as FF's save didn't get everything, so I'm attaching the
patch.)
I do agree that the homepage does need more information to bring
attention to different parts of Fedora.
Thanks for the inspiration!
Sijis
diff --git a/fedoraproject.org/data/content/index.html b/fedoraproject.org/data/content/index.html
index 7f672c0..c04138c 100644
--- a/fedoraproject.org/data/content/index.html
+++ b/fedoraproject.org/data/content/index.html
@@ -7,23 +7,33 @@
<title>${Markup(_('Fedora Project'))}</title>
</head>
<body class="home">
- <h2>${Markup(_('Fedora 13: Rock It!'))}</h2>
+ <h1>${Markup(_('Fedora 13: Rock It!'))}</h1>
<div id="screenshot-banner">
<a href="https://fedoraproject.org/wiki/F13_one_page_release_notes";><img src="${path}/static/images/f13launch.png" alt="Fedora 13" /></a>
</div>
- <p>
- <a href="http://docs.fedoraproject.org/release-notes/f13/";>${Markup(_('What\'s new in Fedora 13? Read the release notes. &gt;&gt;'))}</a>
- </p>
- <p>
- ${Markup(_('Fedora is a Linux-based operating system that showcases the latest in free and open source software. Fedora is <strong>always free for anyone to use, modify, and distribute.</strong> It is built by people across the globe who work together as a community: the Fedora Project. The Fedora Project is open and anyone is welcome to join.'))}
- </p>
- <p>
- ${Markup(_('The Fedora Project is out front for you, <strong>leading the advancement of free, open software and content</strong>.'))}
- </p>
- <p>
- ${Markup(_('<a href="http://fedoraproject.org/wiki/Overview">Learn more. &gt;&gt;</a>'))}
- </p>
- <p><a href="get-fedora" class="big-button">${_('Download Now!')}</a></p>
+ <div id="whats-new">
+ <div id="about">
+ <h2>Fedora 13 - Goddard</h2>
+ <p>Get the latest version of Fedora! This is an effort of thousands of volunteers.</p>
+ <p><a href="get-fedora" class="big-button">${_('Download Now!')}</a></p>
+ <p><a href="http://docs.fedoraproject.org/release-notes/f13/";>${Markup(_('What\'s new in Fedora 13? Read the release notes. &gt;&gt;'))}</a></p>
+ <h2>Need Help?</h2>
+ <p>Duis luctus, lectus ut pharetra vestibulum, velit elit gravida dui, vel bibendum lorem mi at velit. Etiam id odio et metus condimentum malesuada sit amet rhoncus enim.</p>
+ <span class="release-notes"><a href="${path}/${lang}/get-help">Find support options</a></span>
+ </div>
+
+ <div id="features">
+ <h2>What is Fedora?</h2>
+ <p>${Markup(_('Fedora is a Linux-based operating system that showcases the latest in free and open source software. Fedora is <strong>always free for anyone to use, modify, and distribute.</strong> It is built by people across the globe who work together as a community: the Fedora Project. The Fedora Project is open and anyone is welcome to join.'))}</p>
+ <p>${Markup(_('<a href="http://fedoraproject.org/wiki/Overview">Learn more. &gt;&gt;</a>'))}</p>
+ <h2>Join Us!</h2>
+ <p>Nunc semper pharetra eleifend. Phasellus erat sem, porttitor sit amet vestibulum nec, pretium non massa. Nullam vestibulum neque ut diam fringilla in mattis enim malesuada. Nam arcu nibh, posuere vel viverra non, vehicula dignissim odio. Nullam at sollicitudin tellus.</p>
+ <span class="release-notes"><a href="${path}/${lang}/join-fedora">Get started</a></span>
+ </div>
+ </div>
+
+ <p style="float: left">${Markup(_('The Fedora Project is out front for you, <strong>leading the advancement of free, open software and content</strong>.'))}</p>
+
</body>
</html>
diff --git a/fedoraproject.org/static/css/fedora.css b/fedoraproject.org/static/css/fedora.css
index 0777852..782cb60 100644
--- a/fedoraproject.org/static/css/fedora.css
+++ b/fedoraproject.org/static/css/fedora.css
@@ -125,6 +125,50 @@ abbr, acronym {
text-decoration: none;
}
+/* home page */
+.home #about {
+ float: left;
+ width: 49%;
+ border-right: 1px dotted #AAAAAA;
+}
+
+.home #features {
+ margin-left: 51%;
+ padding-left: 0.6em;
+}
+
+.release-notes {
+ border: 1px solid blue;
+ -moz-border-radius-bottomleft:1.5ex;
+ /*
+ -moz-border-radius-bottomright:1.5ex;
+ -moz-border-radius-topleft:1.5ex;
+ */
+ -moz-border-radius-topright:1.5ex;
+ background:#C7542A none repeat scroll 0 0;
+ border:1px solid #DDDDDD;
+ color: #000;
+ padding:1ex 2ex;
+ display: inline-block;
+}
+
+#content .release-notes a, #content .release-notes a:visited {
+ color: #ddd;
+}
+
+.release-notes:hover {
+ color: #000;
+ background-color: #337ACC;
+}
+
+.home #whats-new {
+ float: left;
+ max-width: 700px;
+}
+
+/* end: home page */
+
+
#content
{
margin-left: 250px;
--
websites mailing list
websites@xxxxxxxxxxxxxxxxxxxxxxx
https://admin.fedoraproject.org/mailman/listinfo/websites
