Add about content

assets/_sass/_variables.scss → assets/_sass/dojoconjapan2017/foundation/_variables.scss

@@ -16,4 +16,6 @@ $default-line-height: 1.75;
 // Breakpoints
 $wide-menu: 590px;
 
+$tablet: 768px;
+
 $desktop: 1024px;

assets/_sass/dojoconjapan2017/project/_about.scss

@@ -0,0 +1,11 @@
+section.about {
+	background: url(../images/hero.png) no-repeat center top;
+	background-color: $flamingo;
+	background-size: contain;
+	padding-top: 343.75%;
+
+	@media (min-width: $tablet) {
+		background-image: url(../images/hero-1500.png);
+		background-size: auto;
+	}
+}

assets/_sass/main.scss

@@ -1,12 +1,12 @@
 @charset "UTF-8";
-@import "variables";
+@import "dojoconjapan2017/foundation/variables";
 @import "bourbon/bourbon";
 @import "neat/neat";
-@import "reset";
-@import "fonts";
-@import "button";
-@import "hamburger";
-@import "sliding-panel";
+@import "dojoconjapan2017/foundation/reset";
+@import "dojoconjapan2017/foundation/fonts";
+@import "dojoconjapan2017/component/button";
+@import "dojoconjapan2017/component/hamburger";
+@import "dojoconjapan2017/component/sliding-panel";
 
 html{
 	box-sizing:border-box;
@@ -38,5 +38,6 @@ button {
 	line-height: $default-line-height;
 }
 
-@import "header";
-@import "footer";
+@import "dojoconjapan2017/layout/header";
+@import "dojoconjapan2017/layout/footer";
+@import "dojoconjapan2017/project/about";

footer.php

@@ -1,4 +1,4 @@
-<?php get_sidebar(); ?>
+<?php // get_sidebar(); ?>
 
 <footer class="footer">
 

front-page.php

@@ -0,0 +1,11 @@
+<?php get_header(); ?>
+
+<section class="about">
+	<h2>日本最大のCoderDojoの祭典</h2>
+	<p>DojoCon Japanは日本のCoderDojo関係者（見守る大人、学ぶ子供）とその活動に賛同・協賛する人が全国各地から集まる大きなイベントです。</p>
+
+	<p>CoderDojoは2011年にアイルランドから始まった子供達にプログラミングを学ぶ場を提供するボランティア主導の世界的な非営利活動です。その数は世界中で1241（2017年4月現在）にも及びます。<br>
+	昨年初めてDojoCon Japanを開催したとき、日本には36の道場しかありませんでした。しかし、開催後にはその数を飛躍的に伸ばし、現在では82の道場が日本で活動しています(2017年5月現在)。</p>
+</section>
+
+<?php get_footer(); ?>

header.php

@@ -69,5 +69,3 @@
 		<span class="hamburger-inner">Menu</span>
 	</span>
 </button>
-
-<h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>