From 30e7821ba4b462355626c54887920872c7111a21 Mon Sep 17 00:00:00 2001 From: Harris Lapiroff Date: Thu, 12 May 2011 15:39:19 -0400 Subject: [PATCH] Style and textual updates. Added a footer. Added two more in-development contrib apps. Made some of the text easier to comprehend. --- index.html | 164 ++++++++++++++++++++++++---------------- static/css/screen.css | 47 +++++++++++- static/scss/screen.scss | 41 +++++++++- 3 files changed, 183 insertions(+), 69 deletions(-) diff --git a/index.html b/index.html index 39bc33c..8f58b10 100644 --- a/index.html +++ b/index.html @@ -14,82 +14,114 @@

Philo

-
+
+

Philo is a powerful content-management system built with Django.

-

Features

- -

Philo allows the creation of complex site structures from Django’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.

+
+
+

Features

+
-
    -
  • Nodes 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.
    • -
  • Templates are Django templates, stored in the database and editable from the Django admin (or similar).
    • -
  • Pages 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 {% container %} tags used in the template.
    • -
+

Philo allows the creation of complex site structures from Django’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.

-

Philo also provides a number of useful template tags, in particular {% container %}, which generates a relationship (and a field in the admin interface) on any pages which use that template.

+
    +
  • Nodes 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.
    • +
  • Templates are Django templates, stored in the database and editable from the Django admin (or similar).
    • +
  • Pages 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 {% container %} tags used in the template.
    • +
-

A Simple Example

- -
-
- -
Put container tags in your template.
-
-
- -
Edit the contentlets on the page.
-
-
- -
See the results on your site!
-
-
+

Philo also provides a number of useful template tags, in particular {% container %}, which generates a relationship (and a field in the admin interface) on any pages which use that template.

+
+ +
+

A Simple Example

-

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.

+
+
+ +
Put container tags in your template.
+
+
+ +
Edit the contentlets on the page.
+
+
+ +
See the results on your site!
+
+
-

Batteries Included

+

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.

+
+ +
+

Batteries Included

-

Following Python and Django’s “batteries included” philosophy, Philo includes a number of optional packages that simplify common website structures. These are stored in philo.contrib and include the following:

+

Following Python and Django’s “batteries included” philosophy, Philo includes a number of optional packages that simplify common website structures. These are stored in philo.contrib and include the following:

-
    -
  • - Penfield - Blog and newsletter management. -
    • -
  • - Shipherd - Powerful site-navigation. -
    • -
  • - Sobol - Custom search-engines. -
    • -
  • - Waldo - Custom authentication systems. -
    • -
  • - (in development) - Gilbert - Alternative web-based admin. -
    • -
  • - (in development) - Julian - Calendar and events system. -
    • -
  • - (planned) - Forums. -
    • -
  • - (planned) - Wikis. -
    • -
+
    +
  • + Penfield + Blog and newsletter management. +
    • +
  • + Shipherd + Powerful site navigation. +
    • +
  • + Sobol + Custom web and database searches. +
    • +
  • + Waldo + Custom authentication systems. +
    • +
  • + (in development) + Gilbert + Alternative web-based admin. +
    • +
  • + (in development) + Julian + Calendar and events system. +
    • +
  • + (in development) + Edmonia + Asset management. +
    • +
  • + (in development) + Bartleby + Form generation and handling. +
    • +
  • + (planned) + Forums. +
    • +
  • + (planned) + Wikis. +
    • +
+
+ +
+

Install Philo

+
+ git clone https://github.com/ithinksw/philo.git + python philo/setup.py + rm -rf philo +
+
-
+ + + diff --git a/static/css/screen.css b/static/css/screen.css index 606b774..a1fc8a5 100644 --- a/static/css/screen.css +++ b/static/css/screen.css @@ -1,7 +1,7 @@ @import "http://fonts.googleapis.com/css?family=Expletus+Sans"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, +a, abbr, acronym, address, big, cite, code, #content .codeblock, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, @@ -67,6 +67,11 @@ body { html > body { font-size: 16px; } +::selection { + background: #ff6ae6; + text-shadow: none !important; + color: #FFF !important; } + body { background: #e0e5ef; color: #333333; @@ -113,7 +118,7 @@ body { #content h2 { font-size: 1.25em; line-height: 1.25em; } -#content code { +#content code, #content .codeblock { background: #bec9de; padding: 3px; margin: -4px 0; @@ -131,6 +136,27 @@ body { font-family: Menlo, monospace; font-size: 0.813em; line-height: 1.923em; } +#content .codeblock { + padding: 10px; + display: block; } + #content .codeblock code, #content .codeblock .codeblock { + margin: 0; + padding: 0; + -moz-box-shadow: none; + -webkit-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + -moz-border-radius: 0; + -webkit-border-radius: 0; + -o-border-radius: 0; + -ms-border-radius: 0; + -khtml-border-radius: 0; + border-radius: 0; + border: none; + display: block; } + #content .codeblock.shell code::before, #content .codeblock.shell .codeblock::before { + content: "$ "; + color: #4d4d4d; } .three-up { background: #333333; @@ -257,3 +283,20 @@ body { font-size: 0.813em; line-height: 1.923em; float: right; } + +footer { + margin-top: 25px; + padding-top: 20px; + border-top: 5px solid #333333; + -moz-box-shadow: 0 1px 0 0 white inset; + -webkit-box-shadow: 0 1px 0 0 white inset; + -o-box-shadow: 0 1px 0 0 white inset; + box-shadow: 0 1px 0 0 white inset; + font-size: 0.813em; + line-height: 1.923em; + color: #666666; } + footer a { + text-decoration: none; + color: #5974aa; } + footer a:hover { + color: #131924; } diff --git a/static/scss/screen.scss b/static/scss/screen.scss index ab4b7bf..ff293f2 100644 --- a/static/scss/screen.scss +++ b/static/scss/screen.scss @@ -9,7 +9,13 @@ "compass/utilities/general/clearfix"; @include establish-baseline; - + +::selection{ + background: darken(saturate(adjust-hue($page-background, 90deg), 100%), 20%); + text-shadow: none !important; + color:#FFF !important; +} + body{ background:$page-background; @include body-text; @@ -63,6 +69,23 @@ body{ font-family:Menlo, monospace; @include adjust-font-size-to(13px); } + .codeblock{ + @extend code; + padding: 10px; + display:block; + code{ + margin:0; + padding:0; + @include box-shadow(none); + @include border-radius(0); + border:none; + display:block; + } + &.shell code::before{ + content: "$ "; + color:lighten($foreground, 10%); + } + } } .three-up{ @@ -169,4 +192,20 @@ body{ @include adjust-font-size-to(13px); float:right; } +} + +footer{ + margin-top: 25px; + padding-top: 20px; + border-top:5px solid $foreground; + @include box-shadow(0 1px 0 0 #FFF inset); + @include adjust-font-size-to(13px); + color:lighten($foreground, 20%); + a{ + text-decoration:none; + color:darken($page-background, 40%); + &:hover{ + color:darken($page-background, 80%); + } + } } \ No newline at end of file -- 2.20.1