[gimp-web/gimp-web-static] Testing some path/folder combinations

[Pat David <patdavid src gnome org>]

commit 18a28993c82ed208f04ea09761f1dfaf7cd9d5fe
Author: Pat David <patdavid gmail com>
Date:   Tue Aug 4 17:23:38 2015 -0500

    Testing some path/folder combinations

 content/pages/tutorials.md                         |    3 ++-
 .../tutorials/GIMP_Quickies/Crop-Cursor.png        |  Bin 289 -> 289 bytes
 .../tutorials/GIMP_Quickies/Crop-Example.png       |  Bin 52029 -> 52029 bytes
 .../tutorials/GIMP_Quickies/Crop-First.png         |  Bin 121801 -> 121801 bytes
 .../tutorials/GIMP_Quickies/Crop-Select-Tool.png   |  Bin 6487 -> 6487 bytes
 .../tutorials/GIMP_Quickies/Crop-Tool.png          |  Bin 7759 -> 7759 bytes
 .../GIMP_Quickies/Export-Image-Dialog.png          |  Bin 23740 -> 23740 bytes
 .../GIMP_Quickies/Export-Image-as-JPEG.png         |  Bin 21001 -> 21001 bytes
 .../tutorials/GIMP_Quickies/Flip-Sample-Arrow.jpg  |  Bin 88334 -> 88334 bytes
 .../GIMP_Quickies/JPG-Compression-Sample.png       |  Bin 132934 -> 132934 bytes
 .../tutorials/GIMP_Quickies/Rotate-Sample.jpg      |  Bin 86142 -> 86142 bytes
 .../GIMP_Quickies/Scale-Image-Dialog-Scaled.png    |  Bin 15082 -> 15082 bytes
 .../Scale-Image-Dialog-Value-Types.png             |  Bin 70083 -> 70083 bytes
 .../tutorials/GIMP_Quickies/Scale-Image-Dialog.png |  Bin 15154 -> 15154 bytes
 .../Scale-View-Pixel-Size-Original.png             |  Bin 77126 -> 77126 bytes
 .../{pages => }/tutorials/GIMP_Quickies/index.htrw |    0
 .../{pages => }/tutorials/GIMP_Quickies/index.md   |   15 ++++++++++-----
 .../{pages => }/tutorials/GIMP_Quickies/styles.css |    0
 content/tutorials/index.md                         |   16 ++++++++++++++++
 pelicanconf.py                                     |    3 ++-
 themes/newgimp/static/css/page.css                 |   20 ++++++++++++++++++++
 21 files changed, 50 insertions(+), 7 deletions(-)
---
diff --git a/content/pages/tutorials.md b/content/pages/tutorials.md
index 70c6778..b91505e 100644
--- a/content/pages/tutorials.md
+++ b/content/pages/tutorials.md
@@ -1,8 +1,9 @@
-Title: Tutorials
+Title: Tutorials Old
 Date: 2015-07-29T14:40:35-05:00
 Modified: 2015-07-29T14:40:43-05:00
 Authors: Pat David
 Summary: The tutorials page.
+status: hidden
 
 Going to have a list of tutorials here.
 
diff --git a/content/pages/tutorials/GIMP_Quickies/index.htrw b/content/tutorials/GIMP_Quickies/index.htrw
similarity index 100%
rename from content/pages/tutorials/GIMP_Quickies/index.htrw
rename to content/tutorials/GIMP_Quickies/index.htrw
diff --git a/content/pages/tutorials/GIMP_Quickies/index.md b/content/tutorials/GIMP_Quickies/index.md
similarity index 96%
rename from content/pages/tutorials/GIMP_Quickies/index.md
rename to content/tutorials/GIMP_Quickies/index.md
index 519a052..7853382 100644
--- a/content/pages/tutorials/GIMP_Quickies/index.md
+++ b/content/tutorials/GIMP_Quickies/index.md
@@ -41,11 +41,12 @@ The image we’ll be using to illustrate this with is [The Horsehead Nebula in I
 When you first open your image in GIMP, chances are that the image will be zoomed so that the entire image 
fits in your canvas. The thing to notice for this example is that by default the window decoration at the top 
of GIMP will show you some information about the image.
 
 <figure>
-<img src="{attach}Scale-View-Pixel-Size-Original.png" alt="Test">
+<img src="{attach}Scale-View-Pixel-Size-Original.png" alt="Test" width='595' height='455'>
+<figcaption>
+View of the GIMP canvas, with information at the top of the window.
+</figcaption>
 </figure>
 
-<div class="centerImg">![GIMP Scale Image Tutorial Nebula]({attach}Scale-View-Pixel-Size-Original.png)  
-<span class="caption">View of the GIMP canvas, with information at the top of the window.</span></div>
 
 Notice that the information at the top of the window shows the <span style="color: #00FF00;">current pixel 
dimensions</span> of the image (in this case, the pixel size is 1225×1280).
 
@@ -55,8 +56,12 @@ To resize the image to new dimensions, we need only invoke the **Scale Image** d
 
 This will then open the **Scale Image** dialog:
 
-<div class="centerImg">![GIMP Scale Image Tutorial Dialog](Scale-Image-Dialog.png)  
-<span class="caption">The **Scale Image** dialog.</span></div>
+<figure>
+<img src="{attach}Scale-Image-Dialog.png" alt="GIMP Scale Image Tutorial Dialog" width='376' height='336'>
+<figcaption>
+The **Scale Image** dialog.
+</figcaption>
+</figure>
 
 In the **Scale Image** dialog, you’ll find a <span style="color: #00FF00;">place to enter new values</span> 
for **Width** and **Height**. If you know one of the new dimensions you’d like for the image, fill in the 
appropriate one here.
 
diff --git a/content/pages/tutorials/GIMP_Quickies/styles.css b/content/tutorials/GIMP_Quickies/styles.css
similarity index 100%
rename from content/pages/tutorials/GIMP_Quickies/styles.css
rename to content/tutorials/GIMP_Quickies/styles.css
diff --git a/content/tutorials/index.md b/content/tutorials/index.md
new file mode 100644
index 0000000..a5407cf
--- /dev/null
+++ b/content/tutorials/index.md
@@ -0,0 +1,16 @@
+Title: Tutorials 
+Date: 2015-07-29T14:40:35-05:00
+Modified: 2015-07-29T14:40:43-05:00
+Authors: Pat David
+Summary: The tutorials page.
+
+Going to have a list of tutorials here.
+
+This text may not be visible once the scripting is done to handle listing all of the tutorials.
+
+## Beginner
+
+Beginner tutorials.
+
+## Intermediate
+Text just under heading three (3).
diff --git a/pelicanconf.py b/pelicanconf.py
index 7b6f4fc..23c5b16 100644
--- a/pelicanconf.py
+++ b/pelicanconf.py
@@ -38,8 +38,9 @@ DEFAULT_PAGINATION = False
 # Pat David changes while building/testing
 
 # This will copy over these folders w/o modification
-STATIC_PATHS = ['images', 'pages']
+STATIC_PATHS = ['images', 'pages', 'tutorials']
 
+PAGE_PATHS = ['pages', 'tutorials']
 
 THEME = "./themes/newgimp"
 
diff --git a/themes/newgimp/static/css/page.css b/themes/newgimp/static/css/page.css
index d135b22..baa2e27 100644
--- a/themes/newgimp/static/css/page.css
+++ b/themes/newgimp/static/css/page.css
@@ -39,3 +39,23 @@
 .page_content blockquote p {
     margin-bottom: 0;
 }
+
+figure {
+    display: table;
+    margin: 1rem auto;
+}
+
+figure img {
+    width: initial;
+    max-width: 100%;
+    margin-bottom: 0.5rem;
+}
+
+figure figcaption {
+    font-size: 0.85rem;
+    text-align: center;
+    line-height: 1.3rem;
+    display: table-caption;
+    caption-side: bottom;
+    font-weight: 300;
+}