Made it prettier

4 files changed, 57 insertions, 4 deletions

diff --git a/htdocs/categories.php b/htdocs/categories.php
index 5725125..e4c1f37 100644
--- a/htdocs/categories.php
+++ b/htdocs/categories.php
@@ -53,7 +53,8 @@ function displayEvents($category) {
 
     if ($posts->valid()) {
         foreach ($posts as $id => $post) {
-            printf("<div class=\"post\"><p><a href=\"postings/%s.html\">%s</a></p>"
+            printf("<div class=\"post\"><p><a href=\"". $GLOBALS['CONFIG']['urlroot']
+                    . "/postings/%s.html\">%s</a></p>"
                     . "<div class=\"desc\"><span class=\"location\">%s</span>"
                     . " <span class=\"age\">%s</span></div></div>",
                     
diff --git a/htdocs/css/main.css b/htdocs/css/main.css
index 523eb8c..a2cffd3 100644
--- a/htdocs/css/main.css
+++ b/htdocs/css/main.css
@@ -12,9 +12,15 @@ body {
     text-transform: uppercase;
 }
 
+#nav ul {
+    padding-left: 0;
+    text-align: center;
+}
+
 #nav ul li {
     display: inline;
     list-style: none;
+    margin: 0 1.5em 0 1.5em;
 }
 
 .bigbutton {
@@ -42,18 +48,36 @@ body {
     padding-top: 10px;
 }
 
+#about {
+    border-top: solid 1px white;
+    border-bottom: solid 1px white;
+    width: 40%;
+    margin: 0 auto 0 auto;
+    padding: 1em 2em 1em 2em;
+    background: rgba(0, 0, 0, 0.40);
+    color: white;
+    text-transform: uppercase;
+    font-size: 75%;
+}
+
 #buttonblock {
     border-top: solid 1px black;
     border-bottom: solid 1px black;
     text-align: center;
+    padding-bottom: 1em;
+}
+
+#buttonblock p {
+    letter-spacing: 1px;
 }
 
 #buttonblock div {
     display: inline-block;
+    margin: 0 1em 0 1em;
 }
 
 #content {
-    padding: 35px 0 35px 0;
+    padding: 10px 0 35px 0;
 }
 
 #footer {
@@ -63,3 +87,26 @@ body {
 
 }
 
+.post {
+    margin-bottom: 2em;
+}
+
+.post p {
+    font-size: 120%;
+    margin-bottom: 0;
+}
+
+.post .desc {
+    font-size: 80%;
+}
+
+.post .location {
+
+}
+
+.post .age {
+    display: inline-block;
+    color: #AAA;
+    position: relative;
+    left: 200px;
+}
diff --git a/htdocs/index.php b/htdocs/index.php
index a5f5456..6ac32ff 100644
--- a/htdocs/index.php
+++ b/htdocs/index.php
@@ -21,13 +21,16 @@ $posts->limit(5);
 $posts->query();
 
 if ($posts->valid()) {
+    for ($i = 0; $i < 10; $i++) { 
     foreach ($posts as $id => $post) {
-        printf("<div class=\"post\"><p><a href=\"postings/%s.html\">%s</a></p>"
+        printf("<div class=\"post\"><p><a href=\"". $GLOBALS['CONFIG']['urlroot']
+                . "/postings/%s.html\">%s</a></p>"
                 . "<div class=\"desc\"><span class=\"location\">%s</span>"
                 . " <span class=\"age\">%s</span></div></div>",
                 
                 $id, $post->getName(), $post->getLocation(), $post->getAge());
     }
+    }
 
 } else {
     echo "<p>No recent posts.</p>";
diff --git a/htdocs/src/header.inc.php b/htdocs/src/header.inc.php
index 856ba32..1396bf2 100644
--- a/htdocs/src/header.inc.php
+++ b/htdocs/src/header.inc.php
@@ -12,7 +12,9 @@
         alt="<?= $CONFIG['sitetitle'] ?>" /></p>
 
     <div id="about">
-        Foursquare community is a place...
+        Foursquare community is a place where you can find help,
+        sell merchandise, list events or even post your rental.
+        We want to build a help you get connected to the community of our church!
     </div>
 </div>