| <!-- |
| // Copyright 2014 The Chromium Authors. All rights reserved. |
| // Use of this source code is governed by a BSD-style license that can be |
| // found in the LICENSE file. |
| --> |
| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" |
| content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes, width=device-width"> |
| <import src="city-list.sky" /> |
| <style> |
| html, body { |
| margin: 0; |
| padding: 0; |
| font-family: "Roboto", "HelveticaNeue",sans-serif; |
| -webkit-font-smoothing: antialiased; |
| font-size: 13px; |
| color: #222; |
| width: 100%; |
| height: 100%; |
| -webkit-user-select: none; |
| } |
| </style> |
| </head> |
| <script> |
| window.startLoad = new Date().getTime(); |
| </script> |
| <body> |
| <city-list></city-list> |
| <script> |
| var cityList = document.querySelector('city-list'); |
| var scrollBy = 0; |
| var toks = location.search.match(/auto=([0-9]+)/); |
| if (toks) { |
| scrollBy = Number(toks[1]); |
| } |
| |
| function autoScroll() { |
| cityList.scrollBy(scrollBy); |
| requestAnimationFrame(autoScroll); |
| } |
| |
| if (scrollBy) { |
| setTimeout(function() { |
| requestAnimationFrame(autoScroll); |
| }, 200) |
| } |
| </script> |
| </body> |
| </html> |
