2 files changed, 28 insertions, 27 deletions

diff --git a/publish b/publish
index b511e65..173dafa 100755
--- a/publish
+++ b/publish
@@ -5,6 +5,7 @@ HERE=$(dirname $(readlink -f ${0}))/src;
 HTML=html;
 rm -f ${HTML}.tgz;
 TEMP=$(mktemp -d);
+chmod 755 ${TEMP};
 
 ##
 # Logo
diff --git a/src/screenshots/index.html b/src/screenshots/index.html
index 56fa92e..03a9d7d 100644
--- a/src/screenshots/index.html
+++ b/src/screenshots/index.html
@@ -28,7 +28,7 @@ __HEADER__
         </div>
         <!-- end Header -->
 
-        <div class="section-xl bg-image parallax" data-bg-src="penguins-identical.png">
+        <div class="section-xl bg-image parallax" data-bg-src="penguins-identical.jpg">
             <div class="bg-black-05">
                 <div class="container text-right">
                     <div class="row">
@@ -59,9 +59,9 @@ __HEADER__
                 <!-- end Portfolio filter -->
                 <div class="row portfolio-wrapper spacing-10 border-radius-025">
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-win10.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-win10.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-win10.png" alt=""><!-- Image source -->
+                                <img src="adelie-win10.jpg" alt=""><!-- Image source -->
                             </div>
                             <div class="portfolio-title">
                                 <div>
@@ -72,9 +72,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-2">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-bunny.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-bunny.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-bunny.png" alt=""><!-- Image source -->
+                                <img src="adelie-bunny.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -86,9 +86,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-g3.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-g3.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-g3.png" alt=""><!-- Image source -->
+                                <img src="adelie-g3.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -100,9 +100,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-horizon.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-horizon.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-horizon.png" alt=""><!-- Image source -->
+                                <img src="adelie-horizon.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -115,9 +115,9 @@ __HEADER__
                     </div>
 
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-3">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-stars.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-stars.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-stars.png" alt=""><!-- Image source -->
+                                <img src="adelie-stars.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -129,9 +129,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-2">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-spotify.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-spotify.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-spotify.png" alt=""><!-- Image source -->
+                                <img src="adelie-spotify.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -143,9 +143,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-kde-browser.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-kde-browser.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-kde-browser.png" alt=""><!-- Image source -->
+                                <img src="adelie-kde-browser.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -157,9 +157,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-lynx.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-lynx.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-lynx.png" alt=""><!-- Image source -->
+                                <img src="adelie-lynx.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -171,9 +171,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-3">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-java.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-java.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-java.png" alt=""><!-- Image source -->
+                                <img src="adelie-java.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -185,9 +185,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-compaq.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-compaq.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-compaq.png" alt=""><!-- Image source -->
+                                <img src="adelie-compaq.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -199,9 +199,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-ibook.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-ibook.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-ibook.png" alt=""><!-- Image source -->
+                                <img src="adelie-ibook.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -213,9 +213,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-imac.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-imac.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-imac.png" alt=""><!-- Image source -->
+                                <img src="adelie-imac.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -227,9 +227,9 @@ __HEADER__
                         </div>
                     </div>
                     <div class="col-12 col-md-6 col-lg-4 portfolio-item category-4">
-                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-wiiu.png">
+                        <div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-wiiu.jpg">
                             <div class="portfolio-img">
-                                <img src="adelie-wiiu.png" alt=""><!-- Image source -->
+                                <img src="adelie-wiiu.jpg" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">