index.html

---
layout: homepage
desc: Official website for RubyConf MY
image: http://rubyconf.my/2016/assets/img/logo.png
---

<div class="preloader-mask">
  <div class="preloader"></div>
</div>

<section id="hero" class="hero-section bg1 bg-cover window-height light-text">
  {% include social-navs.html %}

  <div class="heading-block centered-block align-center">
    <div class="container">
      <h5 class="heading-alt" style="margin-bottom: 8px;"><span class="fa fa-calendar-o base-clr-txt"></span>13.aug 2016 <span class="fa fa-map-marker base-clr-txt" style="margin-left: 14px;"></span>Makespace, Quill City Mall</h5>
      <h1 class="extra-heading">RubyConf KL</h1>


    </div>
  </div>
</section>

{% include homepage-header.html %}

<section id="about" class="section align-center">
  <div class="container">
    <div class="col-sm-3 align-center">
      <span class="icon section-icon icon-multimedia-12"></span>
    </div>

    <div class="col-sm-9 align-left">
      <h6>About Event</h6>
      <p>
        Our very own, very first, homegrown Ruby Conference.
      </p>
      <p>
        <span class="highlight">RubyConf KL</span> is a single day, weekend conference held by the Ruby Community in the Kuala Lumpur area.
        This event is targeted for the local tech community, and we welcome anyone from hardcode Ruby-ists to technology enthusiasts.
      </p>
      <p>
        Expect awesome content, friendly community members and a wonderful time of networking.
      </p>
      <p>So yeah ... it's like <a href="http://rubybrigade.my" target="_blank">Ruby Tuesdays</a> on steriods :D</p>
    </div>

  </div>
</section>

<section id="counters" class="section align-center overlay bg-cover light-text">
  <div class="container">

    <div class="row counters-wrapper">
      <div class="col-sm-4">
        <div class="counter-block counter-block-no-border">
          <div class="counter-box">
            <div class="counter-content">
              <span class="count" data-from="0" data-to="11">0</span>

              <p class="title">speakers</p>
            </div>
          </div>
        </div>
      </div>

      <div class="col-sm-4">
        <div class="counter-block counter-block-no-border">
          <div class="counter-box">
            <div class="counter-content">
              <span class="count" data-from="0" data-to="2">0</span>

              <p class="title">tracks</p>
            </div>
          </div>
        </div>
      </div>

      <div class="col-sm-4">
        <div class="counter-block counter-block-no-border">
          <div class="counter-box">
            <div class="counter-content">
              <span class="count" data-from="0" data-to="150">0</span>

              <p class="title">tickets</p>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>


<section id="speakers" class="section align-center">
  <div class="container">
    <span class="icon section-icon icon-faces-users-04"></span>
    <h3>Speakers</h3>
    <p class="text-alt">Meet our <span class="highlight">speakers</span></p>
    <br />
    <br />

    <div class="row">
      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/nick-marden.jpg" alt="Nick Marden" class="img-responsive"></div>
          <h3 class="name">NICK MARDEN</h3>
          <p class="text-alt"><small>Founder,<br />Rapid River Software</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://www.facebook.com/nickmarden"><span class="fa fa-facebook"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://twitter.com/nick_marden"><span class="fa fa-twitter"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://github.com/nick_marden"><span class="fa fa-github"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://linkedin.com/in/nick-marden-591326"><span class="fa fa-linkedin"></span></a></li>
          </ul>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/sau-sheong.jpg" alt="Sau Sheong" class="img-responsive"></div>
          <h3 class="name">CHANG SAU SHEONG</h3>
          <p class="text-alt"><small>MD of Digital Technology,<br />Singapore Power</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://www.facebook.com/sausheong"><span class="fa fa-facebook"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://twitter.com/sausheong"><span class="fa fa-twitter"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://github.com/sausheong"><span class="fa fa-github"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://sg.linkedin.com/in/sausheong"><span class="fa fa-linkedin"></span></a></li>
          </ul>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/prathamesh-sonpatki.jpeg" alt="Prathamesh Sonpatki" class="img-responsive"></div>
          <h3 class="name">PRATHAMESH SONPATKI</h3>
          <p class="text-alt" style="height: 41px;"><small>Director, BigBinary LLC</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://twitter.com/_cha1tanya"><span class="fa fa-twitter"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://github.com/prathamesh-sonpatki"><span class="fa fa-github"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://www.linkedin.com/in/cha1tanya"><span class="fa fa-linkedin"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="http://cha1tanya.com/"><span class="fa fa-rocket"></span></a></li>
          </ul>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/lincoln-lee.jpg" alt="Lincoln Lee" class="img-responsive"></div>
          <h3 class="name">LINCOLN LEE</h3>
          <p class="text-alt"><small>Senior Infrastructure Engineer,<br />Pixels Advertising</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://twitter.com/linc01n"><span class="fa fa-twitter"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://github.com/linc01n"><span class="fa fa-github"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://hk.linkedin.com/in/lincolndothk"><span class="fa fa-linkedin"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="http://blog.lincoln.hk/"><span class="fa fa-rocket"></span></a></li>
          </ul>
        </div>
      </div>

    </div>

    <div class="row">
      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/adam-pahlevi.png" alt="Adam Pahlevi" class="img-responsive"></div>
          <h3 class="name">ADAM PAHLEVI</h3>
          <p class="text-alt"><small>Software Engineer,<br />Veritrans Indonesia</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://twitter.com/adamvim"><span class="fa fa-twitter"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://github.com/saveav"><span class="fa fa-github"></span></a></li>
          </ul>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/jason-lim.jpg" alt="Lincoln Lee" class="img-responsive"></div>
          <h3 class="name">JASON LIM</h3>
          <p class="text-alt"><small>CTO and Co-found,<br />MomoCentral.com</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://twitter.com/momo_central"><span class="fa fa-twitter"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://github.com/jasonmoofang"><span class="fa fa-github"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://www.facebook.com/lim.hoe.3"><span class="fa fa-facebook"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://www.linkedin.com/in/yuen-hoe-lim-62230923"><span class="fa fa-linkedin"></span></a></li>
          </ul>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/min-han.jpg" alt="Min Han" class="img-responsive"></div>
          <h3 class="name">MYAT MIN HAN</h3>
          <p class="text-alt"><small>CTO of WeAreRebbiz, <br />Co-founder of MMCarsDB</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://twitter.com/mmhan"><span class="fa fa-twitter"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://github.com/mmhan"><span class="fa fa-github"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://www.linkedin.com/in/mmhan"><span class="fa fa-linkedin"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="http://mmhan.net"><span class="fa fa-rocket"></span></a></li>
          </ul>
        </div>
      </div>

      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/calum-halcrow.jpg" alt="Calum Halcrow" class="img-responsive"></div>
          <h3 class="name">CALUM HALCROW</h3>
          <p class="text-alt"><small>Co-Founder & CTO,<br />Rapid River Software</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://www.facebook.com/calumhalcrow"><span class="fa fa-facebook"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://twitter.com/calumhalcrow"><span class="fa fa-twitter"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://github.com/calumhalcrow"><span class="fa fa-github"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://www.linkedin.com/in/calumhalcrow"><span class="fa fa-linkedin"></span></a></li>
          </ul>
        </div>
      </div>

    </div>

    <div class="row" style="text-align: center">
      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/tristan-gomez.jpg" alt="Tristan Gomez" class="img-responsive"></div>
          <h3 class="name">TRISTAN GOMEZ</h3>
          <p class="text-alt"><small>Chief Problem Solver,<br />Mindvalley</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://github.com/parasquid"><span class="fa fa-github"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="http://life.beyondrails.com"><span class="fa fa-linkedin"></span></a></li>
          </ul>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/dhendy.jpg" alt="Dhendy Ferdian" class="img-responsive"></div>
          <h3 class="name">DHENDY FERDIAN</h3>
          <p class="text-alt"><small>Senior Engineer,<br />Booster</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://www.facebook.com/dhendyferdian"><span class="fa fa-facebook"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://github.com/dferdian"><span class="fa fa-github"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="http://www.dhendyferdian.com/"><span class="fa fa-rocket"></span></a></li>
          </ul>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="speaker">
          <div class="photo-wrapper rounded"><img src="/2016/assets/img/speakers/axel-kee.jpg" alt="Axel Kee" class="img-responsive"></div>
          <h3 class="name">AXEL KEE</h3>
          <p class="text-alt"><small>iOS Developer,<br />SweetSpot Digital</small></p>
          <ul class="speaker-socials">
            <li><a target="_blank" rel="nofollow" href="https://www.facebook.com/axelkee"><span class="fa fa-facebook"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://twitter.com/soulchild___"><span class="fa fa-twitter"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://github.com/cupnoodle"><span class="fa fa-github"></span></a></li>
            <li><a target="_blank" rel="nofollow" href="https://littlefox.es"><span class="fa fa-rocket"></span></a></li>
          </ul>
        </div>
      </div>
    </div>

    <div class="col-sm-12 align-center">
      <p><a href="/2016/speakers" class="btn btn-outline-clr btn-md">MORE ABOUT OUR SPEAKERS</a></p>
    </div>

    <p><br /><br /></p>
    <p>Submit your <a href="/2016/call-for-proposal">talk proposal here</a> and become <span class="highlight">RubyConf speaker</span> yourself today.</p>

  </div>

</section>

<section id="schedule" class="section schedule-section align-center">
  <div class="container">
    <span class="icon section-icon icon-office-21"></span>
    <h3>Schedule</h3>
    <br />
    <br />

    <!-- Schedule start -->
    <div class="row schedule">

      <!-- Navigation by day start -->
      <ul class="nav nav-schedule">
        <li class="active"><a href="#track1" data-toggle="tab">Track #1</a><div class="arrow"></div></li>
        <li><a href="#track2" data-toggle="tab">Track #2</a><div class="arrow"></div></li>
      </ul>
      <!-- Navigation by day end -->

      <!-- First level content start -->
      <div class="tab-content tab-content-schedule">

        <!-- Track 1 content start -->
        <div id="track1" class="tab-pane fade active in">
          <!-- Accordion start -->
          <div class="panel-group" id="track1_timeline">
            {% for lecture in site.lectures.track1 %}
              <!-- Lecture start -->
              <div class="panel schedule-item">
                <div class="lecture-icon-wrapper">
                  {% if lecture.icon %}<span class="fa {{ lecture.icon }}"></span>{% endif %}
                  {% if lecture.portrait_filename %}<img src="/2016/assets/img/speakers/{{ lecture.portrait_filename }}" alt="{{ lecture.speaker }}" class="img-responsive">{% endif %}
                </div>

                <a data-toggle="collapse" data-parent="#track1_timeline" href="#track1_timeline_time{{ forloop.index }}" class="schedule-item-toggle">
                  <strong class="time highlight"><span class="icon icon-office-24"></span>{{ lecture.time }}</strong>
                  <h6 class="title">{{ lecture.title }} <i class="icon icon-arrows-06"></i></h6>
                </a>
                <div id="track1_timeline_time{{ forloop.index }}" class="panel-collapse collapse schedule-item-body">
                  <article>
                    <p class="description">{{ lecture.description }}</p>
                    {% if lecture.speaker %}<strong class="highlight speaker-name">{{ lecture.speaker }}</strong>{% endif %}
                  </article>
                </div>
              </div>
              <!-- Lecture end -->
            {% endfor %}

          </div>
          <!-- Accordion end -->

        </div>
        <!-- Track 1 content end -->

        <!-- Track 2 content start -->
        <div id="track2" class="tab-pane fade in">

          <!-- Accordion start -->
          <div class="panel-group" id="track2_timeline">
            {% for lecture in site.lectures.track2 %}
              <!-- Lecture start -->
              <div class="panel schedule-item">
                <div class="lecture-icon-wrapper">
                  {% if lecture.icon %}<span class="fa {{ lecture.icon }}"></span>{% endif %}
                  {% if lecture.portrait_filename %}<img src="/2016/assets/img/speakers/{{ lecture.portrait_filename }}" alt="{{ lecture.speaker }}" class="img-responsive">{% endif %}
                </div>

                <a data-toggle="collapse" data-parent="#track1_timeline" href="#track1_timeline_time{{ forloop.index }}" class="schedule-item-toggle">
                  <strong class="time highlight"><span class="icon icon-office-24"></span>{{ lecture.time }}</strong>
                  <h6 class="title">{{ lecture.title }} <i class="icon icon-arrows-06"></i></h6>
                </a>
                <div id="track1_timeline_time{{ forloop.index }}" class="panel-collapse collapse schedule-item-body">
                  <article>
                    <p class="description">{{ lecture.description }}</p>
                    {% if lecture.speaker %}<strong class="highlight speaker-name">{{ lecture.speaker }}</strong>{% endif %}
                  </article>
                </div>
              </div>
              <!-- Lecture end -->
            {% endfor %}
          </div>
          <!-- Accordion end -->

        </div>
        <!-- Track 2 content end -->

      </div>
      <!-- First level content end -->

    </div>
    <!-- Schedule end -->


  </div>

</section>

<section id="code-of-conduct" class="section overlay overlay-clr bg-cover light-text align-center">
  <div class="container">
    <h2>Code of Conduct</h2>
    <p>
      All attendees, speakers, sponsors and volunteers at our conference are required to agree with our code of conduct.<br />
      Organisers will enforce this code throughout the event. We expect cooperation from all participants to help ensure a safe environment for everybody.
    </p>
    <br />
    <br />

    <a href="/2016/code-of-conduct" class="btn btn-lg btn-outline">Code of Conduct</a>
  </div>
</section>

<section id="sponsors" class="section align-center">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 align-center">
        <span class="icon section-icon icon-documents-bookmarks-12"></span>
        <h3>Event Sponsors</h3>
        <p class="text-alt">companies that <span class="highlight">supports</span> us</p>
        <br/>
        <br/>
        <div class="sponsors">
          <div class="sponsor inline"><a href="http://rrsoft.co" rel="nofollow" target="_blank"><img src="assets/img/sponsors/rrsoft.png" alt="Rapid River Software"></a></div>
          <div class="sponsor inline"><a href="https://hired.com.sg" rel="nofollow" target="_blank"><img src="assets/img/sponsors/hired.jpg" alt="H I R E D"></a></div>
          <div class="sponsor inline"><a href="http://www.mindvalley.com/" rel="nofollow" target="_blank"><img src="assets/img/sponsors/mindvalley.png" alt="Mindvalley"></a></div>
          <div class="sponsor inline"><a href="https://www.nextacademy.com/" rel="nofollow" target="_blank"><img src="assets/img/sponsors/next-academy.png" alt="NEXT Academy"></a></div>
        </div>
        <br/>
        <br/>
        <div class="sponsors">
          <div class="sponsor inline"><a href="https://piktochart.com/" rel="nofollow" target="_blank"><img src="assets/img/sponsors/piktochart.png" alt="Piktochart"></a></div>
        </div>
        <br/>
        <br/>
      </div>
      <div class="col-sm-12 align-center">
        <a href="/2016/sponsors" class="btn btn-outline-clr btn-md">MORE ABOUT OUR SPONSORS</a>
      </div>
    </div>
    <div class="cleafix"><br /><br /><br /><br /><br /><br /><br /><br /></div>
    <div class="row">
      <div class="col-sm-12 align-center">
        <h4>Event Partners</h4>
        <p class="text-alt">our <span class="highlight">partners</span> for the event</p>
        <br/>
        <br/>

        <div class="partners">
          <div class="partner inline"><a href="http://makespace.my" target="_blank"><img src="assets/img/partners/makespace.png" alt="Makespace"></a></div>
          <div class="partner inline"><a href="http://cookedapp.com" target="_blank"><img src="assets/img/partners/cooked.png" alt="Cooked"></a></div>
          <div class="partner inline"><a href="http://betacode.io" target="_blank"><img src="assets/img/partners/betacode.png" alt="Betacode"></a></div>
        </div>
      </div>
    </div>

  </div>
</section>


<section id="photos" class="section align-center">
  <div class="container">
    <span class="icon section-icon icon-office-37"></span>
    <h3>Event Photos</h3>

    <div class="gallery masonry">
      {% for image in site.event-photos-preview %}
        <span class="masonry-item">
          <a href="#" class="gallery-thumb-link" data-modal-link="gallery-{{ forloop.index }}">
            <img class="lazy" data-original="/2016/assets/img/event-photos/resized/{{ image.filename }}" alt="">
            <noscript>
              <img src="/2016/assets/img/event-photos/resized/{{ image.filename }}" alt="">
            </noscript>
          </a>

          <div class="modal-window" data-modal="gallery-{{ forloop.index }}">
            <div class="modal-box medium animated" data-animation="zoomIn" data-duration="700">
              <span class="close-btn icon icon-office-52"></span>

              <h5 class="heading-alt">Photo {{ forloop.index }}</h5>
              <br/>

              <img class="lazy" data-original="/2016/assets/img/event-photos/resized/{{ image.filename }}" class="full-width-img" alt="photo-{{ forloop.index }}">
              <noscript>
                <img src="/2016/assets/img/event-photos/resized/{{ image.filename }}" class="full-width-img" alt="photo-{{ forloop.index }}">
              </noscript>
            </div>
          </div>
        </span>
      {% endfor %}
    </div>

    <br />
    <br />
    <br />

    <div class="col-sm-12 align-center">
      <a href="/2016/event-photos" class="btn btn-outline-clr btn-md">MORE EVENT PHOTOS</a>
    </div>

</section>


<section id="location">
  <div class="contacts-wrapper">
    <div id="contacts-map" class="map" data-settings="map-settings.json" style="height:560px;"></div>

    <div class="container contacts-on-map-container">
      <div class="contacts-on-map">
        <h3>Location</h3>

        <ul class="list">
          <li>
            <i class="fa fa-map-marker" style="height:90px"></i>
            <div style="display: inline-block">
              <strong>Makespace</strong><br />
              LG16, Quill City Mall<br />
              1018, Jalan Sultan Ismail<br />
              50250 Kuala Lumpur
            </div>
          </li>
          <li><i class="fa fa-envelope"></i>organisers@rubyconf.my</li>
        </ul>
      </div>
    </div>
  </div>
</section>