Merge pull request #43 from bangkokrb/release/0.3.0

Release - 0.3.0

.env.docker

@@ -3,3 +3,4 @@ AWS_SECRET_ACCESS_KEY
 AWS_S3_BUCKET_NAME
 AWS_S3_BUCKET_ENDPOINT
 AWS_CLOUDFRONT_ID
+GOOGLE_MAP_API_KEY

.env.sample

@@ -3,3 +3,4 @@ AWS_SECRET_ACCESS_KEY=
 AWS_S3_BUCKET_NAME=
 AWS_S3_BUCKET_ENDPOINT=
 AWS_CLOUDFRONT_ID=
+GOOGLE_MAP_API_KEY=

_config.yml

@@ -33,7 +33,7 @@ defaults:
       layout: default
       seo:
         description: "Join us for the first ever Ruby conference in Thailand"
-        image: "/public/images/social/og-icon.jpg"
+        image: "/public/images/social/opengraph.png"
 
 includes:
   - assets

_data/social_platforms.yml

@@ -1,6 +1,6 @@
 - name: Facebook
   icon: facebook
-  url: https://www.facebook.com/Rubyconfth-294423114523650
+  url: https://www.facebook.com/rubyconfth
 - name: Twitter
   icon: twitter
   url: https://twitter.com/rubyconfth

_data/speakers/keynote.yml

@@ -0,0 +1,18 @@
+- first_name: Tim
+  last_name: Riley
+  twitter_handle: "@timriley"
+  photo_url: /assets/images/pages/home/speakers/tim-riley.png
+  bio: |
+    Tim is a partner at <a href="https://www.icelab.com.au/" target="_blank">Icelab</a>, an Australian design agency, and a committed open source software contributor. He’s a co-founder and core team member of <a href="https://dry-rb.org/" target="_blank">dry-rb</a>, core team member of <a href="https://rom-rb.org/" target="_blank">rom-rb</a>, and part of the team building <a href="https://hanamirb.org/" target="_blank">Hanami</a> version 2.
+- first_name: Richard
+  last_name: Schneeman
+  twitter_handle: "@schneems"
+  photo_url: /assets/images/pages/home/speakers/richard-schneeman.png
+  bio: |
+    Richards codes for Heroku & is married to Ruby, literally. He built <a href="https://www.codetriage.com/" target="_blank">CodeTriage.com</a>, the easiest way to get started contributing to Open Source. He also runs a quirky conf in Austin, Texas <a href="https://twitter.com/keeprubyweird" target="_blank">@keeprubyweird</a>.
+- first_name: Saron
+  last_name: Yitbarek
+  twitter_handle: "@saronyitbarek"
+  photo_url: /assets/images/pages/home/speakers/saron-yitbarek.png
+  bio: |
+    Saron is the CEO and founder of <a href="https://twitter.com/CodeNewbies" target="_blank">CodeNewbie</a>, the most supportive community of programmers and people learning to code. She's also a developer, speaker, and podcaster.

_data/sponsors.yml

@@ -0,0 +1,10 @@
+- title: Official Sponsor and Partner
+  companies:
+    - name: Nimble
+      url: https://nimblehq.co/
+      logo_url: /assets/images/pages/home/sponsors/logo-nimble.jpg
+- title: Ticketing Partner
+  companies:
+    - name: Eventpop
+      url: https://www.eventpop.me/
+      logo_url: /assets/images/pages/home/sponsors/logo-eventpop.jpg

_includes/footer.html

@@ -1,3 +1,16 @@
 <footer class="app-footer">
-  <small>This work by <a href="https://nimblehq.co/" target="_blank">Nimble</a> is licensed under a Creative Commons Attribution 3.0 Unported Licence</small>
+  <div class="container">
+    <div class="app-footer__brand">
+      <a href="/" class="logo logo--icon">
+        <span class="sr-only">RubyConf TH {💎}</span>
+      </a>
+      <span class="app-footer__copy">&copy; 2019 Bangkok.rb</span>
+    </div>
+
+    <ul class="app-footer__list-link list--unstyled">
+      <li class="app-footer__list-link-item">
+        <a href="http://confcodeofconduct.com/" target="_blank" class="app-footer__link link link--secondary">Code of Conduct</a>
+      </li>
+    </ul>
+  </div>
 </footer>

_includes/head.html

@@ -1,5 +1,5 @@
 {% capture parent_page_title %}{% if page.parent %}{{ page.parent | capitalize }} | {% endif %}{% endcapture %}
-{% capture meta_title %}{{ site.name | append: ' | ' | append: parent_page_title | append: page.title }}{% endcapture %}
+{% capture meta_title %}{{ page.title | append: parent_page_title | append: ' | ' | append: site.name }}{% endcapture %}
 {% capture meta_description %}{% if page.seo.description %}{{ page.seo.description }}{% else %}{{ site.seo.description }}{% endif %}{% endcapture %}
 <title>{{ meta_title }}</title>
 <meta name="description" content="{{ meta_description }}" />
@@ -18,14 +18,14 @@
 <meta name="twitter:site" content="{{ site.url }}" />
 <meta name="twitter:title" content="{{ meta_title }}" />
 <meta name="twitter:description" content="{{ meta_description }}" />
-<meta name="twitter:image" content="/public/images/social/twitter-icon.png" />
+<meta name="twitter:image" content="/public/images/social/twitter.png" />
 
 <meta name="apple-mobile-web-app-title" content="{{ site.name }}"/>
 <meta name="mobile-web-app-capable" content="yes"/>
 <meta name="apple-touch-fullscreen" content="yes"/>
-<meta name="apple-mobile-web-app-status-bar-style" content="#1b79ea"/>
+<meta name="apple-mobile-web-app-status-bar-style" content="#f81c49"/>
 
-<meta name="theme-color" content="#f83548"/>
+<meta name="theme-color" content="#f81c49"/>
 
 <meta http-equiv="Page-Enter" content="RevealTrans(Duration=2.0,Transition=2)">
 <meta http-equiv="Page-Exit" content="RevealTrans(Duration=3.0,Transition=12)">

_includes/header.html

@@ -1,18 +1,57 @@
-<header class="app-header">
-  <div class="app-header__organizer">
-    <a href="https://www.meetup.com/bangkok-rb/" target="_blank" class="app-header__link">Bangkok.rb</a>
-  </div>
-
-  <ul class="list-social-plaftorm list--unstyled">
-    {% for social_platform in site.data.social_platforms %}
-    <li class="list-social-plaftorm__item">
-      <a href="{{ social_platform.url }}" target="_blank" class="list-social-plaftorm__link app-header__link">
-        {% capture socialIcon %}{{ social_platform.icon | prepend: 'icon-' }}{% endcapture %}
-        {% capture className %}{{ social_platform.icon | prepend: 'list-social-plaftorm__icon--' | prepend: ' ' | prepend: 'list-social-plaftorm__icon' | append: ' ' | append: 'icon--xs' }}{% endcapture %}
-        {% include icon.svg icon=socialIcon class=className %}
-        <span class="sr-only">{{ social_platform.name }}</span>
+<header id="home" class="app-header">
+  <div class="container">
+    <div class="app-header__event">
+      <a href="/" class="app-header__logo logo logo--text-icon">
+        <span class="sr-only">RubyConf TH {💎}</span>
       </a>
-    </li>
-    {% endfor %}
-  </ul>
+
+      <div class="app-header__logistic">
+        <div class="app-header__date">
+          September <strong>6-7, 2019</strong>
+        </div>
+        <div class="app-header__venue">
+          Venue: <strong>Pullman Bangkok King Power</strong>
+        </div>
+      </div>
+    </div>
+
+    <nav class="app-navigation app-header__navigation">
+      <button type="button" class="app-navigation__btn-toggle-menu btn btn--link" data-target="app-navigation__pane">
+        <i class="icon-hamburger"></i>
+        <span class="sr-only">Toggle Menu</span>
+      </button>
+
+      <div class="app-navigation__pane">
+        <div class="app-navigation__event">
+          <a href="#home" class="app-navigation__logo app-navigation__link">
+            <div class="logo logo--icon"><span class="sr-only">{💎}</span></div>
+            <div class="logo logo--text"><span class="sr-only">RubyConf TH</span></div>
+          </a>
+        </div>
+
+        <ul class="app-navigation__menu list--unstyled">
+          <li class="app-navigation__menu-item">
+            <a href="#about" class="app-navigation__menu-link app-navigation__link">About</a>
+          </li>
+          <li class="app-navigation__menu-item">
+            <a href="#speakers" class="app-navigation__menu-link app-navigation__link">Speakers</a>
+          </li>
+          <li class="app-navigation__menu-item">
+            <a href="#venue" class="app-navigation__menu-link app-navigation__link">Venue</a>
+          </li>
+          <li class="app-navigation__menu-item">
+            <a href="#sponsors" class="app-navigation__menu-link app-navigation__link">Sponsors</a>
+          </li>
+        </ul>
+
+        <hr/>
+
+        {% include list-social-platform.html %}
+      </div>
+    </nav>
+
+    <div class="app-header__social">
+      {% include list-social-platform.html %}
+    </div>
+  </div>
 </header>

_includes/list-keynote-speaker.html

@@ -0,0 +1,16 @@
+<ul class="list-keynote-speaker list--unstyled">
+  {% for keynote_speaker in site.data.speakers.keynote %}
+  <li class="list-keynote-speaker__item">
+    <figure class="list-keynote-speaker__profile">
+      <img src="{{ keynote_speaker.photo_url }}" alt="Photo of {{ keynote_speaker.first_name }} {{ keynote_speaker.last_name }}" class="list-keynote-speaker__photo" />
+      <figcaption class="list-keynote-speaker__name text-branded">
+        <span>{{ keynote_speaker.first_name }}</span> {{ keynote_speaker.last_name }}
+      </figcaption>
+      <a href="https://twitter.com/{{ keynote_speaker.twitter_handle }}" class="list-keynote-speaker__link link link--secondary">{{ keynote_speaker.twitter_handle }}</a>
+      <p class="list-keynote-speaker__bio">
+        {{ keynote_speaker.bio }}
+      </p>
+    </figure>
+  </li>
+  {% endfor %}
+</ul>

_includes/list-social-platform.html

@@ -0,0 +1,12 @@
+<ul class="list-social-platform list--unstyled">
+  {% for social_platform in site.data.social_platforms %}
+  <li class="list-social-platform__item">
+    <a href="{{ social_platform.url }}" target="_blank" class="list-social-platform__link">
+      {% capture socialIcon %}{{ social_platform.icon | prepend: 'icon-' }}{% endcapture %}
+      {% capture className %}{{ social_platform.icon | prepend: 'list-social-platform__icon--' | prepend: ' ' | prepend: 'list-social-platform__icon' | append: ' ' | append: 'icon--xs' }}{% endcapture %}
+      {% include icon.svg icon=socialIcon class=className %}
+      <span class="sr-only">{{ social_platform.name }}</span>
+    </a>
+  </li>
+  {% endfor %}
+</ul>

_includes/list-sponsor.html

@@ -0,0 +1,20 @@
+{% capture content %}
+<div class="list-sponsor">
+  {% for sponsor_level in site.data.sponsors %}
+  <div class="list-sponsor__level">
+    <h5 class="list-sponsor__title">{{ sponsor_level.title }}</h5>
+    <ul class="list-sponsor__list-company list--unstyled">
+      {% for company in sponsor_level.companies %}
+        <li class="list-sponsor__company">
+          <a href="{{ company.url }}" title="{{ company.name }}" target="_blank">
+            <img src="{{ company.logo_url }}" alt="{{ company.name }}" />
+          </a>
+        </li>
+      {% endfor %}
+    </ul>
+  </div>
+  {% endfor %}
+</div>
+{% endcapture %}
+{% comment %} Workaround to prevent Markdown to interpret the content as a code snippet {% endcomment %}
+{{ content | replace: '    ', ''}}

_includes/map-venue.html

@@ -0,0 +1,19 @@
+{% capture content %}
+<div class="map-venue">
+  <div class="map map-venue__map" data-geolocation="13.75893,100.5352453" data-marker="Pullman Bangkok King Power">
+    {% comment %}load map for each locations{% endcomment %}
+  </div>
+  <div class="map-venue__direction">
+    <address class="map-venue__address">
+      <a href="https://www.pullmanbangkokkingpower.com/" class="map-venue__name url fn org" >Pullman Bangkok King Power</a>
+      <span class="street-address">8-2 Rang Nam Alley</span>
+      <span class="extended-address">Khwaeng Thanon Phaya Thai, Khet Ratchathewi,</span>
+      <span class="locality">Bangkok</span>
+      <span class="postal-code">10400</span>
+    </address>
+    <a href="https://goo.gl/maps/vnLpSxt1zzw" target="_blank" class="map-venue__btn btn btn--primary btn--lg">Get Location</a>
+  </div>
+</div>
+{% endcapture %}
+{% comment %} Workaround to prevent Markdown to interpret the content as a code snippet {% endcomment %}
+{{ content | replace: '    ', ''}}

_js/application.js

@@ -0,0 +1 @@
+import './initializers/';