From a72709aecffa5eeb663bc8466b356b26a786ec1c Mon Sep 17 00:00:00 2001
From: aldompe95 <aldompe95@gmail.com>
Date: Thu, 23 Feb 2017 17:29:33 -0600
Subject: [PATCH] little changes

---
 css/style.css     |  85 ++++++++++++++++++++--------------------------
 fonts/ostrich.otf | Bin 0 -> 7856 bytes
 index.html        |  16 ++++-----
 js/script.js      |  13 +++++++
 4 files changed, 55 insertions(+), 59 deletions(-)
 create mode 100644 fonts/ostrich.otf

diff --git a/css/style.css b/css/style.css
index 3588a10..a96cfa9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,21 +1,39 @@
-
-.navbar{
-	background: black !important;
-	border-bottom: none !important;
-	font-size: 16px !important;
+@font-face {
+  font-family: ostrich;
+  src: url(../fonts/ostrich.otf);
+}
+.parallax {
+  background-image: url("../img/material_design-wallpaper-2400x1350.jpg");
+  min-height: 650px; 
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+/* This way you can override default css without using !important, try to use the less importants you can */
+#header .navbar{
+	background: rgba(0, 0, 0, 0.24);
+	border-bottom: none ;
+	font-size: 16px ;
+	font-family: ostrich;
+}
+#inicio h1, #inicio p {animation: fadein 3s;}
+@keyframes fadein {
+    from { opacity: 0; }
+    to   { opacity: 1; }
+}
+#aboutMe, #hobbies{margin-top: 70px;}
+#aboutMe{
+	background-color: #32506e;
+	color: #fff;
 }
-
 .jumbotron{
-	background-color: unset  !important;
-	height: 650px !important;
-	margin-top: 2em;
-	background-size: cover;
+	text-align: center;
 	color:white !important;
 	z-index: 999 !important;
 	font-family: 'Indie Flower', cursive;
 	background-attachment: fixed !important;;
 }
-
 .jumbotron h1{
 	font-family: 'VT323', monospace;
 	font-size: 45px;
@@ -25,52 +43,35 @@
 	font-size: 25px  !important;
 	color: #E2E2E2 !important;
 }
-
 h2{
-	margin-top: 70px !important;
 	font-family: 'Yanone Kaffeesatz', sans-serif !important;
 	font-size: 45px !important;
 }
-section#home{
-	margin-top: 70px !important;
-}
-
+section#home{margin-top: 70px !important;}
 section#home h3{
 	font-size: 32px !important;
 	font-family: 'Caveat Brush', cursive;
 	vertical-align: middle !important;
 	padding-top: 30px;
 }
-
 section#aboutMe p{
 	font-size: 25px;
 	font-family: 'Cabin', sans-serif !important;
 }
-
-section#hobbies h3{
-	font-family: 'Indie Flower', cursive;
-}
-
+section#hobbies h3{font-family: 'Indie Flower', cursive;}
 section#hobbies{
 	margin-bottom: 30px !important;
 	padding-bottom: 20px;
 	font-family: 'Cabin', sans-serif !important;
 	font-size: 25px;
 }
-section#hobbies img{
-	width: 70px;
-}
-
-section#video{
-	margin-bottom: 40px !important ;
-}
-
+section#hobbies img{width: 70px;}
+section#video{margin-bottom: 40px !important;}
 div#resp{
 	position: relative;
 	padding-bottom: 56.25%;
 	overflow: hidden;
 }
-
 div#resp iframe{
     position: absolute;
     display: block;
@@ -79,30 +80,16 @@ div#resp iframe{
     width: 100%;
     height: 100%;
 }
-
 footer{
 	margin-top: 30px;
 	height: 170px;
 	background: black;
 	color:white;
 }
-
-footer img{
-	width: 110px;
-}
-
-.row{
-    margin:0px !important;
-}
-
-footer figure {
-	margin:5px 0px;
-}
-
+footer img{width: 110px;}
+footer figure {margin:5px 0px;}
 @media screen and (max-width: 1048px){
-	.navbar-brand{
-		display:none !important;
-	}
+	.navbar-brand{display:none !important;}
 }
 
 
diff --git a/fonts/ostrich.otf b/fonts/ostrich.otf
new file mode 100644
index 0000000000000000000000000000000000000000..bfe9eb984d4b668a4e46a931f9a563eec0326275
GIT binary patch
literal 7856
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

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 88142f5..b4e6cce 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,7 @@
 			        <span class="icon-bar"></span>
 			        <span class="icon-bar"></span>
 			        </button>
-			        <a class="navbar-brand page-scroll" href="#header">Salvador Jiménez Mendoza</a>
+			        <a class="navbar-brand page-scroll" href="#header">Salvador Jimenez Mendoza</a>
 				</div>
 				<div class="collapse navbar-collapse" id="myNavbar">
 					<ul id="menu" class="nav navbar-nav navbar-right">
@@ -51,15 +51,12 @@
 			</div>
 		</nav>
 		<!--  Presentation Image  -->
-		<div id="inicio" class="jumbotron text-center" style="
-    background-image: url(img/material_design-wallpaper-2400x1350.jpg) !important;
-">
-	  		<h1>Salvador Jiménez Mendoza</h1>
-	  		<p>Yeahh!! that's my name :D</p> 
-  		</div>	
+		<div class="parallax jumbotron" id="inicio">
+			<h1>Salvador Jiménez Mendoza</h1>
+	  	<p>Yeahh!! that's my name :D</p> 
+		</div>
 	</header>
-	
-	<div class="container">
+	<div class="container" id="changeNav">
 		<!--  Me Section  -->
 		<section id="home" class="row">
 			<div class="col-md-10 col-md-offset-1">
@@ -81,7 +78,6 @@ <h2 >Hello everyone, so here I am </h2>
 			<p class="text-justify">
 			I know that maybe I'm not the best in my area, but i really do my best effort, everyday. I really like to learn new things, I'm a curious person and something that can be good for the team is that Im a really really a tolerant person, and that means that I'm a calm and relax person and is really weird that someone see me angry or sad, but if you see me angry some day, run for your life. 
 			</p>
-
 			<p class="text-justify">But see me angry is like win the lottery, so this never happens :)</p>
 		</div>
 	</section>
diff --git a/js/script.js b/js/script.js
index e0545e3..5b35342 100644
--- a/js/script.js
+++ b/js/script.js
@@ -1,4 +1,17 @@
 $(document).ready(function(){
+  var scroll_start = 0;
+  var startchange = $('#changeNav');
+  var offset = startchange.offset();
+  if (startchange.length){
+   $(document).scroll(function() { 
+      scroll_start = $(this).scrollTop();
+      if(scroll_start >= offset.top) {
+        $(".navbar-default").css('background-color', '#333');
+      }else{
+        $(".navbar-default").css('background-color', 'rgba(0, 0, 0, 0.24)');
+      }
+   });
+  }
 	$(window).on('resize', function(){
 		var width=$(window).width();
 		console.log(width);