christianermann.dev-hugo

commit 74cac8a518055fc616a2218030c89d397ec63949
parent ab483ee489571e42e62311ee7cbdd9a526541465
Author: Christian Ermann <christianermann@gmail.com>
Date:   Fri, 12 Jun 2020 20:58:07 -0600

Background image and more styling

Diffstat:
A
images/marquam-gulch.jpg
 | 
0

R
profile.jpg -> images/profile.jpg
 | 
0

M
index.html
 | 
21
++++++++++++++-------
M
styles.css
 | 
31
+++++++++++++++++++++++--------

4 files changed, 37 insertions(+), 15 deletions(-)
diff --git a/images/marquam-gulch.jpg b/images/marquam-gulch.jpg
Binary files differ.
diff --git a/profile.jpg b/images/profile.jpg
Binary files differ.
diff --git a/index.html b/index.html
@@ -21,7 +21,7 @@
       <div id="left">
         <div id="about" class="vertical">
           <h2>About me:</h2>
-          <img src="profile.jpg" alt="Profile of Christian Ermann"/>
+          <img src="images/profile.jpg" alt="Profile of Christian Ermann"/>
           <p>I'm a junior at Lewis &amp; Clark College with a passion for math,
              physics, and computer science. In addition to academics, I also
              compete on the L&amp;C Men's Varsity Crew Team.</p>
@@ -51,13 +51,20 @@
             <h2>Education and achievements:</h2>
             <ul>
               <li>
-                <p>Lewis &amp; Clark College, Expected May 2022</p>
-	        <ul>
-                  <li class="indent">Bachelor of Arts in Physics</li>
-                  <li class="indent">Bachelor of Arts in Mathematics</li>
-                </ul>
+                <p>BA in Physics &amp; BA in Mathematics, Expected 2022<p>
+                <p class="indent">Lewis &amp; Clark College, Portland, Oregon<p>
+              </li>
+	      <li>
+                <p>
+                  <a href="https://fhsu.edu/kams/">KAMS</a>
+                  Completion Certificate, 2018
+                </p>
+                <p class="indent">Fort Hays State University, Hays, Kansas</p>
+              </li>
+              <li>
+                <p>Eagle Scout Award, 2016</p>
+                <p class="indent">Troop 73, Liberal, Kansas</p>
               </li>
-              <li>Eagle Scout Award, 2016</li>
             </ul>
           </div>
         </div>
diff --git a/styles.css b/styles.css
@@ -1,5 +1,4 @@
 * {
-  background-color: #EAE7DC;
   margin: 0;
   padding: 0;
   box-sizing: border-box;
@@ -29,11 +28,23 @@ a:hover {
   color: #E85A4F;
 }
 
+html {
+  width: 100%;
+  height: 100%;
+  background-image: url("images/marquam-gulch.jpg");
+  background-size: cover; 
+  background-repeat: no-repeat;
+}
+
 body {
+  background-color: rgba(234, 231, 220, 0.9);
   margin: auto;
+  padding: 0 10px 10px 10px;
+  border-radius: 0 0 5px 5px;
   max-width: 800px;
   display: flex;
   flex-direction: column;
+  flex: 1 1 auto;
   font-family: 'Open Sans', sans-serif;
 }
 
@@ -41,9 +52,6 @@ body {
  margin-top: 20px;
 }
 
-#header {
-}
-
 h2 {
   border-bottom: thin solid #8E8D8A;
 }
@@ -78,21 +86,23 @@ h2 {
   justify-content: space-between;
 }
 
-.indent {
-  padding-left: 5px;
+#right ul li {
+  margin-bottom: 10px;
 }
 
-#footer {
+.indent {
+  padding-left: 5px;
 }
 
 @media only screen and (max-width: 820px)
 {
   body {
+    max-width: 400px;
     align-items: center;
   }
 
   .horizontal {
-    width: 50%;
+    width: 100%;
   }
 
   #columns {
@@ -100,7 +110,12 @@ h2 {
     align-items: center;
   }
 
+  #left {
+    width: 100%;
+  }
+
   #right {
+    width: 100%;
     justify-content: flex-start;
   }