update website for dev roadshow repo, shuffle files into dir

2017-03-11 00:52:00 -05:00 · 2017-03-11 00:52:00 -05:00 · cc54d0d743
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1 @@
+.DS_Store
--- a/MozillaDeveloperRoadshowCodeofConduct.pdf
+++ b/MozillaDeveloperRoadshowCodeofConduct.pdf
--- a/1
+++ b/1
@ -1 +0,0 @@
-
--- a/assets/apple-touch-icon-180x180.png
+++ b/assets/apple-touch-icon-180x180.png
--- a/assets/favicon-196x196.png
+++ b/assets/favicon-196x196.png
--- a/assets/favicon.ico
+++ b/assets/favicon.ico
--- a/assets/moz-logo-neon-green-rgb.png
+++ b/assets/moz-logo-neon-green-rgb.png
--- a/image_-01-01.png
+++ b/image_-01-01.png
--- a/assets/mozilla_2017_logo.png
+++ b/assets/mozilla_2017_logo.png
--- a/css/style.css
+++ b/css/style.css
@ -0,0 +1,147 @@
+*
+{font-family: 'Fira Sans', sans-serif;}
+.bold{font-weight:bold;}
+.italic{font-style: italic;}
+.oblique{font-style: oblique;}
+
+body {font-family: 'Fira Sans', sans-serif; margin: 0 auto; line-height: 2em; padding: 12px; box-sizing: border-box; color: #333; overflow: auto;
+background: #9ff400; /* Old browsers */
+background: -moz-linear-gradient(-10deg,  #9ff400 0%, #9ff400 50%, #d8ff8e 50%, #d8ff8e 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffded1), color-stop(50%,#9ff400), color-stop(50%,#bdff41), color-stop(100%,#d8ff8e)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(-45deg,  #9ff400 0%,#9ff400 50%,#bdff41 50%,#bdff41 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(-45deg,  #9ff400 0%,#9ff400 50%,#bdff41 50%,#bdff41 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(-45deg,  #9ff400 0%,#9ff400 50%,#bdff41 50%,#bdff41 100%); /* IE10+ */
+background: linear-gradient(107deg,  #9ff400 0%,#9ff400 50%,#bdff41 50%,#bdff41 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfff75', endColorstr='#d8ff8e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+}
+
+body, html {
+  height: 100%;
+}
+.wrapper {
+  box-sizing: border-box; 
+  height: 100%; 
+}
+a {
+  border-bottom: 3px solid #0068FF;
+  color: #333; 
+  text-decoration: none; 
+}
+a:hover {
+  color: #0068FF
+}
+p {
+  font-weight: 200; 
+  font-size: 20px;
+}
+.container {
+  margin: 0 auto; 
+  max-width: 90%; 
+  padding: 75px 10px 50px; 
+  overflow: auto;
+  width: 700px; 
+}
+.container > header {
+  margin: 0 auto;
+  padding: 0;
+}
+.container > header {
+  text-align: center;
+}
+.container > header span {
+  display: block;
+  font-size: 60%;
+  opacity: 0.5;
+  padding: 0 0 0.6em 0.1em;
+}
+
+article {
+  padding: 20px;
+}
+article::before {
+  color: #0068FF;
+  content: '\2B27\2B43\2B28';
+  font-size: 24px;
+  position: relative;
+  top: 0;
+  left: -25px;
+}
+article::after {
+  color: #0068FF;
+  content: '\2B26\2B37\2B25';
+  float: right;
+  font-size: 44px;
+  position: relative;
+  top: -15px;
+}
+
+hr {
+  border-bottom: 3px solid #0068FF;
+}
+
+.meta { 
+  font-family: Arial, Courier New, Source Sans Pro, sans-serif; 
+  font-size: 10px; 
+  letter-spacing: .15em;
+  text-transform: uppercase;
+}
+.meta a:hover {
+  color: #333;
+}
+
+.inline-list {
+  list-style: none; 
+  line-height: 1em;
+  margin: 0; 
+  padding: 0;
+}
+.inline-list li {
+  display: inline-block;
+}
+ul
+@media only screen and (max-width: 758px) {
+    /* For desktop: */
+    .name {width: 80%; float: center; margin: 0 auto;}
+    /* For mobile phones: */
+    [class*="btn"] {
+        margin-bottom: 10px; top: 70px;
+        width: 60%;
+        float: center;
+        font-size: 80%;
+        padding: 10px;
+    }
+    [article::before] {
+        display: none;
+    }
+}
+
+@media only screen and (max-width: 500px) {
+    /* For desktop: */
+    .name {width: 80%; float: center; margin: 0 auto;}
+    /* For mobile phones: */
+    [class*="btn"] {
+        margin-bottom: 10px; top: 70px;
+        width: 60%;
+        float: center;
+        font-size: 80%;
+        padding: 10px;
+    }
+    [article::before] {
+        display: none;
+    }
+}
+
+footer .inline-list li {
+  margin-right: 40px;
+}
+footer a {
+  border: none; color: #0068FF;
+}
+footer {
+  margin: 0 auto; 
+  padding: 40px 0 0 0; 
+  position: absolute; 
+  bottom: 55%; 
+  right: -255px; 
+  width: 600px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
+}
--- a/index.html
+++ b/index.html
@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<!--
+             _.-~-.
+           7''  Q..\
+        _7         (_
+      _7  _/    _q.  /
+    _7 . ___  /VVvv-'_                                            .
+   7/ / /~- \_\\      '-._     .-'                      /       //
+  ./ ( /-~-/||'=.__  '::. '-~'' {             ___   /  //     ./{
+ V   V-~-~| ||   __''_   ':::.   ''~-~.___.-'' _/  // / {_   /  {  /
+  VV/-~-~-|/ \ .'__'. '.    '::                     _ _ _        ''.
+  / /~~~~||VVV/ /  \ )  \        _ __ ___   ___ ___(_) | | __ _   .::'
+ / (~-~-~\\.-' /    \'   \::::. | '_ ` _ \ / _ \_  / | | |/ _` | :::'
+/..\    /..\__/      '     '::: | | | | | | (_) / /| | | | (_| | ::'
+vVVv    vVVv                 ': |_| |_| |_|\___/___|_|_|_|\__,_| ''
+
+Hi there, nice to meet you!
+
+Interested in having a direct impact on hundreds of millions of users? Join
+Mozilla, and become part of a global community that’s helping to build a
+brighter future for the Web.
+
+Visit https://careers.mozilla.org to learn about our current job openings.
+Visit https://www.mozilla.org/contribute for more ways to get involved and
+help support Mozilla.
+-->
+
+<html class="windows x86 no-js" lang="en" dir="ltr" data-latest-firefox="52.0" data-esr-versions="45.8.0 52.0" data-gtm-container-id="GTM-MW3R8V"  data-stub-attribution-rate="1.0">
+  <head>
+    <meta charset="utf-8">
+    <link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <link rel="icon" href="favicon.png" type="image/x-icon">
+    <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/apple-touch-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="196x196" href="assets/favicon-196x196.png">
+    <link rel="shortcut icon" href="assets/favicon.ico">
+    <title>2017 Dev Roadshow</title>
+    <meta name="description" content="Developer Roadshow website for Mozilla">
+    <meta name="author" content="Moz Dev Roadshow">
+
+  </head>
+  <body>
+  <div class="wrapper">
+    <div class="container">
+      <header>
+        <img src="assets/moz-logo-neon-green-rgb.png" alt="Mozilla Logo" height="60%" width="60%">
+        <section>
+        <h1>Developer Roadshow</h1>
+        </section>
+      </header>
+      <article>
+        <p>The Roadshow is a meetup-style, Mozilla-focused event series for people who build the Web. Hear from expert speakers highlighting the latest and best in Mozilla and Firefox technologies.</p>
+        <p>Check out the <a href="https://github.com/mozilla/devroadshow2017">repository</a> for continuous updates, topics, and talk details! We won’t be able to fit every city this year, but we will keep track of future Roadshows cities. Review the links at right, or <a href="https://github.com/mozilla/devroadshow2017/issues" target="_blank">add an issue</a> to get in touch.</p>
+      </article>
+      <section>
+        <h2><a href="https://github.com/mozilla/devroadshow2017/blob/master/Cities.md" target="_blank">Upcoming Cities</a></h2>
+        <ul>   
+          <li><strong>Mar 13, 2017</strong>: Barcelona, Spain @ <a href="https://www.meetup.com/SmashingConf/events/237848853/?a=socialmedia" target="_blank">SmashingConf</a></li>
+          <li><strong>Mar 15, 2017</strong>: Mountain View, CA @ <a href="https://www.meetup.com/Mozilla-Developer-Roadshow/" target="_blank">Mozilla</a></li>
+          <li><strong>Mar 15, 2017</strong>: New York City @ NYTimes</li>
+          <li><strong>Mar 16, 2017</strong>: New York City @ <a href="https://www.meetup.com/girldevelopit/events/237431725/" target="_blank">Mozilla Foundation</a></li>
+          <li><strong>Mar 17, 2017</strong>: Washington DC @ <a href="https://generalassemb.ly/education/how-css-grid-is-reinventing-webpage-design/washington-dc/34843" target="_blank">General Assembly</a></li>
+          <li><strong>Mar 21, 2017</strong>: Austin, TX @ <a href="https://www.meetup.com/Mozilla-Developer-Roadshow/events/237760047/" target="_blank">SpredFast</a></li>
+          <li><strong>Mar 21, 2017</strong>: Boston, MA @ <a href="https://generalassemb.ly/education/how-css-grid-is-reinventing-webpage-design/boston/34943" target="_blank">General Assembly</a></li>
+          <li><strong>Mar 25, 2017</strong>: New York City @ <a href="https://generalassemb.ly/education/how-css-grid-is-reinventing-webpage-design/new-york-city/34842" target="_blank">General Assembly</a></li>
+          <li><strong>Mar 27, 2017</strong>: Austin, TX @ <a href="https://www.eventbrite.com/e/mozilla-developer-roadshow-presents-hack-on-open-source-workshop-tickets-32701486025" target="_blank">Galvanize</a></li>
+          <li><strong>Mar 28, 2017</strong>: Austin, TX @ IBM</li>
+          <li><strong>Apr 06, 2017</strong>: Atlanta, GA @ <a href="https://generalassemb.ly/education/how-css-grid-is-reinventing-webpage-design/atlanta/34844" target="_blank">General Assembly</a></li>
+          <li><strong>Apr 20, 2017</strong>: Chicago, IL @ <a href="https://generalassemb.ly/education/how-css-grid-is-reinventing-webpage-design/chicago/34896" target="_blank">General Assembly</a></li>
+          <li><strong>Apr 25, 2017</strong>: London, UK @ Twitter</li>
+          <li><strong>May 02, 2017</strong>: Hamburg, Germany @ SinnerSchrader</li>
+          <li><strong>May 04, 2017</strong>: Berlin, Germany @ <a href="https://www.meetup.com/Zalando-Tech-Events-Berlin/events/238078772/" target="_blank">Zalando</a></li>
+          <li><strong>May 14, 2017</strong>: Dusseldorf, Germany @ beyond tellerand</li>
+          <li><strong>May 23, 2017</strong>: Warsaw, Poland @ Front Trends</li>
+        </ul>
+      </section>
+      <section>
+        <h2><a href="https://github.com/mozilla/devroadshow2017/blob/master/Cities.md" target="_blank">Past Cities</a></h2>
+        <ul>  
+          <li><strong>Feb 17, 2017</strong>: Kansas City @ <a href="https://devfestkc.com/schedule/0" target="_blank">Google Fiber Downtown KC</a></li>
+          <li><strong>Feb 18, 2017</strong>: Kansas City @ <a href="https://devfestkc.com/" target="_blank">The Brass on Baltimore</a></li>
+          <li><strong>Feb 20, 2017</strong>: Tulsa, OK @ <a href="https://www.36degreesnorth.co/" target="_blank">36 Degrees North</a></li>
+          <li><strong>Feb 21, 2017</strong>: Oklahoma City, OK @ <a href="http://okcjs.com/" target="_blank">Techlahoma, Starspace 46</a></li>
+          <li><strong>Mar 07, 2017</strong>: Portland, OR @ <a href="https://www.meetup.com/Women-Who-Code-Portland/events/237467012/" target="_blank">Mozilla</a></li>
+          <li><strong>Mar 10, 2017</strong>: Madrid, Spain @ <a href="http://webgamesday.com/" target="_blank">Universidad Complutense de Madrid</a></li>
+          <li><strong>Mar 11, 2017</strong>: Madrid, Spain @ <a href="https://www.meetup.com/madridjs/events/237612617/" target="_blank">LifeRay</li>
+        </ul>
+      </section>
+      <footer>
+        <ul class="meta inline-list">
+          <li><a href="https://hacks.mozilla.org/2017/02/devroadshow/" target="_blank">blog/</a></li>
+          <li><a href="https://github.com/mozilla/devroadshow2017" target="_blank">github/</a></li>
+          <li><a href="https://github.com/mozilla/devroadshow2017/tree/master/presentations" target="_blank">slides/</a></li>
+          <li><a href="https://www.mozilla.org/en-US/newsletter/developer/?utm_source=Event&utm_content=DevRoadshow" target="_blank">newsletter/</a></li>
+          <li><a href="mailto:sandra@mozilla.com" target="_blank">code of conduct/</a></li>
+        </ul>
+      </footer>
+    </div>
+  </div>
+  </body>
+</html>
+
--- a/presentations/presentation_links.md
+++ b/presentations/presentation_links.md
@ -0,0 +1,3 @@
+## Presentations
+
+* [	WebAssembly presentation](https://people-mozilla.org/~ydelendik/presentations/roadshow2017/slides/) by @yurydelendik