large conversion

_config.yml

@@ -1,5 +1,68 @@
 title: State of the Map Japan 2022
 description: 世界を自由な地図にしよう
-theme: jekyll-theme-cayman
-lang: ja-JP
+lang: ja
+timezone: Asia/Tokyo
 destination: "2022"
+
+event:
+  title: State of the Map Japan 2022
+  date: 2022年12月3日
+  dayofweek: 土曜日
+  time: 13:00 - 18:00
+  venue: 加古川市商工会議所
+  zip: 675-0064
+  address: 兵庫県加古川市加古川町溝之口800
+  lat: 34.76448
+  lon: 134.84012
+  fee: 無料
+  message: オープンストリートマップは「自由な地図をみんなの手に」をスローガンに、日本や世界の自由につかえる地図を実現していこうとボランティアが草の根で作成した地図データの集合体です。わたしたちは、この活動をさらに発展させるためにカンファレンスを企画しました
+  target: 参加者の属性としては、OSM編集者、OSMデータ利用企業、地理空間情報技術者、学術利用者、行政関係者、シビックテックを始めとするコミュニティなどが中心となります。地方からの参加・発表も予定しています
+  host:
+    - name: State of the Map Japan 2022 実行委員会
+      url: https://stateofthemap.jp/2022/
+    - name: Code for Harima
+      url: https://facebook.com/codeforharima/
+  chairman: 福田 宏司(Code for Harima)
+  cohost:
+    - name: 一般社団法人 OpenStreetMap Foundation Japan
+      url: https://osmf.jp/
+  support:
+    - name: オープン・ナレッジ・ファウンデーション・ジャパン
+      url: https://okfn.jp/
+    - name: Code for Japan
+      url: https://www.code4japan.org/
+    - name: Open Source People Network
+      url: https://www.ospn.jp/
+    - name: NPO法人CrisisMappers Japan
+      url: http://crisismappers.jp/
+    - name: YouthMappers AGU
+      url: https://twitter.com/youthmappers4a1
+    - name: 青山学院大学 地球社会共生学部
+      url: https://www.aoyama.ac.jp/faculty/gsc/
+    - name: 一般社団法人OSGeo日本支部 （OSGeo.JP）
+      url: https://www.osgeo.jp/
+    - name: Code4Lib JAPAN
+      url: https://www.code4lib.jp/
+
+social:
+  - title: twitter
+    icon: twitter
+    url: https://twitter.com/osmfj
+  - title: facebook
+    icon: facebook
+    url: https://www.facebook.com/osmfj
+  - title: youtube
+    icon: youtube
+    url: https://www.youtube.com/channel/UCKS6DjwrVC1gEx6PO0nX3TQ
+  - title: telegram
+    icon: telegram
+    url: https://t.me/osmjapan
+  - title: github
+    icon: github
+    url: https://github.com/osmfj
+  - title: blog
+    icon: journal
+    url: https://blog.openstreetmap.org/?lang=ja
+  - title: wiki
+    icon: pencil-square
+    url: https://wiki.openstreetmap.org/wiki/JA:Main_Page

_data/location.yml

@@ -0,0 +1,8 @@
+- bbox1_lon: 134.8365515470505
+  bbox1_lat: 34.76252190311351
+  bbox2_lon: 134.84363257884982
+  bbox2_lat: 34.76639996259122
+  layer: mapnik
+  marker_lat: 34.764460955626284
+  marker_lon: 134.84009206295013
+  zoom: 17

_data/sponsers.yml

@@ -0,0 +1,32 @@
+gold:
+  - company: foo company
+    url: https://www.example.com/
+    img: noimg.webp
+  - company: foo company
+    url: https://www.example.com/
+    img: noimg.webp
+  - company: foo company
+    url: https://www.example.com/
+    img: noimg.webp
+
+silver:
+  - company: bar company
+    url: https://www.example.com/
+    img: noimg.webp
+  - company: bar company
+    url: https://www.example.com/
+    img: noimg.webp
+  - company: bar company
+    url: https://www.example.com/
+    img: noimg.webp
+
+bronze:
+  - company: buz company
+    url: https://www.example.com/
+    img: noimg.webp
+  - company: buz company
+    url: https://www.example.com/
+    img: noimg.webp
+  - company: buz company
+    url: https://www.example.com/
+    img: noimg.webp

_data/talks.yml

@@ -0,0 +1,11 @@
+- talk: 基調講演
+  title:  The Past, Present, and Future of OpenStreetMap Japan 〜 一億総伊能化は実現できるのか 〜
+  name: 古橋大地
+  position: 青山学院大学教授 / NPO法人クライシスマッパーズ・ジャパン理事長 / MAPconcierge株式会社代表取締役
+  img:  mapconcerge.webp
+
+- talk: State of the Map Japan 2020 / FOSS4G Japan 2020 Online 合同講演
+  title:  オープンソースでつくる オープンソースっぽい地図の会社の挑戦
+  name: 宮内隆行
+  position: 株式会社 Geolonia 代表
+  img:  miya0001.webp

_includes/about.html

@@ -0,0 +1,33 @@
+<section class="even" id="about">
+  <div class="container py-4 py-xl-5">
+    <h2 class="display-6 fw-bold mb-4"><i class="bi bi-map"></i> State of the Map Japanについて</h2>
+    <div class="row justify-content-center">
+      <div class="col-lg-5 ms-auto">
+        <p>
+          オープンストリートマップは、「自由な地図をみんなの手に」をスローガンに、日本や世界の自由につかえる地図を実現していこうと、ボランティアが草の根で作成した地図データの集合体です。わたしたちは、この活動をさらに発展させるために、カンファレンスを企画しました。
+        </p>
+
+        <p>
+          一般社団法人オープンストリートマップ・ファウンデーション・ジャパン（以下OSMFJ）では、OSM活動のより一層の浸透と企業を含む参加者同士の交流、コミュニティの活性化、地理空間情報利活用の推進、さらには、継続的なビジネスの発展と新たな市場の想像を目指し、State
+          of the Map Japan 2022 （以下SotM Japan）カンファレンスを開催することとしました。</p>
+
+        <p>State of the Map（以下 SotM）は、世界中の多様な人々が紡ぐ世界地図プロジェクト
+          OpenStreetMapの国際カンファレンスシリーズであり、OSM編集者であるマッパー、IT技術者、OSMデータを利活用・支援する企業や団体など、世界のコミュニティが一同に介するカンファレンスとして、2008年から続けられています。
+        </p>
+      </div>
+      <div class="col-lg-5 me-auto">
+        <p>日本地域においては、2012年9月に東京で行われたアジア・オセアニア地域初であるSotM
+          2012世界総会をスタートとして、2014年より、日本地域におけるローカルカンファレンスとして、2014年の東京、2015年には浜松と、継続して開催されています。
+          2017年は会津若松で国際カンファレンスを誘致し、世界各国からのマッパーによる交流を行いました。2018年には、東京の日比谷図書文化館で、図書館とOSMをつなぐ活動について議論しました。2020年には、FOSS4G
+          Japanカンファレンスと共同で、オンラインでの開催を実施をしました。
+        </p>
+
+        <p>SotM Japanでは、全世界版のSotMの趣旨および価値観をそのままに、日本および日本語でのOSM活動について、新しいアイディアや開発手法、利用方法、ビジネス事例、将来像についてディスカッションを行います。
+        </p>
+
+        <p>主催は、Code for Harima及びOSMFJメンバーを主体とするSotM Japan実行委員会が行い、OSMFJは全面的に協力いたします。</p>
+
+      </div>
+    </div>
+  </div>
+</section>

_includes/committee.html

@@ -0,0 +1,14 @@
+<section class="even" id="committee">
+  <div class="container py-4 py-xl-5">
+    <h2 class="display-6 fw-bold mb-4"><i class="bi bi-chat-text"></i> 実行委員会について</h2>
+    <div class="row justify-content-center">
+      <div class="col-lg-10 mx-auto">
+
+        <p>State of the Map Japan 2022 実行委員会は OpenStreetMap Japan Slack にて運用をしています。</p>
+
+        <p>実行委員会に興味のある方は OpenStreetMap Japan Slack に <a href="https://bit.ly/OSM_Japan" class="text-white fw-bold">参加</a> して <q>#71_sotmjp2022</q> へご参加ください。また、議事録などは原則公開をしています。</p>
+
+      </div>
+    </div>
+  </div>
+</section>

_includes/footer.html

@@ -0,0 +1,37 @@
+<footer class="p-2">
+  <div class="container py-4 px-xxl-5">
+    <div class="row justify-content-center">
+
+      <div class="col-6 col-md-4 col-lg-3 mb-4">
+        <ul class="nav flex-column">
+          <li class="nav-item"><a href="#" class="nav-link text-white">プログラム</a></li>
+          <li class="nav-item"><a href="#" class="nav-link text-white">ポスター発表</a></li>
+          <li class="nav-item"><a href="#" class="nav-link text-white">チケット申し込み</a></li>
+          <li class="nav-item"><a href="#" class="nav-link text-white">開催場所</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-4 col-lg-3 mb-4">
+        <ul class="nav flex-column">
+          <li class="nav-item"><a href="#" class="nav-link text-white">発表者募集</a></li>
+          <li class="nav-item"><a href="#" class="nav-link text-white">ポスター発表募集</a></li>
+          <li class="nav-item"><a href="#" class="nav-link text-white">企画募集</a></li>
+          <li class="nav-item"><a href="#" class="nav-link text-white">LT募集</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-4 col-lg-3 mb-4">
+        <ul class="nav flex-column">
+        {% for network in site.social %}
+        <li class="nav-item"><a href="{{ network.url }}" class="nav-link text-white text-capitalize"><i class="bi-{{ network.icon }}"></i> {{ network.title }}</a></li>
+        {% endfor %}
+      </div>
+
+      <div class="text-center col-6 col-md-4 col-lg-3 mb-4">
+        <img src="/img/sotmjapan-logo.webp" alt="" width="50%">
+      </div>
+
+    </div>
+  </div>
+  <p class="m-0 p-0 text-end text-white" style="font-size: 9pt;"><small>Cover image <a href="https://commons.wikimedia.org/w/index.php?curid=5567122&uselang=ja" class="text-white">加古川線加古川（上荘町）厄神ー市場</a> Creative Commons License <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.ja" class="text-white">表示 - 継承 3.0 非移植 (CC BY-SA 3.0)</a></small></p>
+</footer>

_includes/header.html

@@ -0,0 +1,19 @@
+<header>
+  <div class="container text-white py-5">
+    <div class="row text-center mt-5 my-xxl-5 py-xxl-5">
+      <div class="col-12 col-lg-4 my-xxl-5 py-xxl-5">
+        <img src="/img/sotmjapan-logo.webp" alt="" width="200vw">
+      </div>
+      <div class="col my-xxl-5 py-xxl-5">
+        {% for event in site.event %}
+        {% endfor %}
+        <h1 class="display-3 fw-bold">{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</h1>
+        <h2 class="h4 fw-bold">{{ site.event["date"] }} ({{ site.event["dayofweek"] }}) {{ site.event["time"] }} {{ site.event["venue"] }}</h2>
+        <p class="lead fs-6">{{ site.event["message"]}}</p>
+        <!--
+        <button class="btn btn-light" onclick="loction.href='https://example.com/'">今すぐ登録</button>
+        -->
+      </div>
+    </div>
+  </div>
+</header>

_includes/map.html

@@ -0,0 +1,12 @@
+<section>
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col ratio" style="--bs-aspect-ratio: 35vh;">
+        {% assign l = site.data.location[0] %}
+        <iframe class="m-0 p-0" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"
+          marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox={{ l["bbox1_lon"] }}%2C{{ l["bbox1_lat"] }}%2C{{ l["bbox2_lon"] }}%2C{{ l["bbox2_lat"] }}&amp;layer={{ l["layer"] }}&amp;marker={{ l["marker_lat"] }}%2C{{ l["marker_lon"] }}"></iframe><br />
+          <small><a href="https://www.openstreetmap.org/?mlat={{ l["marker_lat"] }}&amp;mlon={{ l["marker_lon"] }}#map={{ l["zoom"] }}/{{ l["marker_lat"] }}/{{ l["marker_lon"] }}">大きな地図を表示</a></small>
+      </div>
+    </div>
+  </div>
+</section>

_includes/nav.html

@@ -0,0 +1,24 @@
+<div class="navbar navbar-expand-lg bg-light fixed-top">
+  <div class="container-fluid">
+    <a class="navbar-brand" href="/">SOTM Japan 2022</a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas"
+      aria-controls="offcanvas">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel">
+      <div class="offcanvas-header">
+        <a class="navbar-brand offcanvas-title" href="#">SOTM Japan 2022</a>
+        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+      </div>
+      <div class="offcanvas-body">
+        <ul class="navbar-nav ms-auto">
+          <li class="nav-item"><a href="/#about" class="nav-link">SOTMJについて</a></li>
+          <li class="nav-item"><a href="/#event-outline" class="nav-link">開催概要</a></li>
+          <li class="nav-item"><a href="/#about" class="nav-link">参加申し込み</a></li>
+          <li class="nav-item"><a href="/coc/" class="nav-link">行動規範</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>

_includes/outline.html

@@ -0,0 +1,60 @@
+<section>
+  <div class="container py-4 py-xl-5">
+    <h2 class="display-6 fw-bold mb-4" id="event-outline"><i class="bi bi-card-text"></i> 開催概要</h2>
+    <div class="row justify-content-center">
+      <div class="col">
+
+        <div class="card">
+          <div class="card-body">
+
+            <div class="container">
+              <div class="row">
+                <div class="col-lg-6">
+                  <ul>
+                    <li>イベントタイトル: {{ site.event["title"] }}</li>
+                    <li>開催日時: {{ site.event["date"] }}({{ site.event["dayofweek"] }}) {{ site.event["time"] }}</li>
+                    <li>
+                      開催場所: {{ site.event["venue"] }}<br>
+                      〒{{ site.event["zip"] }} {{ site.event["address"] }}<br>
+                      ({{ site.event["lat"] }}, {{ site.event["lon"] }} / EPSG:4326)
+                    </li>
+                    <li>参加費: {{ site.event["fee"] }}</li>
+                    <li>主催:
+                      <ul>
+                        {% for host in site.event["host"] %}
+                        <li><a href="{{ host.url }}">{{ host.name }}</a></li>
+                        {% endfor %}
+                      </ul>
+                    </li>
+                    <li>実行委員長: {{ site.event["chairman"] }}</li>
+                    <li>共催:
+                      <ul>
+                        {% for cohost in site.event["cohost"] %}
+                        <li><a href="{{ cohost.url }}">{{ cohost.name }}</a></li>
+                        {% endfor %}
+                      </ul>
+                    </li>
+                  </ul>
+                </div>
+                <div class="col-lg-5">
+                  <ul>
+                    <li>後援:
+                      <ul>
+                        {% for support in site.event["support"] %}
+                        <li><a href="{{ support.url }}">{{ support.name }}</a></li>
+                        {% endfor %}
+                      </ul>
+                    </li>
+                  </ul>
+
+                </div>
+              </div>
+            </div>
+            <p class="card-text">{{ site.event["target"] }}</p>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</section>

_includes/page_header.html

@@ -0,0 +1,9 @@
+<header class="page__header">
+  <div class="container text-white py-5">
+    <div class="row my-5 py-5">
+      <div class="col">
+        <h1 class="text-center">{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</h1>
+      </div>
+    </div>
+  </div>
+</header>

_includes/speaker.html

@@ -0,0 +1,18 @@
+<section>
+  <div class="container py-4 py-xl-5">
+    <h2 class="display-6 fw-bold mb-4" id="speaker"><i class="bi bi-chat-square"></i> 講演</h2>
+    {% for talk in site.data.talks %}
+    <div class="row mb-4 mb-xxl-5 justify-content-center">
+      <h3>{{ talk.talk }}</h3>
+      <div class="col-10 col-md-5 col-lg-4 col-xl-3 g-0 text-center">
+        <img src="/img/{{ talk.img }}" alt="" class="img-fluid" width="320px" height="320px">
+      </div>
+      <div class="col-10 col-md-7 col-lg-8 col-xl-9 p-3 speakertalk">
+        <h4 class="fs-2">{{ talk.title }}</h4>
+        <p class="fs-4">{{ talker.name }}</p>
+        <p>{{ talk.position }}</p>
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+</section>

_includes/sponser.html

@@ -0,0 +1,20 @@
+<section>
+  <div class="container py-4 py-xl-5">
+    <h2 class="display-6 fw-bold mb-4" id="sponser"><i class="bi bi-star"></i> スポンサー</h2>
+    <div class="row justify-content-center">
+      <div class="col mt-5">
+        {% for sponser in site.data.sponsers %}
+        <h3 class="text-uppercase">{{ sponser[0] }}</h3>
+        <div class="row justify-content-center">
+          {% for company in sponser[1] %}
+          <div class="col text-center">
+            <a href="{{ company.url }}"><img src="img/{{ company.img }}" alt="" width="200vw"></a>
+            <p>{{ company.name }}</p>
+          </div>
+          {% endfor %}
+        </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+</section>