website update

docs/index.html

@@ -330,39 +330,6 @@
     <script>
       (function(){
 
-      // download-link
-      fetchjson('info.json', function(err, data) {
-        if (err) { throw err }
-        var ids = Object.keys(data)
-        var regularId = ids[0]
-        ids.forEach(function(id){
-          if (id.indexOf('Inter UI Regular:') == 0) {
-            regularId = id
-          }
-        })
-        if (ids.length == 0) {
-          console.error('failed to find Inter UI Regular in info.json', data)
-          return
-        }
-        var regular = data[regularId]
-        // console.log('info.json:', regular)
-        if (regular.names && regular.names.version) {
-          var v = regular.names.version
-          var p = v.indexOf(';')
-          if (p != -1) {
-            v = v.substr(0, p)
-          }
-          var directDownloadURL =
-            'https://github.com/rsms/inter/releases/download/v' + v +
-            '/Inter-UI-' + v + '.zip'
-          var av = document.querySelectorAll('a.download-link'), i, e
-          for (i = 0; i < av.length; ++i) {
-            e = av[i]
-            e.href = directDownloadURL
-          }
-        }
-      })
-
       // FAQ anchors
       var av = document.querySelectorAll('ul.faq > li.q'), a, i, e, id, tn
       for (i = 0; i < av.length; ++i) {

docs/index.js

@@ -93,161 +93,38 @@ var timeNow = (
 )
 
 
-// Carousel
+// download-link
-var carousel = document.querySelector('.carousel')
+fetchjson('info.json', function(err, data) {
-if (carousel) {
+  if (err) { throw err }
-  var itemsContainer = carousel.querySelector('.items')
+  var ids = Object.keys(data)
-  var dotsContainer = carousel.querySelector('.dots')
+  var regularId = ids[0]
-  var singleStepAnimDuration = 0.25
+  ids.forEach(function(id){
-
+    if (id.indexOf('Inter UI Regular:') == 0) {
-  var currentCenterItem = itemsContainer.children[0]
+      regularId = id
-  var currentDot = null
-  var lastScrollResponseTimestamp = 0
-
-  itemsContainer.addEventListener('click', scrollToNext)
-
-  Array.prototype.slice.call(itemsContainer.children).forEach(function(item, index) {
-    item.dataset.index = index
-
-    if (!item.complete) {
-      var hasLoaded = false
-      var loadTimer = setTimeout(function(){
-        if (!hasLoaded) {
-          item.classList.add('loading')
-        }
-      }, 10)
-      item.addEventListener('load', function() {
-        hasLoaded = true
-        clearTimeout(loadTimer)
-        item.classList.remove('loading')
-      })
-    }
-
-    if (index+1 == itemsContainer.children.length) {
-      item.style.cursor = 'w-resize';
-    }
-
-    if (dotsContainer) {
-      var dot = document.createElement('div')
-      dot.className = 'dot'
-
-      var graphic = document.createElement('div')
-      graphic.className = 'graphic'
-      dot.appendChild(graphic)
-
-      dot.addEventListener('click', function(ev) {
-        lastScrollResponseTimestamp = ev.timeStamp
-        var stepDistance = Math.abs(currentCenterItem.dataset.index - index)
-        selectItem(item, singleStepAnimDuration * stepDistance * 0.7)
-      }, {capture:false, passive:true})
-      dotsContainer.appendChild(dot)
     }
   })
-
+  if (ids.length == 0) {
-
+    console.error('failed to find Inter UI Regular in info.json', data)
-  function updateDot() {
-    if (currentDot) {
-      currentDot.classList.remove('active')
-    }
-    if (currentCenterItem) {
-      currentDot = dotsContainer.children[currentCenterItem.dataset.index]
-      currentDot.classList.add('active')
-    }
-  }
-
-
-  updateDot()
-
-
-  function selectItem(item, animDuration) {
-    currentCenterItem = item
-    var scrollLeftTarget = currentCenterItem.offsetLeft - itemsContainer.offsetLeft
-    // updateDot()
-    anim(itemsContainer, {scrollLeft: scrollLeftTarget}, animDuration, "ease-out")
-  }
-
-
-  // TODO: cursor on left side to go in "previous" direction
-
-
-  function scrollToNext(ev) {
-    if (!currentCenterItem) {
     return
   }
-
+  var regular = data[regularId]
-    var animDuration = singleStepAnimDuration
+  // console.log('info.json:', regular)
-    var nextItem = currentCenterItem.nextElementSibling
+  if (regular.names && regular.names.version) {
-    if (!nextItem) {
+    var v = regular.names.version
-      nextItem = itemsContainer.children[0]
+    var p = v.indexOf(';')
-      animDuration *= 2
+    if (p != -1) {
+      v = v.substr(0, p)
     }
-
+    var directDownloadURL =
-    lastScrollResponseTimestamp = ev.timeStamp
+      'https://github.com/rsms/inter/releases/download/v' + v +
-    selectItem(nextItem, animDuration)
+      '/Inter-UI-' + v + '.zip'
-  }
+    var av = document.querySelectorAll('a.download-link'), i, e
-
+    for (i = 0; i < av.length; ++i) {
-
+      e = av[i]
-  var scrollUpdateCenterItemTimer = null
+      e.href = directDownloadURL
-
-
-  function updateCenterItem() {
-    var scrollCenterX = itemsContainer.scrollLeft + (itemsContainer.clientWidth / 2)
-    var offsX = itemsContainer.offsetLeft
-    var i, e, itemOffsX, scrollLeftTarget = 0
-
-    for (i = 0; i < itemsContainer.children.length; ++i) {
-      e = itemsContainer.children[i]
-      itemOffsX = e.offsetLeft - offsX
-      if (scrollCenterX < itemOffsX + e.clientWidth) {
-        // pick this element
-        break
     }
   }
-
+})
-    if (!e) {
-      return
-    }
-
-    currentCenterItem = e
-    updateDot()
-  }
-
-
-  function updateCarouselFocus() {
-    updateCenterItem()
-    var scrollLeftTarget = currentCenterItem.offsetLeft - itemsContainer.offsetLeft
-    anim(itemsContainer, {scrollLeft: scrollLeftTarget}, 0.25, "ease")
-  }
-
-
-  var scrollUpdateTimer = null
-
-  itemsContainer.addEventListener('scroll', function(ev) {
-    clearTimeout(scrollUpdateTimer)
-
-    if (ev.timeStamp - lastScrollResponseTimestamp < 100) {
-      // ignore scroll event caused by reacting to scroll events
-      return
-    }
-
-    updateCenterItem()
-
-    var timeStamp = ev.timeStamp + 90
-    scrollUpdateTimer = setTimeout(function(){
-      lastScrollResponseTimestamp = timeStamp
-      updateCarouselFocus()
-    }, 90)
-  }, {capture:false, passive:true})
-
-  window.addEventListener('resize', function(ev) {
-    clearTimeout(scrollUpdateTimer)
-    lastScrollResponseTimestamp = ev.timeStamp
-    updateCenterItem()
-    var scrollLeftTarget = currentCenterItem.offsetLeft - itemsContainer.offsetLeft
-    itemsContainer.scrollLeft = scrollLeftTarget
-  }, {capture:false, passive:true})
-
-}
 
 
 // Google Analytics

docs/samples/index.html

@@ -275,7 +275,7 @@ div.live {
           </div>
           <div class="control">
             <img title="Letter spacing in EM" class="icon" src="icons/letter-spacing.svg">
-            <input type="range" min="-0.1" max="0.1" step="0.001" data-binding="letter-spacing">
+            <input type="range" min="-0.05" max="0.06" step="0.001" data-binding="letter-spacing">
             <input type="number" min="-0.15" max="1" step="0.001" data-binding="letter-spacing">
           </div>
           <!-- <div class="control">