Changes to styling; minor updates to footer.

Isosceles · Mar 23, 2019 · efb2bb3 · efb2bb3
1 parent ab78266
commit efb2bb3
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 2 deletions.
diff --git a/docs/WIPCone.png b/docs/WIPCone.png
diff --git a/docs/index.html b/docs/index.html
@@ -102,7 +102,12 @@ <h2>Download:</h2>
   </main>
 
   <footer>
-    These fonts were designed by <a href="htts://www.herda.me/">Lauren Herda</a> (aka &ldquo;Korteenea&rdquo;). They are a Third-Party Work and are in no way owned, endorsed, or supported by Cyan Inc. / Cyan Worlds Inc.
+    <div class="illustration">
+      <img src="WIPCone.png" />
+    </div>
+    <div class="disclaimer">
+      These fonts were designed by <a href="htts://www.herda.me/">Lauren Herda</a> (aka &ldquo;Korteenea&rdquo;) and are works-in-progress. <br />They are a third-party work and are in no way owned, endorsed, or supported by Cyan Inc. / Cyan Worlds Inc.
+    </div>
   </footer>
 </body>
 </html>
diff --git a/docs/styles.css b/docs/styles.css
@@ -125,6 +125,16 @@ main section h1 {
   font-weight: 400;
 }
 
+.description {
+  font-size: 16px;
+  line-height: 1.5em;
+  color: #333333;
+}
+
+.description p+p {
+  margin-top: 1em;
+}
+
 .downloads {
   display: flex;
   flex-direction: row;
@@ -166,7 +176,7 @@ main section h1 {
 
 header {
   width: 100vw;
-  height: 70vh;
+  min-height: 70vh;
   background: black;
   color: #dad097;
   display: flex;
@@ -222,6 +232,15 @@ footer {
   padding: 100px;
   font-size: 18px;
   line-height: 1.5em;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+footer .illustration {
+  width: 64px;
+  height: auto;
+  margin: 0 1em 0 0;
 }
 
 @media only screen and (max-width: 920px) {
@@ -265,5 +284,11 @@ footer {
   footer {
     padding: 30px;
     font-size: 16px;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  footer .illustration {
+    margin: 0 0 .5em 0;
   }
 }