<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>
-
- <section id="featuresSection">
- <header>
- <h2 id="features">Features</h2>
- </header>
-
- <p>Philo allows the creation of complex site structures from Django’s own <a href="https://docs.djangoproject.com/en/1.3/ref/contrib/admin/">admin interface</a> (or similar database interface). For a simple site, you will use the following three objects, included in the <span class="pname">Philo</span> core.</p>
-
- <ul id="modelList">
- <li><span class="name">Nodes</span> are the basic building blocks of a website using <span class="pname">Philo</span>. 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><span class="pname">Philo</span> 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. For more about <span class="pname">Philo</span> and its features, <a href="#documentation">read the documentation</a>.</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’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>
<section id="exampleSection">
- <h2 id="a_simple_example">A Simple Example</h2>
+ <!-- h2 id="a_simple_example">A Simple Example</h2 -->
<div class="three-up">
<figure>
</figure>
</div>
- <p>You can use also collections, redirects, files, content references (all 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.</p>
+ <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">
</ul>
</section>
- <section class="installSection">
- <h2 id="install">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>
+ <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’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>
+ <section class="getInvolved">
+ <h2 id="get_involved">Get Involved</h2>
+ <p><span class="pname">Philo</span> is still under heavy development. If you’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="#documentation">documentation</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>
100% {
text-shadow: 0 0 3px rgba(255, 255, 255, 0.5); } }
+@-webkit-keyframes pulse {
+ 0% {
+ -webkit-transform: scale(1); }
+
+ 100% {
+ -webkit-transform: scale(1.05); } }
+
+.lite {
+ -webkit-animation-name: pulse;
+ -webkit-animation-duration: .25s;
+ -webkit-animation-iteration-count: infinite;
+ -webkit-animation-direction: alternate;
+ -webkit-animation-timing-function: linear;
+ margin: -10px;
+ padding: 9px;
+ border: 1px solid #cfd7e6;
+ background: white;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -o-border-radius: 5px;
+ -ms-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ border-radius: 5px; }
+
+section {
+ -moz-transition-property: all;
+ -webkit-transition-property: all;
+ -o-transition-property: all;
+ transition-property: all;
+ -moz-transition-duration: 0.15s;
+ -webkit-transition-duration: 0.15s;
+ -o-transition-duration: 0.15s;
+ transition-duration: 0.15s;
+ -moz-transition-timing-function: linear;
+ -webkit-transition-timing-function: linear;
+ -o-transition-timing-function: linear;
+ transition-timing-function: linear; }
+
body {
background: #e0e5ef;
background: -webkit-gradient(linear, 50% 0%, 50% 250, color-stop(0%, #b4bdcf), color-stop(100%, #e0e5ef));
color: #4d4d4d; }
#content .pname {
color: #354668; }
+#content .tucol {
+ *zoom: 1;
+ margin-top: 3.125em;
+ margin-bottom: 3.125em; }
+ #content .tucol:after {
+ content: "\0020";
+ display: block;
+ height: 0;
+ clear: both;
+ overflow: hidden;
+ visibility: hidden; }
+ #content .tucol section {
+ width: 355px;
+ float: right; }
+ #content .tucol section:first-child {
+ float: left; }
+ #content .tucol section:nth-child(2) {
+ width: 335px;
+ padding: 15px 15px;
+ background: rgba(255, 255, 255, 0.5);
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -o-border-radius: 5px;
+ -ms-border-radius: 5px;
+ -khtml-border-radius: 5px;
+ border-radius: 5px;
+ border: 1px solid #cfd7e6; }
+ #content .tucol section :last-child {
+ margin-bottom: 0; }
.three-up {
background: #333333;
-webkit-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
-o-box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
box-shadow: 0 1px 0 0 white, 0 2px 4px rgba(0, 0, 0, 0.35) inset;
+ height: 300px;
overflow: hidden;
*zoom: 1; }
.three-up figure {
-khtml-border-radius: 3px;
border-radius: 3px; }
.three-up figure.shrunk {
- width: 62px; }
+ width: 60px; }
.three-up figure.expanded {
width: 600px; }
.three-up figure:last-child {
box-shadow: none; }
#whatIs a:hover {
background: transparent;
- color: #73e600; }
+ color: #d9fbb7;
+ border: none; }
#modelList {
margin-left: 1.5em; }
opacity: .5; }
#contribList a {
color: #CCC;
- border: none; }
+ border: none;
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
+ -o-box-shadow: none;
+ box-shadow: none; }
+ #contribList a:hover {
+ color: #FFF;
+ border: none; }
+
+.getInvolved {
+ margin: -16px 0; }
footer {
margin-top: 25px;
var $this = $(this);
$this.parent().children().removeClass('expanded').removeClass('shrunk');
}
+ },
+ anchor_light: {
+ init: function () {
+ var self = philo_site.anchor_light;
+ links = $('a[href^="#"]');
+ links.click(self.hiliteHandler);
+ },
+ hiliteHandler: function () {
+ var self = philo_site.anchor_light,
+ $this = $(this),
+ id = $this.attr('href'),
+ el = $(id);
+ el.addClass("lite");
+ setTimeout(self.unhiliteHandler, 1000);
+ },
+ unhiliteHandler: function () {
+ $('.lite').removeClass('lite');
+ }
}
}
-$(philo_site.three_up.init);
\ No newline at end of file
+$(philo_site.three_up.init);
+$(philo_site.anchor_light.init);
\ No newline at end of file
}
}
+@-webkit-keyframes pulse{
+ 0%{
+ -webkit-transform: scale(1);
+ }
+ 100%{
+ -webkit-transform: scale(1.05);
+ }
+}
+
+.lite{
+ -webkit-animation-name: pulse;
+ -webkit-animation-duration: .25s;
+ -webkit-animation-iteration-count: infinite;
+ -webkit-animation-direction: alternate;
+ -webkit-animation-timing-function: linear;
+ margin: -10px;
+ padding: 9px;
+ border:1px solid darken($page-background, 5%);
+ background:lighten($page-background, 10%);
+ @include border-radius(5px);
+}
+
+section{
+ @include transition(all, .15s, linear);
+}
+
body{
background:$page-background;
@include background(
.pname{
color:darken($page-background, 60%);
}
+
+
+
+ .tucol{
+ @include pie-clearfix;
+ section{
+ width:$page-width/2 - 20px;
+ float:right;
+ }
+
+ section:first-child{
+ float:left;
+ }
+ section:nth-child(2){
+ width:$page-width/2 - 40px;
+ padding:15px 15px;
+ background:rgba(255,255,255,.5);
+ @include border-radius(5px);
+ border:1px solid darken($page-background, 5%);
+ }
+
+ section :last-child{
+ margin-bottom:0;
+ }
+
+ @include margin-leader(2);
+ @include margin-trailer(2);
+ }
+
+
}
.three-up{
padding:$pad;
@include border-radius(5px);
@include box-shadow(0 1px 0 0 #FFF, 0 2px 4px rgba(0,0,0,.35) inset);
+ height:300px;
figure{
$border: 1px;
@include border-radius(3px);
&.shrunk{
- width: ($width - 610px) / 2 - $pad - 3 * $border;
+ width: ($width - 610px) / 2 - $pad - 3 * $border - 2px;
}
&.expanded{
width:600px;
@include box-shadow(none);
&:hover{
background:transparent;
- color:lighten($accent, 20%);
+ color:desaturate(lighten($accent, 60%), 10%);
+ border:none;
}
}
}
a{
color:#CCC;
border:none;
+ @include box-shadow(none);
+ &:hover{
+ color:#FFF;
+ border:none;
+ }
}
}
+.getInvolved{
+ margin:-16px 0;
+}
+
footer{
margin-top: 25px;
padding-top: 20px;
git.ithinksw.org / philo.git / commitdiff