Replaced the original "Get Involved" copy with a link to the "Contributing" page...
[philo.git] / index.html
index 1a280ce..604b0df 100644 (file)
@@ -6,59 +6,77 @@
                <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>
+               <script type="text/javascript">
+                       var _gaq = _gaq || [];
+                       _gaq.push(['_setAccount', 'UA-17620212-2']);
+                       _gaq.push(['_setDomainName', 'none']);
+                       _gaq.push(['_setAllowLinker', true]);
+                       _gaq.push(['_trackPageview']);
+                       (function() {
+                               var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+                               ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+                               var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+                       })();
+               </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 id="container">
+                       <a href="http://github.com/ithinksw/philo"><img style="position: fixed; top: 0; right: 0; border: 0; z-index:3;" 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 -->
                        
                        <article id="content">
                                
-                               <p>Philo is a powerful content-management system built with Django.</p>
-                       
-                               <section id="featuresSection">
-                                       <header>
-                                               <h2 id="features">Features</h2>
-                                       </header>
-                       
-                                       <p>Philo allows the creation of complex site structures from Django&#8217;s web-based admin interface (or similar database-editing interface). For a simple site, you will use the following three objects, included in the Philo core.</p>
-                       
-                                       <ul id="modelList">
-                                               <li><span class="name">Nodes</span> are the basic building blocks of a website using Philo. They define the URL hierarchy and connect each URL to a View subclass instance, such as a Page.</li>
-                                               <li><span class="name">Templates</span> are Django templates, stored in the database and editable from the Django admin (or similar).</li>
-                                               <li><span class="name">Pages</span> are a simple view subclass which return a basic HTML page according to a template. They have related, editable Contentlets and Content References based on <code>{% container %}</code> tags used in the template.</li>
-                                       </ul>
-                       
-                                       <p>Philo also provides a number of useful template tags, in particular <code>{% container %}</code>, which generates a relationship (and a field in the admin interface) on any pages which use that template.</p>
+                               <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">
-                                       <h2 id="a_simple_example">A Simple Example</h2>
-                       
                                        <div class="three-up">
                                                <figure>
-                                                       <img src="static/img/container1.png" />
+                                                       <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" />
+                                                       <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" />
+                                                       <img src="static/img/container3.png" width="600" height="300" />
                                                        <figcaption>See the results on your site!</figcaption>
                                                </figure>
                                        </div>
-                       
-                                       <p>You can use also collections, redirects, files, content references (all included in the Philo core), as well as the Philo contrib apps and your own code to create and manage more powerful, complex websites.</p>
+                                       <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>, Philo includes a number of optional packages that simplify common website structures. These are stored in <code>philo.contrib</code> and include the following:</p>
+                                       <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="description">Custom authentication systems.</span>
                                                </li>
                                                <li>
-                                                       <span class="status">(in development)</span>
+                                                       <span class="status dev">(in development)</span>
                                                        <span class="name">Gilbert</span>
-                                                       <span class="description">Alternative web-based admin.</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">(in development)</span>
+                                                       <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">(in development)</span>
+                                                       <span class="status dev">(in development)</span>
                                                        <span class="name">Edmonia</span>
                                                        <span class="description">Asset management.</span>
                                                </li>
                                                <li>
-                                                       <span class="status">(in development)</span>
+                                                       <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">(planned)</span>
+                                                       <span class="status pla">(planned)</span>
                                                        <span class="description">Forums.</span>
                                                </li>
                                                <li>
-                                                       <span class="status">(planned)</span>
+                                                       <span class="status pla">(planned)</span>
                                                        <span class="description">Wikis.</span>
                                                </li>
                                        </ul>
                                </section>
                                
-                               <section class="installSection">
-                                       <h2>Install Philo</h2>
-                                       <div class="codeblock shell">
-                                               <code>git clone https://github.com/ithinksw/philo.git</code>
-                                               <code>python philo/setup.py install</code>
-                                               <code>rm -rf philo</code>
-                                       </div>
-                               </section>
+                               <div class="tucol" id="outtro">
+                                       <section class="installSection" id="install">
+                                               <h2>Install Philo</h2>
+                                               <div class="codeblock shell">
+                                                       <code>pip install 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 <a href="http://docs.philocms.org/">learning more</a> and <a href="http://docs.philocms.org/en/latest/contributing.html">contributing</a>.</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>.</p>
+                               <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>
                        
                </div>
        </body>
-</html>
\ No newline at end of file
+</html>