Insert a framed logo

Avoid clipping errors in browsers by adding a frame of 10px

static/css/main.css

@@ -57,8 +57,8 @@ h1 {
 	#menu { visibility: hidden; }
 }
 #logo {
-	width: 9vw;
-	margin: 0 21.5px .2em 15px;
+	width: 10vw;
+	margin: 0 .7vw -.5vw .5vw;
 }
 /* @media (max-width: 460px) {
 	#logo { width: 130px; }
@@ -274,8 +274,6 @@ footer {
 	flex-wrap: wrap;
 	justify-content: space-between;
 	margin: 0 var(--tile-margin) calc(2*var(--tile-margin)) var(--tile-margin);
-/* } */
-/* footer { */
 	font-size: .7em;
 	font-weight: 900;
 }

static/js/eye.js

@@ -9,8 +9,8 @@ window.onload = function () {
     const pupil = eyeDoc.getElementById('pupil');
 
     // #iris cx attribute animation settings (relative to #alucho-logo i.e. absolute inside the svg)
-    const istart = 56;
-    const iend = 116;
+    const istart = 66;
+    const iend = 126;
     const ilength = iend - istart;
 
     // #pupil cx attribute animation settings (relative to #iris cx)