[Catalyst-commits] r14265 - trunk/site/beta

soulchild at dev.catalyst.perl.org soulchild at dev.catalyst.perl.org
Wed Mar 14 09:22:40 GMT 2012


Author: soulchild
Date: 2012-03-14 09:22:39 +0000 (Wed, 14 Mar 2012)
New Revision: 14265

Modified:
   trunk/site/beta/index.html
   trunk/site/beta/style.css
Log:
- Replaced fixed pixel font-sizes with em/percentages.
- Made markup pass the W3C validator.
- Text changes.



Modified: trunk/site/beta/index.html
===================================================================
--- trunk/site/beta/index.html	2012-03-13 22:33:44 UTC (rev 14264)
+++ trunk/site/beta/index.html	2012-03-14 09:22:39 UTC (rev 14265)
@@ -2,10 +2,7 @@
 <html>
 <head>
     <title>Catalyst | Perl MVC web application framework</title>
-    <meta http-equiv="content-type" content="text/html; charset=utf-8">
-    <meta http-equiv="pragma" content="no-cache">
-    <meta http-equiv="expires" content="0">
-    <meta http-equiv="cache-control" content="no-cache">
+    <meta charset="utf-8">
     <meta name="author" content="Tobias Kremer // funkreich.de">
     <meta name="description" content="Catalyst is the most-used agile Perl MVC web framework that encourages rapid development and clean design without getting in your way.">
     <link rel="stylesheet" type="text/css" href="style.css" media="screen">
@@ -26,7 +23,7 @@
     <header id="about">
         <div class="inner">
             <div id="download">
-                <a href="https://metacpan.org/module/Catalyst::Runtime"><img src="imgs/dl-hdd.png"></a>
+                <a href="https://metacpan.org/module/Catalyst::Runtime"><img src="imgs/dl-hdd.png" alt="Download Catalyst"></a>
                 <span class="getitnow"><a href="https://metacpan.org/module/Catalyst::Runtime">Get started now!</a></span>
                 <span class="version">Catalyst 5.90010 - 18 Feb 2012</span>
                 <span class="license">Open Source, GPL/Artistic</span>
@@ -34,7 +31,7 @@
             <h2>Turbocharge your web development!</h2>
             <p>
                 Catalyst is the most popular Perl MVC framework and 
-                makes creating web applications <strong>fun, rewarding and quick</strong>.
+                makes creating web applications fun, rewarding and quick.
             </p>
         </div>
     </header>
@@ -70,10 +67,12 @@
                     views, drop in a bunch of plugins and create the setup that fits you best.
                 </p>
                 <p>
-                    Still not convinced? Check out some <strong><a href="http://wiki.catalystframework.org/wiki/sitesrunningcatalyst">sites that are already using Catalyst</a></strong>.
+                    <strong>Many high-profile sites like the <a href="http://www.bbc.co.uk/iplayer/">BBC iPlayer</a>, 
+                    <a href="http://www.123people.com">123people</a>, <a href="http://www.magazines.com">magazines.com</a> and <a href="http://www.urbia.de">urbia.de</a> are already using Catalyst.</strong>
+                    Check out some other <a href="http://wiki.catalystframework.org/wiki/sitesrunningcatalyst">sites that are using Catalyst</a>.
                 </p>
                 <div id="platforms">
-                    <img src="http://www.catalystframework.org/images/department/home/deployment_os_logos.png">
+                    <img src="http://www.catalystframework.org/images/department/home/deployment_os_logos.png" alt="Supported platforms">
                 </div>
             </div>
             <div class="column special">
@@ -108,27 +107,23 @@
                     <a href="https://metacpan.org/module/Catalyst::Plugin::Session">session management</a>, 
                     <a href="https://metacpan.org/module/Catalyst::Plugin::Authentication">user authentication</a>, 
                     <a href="https://metacpan.org/module/Catalyst::Plugin::Cache">caching</a> and
-                    <a href="https://metacpan.org/search?q=Catalyst%3A%3APlugin&mode=all">much more</a>.
+                    <a href="https://metacpan.org/search?q=Catalyst%3A%3APlugin&amp;mode=all">much more</a>.
                 </p>            
             </div>
             <div class="column last" id="getstarted">
                 <h2>How do I get started?</h2>
                 <ol>
                     <li>
-                        <a href="https://metacpan.org/module/Catalyst::Runtime">Download</a>
+                        <h3><a href="https://metacpan.org/module/Catalyst::Runtime">Download &amp; Install</a></h3>
+                        Linux and OS X: 
+                        <pre style="white-space:normal;"><code>curl -L http://cpanmin.us | perl - Catalyst::Runtime</code></pre>
                         <p>
-                            Get Catalyst. It's open-source and free.
+                            For other platforms read the more <a href="http://wiki.catalystframework.org/wiki/installingcatalyst">detailled instructions on how to install Catalyst</a>.
                         </p>
                     </li>
                     <li>
-                        <a href="http://wiki.catalystframework.org/wiki/installingcatalyst">Install</a>
+                        <h3><a href="https://metacpan.org/module/Catalyst::Manual::Tutorial">Tutorial</a></h3>
                         <p>
-                            Find out how to install Catalyst on your FreeBSD, Linux, Mac OS X, Solaris or Windows system.
-                        </p>
-                    </li>
-                    <li>
-                        <a href="https://metacpan.org/module/Catalyst::Manual::Tutorial">Tutorial</a>
-                        <p>
                             Learn how to build your first complete Catalyst application with all the nuts'n'bolts of modern
                             web applications.
                         </p>
@@ -137,9 +132,9 @@
                 <br>
                 <h2>Get the book</h2>
                 <h3>The Definitive Guide to Catalyst</h3>
-                <a href="http://www.amazon.co.uk/Definitive-Guide-Catalyst-Maintainable-Applications/dp/1430223650?&camp=2486&linkCode=wey&tag=enligperlorga-21&creative=8882" style="float:left; margin:0 12px 12px 0;"><img src="imgs/catalyst_book2.gif"></a>
+                <a href="http://www.amazon.co.uk/Definitive-Guide-Catalyst-Maintainable-Applications/dp/1430223650?&amp;camp=2486&amp;linkCode=wey&amp;tag=enligperlorga-21&amp;creative=8882" style="float:left; margin:0 12px 12px 0;"><img src="imgs/catalyst_book2.gif" alt="The Definitive Guide to Catalyst book"></a>
                 <p>
-                    This book by Kieren Diment, Matt Trout and other core Catalyst developers, published by <a href="http://www.apress.com">Apress</a> is now available for purchase from <a href="http://www.amazon.co.uk/Definitive-Guide-Catalyst-Maintainable-Applications/dp/1430223650?&camp=2486&linkCode=wey&tag=enligperlorga-21&creative=8882">Amazon.com</a>, or get the <a href="http://www.apress.com/book/view/1430223650">eBook (PDF) from Apress</a>.
+                    This book by Kieren Diment, Matt Trout and other core Catalyst developers, published by <a href="http://www.apress.com">Apress</a> is now available for purchase from <a href="http://www.amazon.co.uk/Definitive-Guide-Catalyst-Maintainable-Applications/dp/1430223650?&amp;camp=2486&amp;linkCode=wey&amp;tag=enligperlorga-21&amp;creative=8882">Amazon.com</a>, or get the <a href="http://www.apress.com/9781430223658">eBook (PDF) from Apress</a>.
                 </p>
             </div>
         </div>

Modified: trunk/site/beta/style.css
===================================================================
--- trunk/site/beta/style.css	2012-03-13 22:33:44 UTC (rev 14264)
+++ trunk/site/beta/style.css	2012-03-14 09:22:39 UTC (rev 14265)
@@ -1,10 +1,13 @@
 /* Common */
+html {
+    font-size:100%;
+}
 body {
     font-family: "Lucida Grande", Verdana, Arial, sans-serif;
-    font-size:12px;
+    font-size:75%;
     margin:0;
     color:#444;
-    line-height:18px;
+    line-height:1.5em;
     background:url('imgs/bkg.png') top left repeat-x;
 }
 
@@ -36,6 +39,18 @@
     text-decoration:underline;
 }
 
+code {
+    font-size:1.2em;
+    font-weight:normal;
+}
+
+pre {
+    padding:.5em;
+    background:#f6f6f6;
+    display:block;
+    margin:1em 0;
+}
+
 /* Header */
 /* Logo bar */
 header#logobar {
@@ -58,7 +73,7 @@
 }
 header#logobar h1 {
     color:rgb(202,50,34);
-    font-size:18px;
+    font-size:1.5em;
     padding:32px 220px;
 }
 header#about {
@@ -125,7 +140,7 @@
     padding:0;
     margin:0;
     width:960px;
-    font-size:14px;
+    font-size:1.2em;
 }
 nav li {
     display:inline;
@@ -182,12 +197,10 @@
     padding:0 0 0 2em;
     margin:0;
     font-weight:bold;
-    font-size:1.2em;
     font-family:"Lucida Grande",Arial;
 }
 #getstarted p {
     font-weight:normal;
-    font-size:12px;
     margin:.5em 0 1.5em 0;
 }
 
@@ -209,17 +222,21 @@
 footer h3 { 
     padding:0; 
     margin:0 0 5px 0; 
+    color:#fff;
 }
 footer li a,
 footer li a:link,
 footer li a:visited {
     display:block;
     padding:5px 0 5px 0;
-        color:#aaa;
+    color:#aaa;
 }
 #copyright {
     background:#111;
-    color:#ddd;
+    color:#ccc;
     font-size:.9em;
     padding:10px 0;
 }
+.loading {
+    font-weight:bold;
+}




More information about the Catalyst-commits mailing list