Add Wii U screenshot. Update stale hrefs .jpg --> .png.

1 files changed, 27 insertions, 13 deletions

diff --git a/src/screenshots/index.html b/src/screenshots/index.html
index 8eb635d..56fa92e 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.jpg">
+        <div class="section-xl bg-image parallax" data-bg-src="penguins-identical.png">
             <div class="bg-black-05">
                 <div class="container text-right">
                     <div class="row">
@@ -61,7 +61,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-win10.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-win10.png" alt=""><!-- Image source -->
                             </div>
                             <div class="portfolio-title">
                                 <div>
@@ -74,7 +74,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-bunny.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-bunny.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -88,7 +88,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-g3.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-g3.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -102,7 +102,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-horizon.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-horizon.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -117,7 +117,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-stars.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-stars.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -131,7 +131,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-spotify.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-spotify.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -145,7 +145,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-kde-browser.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-kde-browser.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -159,7 +159,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-lynx.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-lynx.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -173,7 +173,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-java.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-java.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -187,7 +187,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-compaq.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-compaq.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -201,7 +201,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-ibook.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-ibook.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -215,7 +215,7 @@ __HEADER__
                     <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-img">
-                                <img src="adelie-imac.jpg" alt=""><!-- Image source -->
+                                <img src="adelie-imac.png" alt=""><!-- Image source -->
                             </div>
                             <a href="#"></a><!-- Portfolio Single link -->
                             <div class="portfolio-title">
@@ -226,6 +226,20 @@ __HEADER__
                             </div>
                         </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-img">
+                                <img src="adelie-wiiu.png" alt=""><!-- Image source -->
+                            </div>
+                            <a href="#"></a><!-- Portfolio Single link -->
+                            <div class="portfolio-title">
+                                <div>
+                                    <h5 class="font-weight-normal">Wii U</h5>
+                                    <span>Retro Computing</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                 </div><!-- end row/portfolio-wrapper -->
             </div><!-- end container -->
         </div>