Created team.html

created the page, but still have to fix issues with the page `responsiveness`.
aabdi406 · Dec 24, 2013 · aa3ee87 · aa3ee87
1 parent 2344110
commit aa3ee87
Show file tree

Hide file tree

Showing 21 changed files with 296 additions and 302 deletions.
diff --git a/cj-hendrix.png b/cj-hendrix.png
diff --git a/css/style-1000px.css b/css/style-1000px.css
@@ -55,7 +55,7 @@
 
 	#banner-wrapper
 	{
-		padding: 2em 0 2em 0;
+		padding: 0em 0 0.2em 0;
 	}
 
 	#main-wrapper

diff --git a/css/style-desktop.css b/css/style-desktop.css
@@ -131,7 +131,7 @@
 
 	#banner-wrapper
 	{
-		padding: 3em 0 3em 0;
+		padding: 0em 0 0em 0;
 	}
 
 	#main-wrapper
@@ -271,7 +271,7 @@
 		.dropotron li:hover > span,
 		.dropotron li:hover > a
 		{
-			color: #ed786a;
+			color: #CDA7FF;
 			-moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
 			-webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
 			-o-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;

diff --git a/css/style-mobile.css b/css/style-mobile.css
@@ -255,7 +255,7 @@
 
 	#banner-wrapper
 	{
-		padding: 2em 0 2em 0;
+		padding: 0em 0 0em 0;
 	}
 
 	#main-wrapper

diff --git a/css/style.css b/css/style.css
@@ -964,9 +964,9 @@
 		background: #fff;
 		color: #878787;
 		text-align: center;
-		border-top: solid 2px #e5e5e5;
-		border-bottom: solid 2px #e5e5e5;
-		box-shadow: inset 0px -8px 0px 0px #fff, inset 0px -10px 0px 0px #e5e5e5, inset 0px 8px 0px 0px #fff, inset 0px 10px 0px 0px #e5e5e5;
+		/* border-top: solid 2px #e5e5e5; */ 
+		/* border-bottom: solid 2px #e5e5e5; */
+		box-shadow: inset 0px 0px 0px 0px #fff, inset 0px -10px 0px 0px #e5e5e5, inset 0px 8px 0px 0px #fff, inset 0px 10px 0px 0px #e5e5e5;   /* this adds the thin gray line above AND bellow the banner */ 
 	}
 
 		#banner-wrapper .inner
@@ -1039,16 +1039,16 @@
 	#header
 	{
 		position: relative;
-		border-bottom: solid 2px #e5e5e5;
-		box-shadow: inset 0px -8px 0px 0px #fff, inset 0px -10px 0px 0px #e5e5e5;
+		/* border-bottom: solid 2px #e5e5e5; */ /* This combined with the shadow bellow add a thin line aroudnd the banner. */
+		/* box-shadow: inset 0px -8px 0px 0px #fff, inset 0px -10px 0px 0px #e5e5e5; */ 
 	}
 
 		#header h1
 		{
 			font-family: 'Volkhov'; /* It was Arvo. */
 			font-weight: 700;
 			color: #666666;
-			text-shadow: 0.05em 0.075em 0 rgba(0,0,0,0.1);
+			/* text-shadow: 0.05em 0.075em 0 rgba(0,0,0,0.1); */ /* This drops shadow under the header name. */ 
 		}
 
 			#header h1 a

diff --git a/images/bruce-strong.png b/images/bruce-strong.png
diff --git a/images/cj-hendrix.png b/images/cj-hendrix.png
diff --git a/images/david-megginson.png b/images/david-megginson.png
diff --git a/images/gwi-yeop-son.png b/images/gwi-yeop-son.png
diff --git a/images/gwi-yeop-son.png.tmp$$ b/images/gwi-yeop-son.png.tmp$$
diff --git a/images/ian-and-dragon.png b/images/ian-and-dragon.png
diff --git a/images/javier-teran.png b/images/javier-teran.png
diff --git a/images/luis-capelo.png b/images/luis-capelo.png
diff --git a/images/richard-tyson.png b/images/richard-tyson.png
diff --git a/images/samuel-eustachi.png b/images/samuel-eustachi.png
diff --git a/images/sarah-telford.png b/images/sarah-telford.png
diff --git a/index.html b/index.html
@@ -3,10 +3,12 @@
 	Strongly Typed 1.0 by HTML5 UP
 	html5up.net | @n33co
 	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+	Changed made by @luiscape
 -->
 <html>
 	<head>
-		<title>Humanitarian Data Exchange</title>
+		<title>Data & Analysis Project</title>
 		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 		<meta name="description" content="" />
 		<meta name="keywords" content="" />
@@ -34,8 +36,8 @@
 					<div id="header" class="container">
 
 						<!-- Logo -->
-							<h1 id="logo" ><a href="#">Humanitarian Data Exchange</a></h1>
-							<p>A PROJECT BY THE<a href='http://www.unocha.org'> UNITED NATIONS OFFICE FOR THE COORDINATION OF HUMANITARIAN AFFAIRS</a></p>
+							<h1 id="logo" ><a href="#">Data & Analysis Project</a></h1>
+							<p>A PROJECT BY THE <a href='http://www.unocha.org'>UNITED NATIONS OFFICE FOR THE COORDINATION OF HUMANITARIAN AFFAIRS</a></p>
 
 
 
@@ -45,23 +47,22 @@ <h1 id="logo" ><a href="#">Humanitarian Data Exchange</a></h1>
 									<li>
 										<a href="" class="icon icon-bar-chart"><span>About</span></a>
 										<ul>
-											<li><a href="#">What</a></li>
-											<li><a href="#">Team</a></li>
-											<li><a href="#">Supporters</a></li>
-											<li><a href="#">Independent 
-										Board of Advisors</a></li>
+											<li><a href="what_is_dap.html">What is DAP?</a></li>
+											<li><a href="team.html">Team</a></li>
+											<li><a href="supporters.html">Supporters</a></li>
+											<li><a href="iba.html">Independent Board of Advisors</a></li>
+											<li><a href="ocha.html">OCHA</a></li>
 										</ul>
 									</li>
 
 									<li><a class="icon icon-cog" href="#"><span>Project Details</span></a>
 										<ul>
-											<li><a href="http://127.0.0.1:5000/">HDx Analytics</a></li>
-											<li><a href="#">HDx Repository</a></li>
-											<li><a href="#">HDx Standards</a></li>
+											<li><a href="#">DAP Analytics</a></li>
+											<li><a href="http://127.0.0.1:5000/">DAP Repository</a></li>
+											<li><a href="#">DAP Standards</a></li>
 										</ul>
 
 									</li>
-									<li><a class="icon icon-retweet" href="ocha.html"><span>OCHA</span></a></li>
 									<li><a class="icon icon-sitemap" href="#"><span>Blog</span></a></li>
 									<li><a class="icon icon-envelope" href="#"><span>Contact</span></a></li>
 								</ul>
@@ -105,9 +106,9 @@ <h1 id="logo" ><a href="#">Humanitarian Data Exchange</a></h1>
 
 									<article class="is-excerpt">
 										<header>
-											<span class="date">HDx : Analytics <span class="icon icon-bar-chart"></span></span>
+											<span class="date">DAP : Analytics <span class="icon icon-bar-chart"></span></span>
 
-												<h3><a href="#">Ermergerd sterf herpernd</a></h3>
+												<h3><a href="#">LOREM IPSUM DOLOR</a></h3>
 										</header>
 
 
@@ -131,13 +132,13 @@ <h3><a href="#">Ermergerd sterf herpernd</a></h3>
 									<article class="is-excerpt">
 										<header>
 
-											<span class="date">HDX : Repository <span class="icon icon-list"></span></span>
+											<span class="date">DAP : Repository <span class="icon icon-list"></span></span>
 
 
 
 
 											<h3>
-												<a href="#">Ermergerd sterf herpernd</a>
+												<a href="#">LOREM IPSUM DOLOR</a>
 											</h3>
 										</header>
 
@@ -168,10 +169,10 @@ <h3>
 													<!-- Excerpt -->
 														<article class="is-excerpt">
 															<header>
-																<span class="date">HDX : Standards <span class="icon icon-retweet"></span></span>
+																<span class="date">DAP : Standards <span class="icon icon-retweet"></span></span>
 
 																<h3>
-																	<a href="#">Humanitarian eXchange Language</a></h3>
+																	<a href="#">HUMANITARIAN EXCHANGE LANGUAGE</a></h3>
 															</header>
 																<p>
 																	The durable solution for operational data sharing