Merge pull request #120 from bplcoder14/51-add-theme-gallery

#51 add theme gallery

Author: jubalh

ADDING_THEMES.md

@@ -0,0 +1,5 @@
+How to add a new theme to the theme gallery:
+
+1. Take a screenshot of the theme and place it in the /images/gallery/themes folder. Make sure the name of the screenshot is like this: (theme name).png
+
+2. Add the name of the theme to the ```themeList``` array in ```load_themes.js```.

css/themegallery.css

@@ -0,0 +1,6 @@
+.theme-image {
+    width: 100%;
+    height: auto;
+    display: block;
+    max-width: 100%;
+}

guide/0100/themes.html

@@ -33,6 +33,7 @@ <h3>Loading a theme</h3>
 
             <p>To list available themes:</p>
             <pre><code>/theme list</code></pre>
+            <p>You can see a preview of each theme in the <a href="/themegallery.html">theme gallery</a>.</p>
             <p>To load a theme:</p>
             <pre><code>/theme load &lt;theme-file&gt;</code></pre>
         </section>

guide/0110/themes.html

@@ -33,6 +33,7 @@ <h3>Loading a theme</h3>
 
             <p>To list available themes:</p>
             <pre><code>/theme list</code></pre>
+            <p>You can see a preview of each theme in the <a href="/themegallery.html">theme gallery</a>.</p>
             <p>To load a theme:</p>
             <pre><code>/theme load &lt;theme-file&gt;</code></pre>
         </section>

guide/0111/themes.html

@@ -33,6 +33,7 @@ <h3>Loading a theme</h3>
 
             <p>To list available themes:</p>
             <pre><code>/theme list</code></pre>
+            <p>You can see a preview of each theme in the <a href="/themegallery.html">theme gallery</a>.</p>
             <p>To load a theme:</p>
             <pre><code>/theme load &lt;theme-file&gt;</code></pre>
         </section>

guide/0120/themes.html

@@ -33,6 +33,7 @@ <h3>Loading a theme</h3>
 
             <p>To list available themes:</p>
             <pre><code>/theme list</code></pre>
+            <p>You can see a preview of each theme in the <a href="/themegallery.html">theme gallery</a>.</p>
             <p>To load a theme:</p>
             <pre><code>/theme load &lt;theme-file&gt;</code></pre>
         </section>

guide/0130/themes.html

@@ -33,6 +33,7 @@ <h3>Loading a theme</h3>
 
             <p>To list available themes:</p>
             <pre><code>/theme list</code></pre>
+            <p>You can see a preview of each theme in the <a href="/themegallery.html">theme gallery</a>.</p>
             <p>To load a theme:</p>
             <pre><code>/theme load &lt;theme-file&gt;</code></pre>
         </section>

guide/0131/themes.html

@@ -33,6 +33,7 @@ <h3>Loading a theme</h3>
 
             <p>To list available themes:</p>
             <pre><code>/theme list</code></pre>
+            <p>You can see a preview of each theme in the <a href="/themegallery.html">theme gallery</a>.</p>
             <p>To load a theme:</p>
             <pre><code>/theme load &lt;theme-file&gt;</code></pre>
         </section>

guide/0140/themes.html

@@ -33,6 +33,7 @@ <h3>Loading a theme</h3>
 
             <p>To list available themes:</p>
             <pre><code>/theme list</code></pre>
+            <p>You can see a preview of each theme in the <a href="/themegallery.html">theme gallery</a>.</p>
             <p>To load a theme:</p>
             <pre><code>/theme load &lt;theme-file&gt;</code></pre>
         </section>

guide/070/themes.html

@@ -33,6 +33,7 @@ <h3>Loading a theme</h3>
 
             <p>To list available themes:</p>
             <pre><code>/theme list</code></pre>
+            <p>You can see a preview of each theme in the <a href="/themegallery.html">theme gallery</a>.</p>
             <p>To load a theme:</p>
             <pre><code>/theme load &lt;theme-file&gt;</code></pre>
         </section>