Image zooming lib + Aurora page updated

sguergachi · Feb 22, 2017 · 834d834 · 834d834
1 parent 6a785c4
commit 834d834
Show file tree

Hide file tree

Showing 18 changed files with 1,423 additions and 18 deletions.
diff --git a/.sass-cache/eb7c39eaa1fd6c63ac0c0b33ae63b097ee84384d/style.scssc b/.sass-cache/eb7c39eaa1fd6c63ac0c0b33ae63b097ee84384d/style.scssc
diff --git a/Images/Aurora/image1.png b/Images/Aurora/image1.png
diff --git a/css/.sass-cache/6f6ca2875b64aec1bac4a093a8cd014e49532946/_convert-units.scssc b/css/.sass-cache/6f6ca2875b64aec1bac4a093a8cd014e49532946/_convert-units.scssc
diff --git a/css/.sass-cache/6f6ca2875b64aec1bac4a093a8cd014e49532946/_directional-values.scssc b/css/.sass-cache/6f6ca2875b64aec1bac4a093a8cd014e49532946/_directional-values.scssc
diff --git a/css/.sass-cache/6f6ca2875b64aec1bac4a093a8cd014e49532946/_font-source-declaration.scssc b/css/.sass-cache/6f6ca2875b64aec1bac4a093a8cd014e49532946/_font-source-declaration.scssc
diff --git a/css/.sass-cache/c4e9f7785bb856959a3208d26dcae01087764403/_modular-scale.scssc b/css/.sass-cache/c4e9f7785bb856959a3208d26dcae01087764403/_modular-scale.scssc
diff --git a/css/.sass-cache/eb7c39eaa1fd6c63ac0c0b33ae63b097ee84384d/style.scssc b/css/.sass-cache/eb7c39eaa1fd6c63ac0c0b33ae63b097ee84384d/style.scssc
diff --git a/css/style.css b/css/style.css
diff --git a/css/style.css.map b/css/style.css.map
diff --git a/css/style.scss b/css/style.scss
@@ -5,7 +5,7 @@ $highlight-blue: #0060BF;
 $background-url: "../Images/diamond-web.png";
 // Phone
 $body-padding: 0px;
-$row-height: 90px;
+$row-height: 100px;
 $row-bottom-margin: 1em;
 $header-height: 15em;
 
@@ -39,7 +39,7 @@ header {
 /*Tablet*/
 @media only screen and (min-width:500px) {
 	$body-padding: 0px;
-	$row-height: 120px;
+	$row-height: 135px;
 	$row-bottom-margin: 2em;
 	$header-height: 15em;
 
@@ -75,7 +75,7 @@ header {
 /*Desktop*/
 @media only screen and (min-width:1000px) {
 	$body-padding: 0px;
-	$row-height: 8vw;
+	$row-height: 9vw;
 	$row-bottom-margin: 2em;
 	$header-height: 20vmax;
 
@@ -160,7 +160,6 @@ body {
 
 	50% {
 		opacity: 1;
-
 	}
 
 	100% {
@@ -184,10 +183,42 @@ hr {
 
 a {
 	text-decoration: none;
+	color: teal;
+}
+
+a:hover {
+	color: $highlight-blue;
+}
+
+.text{
+	margin-bottom: 1.5em;
+	height: auto;
+}
+
+.text img {
+	text-align: center;
+	width: 85%;
+	height: auto;
+}
+
+.text h2 {
+	text-align: center;
+	color: white;
+	font-size: 35px;
+	font-family: Hind;
+}
+
+.text p {
+	text-align: left;
+	color: white;
+	font-size: 25px;
+	font-family: Hind;
+	margin-left: 10px;
+	margin-right: 10px;
 }
 
 .header {
-	width: 50%;
+	width: 70%;
 }
 
 .centerText {

diff --git a/index.html b/index.html
@@ -4,7 +4,8 @@
 		<meta name="viewport"content="width=device-width"/>
 		<link rel="stylesheet"href="css/style.css">
 		<link href="https://fonts.googleapis.com/css?family=Hind|Josefin+Sans:400"rel="stylesheet">
-		<link rel="stylesheet"href="Images/font-awesome/css/font-awesome.min.css">
+		<link rel="stylesheet" href="/Images/font-awesome/css/font-awesome.min.css">
+		<script src="/lib/zooming.min.js"></script>
 		<title>Sammy Guergachi</title>
 	</head>
 	<body>