Smaller images, square navlogo and favicon

Signed-off-by: Moxie "The Cobra" Widulski <cobra@vern.cc>

avatar.html

@@ -9,27 +9,26 @@
 	<!--#include file="/nav" -->
 	<div class=h><h1 id=cobra>My profile picture</h1> <a aria-hidden=true href=#cobra>#cobra</a></div>
 	<p>My profile picture is a photo of a cobra holding a Tux plush and my ThinkPad.</p>
-	<p>There have been many iterations over time. The ones that I still have are listed here.</p>
+	<p>There have been many iterations over time. The ones that I still have are listed here. All of my contributions are licensed under CC BY-SA 4.0 International.</p>
 
 	<div class=h><h2 id=zero>Zeroth iteration (XCF file unavailable)</h2> <a aria-hidden=true href=#zero>#zero</a></div>
-	<img src=/media/pfp/zero.jpeg alt="The zeroth iteration of my cobra profile picture" />
+	<img src=/media/pfp/zero.jpeg alt="The zeroth iteration of my cobra profile picture" width=40% />
 	<p>This version was created by a few people on Matrix, namely AIM and Ulfnic.</p>
 	<br />
 
 	<div class=h><h2 id=one>First iteration (XCF file unavailable)</h2> <a aria-hidden=true href=#one>#one</a></div>
-	<img src=/media/pfp/one.jpeg alt="The first iteration of my cobra profile picture" />
+	<img src=/media/pfp/one.jpeg alt="The first iteration of my cobra profile picture" width=40% />
 	<p>This version is a modified version of the zeroth iteration, using my ThinkPad.</p>
 	<br />
 
 	<div class=h><h2 id=two>Second iteration (<a href=/media/pfp/two.xcf>XCF file</a>)</h2> <a aria-hidden=true href=#two>#two</a></div>
-	<img src=/media/pfp/two.png alt="The second iteration of my cobra profile picture" />
-	<p>This version is completely redone, using the original cobra photo from Wikimedia, and a picture of my ThinkPad and Tux plush.</p>
+	<img src=/media/pfp/two.png alt="The second iteration of my cobra profile picture" width=40% />
+	<p>This version is completely redone, using the original cobra photo from Wikimedia, and a picture of my ThinkPad and Tux plush. To make the shadows, I copied the Tux and ThinkPad layers, made them black, and turned them slightly transparent. I also used the dodge and burn tool to adjust the lighting on them. I added a little shadow on the Tux plush to make it feel like it was really touching the cobra.</p>
 	<br />
 
 	<div class=h><h2 id=three>Third iteration (<a href=/media/pfp/three.xcf>XCF file</a>)</h2> <a aria-hidden=true href=#three>#three</a></div>
-	<img src=/media/pfp/three.png alt="The third iteration of my cobra profile picture" />
-	<p>In this version, I added a trans flag to celebrate my coming out.</p>
-	<br />
+	<img src=/media/pfp/three.png alt="The third iteration of my cobra profile picture" width=40% />
+	<p>In this version, I added a trans flag to celebrate my coming out. I used the paintbrush tool in HSL Color mode to get it just right. I might go back and make it actually look like each scale has the color, because currently the color goes over into other scales.</p>
 	<!--#include file="/footer" -->
 </body>
 </html>

nav.html

@@ -1,6 +1,6 @@
 <link rel=stylesheet href="/style.css">	
 <header>
-	<a href=/><img src="/media/cobra3.jpg" alt="Cobra" class="navlogo"></a>
+	<a href=/><img src="/favicon.png" alt="Cobra" class="navlogo"></a>
 	<nav>
 		<a href="/projects">Projects</a>
 		<a href="/blog">Blog</a>