add 2024 page

2023.md

@@ -0,0 +1,6 @@
+---
+# You don't need to edit this file, it's empty on purpose.
+# Edit theme's home layout instead if you wanna make some changes
+# See: https://jekyllrb.com/docs/themes/#overriding-theme-defaults
+layout: home2023
+---

_includes/2024/about.html

@@ -0,0 +1,55 @@
+
+<p class="lead">沖縄では２棟でやります！ エモリハウス ＆ ヤダハウス！ </p>
+
+<p>女性がRubyKaigiに参加しやすくなるといいなあ、 そんな家主の思いからはじまったエモリハウス。</p>
+<p>女性のRubyKaigi参加者たちといっしょに泊まって、わいわいしよう！という企画です。</p>
+
+<p>RubyKaigiが地方開催になった2016年の京都で発生してから、</p>
+<p>2017年広島、2018年仙台、2019年福岡、2023年松本と開催してきました。</p>
+
+<p>RubyKaigi 2024 in Okinawa では、スケールアウトして、２棟！</p>
+
+<p>常連さんもはじめましての方も、いっしょにエモリハウス・ヤダハウスに泊まって</p>
+<p>RubyKaigiに参加しましょう！</p>
+
+<div class="row">
+  <div class="col-md-4">
+    <h5>
+      <a href="https://rubykaigi.org/2024"><i class="far fa-gem"></i> RubyKaigi 2024</a>
+    </h5>
+    <ul>
+      <li><i class="far fa-calendar-alt"></i> 2024/05/15 Wed. 〜 2024/05/17 Fri.</li>
+      <li><a href="https://www.nahart.jp/"><i class="fas fa-map-marker-alt"></i>那覇文化芸術劇場なはーと</a></li>
+    </ul>
+  </div>
+
+  <div class="col-md-4">
+    <h5><i class="fas fa-home"></i> エモリハウス</a>
+    </h5>
+    <ul>
+      <li><i class="far fa-calendar-alt"></i> 2024/05/13 Mon. or 2024/05/14 Tue. 〜 2024/05/18 Sat.</li>
+      <li><small>RubyKaigiの前々日 or 前日チェックイン<br>最終日の次の日チェックアウト</small></li>
+      <li><a href="https://www.instagram.com/familyroomokinawa/"><i class="fas fa-map-marker-alt"></i>FamilyRoomOkinawa</a></li>
+    </ul>
+  </div>
+
+  <div class="col-md-4">
+    <h5><i class="fas fa-home"></i>ヤダハウス</a>
+    </h5>
+    <ul>
+      <li><i class="far fa-calendar-alt"></i> 2024/05/14 Tue. 〜 2024/05/18 Sat.</li>
+      <li><small>RubyKaigiの前日チェックイン<br>最終日の次の日チェックアウト</small></li>
+      <li><a href="https://conveniam.com/rooms/detail/35"><i class="fas fa-map-marker-alt"></i>旅の宿シビランカ</a></li>
+    </ul>
+  </div>
+</div>
+
+<div class="description">
+  <p>お申し込みはこちらから！👉 <a href="https://t.co/Na7x9Tnagd">お申し込みフォーム</a></p>
+<!---
+  <p class="emphasis">エモリハウス・ヤダハウス2024は定員になりましたので、メンバーの募集を締め切りました。</p>
+--->
+  <p>エモリハウスに関するお問い合わせは <script>secretaddress();</script> までお願いします。</p>
+
+
+</div>

_includes/2024/contact.html

@@ -0,0 +1,42 @@
+
+<div class="description">
+  <p>はじめましての方 👩も、お子様 👧👦と一緒に泊まりたい方も歓迎です！</p>
+  <p>エモリハウスに参加したい女性からのご連絡をお待ちしています。</p>
+</div>
+
+<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/2024/footer.html

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

_includes/2024/members.html

@@ -0,0 +1,45 @@
+
+<p class="lead"><strong>はじめましてはじめまして。</strong></p>
+
+
+<div class="row row-eq-height">
+  <div class="col-md-3 members">
+    <img src="http://www.gravatar.com/avatar/5c72a69ad460347a01aa05de9915c3e0">
+    <div class="name">emorima</div>
+    <div class="profile">
+      <p>エモリハウス家主。</p>
+      <p>酒とRubyと、時々、(福山)雅治。Asakusa.rb, Rails Girls, 千鳥足.rb </p>
+    </div>
+    <div class="sns_icon">
+      <a href="https://twitter.com/emorima"><i class="fab fa-twitter fa-2x"></i></a>
+      <a href="https://github.com/emorima"><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+
+  <div class="col-md-3 members">
+    <img src="https://pbs.twimg.com/profile_images/378800000561709251/efc8828aff9cb20e8e922923de9e878b_400x400.jpeg">
+    <div class="name">yadaita</div>
+    <div class="profile">
+      <p>ヤダハウス家主。</p>
+      <p>くまモン好きのRubyist。</p>
+    </div>
+    <div class="sns_icon">
+      <a href="https://twitter.com/yadaita"><i class="fab fa-twitter fa-2x"></i></a>
+    </div>
+  </div>
+
+  <!-- template
+  <div class="col-md-3 members">
+    <img src="<icon url>">
+    <div class="name"><screen name></div>
+    <div class="profile">
+      <p><anatano koto wo oshiete ne></p>
+      <p></p>
+    </div>
+    <div class="sns_icon">
+      <a href="https://twitter.com/<screen name>"><i class="fab fa-twitter fa-2x"></i></a>
+      <a href="https://github.com/<screen name>"><i class="fab fa-github fa-2x"></i></a>
+    </div>
+  </div>
+  -->
+</div>

_includes/2024/navbar.html

@@ -0,0 +1,36 @@
+<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="/#members">Members</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/#map">Map</a>
+        </li>
+
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> History </a>
+		  <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+			<a class="dropdown-item" href="/2019">2019</a>
+			<a class="dropdown-item" href="/2020">2020</a>
+			<a class="dropdown-item" href="/2023">2023</a>
+		  </div>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</header>

_layouts/home2024.html

@@ -0,0 +1,86 @@
+---
+title: emorihouse 2024
+---
+<!doctype html>
+<html lang="en">
+<head>
+  <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/style2023.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="./assets/images/favicon.ico">
+
+  <script>
+    function secretaddress() {
+      var ma = String.fromCharCode(101,109,111,114,105,104,111,117,115,101,64,103,109,97,105,108,46,99,111,109);
+      var mt = String.fromCharCode(109,97,105,108,116,111,58);
+      document.write('<a href="'+ mt + ma + '">' + ma + '</a>');
+    }
+  </script>
+</head>
+<body>
+  {% include 2024/navbar.html %}
+
+  <div id="intro" class="container-fluid">
+    <div class="row intro-inner">
+      <img src="/assets/images/emorihouse2023.jpeg">
+      <div class="intro-title">
+        <h1></h1>
+      </div>
+    </div>
+  </div>
+
+  <div id="about" class="container-fluid">
+    <h2 class="area-title">About</h2>
+
+    <div class="text-center content">
+      {% include 2024/about.html %}
+    </div>
+  </div>
+
+  <div id="members" class="container-fluid">
+    <h2 class="area-title">Members</h2>
+
+    <div class=" text-center content">
+      {% include 2024/members.html %}
+    </div>
+  </div>
+
+  <div id="map" class="container-fluid">
+    <h2 class="area-title">Map</h2>
+
+    <div class="content"></div>
+    <div class="row">
+      <div id="map-canvas"></div>
+    </div>
+  </div>
+
+  {% include 2024/footer.html %}
+
+  <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/main2024.js"></script>
+
+  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCMFnWW75vOK-_E64sCZtnnSMNDTmWo9ZM&callback=initMap"></script>
+</body>
+</html>

assets/js/main2024.js

@@ -0,0 +1,58 @@
+var map;
+var markers = [];
+var infoBalloons = [];
+var markerData = [
+  {
+    name: "那覇文化芸術劇場なはーと",
+    icon: './assets/images/marker_rubykaigi.png',
+    lat: 26.216331,
+    lng: 127.682844
+  }, {
+    name: 'エモリハウス@FamilyRoomOkinawa',
+    icon: './assets/images/marker_emorihouse.png',
+    lat: 26.2180005,
+    lng: 127.6834565
+  }, {
+    name: 'ヤダハウス@旅の宿シビランカ',
+    icon: './assets/images/marker_yadahouse.png',
+    lat: 26.2147761,
+    lng: 127.6805593
+  }
+];
+
+function initMap() {
+  // 地図の作成
+  var mapLatLng = new google.maps.LatLng({lat: markerData[0]['lat'], lng: markerData[0]['lng']});
+  map = new google.maps.Map(document.getElementById('map-canvas'), {
+    center: mapLatLng,
+    zoom: 16
+  });
+
+  // マーカー毎の処理
+  for (var i = 0; i < markerData.length; i++) {
+    markerLatLng = new google.maps.LatLng({lat: markerData[i]['lat'], lng: markerData[i]['lng']});
+
+    var icon_image = {
+      url : markerData[i]['icon'],
+      scaledSize : new google.maps.Size(50, 50)
+    };
+
+    markers[i] = new google.maps.Marker({
+      position: markerLatLng,
+      map: map,
+      icon: icon_image
+    });
+
+    infoBalloons[i] = new google.maps.InfoWindow({ // 吹き出しの追加
+      content: '<div class="map-canvas">' + markerData[i]['name'] + '</div>'
+    });
+
+    markerEvent(i);
+  }
+}
+
+function markerEvent(i) {
+  markers[i].addListener('click', function() {
+    infoBalloons[i].open(map, markers[i]);
+  });
+}

index.md

@@ -2,5 +2,5 @@
 # You don't need to edit this file, it's empty on purpose.
 # Edit theme's home layout instead if you wanna make some changes
 # See: https://jekyllrb.com/docs/themes/#overriding-theme-defaults
-layout: home2023
+layout: home2024
 ---