[Catalyst-commits] r6482 - in branches/site-notrac: . static static/css static/images

jshirley at dev.catalyst.perl.org jshirley at dev.catalyst.perl.org
Thu Jun 21 21:25:50 GMT 2007


Author: jshirley
Date: 2007-06-21 21:25:49 +0100 (Thu, 21 Jun 2007)
New Revision: 6482

Added:
   branches/site-notrac/static/
   branches/site-notrac/static/css/
   branches/site-notrac/static/css/screen.css
   branches/site-notrac/static/images/
   branches/site-notrac/static/images/btn_120x50_powered.png
   branches/site-notrac/static/images/btn_88x31_powered.png
   branches/site-notrac/static/images/catalyst_100.png
   branches/site-notrac/static/images/catalyst_130pix.gif
   branches/site-notrac/static/images/corn_background.jpg
   branches/site-notrac/static/images/cropcircle.png
   branches/site-notrac/static/images/masthead_bg.gif
Modified:
   branches/site-notrac/index.html
Log:
Adding new markup.

Modified: branches/site-notrac/index.html
===================================================================
--- branches/site-notrac/index.html	2007-06-19 04:27:11 UTC (rev 6481)
+++ branches/site-notrac/index.html	2007-06-21 20:25:49 UTC (rev 6482)
@@ -1,143 +1,113 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-	<head>
-		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-		<title>Catalyst - Web Framework</title>
-		<link rel="stylesheet" type="text/css" href="/css/global/generic.css" media="screen" />
-		<link rel="stylesheet" type="text/css" href="/css/global/layout.css" media="screen" />
-		<!--[if lt IE 7]>
-		<link rel="stylesheet" type="text/css" href="/css/global/ie.css" media="screen" />
-		<![endif]-->
-		<link rel="shortcut icon" href="/catalyst.ico" />
-	</head>
-	<body class="home">
-		<div id="wrapper">
-		    <div id="header">
-		        <h1>
-		          <a href="/"><img src="/images/layout/catalyst_130pix.gif" alt="Catalyst - Web Framework" /></a>
-		        </h1>
-                <!--
-				<form method="get" action="/search" id="form">
-				    <div>
-				        <input class="text" type="text" id="query" name="query" value="" /><br />
-				        <input class="submit" type="submit" id="search" value="Search" />
-				    </div>
-				</form>		        
-                //-->
-		        <ul id="menu_global">
-		            <li id="home"><span><a href="/">Home</a></span></li>		            
-		            <li id="community"><span><a href="http://dev.catalystframework.org/">Community</a></span></li>
-		            <li id="documentation"><span><a href="http://search.cpan.org/dist/Catalyst-Runtime/lib/Catalyst/Manual.pod">Documentation</a></span></li>
-		            <li id="developer"><span><a href="http://dev.catalystframework.org/timeline">Developer</a></span></li>
-		            <li id="download"><span><a href="http://search.cpan.org/dist/Catalyst-Runtime/">Download</a></span></li>
-		            <li id="support"><span><a href="http://dev.catalystframework.org/wiki/Support">Support</a></span></li>
-		            <li id="blog"><span><a href="http://www.catalystframework.org/random/">Blog</a></span></li>
-		            <li id="planet"><span><a href="http://planet.catalystframework.org/">Planet</a></span></li>
-		            <li id="advent"><span><a href="http://www.catalystframework.org/calendar">Calendar</a></span></li>
-		        </ul>
-		    </div>
-		    <div id="main">
-		        <div id="crumbtrail">
-		        </div>		        		        	        
-				<div class="content fullwidth catch">
-					<h1>
-	The elegant MVC framework
-</h1>
-<p>
-Catalyst will make web development something you had never expected it to be: Fun, rewarding and quick.
-</p>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+ <head>
+  <title>Catalyst: The elegant MVC framework</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  <link rel="stylesheet" href="static/css/screen.css" media="screen" type="text/css" />
+ </head>
+ <body>
+  <div id="masthead">
+   <h1><a href="/"><img src="static/images/catalyst_100.png" title="Catalyst Framework"/></a></h1>
+   <div class="menu">
+    <h2>The elegant MVC framework</h2>
+    <ul>
+     <li><a href="#">documentation</a></li>
+     <li><a href="#">examples</a></li>
+     <li><a href="#">tutorials</a></li>
+     <li><a href="#">timeline</a></li>
+     <li class="last"><a href="#">get started</a></li>
+    </ul>
+   </div>
+  </div>
+  <div id="banner">
+   <h2>&nbsp;</h2>
+   <div class="decor"><div>&nbsp;</div></div>
+  </div>
+  <div id="page">
+   <div class="left primary">
+    <div class="content">
+     <h3 class="bullet1">1. Getting Started</h3>
+     <p>New to web application development?  New to the
+     <a href="http://www.perl.org">Perl language</a>?  You'll find 
+     our beginner tutorials cover all of the major concepts in an easy to 
+     understand format.  You can quickly get up to speed, and then browse our
+     <a href="#">example applications</a> for additional information</p>
 
+     <h3 class="bullet2">2. Getting Good</h3>
+     <p>
+      Quality and reliability lay the foundation of what's
+      <span class="highlight">good.</span>  Catalyst makes it easy to get both.
+     </p>
+     <p>
+      So head over to our <a href="#">testing</a> section, to test like
+      Chuck Norris would want you to!
+     </p>
 
-				</div>					
-				<hr class="hidden" />
-				<dl class="box left development">
-					<dt>
-					  Development
-					</dt>
-					<dd>
-						<p>
-What makes Catalyst special? It's the way we develop it. Take a look.
-</p>
-<p>
+     <h3 class="bullet3">3. Getting Done</h3>
+     <p>
+      Catalyst helps you <span class="highlight">get the job done.</span>  Using
+      the best parts of tried-and-true Perl and more modern techniques, you'll
+      feel safe knowing that you're using the language that powers many large
+      high traffic sites.
+     </p>
+     <p>
+      Read up on our <a href="#">design documents</a> to learn how to
+      implement industry leading techniques to increase the reliability,
+      throughput and robustness of your applications.
+     </p>
+    </div>
+   </div>
+   <div class="right supplement">
+    <h3><a href="http://planet.catalystframework.org">Planet Catalyst</a></h3>
+    <ul class="blogroll">
+     <li>
+      <h4><a href="#">Blog Title</a></h4>
+      <h5>Posted by <span>whomever</span> at <span>13:06 PDT, June 2nd, 2007</h5>
+      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sed dui ut quam pretium blandit. Suspendisse tristique facilisis dui. Cras quam orci, viverra eget, pretium non, vestibulum at, nisi. Nunc dolor orci, viverra et, egestas vitae, fringilla consequat, velit. Integer faucibus leo ut mauris. Integer metus mauris, fringilla quis, placerat ut, placerat nec, eros. Maecenas eget nibh. Fusce egestas hendrerit lectus. Fusce nisl nunc, accumsan a, dignissim nec, aliquam eu, purus. Fusce vitae lorem eu nisl sodales mollis. Suspendisse potenti. Aliquam risus nisi, fringilla gravida, aliquam sit amet, scelerisque in, felis.</p>
+      <p class="readmore"><a href="#">Read more...</a></p>
+     </li>
+    </ul>
+   </div>
 
-We tend to keep things small and simple. This gives us robustness and scalability - your Catalyst-based app also inherits those. No complicated object hierarchies - <em>Keep It Simple, Stupid</em>.
-</p>
-<p>
-
-Why reinvent the wheel? When you write your app with Catalyst, you don't have to care much about session handling or authorization. You just use it. <a href="http://www.cpan.org/">CPAN</a> has a vast amount of power, which we bring to you. <em>Don't Repeat Yourself</em>.
-</p>
-<p>
-
-If you don't like something in default setup, why not replace it? <em>There Is More Than One Way To Do It</em>. You can choose from a wealth of available models and views, drop in a bunch of plugins and create the setup that fits you best. Data storage? Would you like to use <a href="http://search.cpan.org/dist/DBIx-Class/">DBIx::Class</a>? <a href="http://search.cpan.org/dist/Class-DBI-Sweet/">Class::DBI::Sweet</a>? Or perhaps you already have a <a href="http://search.cpan.org/dist/Class-DBI/">Class::DBI</a> schema? How about presenting the data? <a href="http://www.template-toolkit.org/">Template Toolkit</a> or <a href="http://www.masonhq.com/">Mason</a>? <a href="http://search.cpan.org/dist/HTML-Template/">HTML::Template</a>, perhaps? And in case you want PNG or PDF output, you'll need just a few lines...
-</p>
-<p>
-
-With available plugins, you can extend the functionality of Catalyst. If you want sessions, form validation or authentication, you can have any or all of them.
-</p>
-<p>
-
-Catalyst comes with its own lightweight test server for development. It will even restart itself when it detects your sources have changed, so you see results instantly!
-</p>
-
-					</dd>
-				</dl>
-				<dl class="box middle deployment">
-					<dt>
-					  Deployment
-					</dt>
-					<dd>
-						<p>
-  You can deploy your Catalyst application on <a href="http://www.freebsd.org/">FreeBSD</a>, <a href="http://www.linux.org/">Linux</a>, <a href="http://www.apple.com/macosx/">Mac OS X</a>, <a href="http://www.sun.com/">Solaris</a> or <a href="http://www.microsoft.com/windowsserver2003/">Windows</a>.
-</p>
-<p>
-  Do you have a favorite web server? Using <a href="http://www.fastcgi.com/">FastCGI</a>, the same Catalyst application will run under <strong>IIS</strong>, <strong>Zeus</strong>, <strong>Apache</strong> or <strong>lighttpd</strong>. 
-  If you use <strong>Apache</strong> you can also run your application with any version of <a href="http://perl.apache.org/">mod_perl</a>.
-</p>
-<p>
-With it's wide support of operating systems and application servers, Catalyst allows you to deploy your applications on a system of your choice or adapt existing applications to take advantage of the benefits Catalyst offers. You don't have to adapt to Catalyst because it can adapt to you. 
-</p>
-<p>
-  <img src="/images/department/home/deployment_os_logos.png" alt="OS logos" />
-</p>						
-
-					</dd>
-				</dl>
-				<dl class="box right scalability">
-					<dt>
-                                         Success
-					</dt>
-					<dd>
-<p>
-This is by far the most useful and easy to use MVC Framework, I've ever seen...
-It is View and Model agnostic (to suit your habits), simple, powerful, practical to use AND easy to extend. 
-All I can say is : Just give it a try...<br/>                                   <i>-- Arnaud Assad</i>
-</p>                            
-<p>                                     
-Catalyst brings some serious web development mojo to Perl. For a long time I stuck with Perl because of CPAN but thought other languages provided better frameworks and were leaving Perl behind. No more with Catalyst.<br/>
-<i>-- John Wang</i>
-<p>
-First let me say how cool Catalyst is.  I've only just started playing with it,
-but I like what I see so far!  Great job, guys.  Big respect to everyone involved.<br/>
-<i>-- Andy Wardley</i>
-</p>
-<p>
-Really surprising. I'm used to packages like this (that do lots of things) being tricky to install. Catalyst went right in without a question or a dependency to follow (might be I just happened to have everything underneath; OS X 10.2). Had the skeleton of an app set up and running with the built-in server in 30 seconds.
-This is similar to things I've been doing on my own--URI dispatching and such--but *so* much better rounded out and easy to extend; reuse. The idea that what I'm writing for a vanilla .cgi is all set to flip over to mod_perl at any time is just flabergasting.
-With CDBI and TT underneath, web development starts to feel more like recess than work.<br/>
-<i>-- Ashley Pond V</i>
-</p>
-Catalyst is the most rad framework out there, totaly dope, kthx!
-<p>
-<i>-- Artur Bergman</i>
-</p>
-					</dd>
-				</dl>
-			</div>
-			<hr class="hidden" />
-			<div id="footer">
-<!--		    	Footer//-->
-		    </div>
-		</div>
-	</body>
+   <div class="column3 whatshappening">
+    <div class="column">
+     <div class="content">
+      <h3><a href="#">SVN Activity</a></h3>
+      <ul>
+       <li><a href="#">Changeset [4132]</a> by mst</li>
+       <li><a href="#">Changeset [4131]</a> by marcus</li>
+       <li><a href="#">Changeset [4130]</a> by bricas</li>
+       <li><a href="#">Changeset [4129]</a> by mst</li>
+       <li><a href="#">Changeset [4128]</a> by mst</li>
+      </ul>
+     </div>
+    </div>
+    <div class="column">
+     <div class="content">
+      <h3><a href="#">Wiki Changes</a></h3>
+      <ul>
+       <li><a href="#">WikiStart</a> by anonymous</li>
+       <li><a href="#">BestPractices</a> by mst</li>
+       <li><a href="#">BeerRewards</a> by mst</li>
+       <li><a href="#">Testing</a> by anonymous</li>
+       <li><a href="#">DebugSample</a> by anonymous</li>
+      </ul>
+     </div>
+    </div>
+    <div class="column">
+     <div class="content">
+      <h3><a href="#">CPAN Releases</a></h3>
+     </div>
+    </div>
+   </div>
+   <br style="clear: both;" /><!-- find out why this is needed -->
+  </div>
+  <div id="footer">
+   Catalyst is made possible by the voluntary efforts of some very
+   <a href="#">talented individuals</a>.<br/>
+   Catalyst is licensed under the Perl Artistic License.<br/>
+   This site is &copy; Copyright 2007 the Catalyst Development Team.
+  </div>
+ </body>
 </html>
+ 

Added: branches/site-notrac/static/css/screen.css
===================================================================
--- branches/site-notrac/static/css/screen.css	                        (rev 0)
+++ branches/site-notrac/static/css/screen.css	2007-06-21 20:25:49 UTC (rev 6482)
@@ -0,0 +1,170 @@
+* { padding: 0; margin: 0; outline: 0; zoom: 1 }
+img, fieldset { border: 0; }
+ul, ol { list-style: none; overflow: hidden; }
+
+body {
+    padding-top: 10px;
+    background: #fff;
+    font: normal 76%/1.4 Verdana, Arial, Helvetica, sans-serif;
+}
+
+a, a:link { color: #002688; }
+/*a, a:link { color: #369; }*/
+
+#masthead {
+    height: 100px; 
+}
+
+#masthead h1 {
+    margin: 0; padding: 0 0 0 1em;
+}
+
+    #masthead h1 img { vertical-align: bottom; }
+    #masthead h1 img { vertical-align: bottom; }
+
+#masthead .menu {
+    position:   absolute;
+    top:        60px;
+    padding:    0 0 1em 70%;
+    font-size:  200%;
+    text-align: center;
+    z-index: 2;
+}
+
+    #masthead .menu h2 {
+        margin: 0; padding: 0;
+        font-size: 70%;
+    }
+
+    #masthead .menu ul {
+        background: #fff;
+        width: 9em;
+        padding: 0 1em;
+    }
+
+    #masthead .menu .last {
+        margin-top: 1em;
+    }
+    #masthead .menu a { text-decoration: none; }
+
+#banner {
+    background: url("../images/masthead_bg.gif") repeat-x;
+    height: 200px;
+}
+
+#banner h2 {
+    padding: 160px 10px 0 10px;
+}
+
+#banner .decor {
+    position: relative;
+    top:     -170px;
+    padding: 0 0 0 15%;
+}
+
+#banner .decor div {
+    border:   10px solid white;
+    background: url("../images/cropcircle.png") no-repeat 0px -100px;
+    height:   150px;
+    width:    60%;
+    max-width: 500px;
+}
+
+#page {
+    padding: 1em 10px 3em 10px;
+}
+
+#page .left {
+    display: inline;
+    float:   left;
+    width:   65%;
+}
+
+#page .right {
+    display: inline;
+    float:   right;
+    width:   35%;
+}
+
+#page .content {
+    padding: 0 1em;
+}
+
+#page a { color: #922; }
+#page a:visited { color: #690000; }
+
+#footer {
+    clear: both;
+    background: #ddd;
+    border-top: 1px solid #ccc;
+    text-align: center;
+    font-size: smaller;
+    line-height: 90%;
+    padding: 1em 0;
+}
+
+.primary {
+    padding: 0 0 2em 0;
+}
+
+.primary h3 {
+    padding: 0;
+    line-height: 160%;
+    font-size: larger;
+}
+
+.primary p {
+    margin: 1em 0 1em 0;
+    padding: 0 1em;
+    line-height: 160%;
+}
+
+.supplement h3 {
+    text-align: center; padding: 0 0 1em 0;
+}
+
+.blogroll {
+    margin: 0;
+    padding: 1em 4em 0 2em;
+    font-size: 90%;
+    line-height: 150%;
+    border-left: 1px solid #ccc;
+    border-top: 1px solid #ccc;
+}
+
+    .blogroll h4 { }
+    .blogroll h5 { font-weight: normal; }
+    .blogroll h5 span { font-weight: bold; }
+    .blogroll .readmore {
+        text-align: right;
+        font-size: smaller;
+        font-weight: italic;
+    }
+    .blogroll li p {
+        padding: 1ex 1em;
+    }
+
+.column3 {
+    clear: both;
+    padding: 2em 1em;
+    border-top: 1px solid #922;
+}
+
+.column3 .column {
+    float: left;
+    width: 33%;
+}
+
+.column3 .column .content {
+    padding: 0 1em;
+}
+
+.whatshappening {
+
+}
+
+    .whatshappening h3 {
+        margin-left: -1em; margin-bottom: 1ex;
+    }
+
+    .whatshappening h3 a { text-decoration: none; }

Added: branches/site-notrac/static/images/btn_120x50_powered.png
===================================================================
(Binary files differ)


Property changes on: branches/site-notrac/static/images/btn_120x50_powered.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: branches/site-notrac/static/images/btn_88x31_powered.png
===================================================================
(Binary files differ)


Property changes on: branches/site-notrac/static/images/btn_88x31_powered.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: branches/site-notrac/static/images/catalyst_100.png
===================================================================
(Binary files differ)


Property changes on: branches/site-notrac/static/images/catalyst_100.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: branches/site-notrac/static/images/catalyst_130pix.gif
===================================================================
(Binary files differ)


Property changes on: branches/site-notrac/static/images/catalyst_130pix.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: branches/site-notrac/static/images/corn_background.jpg
===================================================================
(Binary files differ)


Property changes on: branches/site-notrac/static/images/corn_background.jpg
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: branches/site-notrac/static/images/cropcircle.png
===================================================================
(Binary files differ)


Property changes on: branches/site-notrac/static/images/cropcircle.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: branches/site-notrac/static/images/masthead_bg.gif
===================================================================
(Binary files differ)


Property changes on: branches/site-notrac/static/images/masthead_bg.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream




More information about the Catalyst-commits mailing list