Updated pics

joshuakcockrell · Jan 10, 2020 · 782a16d · 782a16d
1 parent 03ba73a
commit 782a16d
Show file tree

Hide file tree

Showing 17 changed files with 24 additions and 15 deletions.
diff --git a/assets/.DS_Store b/assets/.DS_Store
diff --git a/assets/diamond-elipse-noback.png b/assets/diamond-elipse-noback.png
diff --git a/assets/elite/elite_cover.jpg b/assets/elite/elite_cover.jpg
diff --git a/assets/elite/elite_logo.png b/assets/elite/elite_logo.png
diff --git a/assets/elite/elite_logo_circle.png b/assets/elite/elite_logo_circle.png
diff --git a/assets/forest-1.jpeg b/assets/forest-1.jpeg
diff --git a/assets/forest-2.jpeg b/assets/forest-2.jpeg
diff --git a/assets/profile.jpg b/assets/profile.jpg
diff --git a/assets/profile_crop.jpg b/assets/profile_crop.jpg
diff --git a/assets/profile_crop_min_mobile_tint.jpg b/assets/profile_crop_min_mobile_tint.jpg
diff --git a/assets/profile_crop_min_tint.jpg b/assets/profile_crop_min_tint.jpg
diff --git a/assets/profile_crop_small.jpg b/assets/profile_crop_small.jpg
diff --git a/assets/stars-1-min.jpg b/assets/stars-1-min.jpg
diff --git a/assets/stars-1.jpg b/assets/stars-1.jpg
diff --git a/assets/stars-2.jpeg b/assets/stars-2.jpeg
diff --git a/css/main.css b/css/main.css
@@ -87,7 +87,7 @@ a {
     color: #F4F3F3;
 
     background-size: cover;
-    min-height: 100vh;
+    /*min-height: 100vh;*/
 }
 
 /* All nav bars */
@@ -123,9 +123,9 @@ a {
 #section-landing {
     z-index: 3;
 
-    background-image: linear-gradient(rgba(0, 0, 0, 0.6),
+    /*background-image: linear-gradient(rgba(0, 0, 0, 0.6),
                                       rgba(0, 0, 0, 0.6)),url(../assets/profile_crop_min.jpg);
-    background-attachment: fixed;
+    background-attachment: fixed;*/
 
     /*background-image: linear-gradient(rgba(0, 0, 0, 0.4),
                                       rgba(0, 0, 0, 0.4)),url(../assets/forest-3-small.jpeg);*/
@@ -135,7 +135,7 @@ a {
 */
 
     background-position: center;
-    height: 100vh;
+    /*height: 100vh;*/
     color: #FFFFFF;
     background-color: #7f8c8d;
 }
@@ -158,6 +158,14 @@ a {
     background-color: rgb(255,255,255,0.1);
     color: white;
     max-width: 60%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+}
+
+.background-img {
+    width: 100%;
 }
 
 #section-iphone {
@@ -167,6 +175,7 @@ a {
 #section-web {
     color: #ccc;
     background-color: #000;
+    padding: 50px 0;
 }
 
 #section-stars {
@@ -380,7 +389,7 @@ a {
 @media all and (max-width: 750px) {
 
     .section-main {
-        min-height: 500px; 
+        /*min-height: 500px; */
     }
 
 
@@ -393,7 +402,6 @@ a {
     }
 
     #section-landing {
-        height: 500px;
         justify-content: flex-end;
     }
 
@@ -411,9 +419,8 @@ 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);
+    .box-title {
+        top: 75%;
     }
 }
 

diff --git a/index.html b/index.html
@@ -33,7 +33,13 @@
 			</li>
 		</ul>
 
-		<div class="section-main flex-vert" id="section-landing">
+		<div class="section-main" id="section-landing">
+
+			<picture>
+				<source srcset="assets/profile_crop_min_mobile_tint.jpg" media="(max-width: 750px)">
+				<source srcset="assets/profile_crop_min_tint.jpg" media="(min-width: 750px)">
+				<img class="background-img" src="assets/profile_crop_min_tint.jpg">
+			</picture>
 
 			<div class="box-title">
 			    <h1 class="text-name">JOSH</h1>
@@ -46,11 +52,7 @@ <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>