icons for projects, updates copyright

disclaimer.html

@@ -71,7 +71,7 @@ Should I update, amend or make any changes to this document, those changes will
   </body>
   <footer>
         <div class="footer">
-            <p> (c) 2017 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p>
+            <p> (c) 2018 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p>
         </div>
   </footer>
 </html>

index.html

@@ -67,7 +67,7 @@
   </body>
   <footer>
 		<div class="footer">
-			<p> (c) 2017 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p>
+			<p> (c) 2018 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p>
 		</div>
   </footer>
 </html>

projects.html

@@ -47,16 +47,19 @@
                 <p>Python script to send PUSH notifications <a href=https://firebase.google.com/docs/cloud-messaging/>(via FCM)</a> when a website changes.</p>
 
                 <h3><a href="https://github.com/panki27/minebash">minebash</a></h3>
-                <a href="https://github.com/panki27/minebash"><img style="border:2px solid #136D9E;border-radius: 75px" src="https://i.imgur.com/dADsjEh.png" width="150" height="150"></a>
+                <a href="https://github.com/panki27/minebash"><img class="icon" src="https://i.imgur.com/dADsjEh.png"></a>
                 <p>Commandline only minesweeper game for Python on Linux!<p>
                 
                 <h3><a href="https://github.com/panki27/ClockSualizer">clockSualizer</a></h3>
-                <p>(Ab)Using a MIDI clock signal as a way to determine the beat of a song with an Arduino. Drives WS2812b digital LED strips in sync with whatever music is playing in your DJ software.</p>
+                <p>(Ab)Using a MIDI clock signal as a way to determine the beat of a song with an Arduino. Drives WS2812b digital LED strips in sync with whatever music is playing in your DJ software. <a href="https://www.felixpankratz.de/media/vumeter.webm">Click here for a demonstration!</a> </p>
 
                 <h3><a href="https://github.com/panki27/crypttool">crypttool</a></h3>
                 <p>Commandline tool to do various simple cryptographic caluclations and operations, aswell as cracking simple XOR ciphers.</p>
                 
                 <h3><a href="https://github.com/panki27/Popcorn">Popcorn</a></h3>
+                <a href="https://github.com/panki27/Popcorn">
+                    <img class="icon" src="https://i.imgur.com/bbbKYcR.jpg">
+                </a>
                 <p>A JavaFX project from university. Queries <a href="https://www.themoviedb.org/">TheMovieDatabase</a> for information on movies. Also provides links to streams and shows trailers. Lots of ideas stolen from PopcornTime.</p>
                 
                 <h3><a href="https://github.com/panki27/pwnspark">pwnSpark</a></h3>
@@ -76,7 +79,7 @@
   </body>
   <footer>
         <div class="footer">
-            <p> (c) 2017 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p>
+            <p> (c) 2018 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p>
         </div>
   </footer>
 </html>

style.css

@@ -34,6 +34,20 @@ div.bio {
     float:none;
 }
 
+img.icon {
+	object-fit: cover;
+	height: 200px;
+	width: 200px;
+	border: solid #136D9E;
+	border-width: 4px;
+	border-radius: 150px;
+}
+
+img.icon:hover {
+	border: solid #388EBD;
+	border-width: 4px;
+}
+
 div.linktable {
     
 }