Created
November 4, 2015 12:54
-
-
Save SayChunKim/2c857134918847247e14 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link rel="import" href="../../bower_components/polymer/polymer.html"> | |
| <link rel="import" href="../../bower_components/iron-collapse/iron-collapse.html"> | |
| <dom-module id="my-speaker"> | |
| <style> | |
| h1 { | |
| font-weight: 200; | |
| font-size: 42px; | |
| position: absolute; | |
| bottom: 64px; | |
| color: white; | |
| } | |
| #header { | |
| position: relative; | |
| height: 220px; | |
| } | |
| paper-card { | |
| width: 300px; | |
| margin: 12px; | |
| top: -108px; | |
| line-height: 24px; | |
| } | |
| paper-card.card-content { | |
| padding: 16px 22px; | |
| } | |
| #speaker-card { | |
| justify-content: center; | |
| background-color: #F2F2F2; | |
| padding: 26px 16px; | |
| display: -webkit-flex; | |
| display: flex; | |
| -ms-flex-direction: row; | |
| -webkit-flex-direction: row; | |
| flex-direction: row; | |
| -ms-flex-wrap: wrap; | |
| -webkit-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| #speaker-name { | |
| font-weight: 600; | |
| margin: 0; | |
| font-size: 22px; | |
| } | |
| #speaker-post { | |
| margin: 0; | |
| line-height: 24px; | |
| font-weight: 300; | |
| } | |
| #speaker-desc { | |
| font-size: 16px; | |
| } | |
| @media screen and (max-width: 640px) { | |
| #speaker-card.my-speaker { | |
| padding: 12px 0px; | |
| } | |
| paper-card.my-speaker { | |
| top: 0; | |
| width: calc(99% - 16px); | |
| } | |
| #header.my-speaker { | |
| height: 130px; | |
| padding: 8px; | |
| } | |
| h1.my-speaker { | |
| bottom: 0; | |
| margin: 18px 12px; | |
| font-size: 36px; | |
| } | |
| paper-card .card-content { | |
| padding: 12px 20px; | |
| } | |
| } | |
| </style> | |
| <template> | |
| <div id="header"> | |
| <h1>Speakers</h1> </div> | |
| <div id="speaker-card"> | |
| <paper-card image="../res/vin_lim.jpg"> | |
| <div class="card-content" onclick="document.querySelector('#collapse').toggle();"> | |
| <h3 id="speaker-name">Vin Lim | Polymer</h3> | |
| <h3 id="speaker-post"><i>Community Manager GDG George Town</i></h3> | |
| <iron-collapse id="collapse"> | |
| <p id="speaker-desc"> Vin is the co-founder & CEO of Green Room - leading mobile apps & web development company, with portfolio covering major international & local brands. Vin is self-thought programmer with focus on web technologies with enthusiasm in building tech community led to the founding of Startup Penang with fellow startups in the region in 2011. In DevFest KL 2015, Vin will guide along the usage of Polymer elements and Bower scaffolding using Chrome Dev Editor to produce responsive yet versatile, production-ready web applications supported in multiple browsers. | |
| </p> | |
| </iron-collapse> | |
| </div> | |
| </paper-card> | |
| <paper-card image="../res/sc_kim.jpg"> | |
| <div class="card-content"> | |
| <h3 id="speaker-name">SC Kim | Cardboard </h3> | |
| <h3 id="speaker-post"><i>Android & Web Developer</i></h3> | |
| <p id="speaker-desc">SC is a techie who had his fair share of experience in developing Android and VR applications while pursuing his Master of Research in The National University of Malaysia (UKM). He is also a Malaysian-representative alumni from Google Student Ambassadors SEA 2014/2015. In the workshop, SC will be guiding how to build simple interactive VR Game using Unity Editor, MonoDevelop and Cardboard SDK with your Android device and Google Cardboard.</p> | |
| </div> | |
| </paper-card> | |
| <paper-card image="../res/andhie.jpg"> | |
| <div class="card-content"> | |
| <h3 id="speaker-name">Andhie Wong | Android Design Support Library </h3> | |
| <h3 id="speaker-post"><i>Android Developer</i></h3> | |
| <p id="speaker-desc">Andhie Wong is a highly experienced senior Android developer from Agmo Studio. | |
| A passionate and knowledgable Android developer, Andhie has been developing a great many number of Android applications, both for consumer and Android market. | |
| His apps encompass a great many industry, such as finance, oil & gas, and many more. | |
| During DevFest 2015, he'll be conducting codelab on Material Design Components using Android Design Support Library with Android Studio.</p> | |
| </div> | |
| </paper-card> | |
| <paper-card image="../res/christine.jpg"> | |
| <div class="card-content"> | |
| <h3 id="speaker-name">Christine Tee | Android Marshmallow</h3> | |
| <h3 id="speaker-post"><i>DroidNow Tech Reviewer</i></h3> | |
| <p id="speaker-desc">Christine is currently a pursuing her Masters in Computer Science and performing her research at the Centre of Image and Signal Processing (CISIP), University of Malaya (UM). | |
| Artificial intelligence program development is her speciality, but she's also highly experienced in web and mobile apps development. | |
| What's more, she was also a Google Student Ambassador for the 2013/2014 batch in the SEA region and also one of DroidNow's writer. | |
| She'll be bringing you info about Marshmallow and its app development at DevFest!</p> | |
| </div> | |
| </paper-card> | |
| <paper-card image="../res/shiva.jpg"> | |
| <div class="card-content"> | |
| <h3 id="speaker-name">Shiva Narrthine | Material Design & UX</h3> | |
| <h3 id="speaker-post"><i>UI/UX Designer</i></h3> | |
| <p id="speaker-desc">Shiva is an upcoming full-stack designer - working on UI, UX, and HTML prototyping. Over the last three years, she co-founded two startups and worked as the Design Lead in both of them. She was also a Google Student Ambassador for the year 2013/2014. During DevFest KL 2015, Shiva will be speaking on Material Design - explaining what Google’s new design language is all about and how you can ‘Go Material’ with your apps.</p> | |
| </div> | |
| </paper-card> | |
| <paper-card image="../res/prashant.jpg"> | |
| <div class="card-content"> | |
| <h3 id="speaker-name">Prashant Pathmanaban | Opening Keynote</h3> | |
| <h3 id="speaker-post"><i>Industry Head, Google</i></h3> | |
| <p id="speaker-desc">Prashant has been in the high value technology industry as a key member of a unit that drives technology evolution, business models, market expansion, and media convergence. | |
| Starting as an engineer in Lucent Technologies and most recently holding the role as the Digital Product Director at Astro one of the largest Pay TV operators in the region, he have just moved back to KL to run the Tech, Telco and Government business for Google Malaysia. | |
| He's an analytical and solution oriented individual with close to 20 years of technical and management experience!</p> | |
| </div> | |
| </paper-card> | |
| <paper-card image="../res/sidiq.png"> | |
| <div class="card-content"> | |
| <h3 id="speaker-name">Sidiq Permana | App Indexing & Marshmallow API</h3> | |
| <h3 id="speaker-post"><i>Google Developer Expert</i></h3> | |
| <p id="speaker-desc">Sidiq Permana is an Indonesian Professional Android Application Developer, Entrepereneur - a Chief Innovation Officer at Nusantara Beta Studio, Professional Android Application Development Trainer in PT Branmatics Cipta Informatika since 2013 and Initiator of Developer Mengajar . | |
| He currently runs Nusantara Beta Studio as IT service company in Tangerang to support the local business needs and deliver various software. Sidiq will be bringing you a talk on App Indexing in Google Search results and deep linking. Sidiq will also be doing a CodeLab on Material Design, app permission model, and new APIs in Marshmallow.</p> | |
| </div> | |
| </paper-card> | |
| <paper-card image="../res/ibnu.png"> | |
| <div class="card-content"> | |
| <h3 id="speaker-name">Ibnu Sina | Firebase</h3> | |
| <h3 id="speaker-post"><i>Google Developer Expert</i></h3> | |
| <p id="speaker-desc">Ibnu is a programmer and founder of the small-medium company named GITS Indonesia - a mobile app development company which specializes in Android app development. He is also community enthusiast, founder of @dokterdroid, a twitter community on Android technology and is also a writer on droidindonesia.com. He constantly shares tips on setting up a startup through offline communities and at campus settings. In addition he mentors startups in Bandung Digital Valley, an incubator by Telkom – the biggest telecoms company in Indonesia. He guides the startup to validate their product and makes sure the team produces high quality product. In Devfest, Ibnu will be talking about App Monetization Strategy and Firebase Codelabs !</p> | |
| </div> | |
| </paper-card> | |
| <paper-card image="http://devfest2015.gdggeorgetown.com/images/speaker-unnamed.jpg"> | |
| <div class="card-content"> | |
| <h3 id="speaker-name">Speaker #9</h3> | |
| <h3 id="speaker-post"><i>Coming Soon</i></h3> | |
| <p id="speaker-desc">Coming Soon</p> | |
| </div> | |
| </paper-card> | |
| <paper-card image="http://devfest2015.gdggeorgetown.com/images/speaker-unnamed.jpg"> | |
| <div class="card-content"> | |
| <h3 id="speaker-name">Speaker #10</h3> | |
| <h3 id="speaker-post"><i>Coming Soon</i></h3> | |
| <p id="speaker-desc">Coming Soon</p> | |
| </div> | |
| </paper-card> | |
| </div> | |
| </template> | |
| <script> | |
| Polymer ({ | |
| is : 'my-speaker', | |
| ready: function(){ | |
| var mql = window.matchMedia("screen and (min-width: 641px)") | |
| var element = this.querySelector('#collapse'); | |
| if (mql.matches) { | |
| element.hide(); | |
| } | |
| else { | |
| element.show(); | |
| } | |
| } | |
| }) | |
| </script> | |
| </dom-module> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment