Started to expand phpsogdoc demo.

mermshaus · Mar 27, 2012 · cd9aa0b · cd9aa0b
1 parent dd41eb1
commit cd9aa0b
Show file tree

Hide file tree

Showing 6 changed files with 94 additions and 25 deletions.
diff --git a/demos/phpsogdoc/layouts/default.phtml b/demos/phpsogdoc/layouts/default.phtml
@@ -19,16 +19,22 @@ $p = $pathToRoot;
 
     <body>
 
-        <a href="<?=$p?>/"><img src="<?=$p?>/images/phpsog.png" /></a>
+        <header>
+        <a href="<?=$p?>/"><img src="<?=$p?>/images/phpsog.png" /> phpsog</a>
+        </header>
 
-        <ul class="menu">
+        <ul class="cf menu">
             <li<?=($x['menuActive']==='home')?' class="active"':''?>><a href="<?=$p?>/">Home</a></li>
+            <li<?=($x['menuActive']==='docs/config')?' class="active"':''?>><a href="<?=$p?>/docs/config.html">Config</a></li>
             <li<?=($x['menuActive']==='about')?' class="active"':''?>><a href="<?=$p?>/about.html">About</a></li>
-            <li<?=($x['menuActive']==='contact')?' class="active"':''?>><a href="<?=$p?>/contact.html">Contact</a></li>
         </ul>
 
+        <div class="content">
+
         <?=$content?>
 
+        </div>
+
     </body>
 
 </html>
diff --git a/demos/phpsogdoc/pages/contact.phtml b/demos/phpsogdoc/pages/contact.phtml
diff --git a/demos/phpsogdoc/pages/docs/config.phtml b/demos/phpsogdoc/pages/docs/config.phtml
@@ -0,0 +1,26 @@
+<?php
+
+$title = 'Config';
+
+$x['menuActive'] = 'docs/config';
+
+?>
+
+<h1>Config</h1>
+
+<h2>Default</h2>
+
+<pre><code>general.timezone = "Europe/Berlin"
+
+meta.title.default = "Untitled"
+meta.title.suffix  = " – phpsog project"
+
+layouts.dir   = "layouts"
+pages.dir     = "pages"
+resources.dir = "resources"
+
+export.dir           = "export"
+export.fileExtension = "html"
+
+
+project.dir = "" ; will be filled at run-time by the application</code></pre>
diff --git a/demos/phpsogdoc/pages/index.phtml b/demos/phpsogdoc/pages/index.phtml
@@ -6,10 +6,6 @@ $x['menuActive'] = 'home';
 
 ?>
 
-<h1>phpsog</h1>
-
 <p>Open the <a href="readme.html">README file</a>.</p>
 
 <p>This is a link to <a href="subdir/test.html">a file in a subdirectory</a>.</p>
-
-<p><a href="blog.html">Blog</a></p>
diff --git a/demos/phpsogdoc/resources/images/phpsog.png b/demos/phpsogdoc/resources/images/phpsog.png
diff --git a/demos/phpsogdoc/resources/styles.css b/demos/phpsogdoc/resources/styles.css
@@ -1,25 +1,77 @@
+.cf:after {
+	visibility: hidden;
+	display: block;
+	font-size: 0;
+	content: " ";
+	clear: both;
+	height: 0;
+	}
+.cf { display: inline-table; }
+/* Hides from IE-mac \*/
+* html .cf { height: 1%; }
+.cf { display: block; }
+/* End hide from IE-mac */
+
+html {
+    background: #666;
+    font-family: sans-serif;
+}
+
 body {
-    background: #fff;
-    color: #000;
+    background: #f9f9f9;
+    border: 0.5em solid #ddd;
+    color: #222;
+    width: 40em;
+    padding: 2em;
+    margin: 2em auto;
 }
 
 .menu {
     list-style: none;
     padding: 0;
 }
 
+.menu li {
+    float: left;
+}
+
 .menu a {
     display: block;
     text-decoration: none;
-    padding: 5px;
+    padding: 5px 15px 5px 0;
     color: #000;
 }
 
 .menu .active {
-    background: #000;
-    color: #fff;
+    font-weight: bold;
+    text-decoration: underline;
+    color: #222;
 }
 
 .menu .active a {
-    color: #fff;
-}
+    color: #222;
+}
+
+header {
+    font-family: Georgia, serif;
+    font-size: 30px;
+}
+
+header img {
+    width: 40px;
+    height: 40px;
+    vertical-align: middle;
+}
+
+header a {
+    text-decoration: none;
+    color: #222;
+}
+
+.content {
+    padding: 2em 0;
+}
+
+pre, code {
+    font-family: Inconsolata, monospace;
+}