first stab at rendering index.html from index.md

hjwp · hjwp · commit ce01de6e521f · 2020-03-15T19:43:12.000Z
diff --git a/generate-html.py b/generate-html.py
@@ -23,8 +23,8 @@ def main():
         print("rendering {0}".format(post))
         post_date =  date.fromisoformat(post[5:15])
         url = post.replace(".md", ".html").replace("blog/", "posts/")
-        with open(post) as post_f:
-            html = _md.convert(post_f.read())
+        with open(post) as f:
+            html = _md.convert(f.read())
             context = {
                 'blog_publish_date': post_date,
                 **_md.Meta
@@ -35,7 +35,15 @@ def main():
         with open(post_html, "w") as post_html_f:
             post_html_f.write(doc)
         # all_posts.append(dict(**_md.Meta, date=post_date, rfc2822_date=format_datetime(post_date), link="{0}{1}".format(BASE_URL, url)))
-        all_posts.append(dict(**_md.Meta, date=post_date, rfc2822_date='', link="{0}{1}".format(BASE_URL, url)))
+        all_posts.append(dict(**_md.Meta, date=post_date, rfc2822_date='', link="{0}{1}".format(BASE_URL, url)))  # TODO fix date
+
+    # index
+    print("rendering index.html")
+    with open('index.md') as f:
+        index_html = _md.convert(f.read())
+    doc = env.get_template('templates/index.html').render(content=index_html)
+    with open('index.html', "w") as f:
+        f.write(doc)
 
     # Order blog posts by date published
     all_posts.sort(key=lambda item: item['date'], reverse=True)
diff --git a/index.html b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
-<html lang=en>
+<html lang="en">
+
   <head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -10,6 +11,7 @@
     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pygments-css@1.0.0/friendly.css">
   </head>
+
   <body>
 		<main class="wrapper">
 
@@ -22,15 +24,46 @@ <h1 class="title">Cosmic Python</h1>
       </nav>
 
       <section class="container">
-        <h1 class="title">Cosmic Python</h1>
-        <p>Simple patterns for building complex applications</p>
+        
+  <p># cosmic_python</p>
+<p><strong><em>simple patterns for building complex applications</em></strong></p>
+<hr>
+<p><em>(Because &ldquo;Cosmos&rdquo; is the <a href="https://www.goodreads.com/quotes/604655-cosmos-is-a-greek-word-for-the-order-of-the">opposite of Chaos</a>, you see)</em></p>
+<p><img src="images/cover.png" alt="Cover Image for Architecture Patterns with Python Book" style="float: right;" width="200" /></p>
+<h2>The Book</h2>
+<ul>
+<li>Read for free from the sources using Github previews:
+  <a href="https://github.com/cosmicpython/book#table-of-contents">github.com/cosmicpython/book</a></li>
+<li>Read in Early Release via O&rsquo;Reilly Learning (aka Safari) 
+  <a href="https://learning.oreilly.com/library/view/architecture-patterns-with/9781492052197/">learning.oreilly.com</a></li>
+<li>Preorder on <a href="https://amzn.to/37pR2DH">Amazon.com</a> or <a href="https://amzn.to/38CmFu1">Amazon.co.uk</a></li>
+</ul>
+<h2>Blog</h2>
+<h3>Recent posts</h3>
+<ul>
+  {% for post in site.posts reversed %}
+    {% assign year = post.date | date: "%Y" %}
+    {% if year != "2017" %}
+      <li>
+        <a href="{{ post.url }}">{{ post.date | date: "%Y-%m-%d" }} {{ post.title }}</a>
+      </li>
+    {% endif %}
+  {% endfor %}
+</ul>
 
-        <ul>
+<h3>Classic 2017 Episodes on Ports &amp; Adapters, by Bob</h3>
+<ul>
+  {% for post in site.posts reversed %}
+    {% assign year = post.date | date: "%Y" %}
+    {% if year == "2017" %}
+      <li>
+        <a href="{{ post.url }}">{{ post.date | date: "%Y-%m-%d" }} {{ post.title }}</a>
+      </li>
+    {% endif %}
+  {% endfor %}
+</ul>
 
-          <li><a href="/posts/2017-09-07-introducing-command-handler.html">Introduction to Command Handler</a></li>
-        </ul>
       </section>
-
     </main>
   </body>
-</html>
+</html>
diff --git a/index.md b/index.md
@@ -1,4 +1,3 @@
----
 title:
 layout: page
 feature_image: "https://www.jpl.nasa.gov/spaceimages/images/largesize/PIA13111_hires.jpg"
@@ -11,7 +10,7 @@ feature_text: |
 
 _(Because "Cosmos" is the [opposite of Chaos](https://www.goodreads.com/quotes/604655-cosmos-is-a-greek-word-for-the-order-of-the), you see)_
 
-{% include figure.html image="images/cover.png" alt="Cover Image for Architecture Patterns with Python Book" position="right" width="200" %}
+<img src="images/cover.png" alt="Cover Image for Architecture Patterns with Python Book" style="float: right;" width="200" />
 
 
 ## The Book
