Updated pics

joshuakcockrell · Jan 10, 2020 · 03ba73a · 03ba73a
1 parent 8546bc3
commit 03ba73a
Show file tree

Hide file tree

Showing 12 changed files with 17 additions and 24 deletions.
diff --git a/assets/forest-3-small.jpeg b/assets/forest-3-small.jpeg
diff --git a/assets/forest-4-small.jpeg b/assets/forest-4-small.jpeg
diff --git a/assets/freeway-1.jpeg b/assets/freeway-1.jpeg
diff --git a/assets/hydro_1_239_501.jpg b/assets/hydro_1_239_501.jpg
diff --git a/assets/hydro_1_477x1000.jpg b/assets/hydro_1_477x1000.jpg
diff --git a/assets/hydro_2_239_501.jpg b/assets/hydro_2_239_501.jpg
diff --git a/assets/hydro_2_477x1000.jpg b/assets/hydro_2_477x1000.jpg
diff --git a/assets/hydro_3_239_501.jpg b/assets/hydro_3_239_501.jpg
diff --git a/assets/hydro_3_477x1000.jpg b/assets/hydro_3_477x1000.jpg
diff --git a/assets/profile_crop_min_mobile.jpg b/assets/profile_crop_min_mobile.jpg
diff --git a/css/main.css b/css/main.css
@@ -153,9 +153,11 @@ a {
     border-radius: 15px;
     padding-left: 2em;
     padding-right: 2em;
+    margin-bottom: 20px;
     border-color: rgb(255,255,255,0.6);
     background-color: rgb(255,255,255,0.1);
     color: white;
+    max-width: 60%;
 }
 
 #section-iphone {
@@ -390,6 +392,11 @@ a {
         font-size: 300%;
     }
 
+    #section-landing {
+        height: 500px;
+        justify-content: flex-end;
+    }
+
     #section-footer-links {
         -webkit-flex-flow: column wrap;
         flex-flow: column wrap;
@@ -403,6 +410,11 @@ a {
     .section-nav li:last-of-type a {
         border-bottom: none;
     }
+
+    #section-landing {
+        background-image: linear-gradient(rgba(0, 0, 0, 0.6),
+                                          rgba(0, 0, 0, 0.6)),url(../assets/profile_crop_min_mobile.jpg);
+    }
 }
 
 
@@ -445,27 +457,3 @@ a {
     right: 0px;
 }
 
-/* Three images as a group */
-.group-iphone {
-    display: flex;
-    justify-content: space-around; /* all in a row */
-    align-items: center;
-    height: 425px;
-    width: 25%;
-
-    animation-name: slide-left;
-    animation-duration: 15s;
-    animation-iteration-count: infinite;
-    position: relative;
-}
-
-/* iPhone photo animation */
-@keyframes slide-left {
-    0%   {left: 37.5%;}
-    15%  {left: 12.5%;}
-    45%  {left: 12.5%;}
-    60%  {left: -12.5%;}
-    92%  {left: -12.5%;}
-    100% {left: -37.5%;}
-}
-
diff --git a/index.html b/index.html
@@ -46,6 +46,11 @@ <h1 class="text-name">COCKRELL</h1>
 				<div class="line"></div>
 			</div>
 
+<!-- 			<picture>
+				<source srcset="assets/profile_crop_min_mobile.jpg" media="(max-width: 640px)">
+				<source srcset="assets/profile_crop_min.jpg" media="(min-width: 640px)">
+				<img src="assets/profile_crop_min.jpg">
+			</picture> -->
 
 		</div>