no live anymore... (#160)

* back to home without live
polymer-day · Nov 3, 2016 · f1b7eb4 · f1b7eb4
1 parent 1c0ff44
commit f1b7eb4
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 34 deletions.
diff --git a/src/locales.json b/src/locales.json
@@ -7,6 +7,7 @@
     "tickets": "Entradas",
     "home.title": "Inicio",
     "home.date": "21-22 octubre, 2016",
+    "home.banner":"¡No te pierdas los videos del evento, te esperamos!",
     "home.intro": "El primer evento en España centrado en la librería Polymer y las herramientas de desarrollo de Google. Vamos a dedicar un día y medio para hablar sobre Web Components. Más de 10 charlas de desarrolladores que han estado usando Polymer durante más de 1 año en proyectos reales. El idioma principal del evento es español, aunque algunas charlas son inglés por ser la lengua materna del ponente.",
     "speakers.title": "Ponentes",
     "speakers.text": "Más de 10 charlas de desarrolladores en Polymer",
@@ -48,6 +49,7 @@
     "home.title": "Home",
     "home.intro": "The first event in Spain focused on Polymer library and development tools of Google. Let's take a day and a half to discuss about Web Components. More than 10 talks from developers who have been using Polymer for more than 1 year in real projects. The main language of the event is Spanish, although some talks are in English, being the mother tongue of the speaker.",
     "home.date": "October 21st-22nd, 2016",
+    "home.banner":"Stay tuned for the video of the event!",
     "speakers.title": "Speakers",
     "speakers.text": "More than 10 talks from developers with Polymer",
     "speakers.showTalk": "Show talk",

diff --git a/src/views/polymerday-home.html b/src/views/polymerday-home.html
@@ -1,9 +1,7 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
 <link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
 <link rel="import" href="../../bower_components/paper-button/paper-button.html">
-<link rel="import" href="../../bower_components/timer-days/timer-days.html">
 <link rel="import" href="../../bower_components/polymerday-twitter-timeline/polymerday-twitter-timeline.html">
-<link rel="import" href="../../bower_components/google-youtube/google-youtube.html">
 
 <link rel="import" href="../commons/polymerday-localize-behavior.html">
 
@@ -15,46 +13,54 @@
       :host {
         display: block;
       }
-
-      .videoWrapper {
-      	position: relative;
-      	padding-bottom: 54%; /* 16:9 */
-      	padding-top: 25px;
-      	height: 0;
-        width: 100%;
-        margin: 0 auto;
-      }
-      .videoWrapper iframe {
-      	position: absolute;
-      	top: 0;
-      	left: 0;
-      	width: 100%;
-      	height: 100%;
-        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
-      }
-
+      .date {
+       @apply(--text-subtitle);
+       margin: 24px auto 24px;
+       text-align: center;
+     }
+     .description {
+       margin: 24px 0;
+       max-width: 832px;
+       @apply(--text-normal);
+     }
+     .location {
+       display: block;
+       margin-bottom: 20px;
+       text-transform: uppercase;
+       @apply(--text-title-secondary);
+     }
+     .logo {
+       margin: 0 20px 20px;
+       padding: 0;
+     }
+     .logo img {
+       width: 100%;
+       height: auto;
+       max-width: 380px;
+       min-width: 300px;
+     }
       polymerday-twitter-timeline {
          text-align: left;
          margin-top: 50px;
          max-width: 900px;
          margin: 0 auto;
       }
-
     </style>
-    <div class="videoWrapper">
-      <iframe src='https://eventos.televeo.com/player/aec' frameborder='0' allowfullscreen></iframe>
+    <div class="content center">
+      <!-- <span class="date">[[localize('home.date', 'eventDate', date)]]</span> -->
+      <span class="date">[[localize('home.banner')]]</span>
+      <h1 class="logo"><img src="../images/logo-polymerday-color.svg" alt="Polymer Day"></h1>
+      <span class="location">Madrid</span>
+      <p class="description">[[localize('home.intro')]]</p>
+      <polymerday-twitter-timeline
+        lang="es"
+        height="500"
+        width="900"
+        link-color="#616161"
+        chrome="noheader nofooter noborders"
+        widget-id="786489175050625024">
+      </polymerday-twitter-timeline>
     </div>
-
-    <polymerday-twitter-timeline
-      lang="es"
-      height="500"
-      width="900"
-      link-color="#616161"
-      chrome="noheader nofooter noborders"
-      widget-id="786489175050625024">
-    </polymerday-twitter-timeline>
-
-
   </template>
 
   <script>