git.ithinksw.org / philo.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Borders and padding were causing reflow with animation. Animation now only animates...
[philo.git] / index.html
diff --git a/index.html b/index.html
index 39bc33c..a9ba889 100644 (file)
--- a/index.html
+++ b/index.html
@@ -9,87 +9,133 @@
        </head>
        <body>
                <div id="fork">
        </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;" src="https://d3nwyuy0nl342s.cloudfront.net/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
+               </div>
+
+               <div id="container">
+                       
                        <header id="nameplate">
                                <h1>Philo</h1>
                        <header id="nameplate">
                                <h1>Philo</h1>
+                               <a class="installButton" href="#install">Install</a>
                        </header><!-- /#nameplate -->
                        
                        </header><!-- /#nameplate -->
                        
-                       <div id="content">
-                               <p>Philo is a powerful content-management system built with Django.</p>
-                       
-                               <h2 id="features">Features</h2>
-                       
-                               <p>Philo allows the creation of complex site structures from Django&#8217;s web-based admin interface (or any other 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 which is used to generate an HttpResponse.</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>
-                       
-                               <h2>A Simple Example</h2>
-                       
-                               <div class="three-up">
-                                       <figure>
-                                               <img src="static/img/container1.png" />
-                                               <figcaption>Put container tags in your template.</figcaption>
-                                       </figure>
-                                       <figure>
-                                               <img src="static/img/container2.png" />
-                                               <figcaption>Edit the contentlets on the page.</figcaption>
-                                       </figure>
-                                       <figure>
-                                               <img src="static/img/container3.png" />
-                                               <figcaption>See the results on your site!</figcaption>
-                                       </figure>
+                       <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 websites, simple and complex.</p>
+                               </section>
+                               
+                               <div class="tucol" id="intro">
+                                       <section id="history">
+                                               <p><span class="pname">Philo</span> was developed by a team of developers working for Oberlin College to meet their needs for flexible, manageable website development and maintenance. To learn more about Philo&#8217;s features and functionality <a href="http://docs.philocms.org/">read the documentation</a>.</p>
+                                       </section>
+                               
+                                       <section id="onPhilo">
+                                               <header>
+                                                       <h2>Philo-Powered Websites</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>
                                </div>
+                               
+                               <section id="exampleSection">
+                                       <!-- h2 id="a_simple_example">A Simple Example</h2 -->
                        
                        
-                               <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>
+                                       <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>
                        
                        
-                               <h2 id="batteries_included">Batteries Included</h2>
+                                       <p>You can use collections, redirects, files, content references (included in the <span class="pname">Philo</span> core), as well as the <span class="pname">Philo</span> contrib apps and your own code to create and manage more powerful, complex websites. Learn more in <a href="http://docs.philocms.org/">the documentation</a>.</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 philo.contrib 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>, 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>
                        
                        
-                               <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 search-engines.</span>
-                                       </li>
-                                       <li>
-                                               <span class="name">Waldo</span>
-                                               <span class="description">Custom authentication systems.</span>
-                                       </li>
-                                       <li>
-                                               <span class="status">(in development)</span>
-                                               <span class="name">Gilbert</span>
-                                               <span class="description">Alternative web-based admin.</span>
-                                       </li>
-                                       <li>
-                                               <span class="status">(in development)</span>
-                                               <span class="name">Julian</span>
-                                               <span class="description">Calendar and events system.</span>
-                                       </li>
-                                       <li>
-                                               <span class="status">(planned)</span>
-                                               <span class="description">Forums.</span>
-                                       </li>
-                                       <li>
-                                               <span class="status">(planned)</span>
-                                               <span class="description">Wikis.</span>
-                                       </li>
-                               </ul>
+                                       <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><!-- /#content -->
+                               <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 <a href="http://github.com/ithinksw/philo"><span class="pname">Philo</span> on GitHub</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>
                        
                </div>
        </body>
                        
                </div>
        </body>
Foundation for web content management systems using Django.