Add screenshots.

25 files changed, 113 insertions, 34 deletions

diff --git a/assets/images/screenshots/adelie-bunny.png b/assets/images/screenshots/adelie-bunny.png
new file mode 100755
index 0000000..b3445e0
--- /dev/null
+++ b/assets/images/screenshots/adelie-bunny.png
diff --git a/assets/images/screenshots/adelie-compaq.png b/assets/images/screenshots/adelie-compaq.png
new file mode 100755
index 0000000..b5753ad
--- /dev/null
+++ b/assets/images/screenshots/adelie-compaq.png
diff --git a/assets/images/screenshots/adelie-g3.png b/assets/images/screenshots/adelie-g3.png
new file mode 100644
index 0000000..fc1ba04
--- /dev/null
+++ b/assets/images/screenshots/adelie-g3.png
diff --git a/assets/images/screenshots/adelie-horizon.png b/assets/images/screenshots/adelie-horizon.png
new file mode 100644
index 0000000..7286ab6
--- /dev/null
+++ b/assets/images/screenshots/adelie-horizon.png
diff --git a/assets/images/screenshots/adelie-ibook.png b/assets/images/screenshots/adelie-ibook.png
new file mode 100755
index 0000000..cfaf864
--- /dev/null
+++ b/assets/images/screenshots/adelie-ibook.png
diff --git a/assets/images/screenshots/adelie-imac.png b/assets/images/screenshots/adelie-imac.png
new file mode 100755
index 0000000..7e41b65
--- /dev/null
+++ b/assets/images/screenshots/adelie-imac.png
diff --git a/assets/images/screenshots/adelie-java.png b/assets/images/screenshots/adelie-java.png
new file mode 100755
index 0000000..2e6984a
--- /dev/null
+++ b/assets/images/screenshots/adelie-java.png
diff --git a/assets/images/screenshots/adelie-kde-browser.png b/assets/images/screenshots/adelie-kde-browser.png
new file mode 100644
index 0000000..8508e6d
--- /dev/null
+++ b/assets/images/screenshots/adelie-kde-browser.png
diff --git a/assets/images/screenshots/adelie-lynx.png b/assets/images/screenshots/adelie-lynx.png
new file mode 100755
index 0000000..91ed23c
--- /dev/null
+++ b/assets/images/screenshots/adelie-lynx.png
diff --git a/assets/images/screenshots/adelie-spotify.png b/assets/images/screenshots/adelie-spotify.png
new file mode 100755
index 0000000..4185f92
--- /dev/null
+++ b/assets/images/screenshots/adelie-spotify.png
diff --git a/assets/images/screenshots/adelie-stars.png b/assets/images/screenshots/adelie-stars.png
new file mode 100644
index 0000000..2ff9656
--- /dev/null
+++ b/assets/images/screenshots/adelie-stars.png
diff --git a/assets/images/screenshots/adelie-win10.png b/assets/images/screenshots/adelie-win10.png
new file mode 100755
index 0000000..fcd1918
--- /dev/null
+++ b/assets/images/screenshots/adelie-win10.png
diff --git a/src/screenshots/adelie-bunny.psd b/src/screenshots/adelie-bunny.psd
new file mode 100755
index 0000000..33e113b
--- /dev/null
+++ b/src/screenshots/adelie-bunny.psd
diff --git a/src/screenshots/adelie-compaq.psd b/src/screenshots/adelie-compaq.psd
new file mode 100755
index 0000000..9213217
--- /dev/null
+++ b/src/screenshots/adelie-compaq.psd
diff --git a/src/screenshots/adelie-g3.psd b/src/screenshots/adelie-g3.psd
new file mode 100755
index 0000000..8fee53d
--- /dev/null
+++ b/src/screenshots/adelie-g3.psd
diff --git a/src/screenshots/adelie-horizon.psd b/src/screenshots/adelie-horizon.psd
new file mode 100755
index 0000000..05eb4e0
--- /dev/null
+++ b/src/screenshots/adelie-horizon.psd
diff --git a/src/screenshots/adelie-ibook.psd b/src/screenshots/adelie-ibook.psd
new file mode 100755
index 0000000..e32054e
--- /dev/null
+++ b/src/screenshots/adelie-ibook.psd
diff --git a/src/screenshots/adelie-imac.psd b/src/screenshots/adelie-imac.psd
new file mode 100755
index 0000000..73cf4aa
--- /dev/null
+++ b/src/screenshots/adelie-imac.psd
diff --git a/src/screenshots/adelie-java.psd b/src/screenshots/adelie-java.psd
new file mode 100755
index 0000000..35f2712
--- /dev/null
+++ b/src/screenshots/adelie-java.psd
diff --git a/src/screenshots/adelie-kde-browser.psd b/src/screenshots/adelie-kde-browser.psd
new file mode 100755
index 0000000..6f9c0b4
--- /dev/null
+++ b/src/screenshots/adelie-kde-browser.psd
diff --git a/src/screenshots/adelie-lynx.psd b/src/screenshots/adelie-lynx.psd
new file mode 100755
index 0000000..606fbc5
--- /dev/null
+++ b/src/screenshots/adelie-lynx.psd
diff --git a/src/screenshots/adelie-spotify.psd b/src/screenshots/adelie-spotify.psd
new file mode 100755
index 0000000..65a83b3
--- /dev/null
+++ b/src/screenshots/adelie-spotify.psd
diff --git a/src/screenshots/adelie-stars.psd b/src/screenshots/adelie-stars.psd
new file mode 100755
index 0000000..97cc332
--- /dev/null
+++ b/src/screenshots/adelie-stars.psd
diff --git a/src/screenshots/adelie-win10.psd b/src/screenshots/adelie-win10.psd
new file mode 100755
index 0000000..7acf258
--- /dev/null
+++ b/src/screenshots/adelie-win10.psd
diff --git a/src/screenshots/index.html b/src/screenshots/index.html
index d1c975b..cfabb18 100644
--- a/src/screenshots/index.html
+++ b/src/screenshots/index.html
@@ -51,98 +51,177 @@ __HEADER__
 					<ul>
 						<li class="active" data-filter="*">All</li>
 						<li data-filter=".category-1">Productivity</li>
-						<li data-filter=".category-2">Data Science</li>
-						<li data-filter=".category-3">Retro Computing</li>
+						<li data-filter=".category-2">Entertainment</li>
+						<li data-filter=".category-3">Data Science</li>
+						<li data-filter=".category-4">Retro Computing</li>
 					</ul>
 				</div>
 				<!-- end Portfolio filter -->
 				<div class="row portfolio-wrapper spacing-10 border-radius-025">
-					<!-- Portfolio box 1 -->
 					<div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
-						<div class="portfolio-box">
+						<div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-win10.png">
 							<div class="portfolio-img">
-								<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
+								<img src="adelie-win10.webp" alt=""><!-- Image source -->
 							</div>
-							<a href="#"></a><!-- Portfolio Single link -->
 							<div class="portfolio-title">
 								<div>
-									<h5 class="font-weight-normal">Project Title</h5>
-									<span>Category</span>
+									<h5 class="font-weight-normal">Virtualize Windows 10</h5>
+									<span>Productivity</span>
 								</div>
 							</div>
 						</div>
 					</div>
-					<!-- Portfolio box 2 -->
 					<div class="col-12 col-md-6 col-lg-4 portfolio-item category-2">
-						<div class="portfolio-box">
+						<div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-bunny.png">
 							<div class="portfolio-img">
-								<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
+								<img src="adelie-bunny.webp" alt=""><!-- Image source -->
 							</div>
 							<a href="#"></a><!-- Portfolio Single link -->
 							<div class="portfolio-title">
 								<div>
-									<h5 class="font-weight-normal">Project Title</h5>
-									<span>Category</span>
+									<h5 class="font-weight-normal">Watch Big Buck Bunny</h5>
+									<span>Entertainment</span>
 								</div>
 							</div>
 						</div>
 					</div>
-					<!-- Portfolio box 3 -->
-					<div class="col-12 col-md-6 col-lg-4 portfolio-item category-3">
-						<div class="portfolio-box">
+					<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="/assets/images/col-2.jpg" alt=""><!-- Image source -->
+								<img src="adelie-g3.webp" alt=""><!-- Image source -->
 							</div>
 							<a href="#"></a><!-- Portfolio Single link -->
 							<div class="portfolio-title">
 								<div>
-									<h5 class="font-weight-normal">Project Title</h5>
-									<span>Category</span>
+									<h5 class="font-weight-normal">Time Travel on a 1999 iMac G3</h5>
+									<span>Retro Computing</span>
 								</div>
 							</div>
 						</div>
 					</div>
-					<!-- Portfolio box 4 -->
 					<div class="col-12 col-md-6 col-lg-4 portfolio-item category-1">
-						<div class="portfolio-box">
+						<div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-horizon.png">
 							<div class="portfolio-img">
-								<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
+								<img src="adelie-horizon.webp" alt=""><!-- Image source -->
 							</div>
 							<a href="#"></a><!-- Portfolio Single link -->
 							<div class="portfolio-title">
 								<div>
-									<h5 class="font-weight-normal">Project Title</h5>
-									<span>Category</span>
+									<h5 class="font-weight-normal">Develop Applications</h5>
+									<span>Productivity</span>
+								</div>
+							</div>
+						</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-stars.png">
+							<div class="portfolio-img">
+								<img src="adelie-stars.webp" alt=""><!-- Image source -->
+							</div>
+							<a href="#"></a><!-- Portfolio Single link -->
+							<div class="portfolio-title">
+								<div>
+									<h5 class="font-weight-normal">Explore the Stars</h5>
+									<span>Data Science</span>
 								</div>
 							</div>
 						</div>
 					</div>
-					<!-- Portfolio box 5 -->
 					<div class="col-12 col-md-6 col-lg-4 portfolio-item category-2">
-						<div class="portfolio-box">
+						<div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-spotify.png">
+							<div class="portfolio-img">
+								<img src="adelie-spotify.webp" alt=""><!-- Image source -->
+							</div>
+							<a href="#"></a><!-- Portfolio Single link -->
+							<div class="portfolio-title">
+								<div>
+									<h5 class="font-weight-normal">Stream Your Music</h5>
+									<span>Entertainment</span>
+								</div>
+							</div>
+						</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-img">
-								<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
+								<img src="adelie-kde-browser.webp" alt=""><!-- Image source -->
 							</div>
 							<a href="#"></a><!-- Portfolio Single link -->
 							<div class="portfolio-title">
 								<div>
-									<h5 class="font-weight-normal">Project Title</h5>
-									<span>Category</span>
+									<h5 class="font-weight-normal">Internet Relay Chat</h5>
+									<span>Productivity</span>
+								</div>
+							</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-lynx.png">
+							<div class="portfolio-img">
+								<img src="adelie-lynx.webp" alt=""><!-- Image source -->
+							</div>
+							<a href="#"></a><!-- Portfolio Single link -->
+							<div class="portfolio-title">
+								<div>
+									<h5 class="font-weight-normal">Off the Grid:<br />Solar + LTE + Raspberry Pi</h5>
+									<span>Retro Computing</span>
 								</div>
 							</div>
 						</div>
 					</div>
-					<!-- Portfolio box 6 -->
 					<div class="col-12 col-md-6 col-lg-4 portfolio-item category-3">
-						<div class="portfolio-box">
+						<div class="portfolio-box lightbox-image-box" href="/assets/images/screenshots/adelie-java.png">
+							<div class="portfolio-img">
+								<img src="adelie-java.webp" alt=""><!-- Image source -->
+							</div>
+							<a href="#"></a><!-- Portfolio Single link -->
+							<div class="portfolio-title">
+								<div>
+									<h5 class="font-weight-normal">NASA's World in Java</h5>
+									<span>Data Science</span>
+								</div>
+							</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-compaq.png">
+							<div class="portfolio-img">
+								<img src="adelie-compaq.webp" alt=""><!-- Image source -->
+							</div>
+							<a href="#"></a><!-- Portfolio Single link -->
+							<div class="portfolio-title">
+								<div>
+									<h5 class="font-weight-normal">Intel Pentium III</h5>
+									<span>Retro Computing</span>
+								</div>
+							</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-ibook.png">
+							<div class="portfolio-img">
+								<img src="adelie-ibook.webp" alt=""><!-- Image source -->
+							</div>
+							<a href="#"></a><!-- Portfolio Single link -->
+							<div class="portfolio-title">
+								<div>
+									<h5 class="font-weight-normal">iBook G3</h5>
+									<span>Retro Computing</span>
+								</div>
+							</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-imac.png">
 							<div class="portfolio-img">
-								<img src="/assets/images/col-2.jpg" alt=""><!-- Image source -->
+								<img src="adelie-imac.webp" alt=""><!-- Image source -->
 							</div>
 							<a href="#"></a><!-- Portfolio Single link -->
 							<div class="portfolio-title">
 								<div>
-									<h5 class="font-weight-normal">Project Title</h5>
-									<span>Category</span>
+									<h5 class="font-weight-normal">iMac G4</h5>
+									<span>Retro Computing</span>
 								</div>
 							</div>
 						</div>