Mostly textual changes, a few style changes.

diff --git a/index.html b/index.html
index a9ba889..cb5d739 100644 (file)
--- a/index.html
+++ b/index.html
@@ -17,33 +17,33 @@
                        <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">
                                
                                <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>
+                                       <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 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>
+                                               <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 Websites</h2>
+                                                       <h2>Philo-Powered web sites</h2>
                                                </header>
                                                <ul>
-                                                       <li><a href="http://oncampus.oberlin.edu/">Oberlin Oncampus</a></li>
+                                                       <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" width="600" height="300" />
@@ -58,14 +58,13 @@
                                                        <figcaption>See the results on your site!</figcaption>
                                                </figure>
                                        </div>
-                       
-                                       <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>
+                                       <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>
@@ -127,7 +126,7 @@
                                
                                        <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>
+                                               <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>
                                

diff --git a/static/css/screen.css b/static/css/screen.css
index 929b707..6669f06 100644 (file)
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -140,7 +140,7 @@ body {
   font-family: "Expletus Sans", Helvetica, Arial, serif;
   position: relative; }
 
-.installButton {
+.installButton, .docsButton {
   height: 30px;
   color: #222222;
   text-decoration: none;
@@ -172,11 +172,9 @@ body {
   position: absolute;
   top: 10px;
   right: 0; }
-  .installButton::after {
-    content: '\2b07';
+  .installButton::after, .docsButton::after {
     font-size: 20px;
     line-height: 20px;
-    padding: 7px 1px 3px 4px;
     width: 25px;
     -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
@@ -193,13 +191,13 @@ body {
     text-align: center;
     margin-right: 10px;
     font-family: Helvetica, Arial, sans-serif; }
-  .installButton:hover {
+  .installButton:hover, .docsButton:hover {
     background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee), color-stop(100%, #c8c8c8));
     background: -webkit-linear-gradient(#eeeeee, #c8c8c8);
     background: -moz-linear-gradient(#eeeeee, #c8c8c8);
     background: -o-linear-gradient(#eeeeee, #c8c8c8);
     background: linear-gradient(#eeeeee, #c8c8c8); }
-  .installButton:active {
+  .installButton:active, .docsButton:active {
     background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c8c8c8), color-stop(100%, #eeeeee));
     background: -webkit-linear-gradient(#c8c8c8, #eeeeee);
     background: -moz-linear-gradient(#c8c8c8, #eeeeee);
@@ -210,9 +208,22 @@ body {
     -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 0 16px 0 rgba(0, 0, 0, 0.15) inset;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 0 16px 0 rgba(0, 0, 0, 0.15) inset;
     color: #080808; }
-    .installButton:active::after {
+    .installButton:active::after, .docsButton:active::after {
       background: #a2a2a2; }
 
+.docsButton {
+  right: 200px;
+  width: 100px;
+  text-align: center; }
+
+.installButton::after {
+  content: '\2b07';
+  padding: 7px 1px 3px 4px; }
+
+#content em {
+  font-style: italic; }
+#content strong {
+  font-weight: bold; }
 #content a {
   color: #354668;
   border-bottom: 1px solid #9dadcc;
@@ -300,7 +311,11 @@ body {
     -ms-border-radius: 5px;
     -khtml-border-radius: 5px;
     border-radius: 5px;
-    border: 1px solid #cfd7e6; }
+    border: 1px solid #cfd7e6;
+    -moz-box-shadow: 0 1px 0 0 white, 0 1px 0 0 white inset;
+    -webkit-box-shadow: 0 1px 0 0 white, 0 1px 0 0 white inset;
+    -o-box-shadow: 0 1px 0 0 white, 0 1px 0 0 white inset;
+    box-shadow: 0 1px 0 0 white, 0 1px 0 0 white inset; }
   #content .tucol section :last-child {
     margin-bottom: 0; }
 
@@ -376,6 +391,11 @@ body {
 #whatIs {
   padding: 10px;
   background: #333333;
+  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #4d4d4d), color-stop(100%, #333333));
+  background: -webkit-linear-gradient(bottom, #4d4d4d, #333333);
+  background: -moz-linear-gradient(bottom, #4d4d4d, #333333);
+  background: -o-linear-gradient(bottom, #4d4d4d, #333333);
+  background: linear-gradient(bottom, #4d4d4d, #333333);
   margin-bottom: 20px;
   line-height: 30px;
   font-size: 20px;

diff --git a/static/scss/screen.scss b/static/scss/screen.scss
index b56beda..f758abd 100644 (file)
--- a/static/scss/screen.scss
+++ b/static/scss/screen.scss
@@ -70,13 +70,14 @@ body{
        @include adjust-font-size-to(60px);
        font-family:$headingfonts;
        position:relative;
-}
+}      
 
-.installButton{
+$buttoncolor:#EEE;
+$buttonbottom:darken($buttoncolor, 10%);
+$buttonfore:darken($buttoncolor, 80%);
+
+.installButton, .docsButton{
        height:30px;
-       $buttoncolor:#EEE;
-       $buttonbottom:darken($buttoncolor, 10%);
-       $buttonfore:darken($buttoncolor, 80%);
        color:$buttonfore;
        text-decoration:none;
        font-size:25px;
@@ -96,10 +97,8 @@ body{
        top:10px;
        right:0;
        &::after{
-               content: '\2b07';
                font-size:20px;
                line-height:20px;
-               padding:7px 1px 3px 4px;
                width:25px;
                @include border-radius(15px);
                @include box-shadow(0 1px 0 0 #FFF, 0 1px 2px 0 rgba(0,0,0,.15) inset);
@@ -121,8 +120,25 @@ body{
                }
        }
 }
+.docsButton{
+       right: 200px;
+       width:100px;
+       text-align:center;
+}
+.installButton{
+       &::after{
+               content: '\2b07';
+               padding:7px 1px 3px 4px;
+       }
+}
 
 #content{
+       em{
+               font-style:italic;
+       }
+       strong{
+               font-weight:bold;
+       }
        a{
                color: darken($page-background, 60%);;
                border-bottom:1px solid darken($page-background, 20%);
@@ -193,6 +209,7 @@ body{
                        background:rgba(255,255,255,.5);
                        @include border-radius(5px);
                        border:1px solid darken($page-background, 5%);
+                       @include box-shadow(0 1px 0 0 #FFF, 0 1px 0 0 #FFF inset);
                }
 
                section :last-child{
@@ -263,7 +280,8 @@ body{
 
 #whatIs{
        padding:10px;
-       background:$foreground;
+       background: $foreground;
+       @include background(linear-gradient(bottom, lighten($foreground, 10%), $foreground));
        margin-bottom:20px;
        line-height:30px;
        font-size:20px;