fix splash in header

4 years ago · 9282466b53
7 changed files with 71 additions and 55 deletions
--- a/_includes/header.html
+++ b/_includes/header.html
@ -1,7 +1,3 @@
-			<!-- Header -->
-				<div id="header-wrapper">
-					<div id="header">
-
 						<!-- Logo -->
 							<h1><a href="index.html">Dopetrope</a></h1>

@ -33,53 +29,3 @@
 									<li><a href="no-sidebar.html">No Sidebar</a></li>
 								</ul>
 							</nav>
-
-						<!-- Banner -->
-							<section id="banner">
-								<header>
-									<h2>Howdy. This is Dopetrope.</h2>
-									<p>A responsive template by HTML5 UP</p>
-								</header>
-							</section>
-
-						<!-- Intro -->
-							<section id="intro" class="container">
-								<div class="row">
-									<div class="4u 12u(mobile)">
-										<section class="first">
-											<i class="icon featured fa-cog"></i>
-											<header>
-												<h2>Ipsum consequat</h2>
-											</header>
-											<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
-										</section>
-									</div>
-									<div class="4u 12u(mobile)">
-										<section class="middle">
-											<i class="icon featured alt fa-flash"></i>
-											<header>
-												<h2>Magna etiam dolor</h2>
-											</header>
-											<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
-										</section>
-									</div>
-									<div class="4u 12u(mobile)">
-										<section class="last">
-											<i class="icon featured alt2 fa-star"></i>
-											<header>
-												<h2>Tempus adipiscing</h2>
-											</header>
-											<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
-										</section>
-									</div>
-								</div>
-								<footer>
-									<ul class="actions">
-										<li><a href="#" class="button big">Get Started</a></li>
-										<li><a href="#" class="button alt big">Learn More</a></li>
-									</ul>
-								</footer>
-							</section>
-
-					</div>
-				</div>
--- a/_includes/splash.html
+++ b/_includes/splash.html
@ -0,0 +1,46 @@
+						<!-- Banner -->
+							<section id="banner">
+								<header>
+									<h2>Howdy. This is Dopetrope.</h2>
+									<p>A responsive template by HTML5 UP</p>
+								</header>
+							</section>
+
+						<!-- Intro -->
+							<section id="intro" class="container">
+								<div class="row">
+									<div class="4u 12u(mobile)">
+										<section class="first">
+											<i class="icon featured fa-cog"></i>
+											<header>
+												<h2>Ipsum consequat</h2>
+											</header>
+											<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
+										</section>
+									</div>
+									<div class="4u 12u(mobile)">
+										<section class="middle">
+											<i class="icon featured alt fa-flash"></i>
+											<header>
+												<h2>Magna etiam dolor</h2>
+											</header>
+											<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
+										</section>
+									</div>
+									<div class="4u 12u(mobile)">
+										<section class="last">
+											<i class="icon featured alt2 fa-star"></i>
+											<header>
+												<h2>Tempus adipiscing</h2>
+											</header>
+											<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
+										</section>
+									</div>
+								</div>
+								<footer>
+									<ul class="actions">
+										<li><a href="#" class="button big">Get Started</a></li>
+										<li><a href="#" class="button alt big">Learn More</a></li>
+									</ul>
+								</footer>
+							</section>
--- a/_layouts/dopetrope.html
+++ b/_layouts/dopetrope.html
@ -8,7 +8,6 @@
 	{% include head.html %}
 	<body class="homepage">
 		<div id="page-wrapper">
-			{% include header.html %}
 			{{ content }}
 			{% include footer.html %}
 		</div>
--- a/_layouts/landing.html
+++ b/_layouts/landing.html
@ -1,6 +1,13 @@
 ---
 layout: dopetrope
 ---
+		<!-- Header -->
+			<div id="header-wrapper">
+				<div id="header">
+					{% include header.html %}
+					{% include splash.html %}
+				</div>
+			</div>
 				<!-- Main -->
 				<div id="main-wrapper">
 					<div class="container">
--- a/_layouts/left-sidebar.html
+++ b/_layouts/left-sidebar.html
@ -1,6 +1,12 @@
 ---
 layout: dopetrope
 ---
+			<!-- Header -->
+			<div id="header-wrapper">
+				<div id="header">
+					{% include header.html %}
+				</div>
+			</div>
 			<!-- Main -->
 				<div id="main-wrapper">
 					<div class="container">
--- a/_layouts/no-sidebar.html
+++ b/_layouts/no-sidebar.html
@ -1,6 +1,12 @@
 ---
 layout: dopetrope
 ---
+			<!-- Header -->
+			<div id="header-wrapper">
+				<div id="header">
+					{% include header.html %}
+				</div>
+			</div>
 			<!-- Main -->
 				<div id="main-wrapper">
 					<div class="container">
--- a/_layouts/right-sidebar.html
+++ b/_layouts/right-sidebar.html
@ -1,6 +1,12 @@
 ---
 layout: dopetrope
 ---
+			<!-- Header -->
+			<div id="header-wrapper">
+				<div id="header">
+					{% include header.html %}
+				</div>
+			</div>
 			<!-- Main -->
 				<div id="main-wrapper">
 					<div class="container">