Starting to add some screenshots

Author: njmcode-rehab

assets/img/screens/cp-demoscene-640.png

@@ -47,6 +47,9 @@ <h2>Contact</h2>
 			<h2>Selected work</h2>
 			<p>Much of my output over the last six years has been white-labelled or developed under NDA. Some selected public work is listed below.</p>
 			<h3>As developer</h3>
+			<a class="img-link" href="https://codepen.io/collection/nbGQxZ/" target="_blank" title="Demoscene collection on CodePen">
+				<img src="assets/img/screens/cp-demoscene-640.png" width="320" alt="Screenshot of Demoscene collection on CodePen">
+			</a>
 			<ul>
 				<li><a href="https://codepen.io/njmcode/" target="_blank">Codepen</a> - regular experiments and tinkering</li>
 				<li><a href="https://github.com/njmcode/modular-drum-app" target="_blank">Rassvet</a> modular drum machine (as seen in net magazine #265)</li>

assets/img/screens/cp-demoscene.png

@@ -22,6 +22,16 @@ a {
 	color: $c-bg;
 	text-decoration: none;
 	transition: $c-hover-trans;
+
+	&.img-link {
+		display: block;
+		text-align: center;
+		padding: 0.2em!important;
+		background: transparent!important;
+		img {
+			border: 3px solid $c-base;
+		}
+	}
 }
 
 small {