draft emorihouse 2019

_config.yml

@@ -13,12 +13,9 @@
 # you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
-title: Your awesome title
-email: [email protected]
+title: emorihouse
+email: ""
 description: >- # this means to ignore newlines until "baseurl:"
-  Write an awesome description for your new site here. You can edit this
-  line in _config.yml. It will appear in your document head meta (for
-  Google search results) and in your feed.xml site description.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: jekyllrb

_includes/about.html

@@ -0,0 +1,26 @@
+
+<p class="lead">2019年もやります。 エモリハウス！</p>
+
+<p>女性がRubyKaigiに参加しやすくなるといいなあ、 そんな家主の思いからはじまったエモリハウス。</p>
+<p>女性のRubyKaigi参加者たちといっしょに泊まって、わいわいしよう！という企画です。</p>
+<p>RubyKaigiが地方開催になった2016年の京都で発生してから、2017年広島、2018年仙台と開催してきました。</p>
+<p>そして、RubyKaigi 2019 in 福岡 でもやります！エモリハウス 2019！</p>
+<p>常連さんもはじめましての方も、いっしょにエモリハウスに泊まってRubyKaigiに参加しましょう！</p>
+
+<div class="row">
+  <div class="col-md-6">
+    <h5><i class="far fa-gem"></i> <a href="https://rubykaigi.org/2019">RubyKaigi 2019</a></h5>
+    <ul>
+      <li>2019/04/18 Thu 〜 2019/04/20 Sat</li>
+      <li><i class="fas fa-at"></i> 福岡コンベンションセンター</li>
+    </ul>
+  </div>
+  <div class="col-md-6">
+    <h5><i class="fas fa-home"></i> エモリハウス</h5>
+    <ul>
+      <li>2019/04/17 Wed 〜 2019/04/21 Sun</li>
+      <li>※RubyKaigiの前日チェックイン, 最終日の次の日チェックアウト</li>
+      <li><i class="fas fa-at"></i> ゲストハウス</li>
+    </ul>
+  </div>
+</div>

_includes/contact.html

@@ -0,0 +1,40 @@
+
+<p class="lead">こんにちは世界！</p>
+
+<p>エモリハウスに参加したい方は、以下のフォームからご連絡ください。</p>
+
+<div class="contact_form">
+  <form action="https://getsimpleform.com/messages?form_api_token=0d8cd3732773d17737b99a3ef118245a" method="post">
+    <!-- the redirect_to is optional, the form will redirect to the referrer on submission -->
+    <!--<input type='hidden' name='redirect_to' value='<the complete return url e.g. http://fooey.com/thank-you.html>' />-->
+
+    <div class="form-row">
+      <div class="col">
+        <input class="form-control" type="text" name="name" placeholder="お名前" required>
+      </div>
+    </div>
+
+    <div class="form-row">
+      <div class="col">
+        <input class="form-control" type="email" name="email" placeholder="メールアドレス" required>
+      </div>
+    </div>
+
+    <div class="form-row">
+      <div class="col">
+        <textarea type="text" name="message" class="form-control" placeholder="メッセージ" rows=5 required></textarea>
+      </div>
+    </div>
+
+    <div class="form-row">
+      <small style="display: block; text-align: left;">
+        ※ 注意点あれば。<br>
+        ※ 注意点あれば。<br>
+      </small>
+    </div>
+
+    <input type='submit' value='エモリハウスに応募する' class="btn btn-secondary" />
+
+  </form>
+
+</div>

_includes/footer.html

@@ -0,0 +1,3 @@
+<footer class="site-footer">
+  <p class="text-center copyright">© emorihouse 2019</p>
+</footer>

_includes/header.html

@@ -0,0 +1,18 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="description" content="{{ page.description | default: site.description | smartify }}">
+
+<title>{{ site.title | smartify }}</title>
+
+<!-- Bootstrap core CSS -->
+{% if site.github %}
+<link href="{{ site.baseurl }}/dist/css/bootstrap.min.css" rel="stylesheet" integrity="{{ site.cdn.css_hash }}" crossorigin="anonymous">
+{% else %}
+<link href="{{ site.baseurl }}/dist/css/bootstrap.css" rel="stylesheet">
+{% endif %}
+
+<link href="/assets/css/style.css" rel="stylesheet"/>
+
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
+
+<link rel="icon" href="{{ site.baseurl }}/favicon.ico">

_includes/member.html

@@ -0,0 +1,152 @@
+
+<p><strong>はじめましてはじめまして。</strong></p>
+
+
+<div class="row row-eq-height">
+  <div class="col-md-3 member">
+    <img src="http://www.gravatar.com/avatar/5c72a69ad460347a01aa05de9915c3e0">
+    <div class="name">emorima</div>
+    <div class="profile">
+      <p>家主。</p>
+      <p>dummy dummy dummy dummy dummy dummy dummy dummy.</p>
+    </div>
+    <div class="sns_icon">
+      <a href="https://twitter.com/emorima"><i class="fab fa-twitter fa-2x"></i></a>
+      <!--<a href=""><i class="fab fa-github fa-2x"></i></a>-->
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="https://pbs.twimg.com/profile_images/556323648810663937/rzzBs46L_400x400.jpeg">
+    <div class="name">cobachie</div>
+    <div class="profile">
+      <p>エモリハウス歴4年の住人。</p>
+      <p>dummy dummy dummy dummy dummy dummy dummy dummy.</p>
+    </div>
+    <div class="sns_icon">
+      <a href="https://twitter.com/co_bachie"><i class="fab fa-twitter fa-2x"></i></a>
+      <!--<a href=""><i class="fab fa-github fa-2x"></i></a>-->
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="https://pbs.twimg.com/profile_images/629308625966620672/TG2YZOJ__400x400.png">
+    <div class="name">kanahebi</div>
+    <div class="profile">
+      <p>ももクロちゃん大好きなRubyist.</p>
+      <p>dummy dummy dummy dummy dummy dummy dummy dummy.</p>
+    </div>
+    <div class="sns_icon">
+      <a href="https://twitter.com/kanahebiZ"><i class="fab fa-twitter fa-2x"></i></a>
+      <!--<a href=""><i class="fab fa-github fa-2x"></i></a>-->
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="">
+    <div class="name">name</div>
+    <div class="profile">
+      dummy dummy dummy dummy dummy dummy dummy dummy.
+    </div>
+    <div class="sns_icon">
+      <a href=""><i class="fab fa-twitter fa-2x"></i></a>
+      <a href=""><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="">
+    <div class="name">name</div>
+    <div class="profile">
+      dummy dummy dummy dummy dummy dummy dummy dummy.
+    </div>
+    <div class="sns_icon">
+      <a href=""><i class="fab fa-twitter fa-2x"></i></a>
+      <a href=""><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="">
+    <div class="name">name</div>
+    <div class="profile">
+      dummy dummy dummy dummy dummy dummy dummy dummy.
+    </div>
+    <div class="sns_icon">
+      <a href=""><i class="fab fa-twitter fa-2x"></i></a>
+      <a href=""><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="">
+    <div class="name">name</div>
+    <div class="profile">
+      dummy dummy dummy dummy dummy dummy dummy dummy.
+    </div>
+    <div class="sns_icon">
+      <a href=""><i class="fab fa-twitter fa-2x"></i></a>
+      <a href=""><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="">
+    <div class="name">name</div>
+    <div class="profile">
+      dummy dummy dummy dummy dummy dummy dummy dummy.
+    </div>
+    <div class="sns_icon">
+      <a href=""><i class="fab fa-twitter fa-2x"></i></a>
+      <a href=""><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="">
+    <div class="name">name</div>
+    <div class="profile">
+      dummy dummy dummy dummy dummy dummy dummy dummy.
+    </div>
+    <div class="sns_icon">
+      <a href=""><i class="fab fa-twitter fa-2x"></i></a>
+      <a href=""><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="">
+    <div class="name">name</div>
+    <div class="profile">
+      dummy dummy dummy dummy dummy dummy dummy dummy.
+    </div>
+    <div class="sns_icon">
+      <a href=""><i class="fab fa-twitter fa-2x"></i></a>
+      <a href=""><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="">
+    <div class="name">name</div>
+    <div class="profile">
+      dummy dummy dummy dummy dummy dummy dummy dummy.
+    </div>
+    <div class="sns_icon">
+      <a href=""><i class="fab fa-twitter fa-2x"></i></a>
+      <a href=""><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+
+  <div class="col-md-3">
+    <img src="">
+    <div class="name">name</div>
+    <div class="profile">
+      dummy dummy dummy dummy dummy dummy dummy dummy.
+    </div>
+    <div class="sns_icon">
+      <a href=""><i class="fab fa-twitter fa-2x"></i></a>
+      <a href=""><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+</div>

_includes/navbar.html

@@ -0,0 +1,82 @@
+<header class="site-header">
+
+  <nav class="navbar navbar-expand-xl navbar-light">
+    <a class="navbar-brand" href="#">emorihouse</a>
+
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <ul class="navbar-nav mr-auto">
+        <li class="nav-item">
+          <a class="nav-link" href="#intro">Home</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#about">About</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#member">Member</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#contact">Contact</a>
+        </li>
+      </ul>
+    </div>
+  </nav>
+
+  {% comment %}
+  <!-- Logo and title -->
+  <div class="branding">
+    <a href="{{ site.baseurl }}/">
+      <img class="avatar" src="{{ site.baseurl }}/{{ site.theme_settings.avatar }}" alt=""/>
+    </a>
+
+    <h1 class="site-title">
+      <a href="{{ site.baseurl }}/">{{ site.theme_settings.title }}</a>
+    </h1>
+  </div>
+
+  <!-- Toggle menu -->
+  <nav class="clear">
+    <a id="pull" class="toggle" href="#">
+      <i class="fa fa-bars fa-lg"></i>
+    </a>
+
+    <!-- Menu -->
+    <ul class="hide">
+      <!-- Auto Generation of NORMAL pages in the navbar -->
+      {% assign name_page = "" %}
+
+      {% for page in site.pages %}
+      {% if page.title and page.hide != true %}
+      {% if name_page contains page.title %}
+      {% else %}
+      <li class="separator"> | </li>
+      <li>
+        <a class="clear" href="{{ page.url | relative_url }}">
+          {{ page.title }}
+        </a>
+      </li>
+      {% endif %}
+      {% assign name_page = page.title | append: name_page %}
+      {% endif %}
+      {% endfor %}
+
+      <!-- Auto Generation of SPECIAL pages in the navbar -->
+      {% for item in site.theme_settings.special_page %}
+      {% if item[1].enabled %}
+      <li class="separator"> | </li>
+      <li>
+        <a class="clear" href="{{ site.url }}{{ site.baseurl }}/{{ item[1].icon }}">
+          <i class="fa fa-{{ item[1].icon }}" aria-hidden="true"></i>
+        </a>
+      </li>
+      {% endif %}
+      {% endfor %}
+    </ul>
+
+  </nav>
+  {% endcomment %}
+
+</header>

_includes/scripts.html

@@ -0,0 +1,12 @@
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+
+{%- if site.github -%}
+<script src="{{ site.baseurl }}/dist/js/bootstrap.min.js" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
+{%- else -%}
+<script src="{{ site.baseurl }}/dist/js/bootstrap.js"></script>
+{%- endif -%}
+
+<script src="{{ site.baseurl }}/assets/js/main.js"></script>
+
+<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCMFnWW75vOK-_E64sCZtnnSMNDTmWo9ZM&callback=initMap"></script>

_layouts/default.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    {% include header.html %}
+  </head>
+  <body>
+    {% include navbar.html %}
+
+    {{ content }}
+
+    {% include footer.html %}
+
+    {% include scripts.html %}
+  </body>
+</html>