Parcourir la source

Add projects and recent posts to the landing page

Talha Mansoor il y a 11 ans
Parent
commit
8a143fdc3a
2 fichiers modifiés avec 26 ajouts et 3 suppressions
  1. 6 0
      static/css/style.css
  2. 20 3
      templates/index.html

+ 6 - 0
static/css/style.css

@@ -344,3 +344,9 @@ ul.top-menu li a {
     float:right;
     font-weight:normal;
 }
+
+.proj_desc {
+    color:#999999;
+    font-family:"PT Sans","Helvetica Neue",Arial,sans-serif;
+    font-size: 0.9em;
+}

+ 20 - 3
templates/index.html

@@ -14,14 +14,31 @@ Home page of the {{ SITENAME|striptags }} blog.
     </header>
 
     <div class="row-fluid">
-        <div class="span3">
+        <div class="span4">
             <header>
             <h1>About me</h1>
             </header>
             <p>My name is anothony queen</p>
         </div>
-        {% if articles %}
-        <div class="span8">
+
+        {% if PROJECTS %}
+        <div class="span4">
+            <header>
+            <h1>My Projects</h1>
+            {% for project in PROJECTS %}
+            <ul class="list-all-articles">
+                <li>
+                <a href="project.url">{{ project.name }}</a> <span class="proj_desc">{{ project.description }}</span>
+                </li>
+            </ul>
+            {%endfor %}
+        </div>
+        {% endif %}
+    </div>
+
+    {% if articles %}
+    <div class="row-fluid">
+        <div class="span12">
             <header>
             <h1>Recent Posts <a id="allposts" href="{{ SITEURL }}/archives.html">all posts</a></h1>
             </header>