[gimp-web/gimp-web-static] Fleshing out a 20th anniversary post

[Pat David <patdavid src gnome org>]

commit cf698e39e2e6c3cc6f88267c2a029624ccf8ae03
Author: Pat David <pat patdavid net>
Date:   Sat Nov 21 13:41:17 2015 -0600

    Fleshing out a 20th anniversary post

 content/news/2015-11-18 20-years-of-gimp.md |   44 ++++++++++++++++++++++++++-
 content/news/images/birthday2_500.png       |  Bin 271079 -> 195391 bytes
 themes/newgimp/static/css/article.css       |   32 +++++++++++++++++++-
 3 files changed, 74 insertions(+), 2 deletions(-)
---
diff --git a/content/news/2015-11-18 20-years-of-gimp.md b/content/news/2015-11-18 20-years-of-gimp.md
index b06f260..6dfad82 100644
--- a/content/news/2015-11-18 20-years-of-gimp.md       
+++ b/content/news/2015-11-18 20-years-of-gimp.md       
@@ -4,12 +4,54 @@ Category: News
 Authors: Pat David
 Status: draft
 
-This is a placeholder to announce 20 years of GIMP!  Yay!
+
+Back in 1995, University of California students, Peter Mattis and Kimball Spencer, were members of the 
eXperimental Computing Facility, a Berkeley campus organization of undergraduate students enthusiastic about 
computers and programming. In June of that year, the two hinted at their intentions to write a free graphical 
image manipulation program as a means of giving back to the Free Software community.. 
+
+On November 21st, 20 years ago today, Peter Mattis [announced the availability][] of the "General Image 
Manipulation Program" on Usenet (later on, the acronym would be redefined to stand for the "GNU Image 
Manipulation Program"). 
+
+[announced the availability]: /about/prehistory.html#november-1995-an-announcement
+
 
 <figure>
 <img src='{filename}./images/201512birthday_975.png' alt='Wilber Birthday Strip'/>
 </figure>
 
+
+<small>Look at the original feature set?  Some sort of self-deprecating joke (bit-depth? color? only took 20 
years? 3.0 release sometime before 2035?)
+
+A look back at this page (https://web.archive.org/web/19970711112615/http://www.xcf.berkeley.edu/~gimp/ )?
+{{ screenshot: http://static.gimp.org/news/images/1997-GIMP-Berkeley.png }}
+</small>
+
+## New website (SGO)
+
+In conjunction with the 20th anniversary we have updated and revamped the website.
+
+<figure>
+<img src="{filename}images/1997-GIMP-Berkeley.png" alt="GIMP 1.0 Website" />
+<figcaption>
+The GIMP website originally hosted at xcf.berkeey.edu (ca. 1997).<br/>
+<a href="https://web.archive.org/web/19970711112615/http://www.xcf.berkeley.edu/~gimp/";>via archive.org</a>
+</figcaption>
+</figure>
+
+The update (finally) includes some much needed improvements such as [News items] with permalinks and [full 
RSS/Atom feeds][].
+The site is also now responsive to adapt to various screen sizes.
+Try it on a mobile device or tablet!
+
+[News items]: //www.gimp.org/news/
+[full RSS/Atom feeds]: //www.gimp.org/feeds/atom.xml
+
+
+## 2.9 release!
+
+
+## new GEGL release as well
+
+
+
 <figure>
 <img src='{filename}images/birthday2_500.png' alt='Wilber Birthday Snapshot' />
 </figure>
+
+
diff --git a/content/news/images/birthday2_500.png b/content/news/images/birthday2_500.png
index 77cc1a1..f699063 100644
Binary files a/content/news/images/birthday2_500.png and b/content/news/images/birthday2_500.png differ
diff --git a/themes/newgimp/static/css/article.css b/themes/newgimp/static/css/article.css
index 8869102..ef97797 100644
--- a/themes/newgimp/static/css/article.css
+++ b/themes/newgimp/static/css/article.css
@@ -5,7 +5,7 @@
 
 .entry-content p {
     max-width: 34rem;
-    margin-top: 1rem;
+    margin-bottom: 1rem;
     color: #777;
     color: #555;
 }
@@ -21,6 +21,7 @@
     display: inline-block;
     font-size: 0.85rem;
     color: #888;
+    margin-bottom: 1.5rem;
 }
 
 abbr[title] {
@@ -49,3 +50,32 @@ figure img {
     max-width: 100%;
     max-height: 100vh;
 }
+
+.entry-content h1,
+.entry-content h2,
+.entry-content h3,
+.entry-content h4,
+.entry-content h5,
+.entry-content h6 {
+
+    max-width: 35rem;
+    margin: 0 auto;
+}
+
+.entry-content p + h1,
+.entry-content p + h2,
+.entry-content p + h3,
+.entry-content p + h4,
+.entry-content p + h5,
+.entry-content p + h6 {
+    margin-top: 2rem;
+}
+
+figure figcaption {
+    font-size: 0.85rem;
+    text-align: center;
+    line-height: 1.3rem;
+    display: table-caption;
+    caption-side: bottom;
+    font-weight: 300;
+}