keep quotas in json file

Author: imeoer

html/index/news.handlebars

@@ -2,19 +2,8 @@
   <div class="section news">
     <header class="title">WHAT OUR USERS ARE SAYING</header>
     <article class="content">
-      <div class="echo-slider">
-        <ul>
-          <li>
-            <div class="word">We use Docker on prem and Hyper_ as failover cloud. Since both sides have Docker, everything works 100% out of the box.</div>
-            <div class="name">Hareem Haque</div>
-            <div class="intro">Sigma Global Solutions</div>
-          </li>
-          <li>
-            <div class="word">Hyper_ looks pretty competitive with Docker Cloud, or better – per-second billing, floating ips, monitoring, logging, </div>
-            <div class="name">TJ Holowaychuk</div>
-            <div class="intro">Founder of Apex and Express.sh</div>
-          </li>
-        </ul>
+      <div id="echo-slider" class="echo-slider">
+        <ul></ul>
       </div>
       <!--<ul class="latest">
         <li class="item">

js/index.js

@@ -5,6 +5,7 @@ require('./unslider')
 require('./typed')
 import lunr from 'lunr'
 import price from './price'
+import quotas from './quotas.json'
 
 const createAssciimaPlayer = function(num) {
   asciinema_player.core.CreatePlayer(
@@ -193,7 +194,25 @@ const bindEvents = () => {
 }
 
 const initSlider = () => {
-  $('.echo-slider').unslider()
+  const tpl = (data) => {
+    return `
+    <li>
+      <div class="word">${data.content}</div>
+      <div class="name">${data.name}</div>
+      <div class="intro">${data.title}</div>
+    </li>
+    `
+  }
+  let str = ''
+  for (const item of quotas) {
+    str += tpl(item)
+  }
+  $('#echo-slider ul').html(str)
+  $('#echo-slider').unslider({
+    autoplay: true,
+    speed: 300,
+    delay: 5000
+  })
 }
 
 const initTyped = async () => {

js/quotas.json

@@ -0,0 +1,12 @@
+[
+  {
+    "content": "We use Docker on prem and Hyper_ as failover cloud. Since both sides have Docker, everything works 100% out of the box.",
+    "name": "Hareem Haque",
+    "title": "Sigma Global Solutions"
+  },
+  {
+    "content": "Hyper_ looks pretty competitive with Docker Cloud, or better – per-second billing, floating ips, monitoring, logging",
+    "name": "TJ Holowaychuk",
+    "title": "Founder of Apex and Express.sh"
+  }
+]