reduce size of images and some minor fixes

about.html

@@ -39,11 +39,10 @@ orgs: ["officers", "excomm", "senators", "sponsors"]
                 </div>
                 <div class="{{ org.username }}-text">
                     {% assign year = member.year | downcase %}
-                    <span>{{ member.first }} {{ member.last }} 
+                    <span>{{ member.first }} {{ member.last }}</span>
-                        {% if name != "sponsors" %}
+                    {% if name != "sponsors" %}
-                            '{{ year | slice: 2, 3 }}
+                    <span>'{{ year | slice: 2, 3 }}</span>
-                        {% endif %}
+                    {% endif %}
-                    </span>
                     {% if name != "officers" %}
                     <span>{{ member.title }}</span>
                     {% endif %}

css/header.css

@@ -17,7 +17,7 @@ header {
 #banner h1 {
     display: table-cell;
     vertical-align: middle;
-    font-size: 3em;
+    font-size: 2.5em;
     font-weight: bold;
     overflow: hidden;
 }
@@ -126,4 +126,4 @@ button.menu-item:active {
     background-repeat: no-repeat;
     background-attachment: fixed;
     z-index: -2;
-}
+}

css/responsive.css

@@ -5,9 +5,6 @@
     #dome {
         display: none;
     }
-    #banner>h1 {
-        display: none;
-    }
     #wrapper {
         min-height: calc(100vh - 90px - 2.75em);
     }
@@ -28,10 +25,15 @@
         overflow: hidden;
     }
 }
+@media screen and (max-width: 700px) {
+    #banner > h1 {
+        display: none;
+    }
+}
 
 @media screen and (max-width: 1150px) {
     #dome:after {
-        background-position-y: 5vh;
+        background-position-y: 1vh;
         background-size: 100%;
     }
     #banner {
@@ -50,7 +52,6 @@
         left: 48px;
         width: calc(100% - 48px);
         height: 100%;
-        font-size: 200%;
         overflow: hidden;
     }
     #menu>a {
@@ -113,9 +114,12 @@
     section {
         max-width: 750px;
     }
+    #banner > h1 {
+        font-size: 40px;
+    }
 }
 
-@media screen and (min-width: 1100px) {
+@media screen and (min-width: 1150px) {
     #intro-text,
     #intro-image,
     .list,
@@ -129,6 +133,9 @@
     .list>ul {
         font-size: 1.3em;
     }
+    #dome:after {
+        background-position-y: 10vh;
+    }
     /*.officers-intro, .excomm-intro, .senator-intro, .sponsor-intro {
         flex-basis: calc(35% - 4vw);
     }*/

img/web-image.sh

@@ -0,0 +1,2 @@
+#!/bin/sh
+convert  -sampling-factor 4:2:0 -strip -quality 60 -interlace JPEG -colorspace RGB