Updated the first container example image so Oberlin is not highlighted as a misspell...
[philo.git] / index.html
1 <!DOCTYPE html>
2
3 <html>
4         <head>
5                 <title>Philo</title>
6                 <link rel="stylesheet" type="text/css" href="static/css/screen.css" media="screen" />
7                 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
8                 <script src="static/js/init.js"></script>
9         </head>
10         <body>
11                 <div id="fork">
12                         <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>
13                 </div>
14
15                 <div id="container">
16                         
17                         <header id="nameplate">
18                                 <h1>Philo</h1>
19                                 <a class="installButton" href="#install">Install</a>
20                                 <a class="docsButton" href="http://docs.philocms.org/">Docs</a>
21                         </header><!-- /#nameplate -->
22                         
23                         <article id="content">
24                                 
25                                 <section id="whatIs">
26                                         <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>
27                                 </section>
28                                 
29                                 <div class="tucol" id="intro">
30                                         <section>
31                                                 <p><span class="pname">Philo</span> is designed by and for web developers. <strong>Web developers who don't like compromise.</strong></p>
32                                                 <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>
33                                         </section>
34                                 
35                                         <section id="onPhilo">
36                                                 <header>
37                                                         <h2>Philo-Powered web sites</h2>
38                                                 </header>
39                                                 <ul>
40                                                         <li><a href="http://oncampus.oberlin.edu/">Oberlin OnCampus</a></li>
41                                                         <li><a href="http://shansi.oberlin.edu/">Oberlin Shansi</a></li>
42                                                 </ul>
43                                         </section>
44                                 </div>
45                                 
46                                 <section id="exampleSection">
47                                         <div class="three-up">
48                                                 <figure>
49                                                         <img src="static/img/container1.png" width="600" height="300" />
50                                                         <figcaption>Put container tags in your template.</figcaption>
51                                                 </figure>
52                                                 <figure>
53                                                         <img src="static/img/container2.png" width="600" height="300" />
54                                                         <figcaption>Edit the contentlets on the page.</figcaption>
55                                                 </figure>
56                                                 <figure>
57                                                         <img src="static/img/container3.png" width="600" height="300" />
58                                                         <figcaption>See the results on your site!</figcaption>
59                                                 </figure>
60                                         </div>
61                                         <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>
62                                 </section>
63                                 
64                                 <section id="contribSection">
65                                         <h2 id="batteries_included">Batteries Included</h2>
66                         
67                                         <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>
68                         
69                                         <ul id="contribList">
70                                                 <li>
71                                                         <span class="name">Penfield</span>
72                                                         <span class="description">Blog and newsletter management.</span>
73                                                 </li>
74                                                 <li>
75                                                         <span class="name">Shipherd</span>
76                                                         <span class="description">Powerful site navigation.</span>
77                                                 </li>
78                                                 <li>
79                                                         <span class="name">Sobol</span>
80                                                         <span class="description">Custom web and database searches.</span>
81                                                 </li>
82                                                 <li>
83                                                         <span class="name">Waldo</span>
84                                                         <span class="description">Custom authentication systems.</span>
85                                                 </li>
86                                                 <li>
87                                                         <span class="status dev">(in development)</span>
88                                                         <span class="name">Gilbert</span>
89                                                         <span class="description">Alternative admin built on <a href="http://www.sencha.com/products/extjs/">Ext JS</a>.</span>
90                                                 </li>
91                                                 <li>
92                                                         <span class="status dev">(in development)</span>
93                                                         <span class="name">Julian</span>
94                                                         <span class="description">Calendar and events system.</span>
95                                                 </li>
96                                                 <li>
97                                                         <span class="status dev">(in development)</span>
98                                                         <span class="name">Edmonia</span>
99                                                         <span class="description">Asset management.</span>
100                                                 </li>
101                                                 <li>
102                                                         <span class="status dev">(in development)</span>
103                                                         <span class="name">Bartleby</span>
104                                                         <span class="description">Form generation and handling.</span>
105                                                 </li>
106                                                 <li>
107                                                         <span class="status pla">(planned)</span>
108                                                         <span class="description">Forums.</span>
109                                                 </li>
110                                                 <li>
111                                                         <span class="status pla">(planned)</span>
112                                                         <span class="description">Wikis.</span>
113                                                 </li>
114                                         </ul>
115                                 </section>
116                                 
117                                 <div class="tucol" id="outtro">
118                                         <section class="installSection" id="install">
119                                                 <h2>Install Philo</h2>
120                                                 <div class="codeblock shell">
121                                                         <code>git clone git://git.ithinksw.org/philo.git</code>
122                                                         <code>python philo/setup.py install</code>
123                                                         <code>rm -rf philo</code>
124                                                 </div>
125                                         </section>
126                                 
127                                         <section class="getInvolved">
128                                                 <h2 id="get_involved">Get Involved</h2>
129                                                 <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>
130                                         </section>
131                                 </div>
132                                 
133                         </article><!-- /#content -->
134                         
135                         <footer>
136                                 <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>
137                         </footer>
138                         
139                 </div>
140         </body>
141 </html>