Updated the first container example image so Oberlin is not highlighted as a misspell...
[philo.git] / index.html
index 6997540..cb5d739 100644 (file)
        <head>
                <title>Philo</title>
                <link rel="stylesheet" type="text/css" href="static/css/screen.css" media="screen" />
+               <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
+               <script src="static/js/init.js"></script>
        </head>
        <body>
+               <div id="fork">
+                       <a href="http://github.com/ithinksw/philo"><img style="position: fixed; top: 0; right: 0; border: 0;" src="https://d3nwyuy0nl342s.cloudfront.net/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
+               </div>
+
                <div id="container">
+                       
                        <header id="nameplate">
                                <h1>Philo</h1>
+                               <a class="installButton" href="#install">Install</a>
+                               <a class="docsButton" href="http://docs.philocms.org/">Docs</a>
                        </header><!-- /#nameplate -->
                        
-                       <div id="content">
-                               Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-                       </div><!-- /#content -->
+                       <article id="content">
+                               
+                               <section id="whatIs">
+                                       <p><span class="s1"><span class="w1">Philo</span> is a powerful content-management system built with <a href="https://djangoproject.com/">Django</a>.</span> It manages web sites, simple and complex.</p>
+                               </section>
+                               
+                               <div class="tucol" id="intro">
+                                       <section>
+                                               <p><span class="pname">Philo</span> is designed by and for web developers. <strong>Web developers who don't like compromise.</strong></p>
+                                               <p>Initially developed for Oberlin College, <span class="pname">Philo</span> meets changing and complex needs gracefully. To learn more, <a href="http://docs.philocms.org/">read the documentation</a>.</p>
+                                       </section>
+                               
+                                       <section id="onPhilo">
+                                               <header>
+                                                       <h2>Philo-Powered web sites</h2>
+                                               </header>
+                                               <ul>
+                                                       <li><a href="http://oncampus.oberlin.edu/">Oberlin OnCampus</a></li>
+                                                       <li><a href="http://shansi.oberlin.edu/">Oberlin Shansi</a></li>
+                                               </ul>
+                                       </section>
+                               </div>
+                               
+                               <section id="exampleSection">
+                                       <div class="three-up">
+                                               <figure>
+                                                       <img src="static/img/container1.png" width="600" height="300" />
+                                                       <figcaption>Put container tags in your template.</figcaption>
+                                               </figure>
+                                               <figure>
+                                                       <img src="static/img/container2.png" width="600" height="300" />
+                                                       <figcaption>Edit the contentlets on the page.</figcaption>
+                                               </figure>
+                                               <figure>
+                                                       <img src="static/img/container3.png" width="600" height="300" />
+                                                       <figcaption>See the results on your site!</figcaption>
+                                               </figure>
+                                       </div>
+                                       <p><span class="pname">Philo</span> provides core web features&#8212;such as page editing, seen above&#8212;and a foundation for building complex web sites and applications.</p>
+                               </section>
+                               
+                               <section id="contribSection">
+                                       <h2 id="batteries_included">Batteries Included</h2>
+                       
+                                       <p>Following Python and Django&#8217;s <a href="http://docs.python.org/tutorial/stdlib.html#batteries-included">&ldquo;batteries included&rdquo; philosophy</a>, <span class="pname">Philo</span> includes a number of optional modules that simplify common web site structures. These are located in <code>philo.contrib</code> and include the following:</p>
+                       
+                                       <ul id="contribList">
+                                               <li>
+                                                       <span class="name">Penfield</span>
+                                                       <span class="description">Blog and newsletter management.</span>
+                                               </li>
+                                               <li>
+                                                       <span class="name">Shipherd</span>
+                                                       <span class="description">Powerful site navigation.</span>
+                                               </li>
+                                               <li>
+                                                       <span class="name">Sobol</span>
+                                                       <span class="description">Custom web and database searches.</span>
+                                               </li>
+                                               <li>
+                                                       <span class="name">Waldo</span>
+                                                       <span class="description">Custom authentication systems.</span>
+                                               </li>
+                                               <li>
+                                                       <span class="status dev">(in development)</span>
+                                                       <span class="name">Gilbert</span>
+                                                       <span class="description">Alternative admin built on <a href="http://www.sencha.com/products/extjs/">Ext JS</a>.</span>
+                                               </li>
+                                               <li>
+                                                       <span class="status dev">(in development)</span>
+                                                       <span class="name">Julian</span>
+                                                       <span class="description">Calendar and events system.</span>
+                                               </li>
+                                               <li>
+                                                       <span class="status dev">(in development)</span>
+                                                       <span class="name">Edmonia</span>
+                                                       <span class="description">Asset management.</span>
+                                               </li>
+                                               <li>
+                                                       <span class="status dev">(in development)</span>
+                                                       <span class="name">Bartleby</span>
+                                                       <span class="description">Form generation and handling.</span>
+                                               </li>
+                                               <li>
+                                                       <span class="status pla">(planned)</span>
+                                                       <span class="description">Forums.</span>
+                                               </li>
+                                               <li>
+                                                       <span class="status pla">(planned)</span>
+                                                       <span class="description">Wikis.</span>
+                                               </li>
+                                       </ul>
+                               </section>
+                               
+                               <div class="tucol" id="outtro">
+                                       <section class="installSection" id="install">
+                                               <h2>Install Philo</h2>
+                                               <div class="codeblock shell">
+                                                       <code>git clone git://git.ithinksw.org/philo.git</code>
+                                                       <code>python philo/setup.py install</code>
+                                                       <code>rm -rf philo</code>
+                                               </div>
+                                       </section>
+                               
+                                       <section class="getInvolved">
+                                               <h2 id="get_involved">Get Involved</h2>
+                                               <p><span class="pname">Philo</span> is still under heavy development. If you&#8217;re a Python/Django developer, help out by forking <span class="pname">Philo</span> on <a href="http://github.com/ithinksw/philo">GitHub</a> or <a href="http://gitorious.org/ithinksw/philo">Gitorious</a> to add features or fix bugs.</p>
+                                       </section>
+                               </div>
+                               
+                       </article><!-- /#content -->
+                       
+                       <footer>
+                               <p>Philo is developed by iThink Software. Read the <a href="https://github.com/ithinksw/philo/blob/master/LICENSE">license</a>. Read the <a href="http://docs.philocms.org/">documentation</a>.</p>
+                       </footer>
                        
-                       <footer id="pagefooter">
-                               <p>Copyright &copy; 2009-2010, iThink Software.</p>
-                               <p>Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.</p>
-                               <p>THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.</p>
-                       </footer><!-- /#pagefooter -->
                </div>
        </body>
 </html>
\ No newline at end of file