diff --git a/swh/web/static/js/jquery-waypoints/jquery.waypoints.js b/swh/web/static/js/jquery-waypoints/jquery.waypoints.js
index d70b2459d..dca1dc8cd 100644
--- a/swh/web/static/js/jquery-waypoints/jquery.waypoints.js
+++ b/swh/web/static/js/jquery-waypoints/jquery.waypoints.js
@@ -1,662 +1,662 @@
 /*!
 Waypoints - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
 (function() {
   'use strict'
 
   var keyCounter = 0
   var allWaypoints = {}
 
   /* http://imakewebthings.com/waypoints/api/waypoint */
   function Waypoint(options) {
     if (!options) {
       throw new Error('No options passed to Waypoint constructor')
     }
     if (!options.element) {
       throw new Error('No element option passed to Waypoint constructor')
     }
     if (!options.handler) {
       throw new Error('No handler option passed to Waypoint constructor')
     }
 
     this.key = 'waypoint-' + keyCounter
     this.options = Waypoint.Adapter.extend({}, Waypoint.defaults, options)
     this.element = this.options.element
     this.adapter = new Waypoint.Adapter(this.element)
     this.callback = options.handler
     this.axis = this.options.horizontal ? 'horizontal' : 'vertical'
     this.enabled = this.options.enabled
     this.triggerPoint = null
     this.group = Waypoint.Group.findOrCreate({
       name: this.options.group,
       axis: this.axis
     })
     this.context = Waypoint.Context.findOrCreateByElement(this.options.context)
 
     if (Waypoint.offsetAliases[this.options.offset]) {
       this.options.offset = Waypoint.offsetAliases[this.options.offset]
     }
     this.group.add(this)
     this.context.add(this)
     allWaypoints[this.key] = this
     keyCounter += 1
   }
 
   /* Private */
   Waypoint.prototype.queueTrigger = function(direction) {
     this.group.queueTrigger(this, direction)
   }
 
   /* Private */
   Waypoint.prototype.trigger = function(args) {
     if (!this.enabled) {
       return
     }
     if (this.callback) {
       this.callback.apply(this, args)
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/destroy */
   Waypoint.prototype.destroy = function() {
     this.context.remove(this)
     this.group.remove(this)
     delete allWaypoints[this.key]
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/disable */
   Waypoint.prototype.disable = function() {
     this.enabled = false
     return this
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/enable */
   Waypoint.prototype.enable = function() {
     this.context.refresh()
     this.enabled = true
     return this
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/next */
   Waypoint.prototype.next = function() {
     return this.group.next(this)
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/previous */
   Waypoint.prototype.previous = function() {
     return this.group.previous(this)
   }
 
   /* Private */
   Waypoint.invokeAll = function(method) {
     var allWaypointsArray = []
     for (var waypointKey in allWaypoints) {
       allWaypointsArray.push(allWaypoints[waypointKey])
     }
     for (var i = 0, end = allWaypointsArray.length; i < end; i++) {
       allWaypointsArray[i][method]()
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/destroy-all */
   Waypoint.destroyAll = function() {
     Waypoint.invokeAll('destroy')
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/disable-all */
   Waypoint.disableAll = function() {
     Waypoint.invokeAll('disable')
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/enable-all */
   Waypoint.enableAll = function() {
     Waypoint.Context.refreshAll()
     for (var waypointKey in allWaypoints) {
       allWaypoints[waypointKey].enabled = true
     }
     return this
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/refresh-all */
   Waypoint.refreshAll = function() {
     Waypoint.Context.refreshAll()
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/viewport-height */
   Waypoint.viewportHeight = function() {
     return window.innerHeight || document.documentElement.clientHeight
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/viewport-width */
   Waypoint.viewportWidth = function() {
     return document.documentElement.clientWidth
   }
 
   Waypoint.adapters = []
 
   Waypoint.defaults = {
     context: window,
     continuous: true,
     enabled: true,
     group: 'default',
     horizontal: false,
     offset: 0
   }
 
   Waypoint.offsetAliases = {
     'bottom-in-view': function() {
       return this.context.innerHeight() - this.adapter.outerHeight()
     },
     'right-in-view': function() {
       return this.context.innerWidth() - this.adapter.outerWidth()
     }
   }
 
   window.Waypoint = Waypoint
 }())
 ;(function() {
   'use strict'
 
   function requestAnimationFrameShim(callback) {
     window.setTimeout(callback, 1000 / 60)
   }
 
   var keyCounter = 0
   var contexts = {}
   var Waypoint = window.Waypoint
   var oldWindowLoad = window.onload
 
   /* http://imakewebthings.com/waypoints/api/context */
   function Context(element) {
     this.element = element
     this.Adapter = Waypoint.Adapter
     this.adapter = new this.Adapter(element)
     this.key = 'waypoint-context-' + keyCounter
     this.didScroll = false
     this.didResize = false
     this.oldScroll = {
       x: this.adapter.scrollLeft(),
       y: this.adapter.scrollTop()
     }
     this.waypoints = {
       vertical: {},
       horizontal: {}
     }
 
     element.waypointContextKey = this.key
     contexts[element.waypointContextKey] = this
     keyCounter += 1
     if (!Waypoint.windowContext) {
       Waypoint.windowContext = true
       Waypoint.windowContext = new Context(window)
     }
 
     this.createThrottledScrollHandler()
     this.createThrottledResizeHandler()
   }
 
   /* Private */
   Context.prototype.add = function(waypoint) {
     var axis = waypoint.options.horizontal ? 'horizontal' : 'vertical'
     this.waypoints[axis][waypoint.key] = waypoint
-    this.refresh()
+    //this.refresh()
   }
 
   /* Private */
   Context.prototype.checkEmpty = function() {
     var horizontalEmpty = this.Adapter.isEmptyObject(this.waypoints.horizontal)
     var verticalEmpty = this.Adapter.isEmptyObject(this.waypoints.vertical)
     var isWindow = this.element == this.element.window
     if (horizontalEmpty && verticalEmpty && !isWindow) {
       this.adapter.off('.waypoints')
       delete contexts[this.key]
     }
   }
 
   /* Private */
   Context.prototype.createThrottledResizeHandler = function() {
     var self = this
 
     function resizeHandler() {
       self.handleResize()
       self.didResize = false
     }
 
     this.adapter.on('resize.waypoints', function() {
       if (!self.didResize) {
         self.didResize = true
         Waypoint.requestAnimationFrame(resizeHandler)
       }
     })
   }
 
   /* Private */
   Context.prototype.createThrottledScrollHandler = function() {
     var self = this
     function scrollHandler() {
       self.handleScroll()
       self.didScroll = false
     }
 
     this.adapter.on('scroll.waypoints', function() {
       if (!self.didScroll || Waypoint.isTouch) {
         self.didScroll = true
         Waypoint.requestAnimationFrame(scrollHandler)
       }
     })
   }
 
   /* Private */
   Context.prototype.handleResize = function() {
     Waypoint.Context.refreshAll()
   }
 
   /* Private */
   Context.prototype.handleScroll = function() {
     var triggeredGroups = {}
     var axes = {
       horizontal: {
         newScroll: this.adapter.scrollLeft(),
         oldScroll: this.oldScroll.x,
         forward: 'right',
         backward: 'left'
       },
       vertical: {
         newScroll: this.adapter.scrollTop(),
         oldScroll: this.oldScroll.y,
         forward: 'down',
         backward: 'up'
       }
     }
 
     for (var axisKey in axes) {
       var axis = axes[axisKey]
       var isForward = axis.newScroll > axis.oldScroll
       var direction = isForward ? axis.forward : axis.backward
 
       for (var waypointKey in this.waypoints[axisKey]) {
         var waypoint = this.waypoints[axisKey][waypointKey]
         if (waypoint.triggerPoint === null) {
           continue
         }
         var wasBeforeTriggerPoint = axis.oldScroll < waypoint.triggerPoint
         var nowAfterTriggerPoint = axis.newScroll >= waypoint.triggerPoint
         var crossedForward = wasBeforeTriggerPoint && nowAfterTriggerPoint
         var crossedBackward = !wasBeforeTriggerPoint && !nowAfterTriggerPoint
         if (crossedForward || crossedBackward) {
           waypoint.queueTrigger(direction)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
       }
     }
 
     for (var groupKey in triggeredGroups) {
       triggeredGroups[groupKey].flushTriggers()
     }
 
     this.oldScroll = {
       x: axes.horizontal.newScroll,
       y: axes.vertical.newScroll
     }
   }
 
   /* Private */
   Context.prototype.innerHeight = function() {
     /*eslint-disable eqeqeq */
     if (this.element == this.element.window) {
       return Waypoint.viewportHeight()
     }
     /*eslint-enable eqeqeq */
     return this.adapter.innerHeight()
   }
 
   /* Private */
   Context.prototype.remove = function(waypoint) {
     delete this.waypoints[waypoint.axis][waypoint.key]
     this.checkEmpty()
   }
 
   /* Private */
   Context.prototype.innerWidth = function() {
     /*eslint-disable eqeqeq */
     if (this.element == this.element.window) {
       return Waypoint.viewportWidth()
     }
     /*eslint-enable eqeqeq */
     return this.adapter.innerWidth()
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/context-destroy */
   Context.prototype.destroy = function() {
     var allWaypoints = []
     for (var axis in this.waypoints) {
       for (var waypointKey in this.waypoints[axis]) {
         allWaypoints.push(this.waypoints[axis][waypointKey])
       }
     }
     for (var i = 0, end = allWaypoints.length; i < end; i++) {
       allWaypoints[i].destroy()
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/context-refresh */
   Context.prototype.refresh = function() {
     /*eslint-disable eqeqeq */
     var isWindow = this.element == this.element.window
     /*eslint-enable eqeqeq */
     var contextOffset = isWindow ? undefined : this.adapter.offset()
     var triggeredGroups = {}
     var axes
 
     this.handleScroll()
     axes = {
       horizontal: {
         contextOffset: isWindow ? 0 : contextOffset.left,
         contextScroll: isWindow ? 0 : this.oldScroll.x,
         contextDimension: this.innerWidth(),
         oldScroll: this.oldScroll.x,
         forward: 'right',
         backward: 'left',
         offsetProp: 'left'
       },
       vertical: {
         contextOffset: isWindow ? 0 : contextOffset.top,
         contextScroll: isWindow ? 0 : this.oldScroll.y,
         contextDimension: this.innerHeight(),
         oldScroll: this.oldScroll.y,
         forward: 'down',
         backward: 'up',
         offsetProp: 'top'
       }
     }
 
     for (var axisKey in axes) {
       var axis = axes[axisKey]
       for (var waypointKey in this.waypoints[axisKey]) {
         var waypoint = this.waypoints[axisKey][waypointKey]
         var adjustment = waypoint.options.offset
         var oldTriggerPoint = waypoint.triggerPoint
         var elementOffset = 0
         var freshWaypoint = oldTriggerPoint == null
         var contextModifier, wasBeforeScroll, nowAfterScroll
         var triggeredBackward, triggeredForward
 
         if (waypoint.element !== waypoint.element.window) {
           elementOffset = waypoint.adapter.offset()[axis.offsetProp]
         }
 
         if (typeof adjustment === 'function') {
           adjustment = adjustment.apply(waypoint)
         }
         else if (typeof adjustment === 'string') {
           adjustment = parseFloat(adjustment)
           if (waypoint.options.offset.indexOf('%') > - 1) {
             adjustment = Math.ceil(axis.contextDimension * adjustment / 100)
           }
         }
 
         contextModifier = axis.contextScroll - axis.contextOffset
         waypoint.triggerPoint = Math.floor(elementOffset + contextModifier - adjustment)
         wasBeforeScroll = oldTriggerPoint < axis.oldScroll
         nowAfterScroll = waypoint.triggerPoint >= axis.oldScroll
         triggeredBackward = wasBeforeScroll && nowAfterScroll
         triggeredForward = !wasBeforeScroll && !nowAfterScroll
 
         if (!freshWaypoint && triggeredBackward) {
           waypoint.queueTrigger(axis.backward)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
         else if (!freshWaypoint && triggeredForward) {
           waypoint.queueTrigger(axis.forward)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
         else if (freshWaypoint && axis.oldScroll >= waypoint.triggerPoint) {
           waypoint.queueTrigger(axis.forward)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
       }
     }
 
     Waypoint.requestAnimationFrame(function() {
       for (var groupKey in triggeredGroups) {
         triggeredGroups[groupKey].flushTriggers()
       }
     })
 
     return this
   }
 
   /* Private */
   Context.findOrCreateByElement = function(element) {
     return Context.findByElement(element) || new Context(element)
   }
 
   /* Private */
   Context.refreshAll = function() {
     for (var contextId in contexts) {
       contexts[contextId].refresh()
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/context-find-by-element */
   Context.findByElement = function(element) {
     return contexts[element.waypointContextKey]
   }
 
   window.onload = function() {
     if (oldWindowLoad) {
       oldWindowLoad()
     }
     Context.refreshAll()
   }
 
 
   Waypoint.requestAnimationFrame = function(callback) {
     var requestFn = window.requestAnimationFrame ||
       window.mozRequestAnimationFrame ||
       window.webkitRequestAnimationFrame ||
       requestAnimationFrameShim
     requestFn.call(window, callback)
   }
   Waypoint.Context = Context
 }())
 ;(function() {
   'use strict'
 
   function byTriggerPoint(a, b) {
     return a.triggerPoint - b.triggerPoint
   }
 
   function byReverseTriggerPoint(a, b) {
     return b.triggerPoint - a.triggerPoint
   }
 
   var groups = {
     vertical: {},
     horizontal: {}
   }
   var Waypoint = window.Waypoint
 
   /* http://imakewebthings.com/waypoints/api/group */
   function Group(options) {
     this.name = options.name
     this.axis = options.axis
     this.id = this.name + '-' + this.axis
     this.waypoints = []
     this.clearTriggerQueues()
     groups[this.axis][this.name] = this
   }
 
   /* Private */
   Group.prototype.add = function(waypoint) {
     this.waypoints.push(waypoint)
   }
 
   /* Private */
   Group.prototype.clearTriggerQueues = function() {
     this.triggerQueues = {
       up: [],
       down: [],
       left: [],
       right: []
     }
   }
 
   /* Private */
   Group.prototype.flushTriggers = function() {
     for (var direction in this.triggerQueues) {
       var waypoints = this.triggerQueues[direction]
       var reverse = direction === 'up' || direction === 'left'
       waypoints.sort(reverse ? byReverseTriggerPoint : byTriggerPoint)
       for (var i = 0, end = waypoints.length; i < end; i += 1) {
         var waypoint = waypoints[i]
         if (waypoint.options.continuous || i === waypoints.length - 1) {
           waypoint.trigger([direction])
         }
       }
     }
     this.clearTriggerQueues()
   }
 
   /* Private */
   Group.prototype.next = function(waypoint) {
     this.waypoints.sort(byTriggerPoint)
     var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
     var isLast = index === this.waypoints.length - 1
     return isLast ? null : this.waypoints[index + 1]
   }
 
   /* Private */
   Group.prototype.previous = function(waypoint) {
     this.waypoints.sort(byTriggerPoint)
     var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
     return index ? this.waypoints[index - 1] : null
   }
 
   /* Private */
   Group.prototype.queueTrigger = function(waypoint, direction) {
     this.triggerQueues[direction].push(waypoint)
   }
 
   /* Private */
   Group.prototype.remove = function(waypoint) {
     var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
     if (index > -1) {
       this.waypoints.splice(index, 1)
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/first */
   Group.prototype.first = function() {
     return this.waypoints[0]
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/last */
   Group.prototype.last = function() {
     return this.waypoints[this.waypoints.length - 1]
   }
 
   /* Private */
   Group.findOrCreate = function(options) {
     return groups[options.axis][options.name] || new Group(options)
   }
 
   Waypoint.Group = Group
 }())
 ;(function() {
   'use strict'
 
   var $ = window.jQuery
   var Waypoint = window.Waypoint
 
   function JQueryAdapter(element) {
     this.$element = $(element)
   }
 
   $.each([
     'innerHeight',
     'innerWidth',
     'off',
     'offset',
     'on',
     'outerHeight',
     'outerWidth',
     'scrollLeft',
     'scrollTop'
   ], function(i, method) {
     JQueryAdapter.prototype[method] = function() {
       var args = Array.prototype.slice.call(arguments)
       return this.$element[method].apply(this.$element, args)
     }
   })
 
   $.each([
     'extend',
     'inArray',
     'isEmptyObject'
   ], function(i, method) {
     JQueryAdapter[method] = $[method]
   })
 
   Waypoint.adapters.push({
     name: 'jquery',
     Adapter: JQueryAdapter
   })
   Waypoint.Adapter = JQueryAdapter
 }())
 ;(function() {
   'use strict'
 
   var Waypoint = window.Waypoint
 
   function createExtension(framework) {
     return function() {
       var waypoints = []
       var overrides = arguments[0]
 
       if (framework.isFunction(arguments[0])) {
         overrides = framework.extend({}, arguments[1])
         overrides.handler = arguments[0]
       }
 
       this.each(function() {
         var options = framework.extend({}, overrides, {
           element: this
         })
         if (typeof options.context === 'string') {
           options.context = framework(this).closest(options.context)[0]
         }
         waypoints.push(new Waypoint(options))
       })
 
       return waypoints
     }
   }
 
   if (window.jQuery) {
     window.jQuery.fn.waypoint = createExtension(window.jQuery)
   }
   if (window.Zepto) {
     window.Zepto.fn.waypoint = createExtension(window.Zepto)
   }
 }())
 ;
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/jquery.waypoints.min.js b/swh/web/static/js/jquery-waypoints/jquery.waypoints.min.js
index 609ece0a5..f2509cf94 100644
--- a/swh/web/static/js/jquery-waypoints/jquery.waypoints.min.js
+++ b/swh/web/static/js/jquery-waypoints/jquery.waypoints.min.js
@@ -1,7 +1,7 @@
 /*!
 Waypoints - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
-!function(){"use strict";function t(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,n.windowContext||(n.windowContext=!0,n.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s];if(null!==a.triggerPoint){var l=o.oldScroll<a.triggerPoint,h=o.newScroll>=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=Math.floor(y+l-f),h=w<s.oldScroll,p=d.triggerPoint>=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each(["innerHeight","innerWidth","off","offset","on","outerHeight","outerWidth","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each(["extend","inArray","isEmptyObject"],function(i,o){t[o]=e[o]}),i.adapters.push({name:"jquery",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}();
\ No newline at end of file
+!function(){"use strict";function t(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,n.windowContext||(n.windowContext=!0,n.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s];if(null!==a.triggerPoint){var l=o.oldScroll<a.triggerPoint,h=o.newScroll>=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=Math.floor(y+l-f),h=w<s.oldScroll,p=d.triggerPoint>=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.$element=e(t)}var e=window.jQuery,i=window.Waypoint;e.each(["innerHeight","innerWidth","off","offset","on","outerHeight","outerWidth","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),e.each(["extend","inArray","isEmptyObject"],function(i,o){t[o]=e[o]}),i.adapters.push({name:"jquery",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}();
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/noframework.waypoints.js b/swh/web/static/js/jquery-waypoints/noframework.waypoints.js
index a735441cd..51d0aa50d 100644
--- a/swh/web/static/js/jquery-waypoints/noframework.waypoints.js
+++ b/swh/web/static/js/jquery-waypoints/noframework.waypoints.js
@@ -1,758 +1,758 @@
 /*!
 Waypoints - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
 (function() {
   'use strict'
 
   var keyCounter = 0
   var allWaypoints = {}
 
   /* http://imakewebthings.com/waypoints/api/waypoint */
   function Waypoint(options) {
     if (!options) {
       throw new Error('No options passed to Waypoint constructor')
     }
     if (!options.element) {
       throw new Error('No element option passed to Waypoint constructor')
     }
     if (!options.handler) {
       throw new Error('No handler option passed to Waypoint constructor')
     }
 
     this.key = 'waypoint-' + keyCounter
     this.options = Waypoint.Adapter.extend({}, Waypoint.defaults, options)
     this.element = this.options.element
     this.adapter = new Waypoint.Adapter(this.element)
     this.callback = options.handler
     this.axis = this.options.horizontal ? 'horizontal' : 'vertical'
     this.enabled = this.options.enabled
     this.triggerPoint = null
     this.group = Waypoint.Group.findOrCreate({
       name: this.options.group,
       axis: this.axis
     })
     this.context = Waypoint.Context.findOrCreateByElement(this.options.context)
 
     if (Waypoint.offsetAliases[this.options.offset]) {
       this.options.offset = Waypoint.offsetAliases[this.options.offset]
     }
     this.group.add(this)
     this.context.add(this)
     allWaypoints[this.key] = this
     keyCounter += 1
   }
 
   /* Private */
   Waypoint.prototype.queueTrigger = function(direction) {
     this.group.queueTrigger(this, direction)
   }
 
   /* Private */
   Waypoint.prototype.trigger = function(args) {
     if (!this.enabled) {
       return
     }
     if (this.callback) {
       this.callback.apply(this, args)
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/destroy */
   Waypoint.prototype.destroy = function() {
     this.context.remove(this)
     this.group.remove(this)
     delete allWaypoints[this.key]
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/disable */
   Waypoint.prototype.disable = function() {
     this.enabled = false
     return this
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/enable */
   Waypoint.prototype.enable = function() {
     this.context.refresh()
     this.enabled = true
     return this
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/next */
   Waypoint.prototype.next = function() {
     return this.group.next(this)
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/previous */
   Waypoint.prototype.previous = function() {
     return this.group.previous(this)
   }
 
   /* Private */
   Waypoint.invokeAll = function(method) {
     var allWaypointsArray = []
     for (var waypointKey in allWaypoints) {
       allWaypointsArray.push(allWaypoints[waypointKey])
     }
     for (var i = 0, end = allWaypointsArray.length; i < end; i++) {
       allWaypointsArray[i][method]()
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/destroy-all */
   Waypoint.destroyAll = function() {
     Waypoint.invokeAll('destroy')
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/disable-all */
   Waypoint.disableAll = function() {
     Waypoint.invokeAll('disable')
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/enable-all */
   Waypoint.enableAll = function() {
     Waypoint.Context.refreshAll()
     for (var waypointKey in allWaypoints) {
       allWaypoints[waypointKey].enabled = true
     }
     return this
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/refresh-all */
   Waypoint.refreshAll = function() {
     Waypoint.Context.refreshAll()
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/viewport-height */
   Waypoint.viewportHeight = function() {
     return window.innerHeight || document.documentElement.clientHeight
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/viewport-width */
   Waypoint.viewportWidth = function() {
     return document.documentElement.clientWidth
   }
 
   Waypoint.adapters = []
 
   Waypoint.defaults = {
     context: window,
     continuous: true,
     enabled: true,
     group: 'default',
     horizontal: false,
     offset: 0
   }
 
   Waypoint.offsetAliases = {
     'bottom-in-view': function() {
       return this.context.innerHeight() - this.adapter.outerHeight()
     },
     'right-in-view': function() {
       return this.context.innerWidth() - this.adapter.outerWidth()
     }
   }
 
   window.Waypoint = Waypoint
 }())
 ;(function() {
   'use strict'
 
   function requestAnimationFrameShim(callback) {
     window.setTimeout(callback, 1000 / 60)
   }
 
   var keyCounter = 0
   var contexts = {}
   var Waypoint = window.Waypoint
   var oldWindowLoad = window.onload
 
   /* http://imakewebthings.com/waypoints/api/context */
   function Context(element) {
     this.element = element
     this.Adapter = Waypoint.Adapter
     this.adapter = new this.Adapter(element)
     this.key = 'waypoint-context-' + keyCounter
     this.didScroll = false
     this.didResize = false
     this.oldScroll = {
       x: this.adapter.scrollLeft(),
       y: this.adapter.scrollTop()
     }
     this.waypoints = {
       vertical: {},
       horizontal: {}
     }
 
     element.waypointContextKey = this.key
     contexts[element.waypointContextKey] = this
     keyCounter += 1
     if (!Waypoint.windowContext) {
       Waypoint.windowContext = true
       Waypoint.windowContext = new Context(window)
     }
 
     this.createThrottledScrollHandler()
     this.createThrottledResizeHandler()
   }
 
   /* Private */
   Context.prototype.add = function(waypoint) {
     var axis = waypoint.options.horizontal ? 'horizontal' : 'vertical'
     this.waypoints[axis][waypoint.key] = waypoint
-    this.refresh()
+    //this.refresh()
   }
 
   /* Private */
   Context.prototype.checkEmpty = function() {
     var horizontalEmpty = this.Adapter.isEmptyObject(this.waypoints.horizontal)
     var verticalEmpty = this.Adapter.isEmptyObject(this.waypoints.vertical)
     var isWindow = this.element == this.element.window
     if (horizontalEmpty && verticalEmpty && !isWindow) {
       this.adapter.off('.waypoints')
       delete contexts[this.key]
     }
   }
 
   /* Private */
   Context.prototype.createThrottledResizeHandler = function() {
     var self = this
 
     function resizeHandler() {
       self.handleResize()
       self.didResize = false
     }
 
     this.adapter.on('resize.waypoints', function() {
       if (!self.didResize) {
         self.didResize = true
         Waypoint.requestAnimationFrame(resizeHandler)
       }
     })
   }
 
   /* Private */
   Context.prototype.createThrottledScrollHandler = function() {
     var self = this
     function scrollHandler() {
       self.handleScroll()
       self.didScroll = false
     }
 
     this.adapter.on('scroll.waypoints', function() {
       if (!self.didScroll || Waypoint.isTouch) {
         self.didScroll = true
         Waypoint.requestAnimationFrame(scrollHandler)
       }
     })
   }
 
   /* Private */
   Context.prototype.handleResize = function() {
     Waypoint.Context.refreshAll()
   }
 
   /* Private */
   Context.prototype.handleScroll = function() {
     var triggeredGroups = {}
     var axes = {
       horizontal: {
         newScroll: this.adapter.scrollLeft(),
         oldScroll: this.oldScroll.x,
         forward: 'right',
         backward: 'left'
       },
       vertical: {
         newScroll: this.adapter.scrollTop(),
         oldScroll: this.oldScroll.y,
         forward: 'down',
         backward: 'up'
       }
     }
 
     for (var axisKey in axes) {
       var axis = axes[axisKey]
       var isForward = axis.newScroll > axis.oldScroll
       var direction = isForward ? axis.forward : axis.backward
 
       for (var waypointKey in this.waypoints[axisKey]) {
         var waypoint = this.waypoints[axisKey][waypointKey]
         if (waypoint.triggerPoint === null) {
           continue
         }
         var wasBeforeTriggerPoint = axis.oldScroll < waypoint.triggerPoint
         var nowAfterTriggerPoint = axis.newScroll >= waypoint.triggerPoint
         var crossedForward = wasBeforeTriggerPoint && nowAfterTriggerPoint
         var crossedBackward = !wasBeforeTriggerPoint && !nowAfterTriggerPoint
         if (crossedForward || crossedBackward) {
           waypoint.queueTrigger(direction)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
       }
     }
 
     for (var groupKey in triggeredGroups) {
       triggeredGroups[groupKey].flushTriggers()
     }
 
     this.oldScroll = {
       x: axes.horizontal.newScroll,
       y: axes.vertical.newScroll
     }
   }
 
   /* Private */
   Context.prototype.innerHeight = function() {
     /*eslint-disable eqeqeq */
     if (this.element == this.element.window) {
       return Waypoint.viewportHeight()
     }
     /*eslint-enable eqeqeq */
     return this.adapter.innerHeight()
   }
 
   /* Private */
   Context.prototype.remove = function(waypoint) {
     delete this.waypoints[waypoint.axis][waypoint.key]
     this.checkEmpty()
   }
 
   /* Private */
   Context.prototype.innerWidth = function() {
     /*eslint-disable eqeqeq */
     if (this.element == this.element.window) {
       return Waypoint.viewportWidth()
     }
     /*eslint-enable eqeqeq */
     return this.adapter.innerWidth()
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/context-destroy */
   Context.prototype.destroy = function() {
     var allWaypoints = []
     for (var axis in this.waypoints) {
       for (var waypointKey in this.waypoints[axis]) {
         allWaypoints.push(this.waypoints[axis][waypointKey])
       }
     }
     for (var i = 0, end = allWaypoints.length; i < end; i++) {
       allWaypoints[i].destroy()
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/context-refresh */
   Context.prototype.refresh = function() {
     /*eslint-disable eqeqeq */
     var isWindow = this.element == this.element.window
     /*eslint-enable eqeqeq */
     var contextOffset = isWindow ? undefined : this.adapter.offset()
     var triggeredGroups = {}
     var axes
 
     this.handleScroll()
     axes = {
       horizontal: {
         contextOffset: isWindow ? 0 : contextOffset.left,
         contextScroll: isWindow ? 0 : this.oldScroll.x,
         contextDimension: this.innerWidth(),
         oldScroll: this.oldScroll.x,
         forward: 'right',
         backward: 'left',
         offsetProp: 'left'
       },
       vertical: {
         contextOffset: isWindow ? 0 : contextOffset.top,
         contextScroll: isWindow ? 0 : this.oldScroll.y,
         contextDimension: this.innerHeight(),
         oldScroll: this.oldScroll.y,
         forward: 'down',
         backward: 'up',
         offsetProp: 'top'
       }
     }
 
     for (var axisKey in axes) {
       var axis = axes[axisKey]
       for (var waypointKey in this.waypoints[axisKey]) {
         var waypoint = this.waypoints[axisKey][waypointKey]
         var adjustment = waypoint.options.offset
         var oldTriggerPoint = waypoint.triggerPoint
         var elementOffset = 0
         var freshWaypoint = oldTriggerPoint == null
         var contextModifier, wasBeforeScroll, nowAfterScroll
         var triggeredBackward, triggeredForward
 
         if (waypoint.element !== waypoint.element.window) {
           elementOffset = waypoint.adapter.offset()[axis.offsetProp]
         }
 
         if (typeof adjustment === 'function') {
           adjustment = adjustment.apply(waypoint)
         }
         else if (typeof adjustment === 'string') {
           adjustment = parseFloat(adjustment)
           if (waypoint.options.offset.indexOf('%') > - 1) {
             adjustment = Math.ceil(axis.contextDimension * adjustment / 100)
           }
         }
 
         contextModifier = axis.contextScroll - axis.contextOffset
         waypoint.triggerPoint = Math.floor(elementOffset + contextModifier - adjustment)
         wasBeforeScroll = oldTriggerPoint < axis.oldScroll
         nowAfterScroll = waypoint.triggerPoint >= axis.oldScroll
         triggeredBackward = wasBeforeScroll && nowAfterScroll
         triggeredForward = !wasBeforeScroll && !nowAfterScroll
 
         if (!freshWaypoint && triggeredBackward) {
           waypoint.queueTrigger(axis.backward)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
         else if (!freshWaypoint && triggeredForward) {
           waypoint.queueTrigger(axis.forward)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
         else if (freshWaypoint && axis.oldScroll >= waypoint.triggerPoint) {
           waypoint.queueTrigger(axis.forward)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
       }
     }
 
     Waypoint.requestAnimationFrame(function() {
       for (var groupKey in triggeredGroups) {
         triggeredGroups[groupKey].flushTriggers()
       }
     })
 
     return this
   }
 
   /* Private */
   Context.findOrCreateByElement = function(element) {
     return Context.findByElement(element) || new Context(element)
   }
 
   /* Private */
   Context.refreshAll = function() {
     for (var contextId in contexts) {
       contexts[contextId].refresh()
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/context-find-by-element */
   Context.findByElement = function(element) {
     return contexts[element.waypointContextKey]
   }
 
   window.onload = function() {
     if (oldWindowLoad) {
       oldWindowLoad()
     }
     Context.refreshAll()
   }
 
 
   Waypoint.requestAnimationFrame = function(callback) {
     var requestFn = window.requestAnimationFrame ||
       window.mozRequestAnimationFrame ||
       window.webkitRequestAnimationFrame ||
       requestAnimationFrameShim
     requestFn.call(window, callback)
   }
   Waypoint.Context = Context
 }())
 ;(function() {
   'use strict'
 
   function byTriggerPoint(a, b) {
     return a.triggerPoint - b.triggerPoint
   }
 
   function byReverseTriggerPoint(a, b) {
     return b.triggerPoint - a.triggerPoint
   }
 
   var groups = {
     vertical: {},
     horizontal: {}
   }
   var Waypoint = window.Waypoint
 
   /* http://imakewebthings.com/waypoints/api/group */
   function Group(options) {
     this.name = options.name
     this.axis = options.axis
     this.id = this.name + '-' + this.axis
     this.waypoints = []
     this.clearTriggerQueues()
     groups[this.axis][this.name] = this
   }
 
   /* Private */
   Group.prototype.add = function(waypoint) {
     this.waypoints.push(waypoint)
   }
 
   /* Private */
   Group.prototype.clearTriggerQueues = function() {
     this.triggerQueues = {
       up: [],
       down: [],
       left: [],
       right: []
     }
   }
 
   /* Private */
   Group.prototype.flushTriggers = function() {
     for (var direction in this.triggerQueues) {
       var waypoints = this.triggerQueues[direction]
       var reverse = direction === 'up' || direction === 'left'
       waypoints.sort(reverse ? byReverseTriggerPoint : byTriggerPoint)
       for (var i = 0, end = waypoints.length; i < end; i += 1) {
         var waypoint = waypoints[i]
         if (waypoint.options.continuous || i === waypoints.length - 1) {
           waypoint.trigger([direction])
         }
       }
     }
     this.clearTriggerQueues()
   }
 
   /* Private */
   Group.prototype.next = function(waypoint) {
     this.waypoints.sort(byTriggerPoint)
     var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
     var isLast = index === this.waypoints.length - 1
     return isLast ? null : this.waypoints[index + 1]
   }
 
   /* Private */
   Group.prototype.previous = function(waypoint) {
     this.waypoints.sort(byTriggerPoint)
     var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
     return index ? this.waypoints[index - 1] : null
   }
 
   /* Private */
   Group.prototype.queueTrigger = function(waypoint, direction) {
     this.triggerQueues[direction].push(waypoint)
   }
 
   /* Private */
   Group.prototype.remove = function(waypoint) {
     var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
     if (index > -1) {
       this.waypoints.splice(index, 1)
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/first */
   Group.prototype.first = function() {
     return this.waypoints[0]
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/last */
   Group.prototype.last = function() {
     return this.waypoints[this.waypoints.length - 1]
   }
 
   /* Private */
   Group.findOrCreate = function(options) {
     return groups[options.axis][options.name] || new Group(options)
   }
 
   Waypoint.Group = Group
 }())
 ;(function() {
   'use strict'
 
   var Waypoint = window.Waypoint
 
   function isWindow(element) {
     return element === element.window
   }
 
   function getWindow(element) {
     if (isWindow(element)) {
       return element
     }
     return element.defaultView
   }
 
   function NoFrameworkAdapter(element) {
     this.element = element
     this.handlers = {}
   }
 
   NoFrameworkAdapter.prototype.innerHeight = function() {
     var isWin = isWindow(this.element)
     return isWin ? this.element.innerHeight : this.element.clientHeight
   }
 
   NoFrameworkAdapter.prototype.innerWidth = function() {
     var isWin = isWindow(this.element)
     return isWin ? this.element.innerWidth : this.element.clientWidth
   }
 
   NoFrameworkAdapter.prototype.off = function(event, handler) {
     function removeListeners(element, listeners, handler) {
       for (var i = 0, end = listeners.length - 1; i < end; i++) {
         var listener = listeners[i]
         if (!handler || handler === listener) {
           element.removeEventListener(listener)
         }
       }
     }
 
     var eventParts = event.split('.')
     var eventType = eventParts[0]
     var namespace = eventParts[1]
     var element = this.element
 
     if (namespace && this.handlers[namespace] && eventType) {
       removeListeners(element, this.handlers[namespace][eventType], handler)
       this.handlers[namespace][eventType] = []
     }
     else if (eventType) {
       for (var ns in this.handlers) {
         removeListeners(element, this.handlers[ns][eventType] || [], handler)
         this.handlers[ns][eventType] = []
       }
     }
     else if (namespace && this.handlers[namespace]) {
       for (var type in this.handlers[namespace]) {
         removeListeners(element, this.handlers[namespace][type], handler)
       }
       this.handlers[namespace] = {}
     }
   }
 
   /* Adapted from jQuery 1.x offset() */
   NoFrameworkAdapter.prototype.offset = function() {
     if (!this.element.ownerDocument) {
       return null
     }
 
     var documentElement = this.element.ownerDocument.documentElement
     var win = getWindow(this.element.ownerDocument)
     var rect = {
       top: 0,
       left: 0
     }
 
     if (this.element.getBoundingClientRect) {
       rect = this.element.getBoundingClientRect()
     }
 
     return {
       top: rect.top + win.pageYOffset - documentElement.clientTop,
       left: rect.left + win.pageXOffset - documentElement.clientLeft
     }
   }
 
   NoFrameworkAdapter.prototype.on = function(event, handler) {
     var eventParts = event.split('.')
     var eventType = eventParts[0]
     var namespace = eventParts[1] || '__default'
     var nsHandlers = this.handlers[namespace] = this.handlers[namespace] || {}
     var nsTypeList = nsHandlers[eventType] = nsHandlers[eventType] || []
 
     nsTypeList.push(handler)
     this.element.addEventListener(eventType, handler)
   }
 
   NoFrameworkAdapter.prototype.outerHeight = function(includeMargin) {
     var height = this.innerHeight()
     var computedStyle
 
     if (includeMargin && !isWindow(this.element)) {
       computedStyle = window.getComputedStyle(this.element)
       height += parseInt(computedStyle.marginTop, 10)
       height += parseInt(computedStyle.marginBottom, 10)
     }
 
     return height
   }
 
   NoFrameworkAdapter.prototype.outerWidth = function(includeMargin) {
     var width = this.innerWidth()
     var computedStyle
 
     if (includeMargin && !isWindow(this.element)) {
       computedStyle = window.getComputedStyle(this.element)
       width += parseInt(computedStyle.marginLeft, 10)
       width += parseInt(computedStyle.marginRight, 10)
     }
 
     return width
   }
 
   NoFrameworkAdapter.prototype.scrollLeft = function() {
     var win = getWindow(this.element)
     return win ? win.pageXOffset : this.element.scrollLeft
   }
 
   NoFrameworkAdapter.prototype.scrollTop = function() {
     var win = getWindow(this.element)
     return win ? win.pageYOffset : this.element.scrollTop
   }
 
   NoFrameworkAdapter.extend = function() {
     var args = Array.prototype.slice.call(arguments)
 
     function merge(target, obj) {
       if (typeof target === 'object' && typeof obj === 'object') {
         for (var key in obj) {
           if (obj.hasOwnProperty(key)) {
             target[key] = obj[key]
           }
         }
       }
 
       return target
     }
 
     for (var i = 1, end = args.length; i < end; i++) {
       merge(args[0], args[i])
     }
     return args[0]
   }
 
   NoFrameworkAdapter.inArray = function(element, array, i) {
     return array == null ? -1 : array.indexOf(element, i)
   }
 
   NoFrameworkAdapter.isEmptyObject = function(obj) {
     /* eslint no-unused-vars: 0 */
     for (var name in obj) {
       return false
     }
     return true
   }
 
   Waypoint.adapters.push({
     name: 'noframework',
     Adapter: NoFrameworkAdapter
   })
   Waypoint.Adapter = NoFrameworkAdapter
 }())
 ;
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/noframework.waypoints.min.js b/swh/web/static/js/jquery-waypoints/noframework.waypoints.min.js
index edfacb57f..e5c4547f3 100644
--- a/swh/web/static/js/jquery-waypoints/noframework.waypoints.min.js
+++ b/swh/web/static/js/jquery-waypoints/noframework.waypoints.min.js
@@ -1,7 +1,7 @@
 /*!
 Waypoints - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
-!function(){"use strict";function t(n){if(!n)throw new Error("No options passed to Waypoint constructor");if(!n.element)throw new Error("No element option passed to Waypoint constructor");if(!n.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,n),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=n.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var n in i)e.push(i[n]);for(var o=0,r=e.length;r>o;o++)e[o][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=o.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,n[t.waypointContextKey]=this,i+=1,o.windowContext||(o.windowContext=!0,o.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,n={},o=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete n[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,o.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||o.isTouch)&&(e.didScroll=!0,o.requestAnimationFrame(t))})},e.prototype.handleResize=function(){o.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var n=e[i],o=n.newScroll>n.oldScroll,r=o?n.forward:n.backward;for(var s in this.waypoints[i]){var l=this.waypoints[i][s];if(null!==l.triggerPoint){var a=n.oldScroll<l.triggerPoint,h=n.newScroll>=l.triggerPoint,p=a&&h,u=!a&&!h;(p||u)&&(l.queueTrigger(r),t[l.group.id]=l.group)}}}for(var d in t)t[d].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?o.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?o.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var n=0,o=t.length;o>n;n++)t[n].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),n={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var l in this.waypoints[r]){var a,h,p,u,d,f=this.waypoints[r][l],c=f.options.offset,w=f.triggerPoint,y=0,g=null==w;f.element!==f.element.window&&(y=f.adapter.offset()[s.offsetProp]),"function"==typeof c?c=c.apply(f):"string"==typeof c&&(c=parseFloat(c),f.options.offset.indexOf("%")>-1&&(c=Math.ceil(s.contextDimension*c/100))),a=s.contextScroll-s.contextOffset,f.triggerPoint=Math.floor(y+a-c),h=w<s.oldScroll,p=f.triggerPoint>=s.oldScroll,u=h&&p,d=!h&&!p,!g&&u?(f.queueTrigger(s.backward),n[f.group.id]=f.group):!g&&d?(f.queueTrigger(s.forward),n[f.group.id]=f.group):g&&s.oldScroll>=f.triggerPoint&&(f.queueTrigger(s.forward),n[f.group.id]=f.group)}}return o.requestAnimationFrame(function(){for(var t in n)n[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in n)n[t].refresh()},e.findByElement=function(t){return n[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},o.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},o.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),n[this.axis][this.name]=this}var n={vertical:{},horizontal:{}},o=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var n=this.triggerQueues[i],o="up"===i||"left"===i;n.sort(o?e:t);for(var r=0,s=n.length;s>r;r+=1){var l=n[r];(l.options.continuous||r===n.length-1)&&l.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=o.Adapter.inArray(e,this.waypoints),n=i===this.waypoints.length-1;return n?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=o.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=o.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return n[t.axis][t.name]||new i(t)},o.Group=i}(),function(){"use strict";function t(t){return t===t.window}function e(e){return t(e)?e:e.defaultView}function i(t){this.element=t,this.handlers={}}var n=window.Waypoint;i.prototype.innerHeight=function(){var e=t(this.element);return e?this.element.innerHeight:this.element.clientHeight},i.prototype.innerWidth=function(){var e=t(this.element);return e?this.element.innerWidth:this.element.clientWidth},i.prototype.off=function(t,e){function i(t,e,i){for(var n=0,o=e.length-1;o>n;n++){var r=e[n];i&&i!==r||t.removeEventListener(r)}}var n=t.split("."),o=n[0],r=n[1],s=this.element;if(r&&this.handlers[r]&&o)i(s,this.handlers[r][o],e),this.handlers[r][o]=[];else if(o)for(var l in this.handlers)i(s,this.handlers[l][o]||[],e),this.handlers[l][o]=[];else if(r&&this.handlers[r]){for(var a in this.handlers[r])i(s,this.handlers[r][a],e);this.handlers[r]={}}},i.prototype.offset=function(){if(!this.element.ownerDocument)return null;var t=this.element.ownerDocument.documentElement,i=e(this.element.ownerDocument),n={top:0,left:0};return this.element.getBoundingClientRect&&(n=this.element.getBoundingClientRect()),{top:n.top+i.pageYOffset-t.clientTop,left:n.left+i.pageXOffset-t.clientLeft}},i.prototype.on=function(t,e){var i=t.split("."),n=i[0],o=i[1]||"__default",r=this.handlers[o]=this.handlers[o]||{},s=r[n]=r[n]||[];s.push(e),this.element.addEventListener(n,e)},i.prototype.outerHeight=function(e){var i,n=this.innerHeight();return e&&!t(this.element)&&(i=window.getComputedStyle(this.element),n+=parseInt(i.marginTop,10),n+=parseInt(i.marginBottom,10)),n},i.prototype.outerWidth=function(e){var i,n=this.innerWidth();return e&&!t(this.element)&&(i=window.getComputedStyle(this.element),n+=parseInt(i.marginLeft,10),n+=parseInt(i.marginRight,10)),n},i.prototype.scrollLeft=function(){var t=e(this.element);return t?t.pageXOffset:this.element.scrollLeft},i.prototype.scrollTop=function(){var t=e(this.element);return t?t.pageYOffset:this.element.scrollTop},i.extend=function(){function t(t,e){if("object"==typeof t&&"object"==typeof e)for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i]);return t}for(var e=Array.prototype.slice.call(arguments),i=1,n=e.length;n>i;i++)t(e[0],e[i]);return e[0]},i.inArray=function(t,e,i){return null==e?-1:e.indexOf(t,i)},i.isEmptyObject=function(t){for(var e in t)return!1;return!0},n.adapters.push({name:"noframework",Adapter:i}),n.Adapter=i}();
\ No newline at end of file
+!function(){"use strict";function t(n){if(!n)throw new Error("No options passed to Waypoint constructor");if(!n.element)throw new Error("No element option passed to Waypoint constructor");if(!n.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,n),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=n.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var n in i)e.push(i[n]);for(var o=0,r=e.length;r>o;o++)e[o][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=o.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,n[t.waypointContextKey]=this,i+=1,o.windowContext||(o.windowContext=!0,o.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,n={},o=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete n[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,o.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||o.isTouch)&&(e.didScroll=!0,o.requestAnimationFrame(t))})},e.prototype.handleResize=function(){o.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var n=e[i],o=n.newScroll>n.oldScroll,r=o?n.forward:n.backward;for(var s in this.waypoints[i]){var l=this.waypoints[i][s];if(null!==l.triggerPoint){var a=n.oldScroll<l.triggerPoint,h=n.newScroll>=l.triggerPoint,p=a&&h,u=!a&&!h;(p||u)&&(l.queueTrigger(r),t[l.group.id]=l.group)}}}for(var d in t)t[d].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?o.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?o.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var n=0,o=t.length;o>n;n++)t[n].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),n={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var l in this.waypoints[r]){var a,h,p,u,d,c=this.waypoints[r][l],f=c.options.offset,w=c.triggerPoint,y=0,g=null==w;c.element!==c.element.window&&(y=c.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(c):"string"==typeof f&&(f=parseFloat(f),c.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),a=s.contextScroll-s.contextOffset,c.triggerPoint=Math.floor(y+a-f),h=w<s.oldScroll,p=c.triggerPoint>=s.oldScroll,u=h&&p,d=!h&&!p,!g&&u?(c.queueTrigger(s.backward),n[c.group.id]=c.group):!g&&d?(c.queueTrigger(s.forward),n[c.group.id]=c.group):g&&s.oldScroll>=c.triggerPoint&&(c.queueTrigger(s.forward),n[c.group.id]=c.group)}}return o.requestAnimationFrame(function(){for(var t in n)n[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in n)n[t].refresh()},e.findByElement=function(t){return n[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},o.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},o.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),n[this.axis][this.name]=this}var n={vertical:{},horizontal:{}},o=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var n=this.triggerQueues[i],o="up"===i||"left"===i;n.sort(o?e:t);for(var r=0,s=n.length;s>r;r+=1){var l=n[r];(l.options.continuous||r===n.length-1)&&l.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=o.Adapter.inArray(e,this.waypoints),n=i===this.waypoints.length-1;return n?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=o.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=o.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return n[t.axis][t.name]||new i(t)},o.Group=i}(),function(){"use strict";function t(t){return t===t.window}function e(e){return t(e)?e:e.defaultView}function i(t){this.element=t,this.handlers={}}var n=window.Waypoint;i.prototype.innerHeight=function(){var e=t(this.element);return e?this.element.innerHeight:this.element.clientHeight},i.prototype.innerWidth=function(){var e=t(this.element);return e?this.element.innerWidth:this.element.clientWidth},i.prototype.off=function(t,e){function i(t,e,i){for(var n=0,o=e.length-1;o>n;n++){var r=e[n];i&&i!==r||t.removeEventListener(r)}}var n=t.split("."),o=n[0],r=n[1],s=this.element;if(r&&this.handlers[r]&&o)i(s,this.handlers[r][o],e),this.handlers[r][o]=[];else if(o)for(var l in this.handlers)i(s,this.handlers[l][o]||[],e),this.handlers[l][o]=[];else if(r&&this.handlers[r]){for(var a in this.handlers[r])i(s,this.handlers[r][a],e);this.handlers[r]={}}},i.prototype.offset=function(){if(!this.element.ownerDocument)return null;var t=this.element.ownerDocument.documentElement,i=e(this.element.ownerDocument),n={top:0,left:0};return this.element.getBoundingClientRect&&(n=this.element.getBoundingClientRect()),{top:n.top+i.pageYOffset-t.clientTop,left:n.left+i.pageXOffset-t.clientLeft}},i.prototype.on=function(t,e){var i=t.split("."),n=i[0],o=i[1]||"__default",r=this.handlers[o]=this.handlers[o]||{},s=r[n]=r[n]||[];s.push(e),this.element.addEventListener(n,e)},i.prototype.outerHeight=function(e){var i,n=this.innerHeight();return e&&!t(this.element)&&(i=window.getComputedStyle(this.element),n+=parseInt(i.marginTop,10),n+=parseInt(i.marginBottom,10)),n},i.prototype.outerWidth=function(e){var i,n=this.innerWidth();return e&&!t(this.element)&&(i=window.getComputedStyle(this.element),n+=parseInt(i.marginLeft,10),n+=parseInt(i.marginRight,10)),n},i.prototype.scrollLeft=function(){var t=e(this.element);return t?t.pageXOffset:this.element.scrollLeft},i.prototype.scrollTop=function(){var t=e(this.element);return t?t.pageYOffset:this.element.scrollTop},i.extend=function(){function t(t,e){if("object"==typeof t&&"object"==typeof e)for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i]);return t}for(var e=Array.prototype.slice.call(arguments),i=1,n=e.length;n>i;i++)t(e[0],e[i]);return e[0]},i.inArray=function(t,e,i){return null==e?-1:e.indexOf(t,i)},i.isEmptyObject=function(t){for(var e in t)return!1;return!0},n.adapters.push({name:"noframework",Adapter:i}),n.Adapter=i}();
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/shortcuts/infinite.js b/swh/web/static/js/jquery-waypoints/shortcuts/infinite.js
index 97ab913fe..e3d8fcfca 100644
--- a/swh/web/static/js/jquery-waypoints/shortcuts/infinite.js
+++ b/swh/web/static/js/jquery-waypoints/shortcuts/infinite.js
@@ -1,84 +1,84 @@
 /*!
 Waypoints Infinite Scroll Shortcut - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
 (function() {
   'use strict'
 
   var $ = window.jQuery
   var Waypoint = window.Waypoint
 
   /* http://imakewebthings.com/waypoints/shortcuts/infinite-scroll */
   function Infinite(options) {
     this.options = $.extend({}, Infinite.defaults, options)
     this.container = this.options.element
     if (this.options.container !== 'auto') {
       this.container = this.options.container
     }
     this.$container = $(this.container)
     this.$more = $(this.options.more)
 
     if (this.$more.length) {
       this.setupHandler()
       this.waypoint = new Waypoint(this.options)
     }
   }
 
   /* Private */
   Infinite.prototype.setupHandler = function() {
     this.options.handler = $.proxy(function() {
       this.options.onBeforePageLoad()
       this.destroy()
       this.$container.addClass(this.options.loadingClass)
 
       $.get($(this.options.more).attr('href'), $.proxy(function(data) {
         var $data = $($.parseHTML(data))
         var $newMore = $data.find(this.options.more)
 
         var $items = $data.find(this.options.items)
         if (!$items.length) {
           $items = $data.filter(this.options.items)
         }
 
         this.$container.append($items)
         this.$container.removeClass(this.options.loadingClass)
 
         if (!$newMore.length) {
           $newMore = $data.filter(this.options.more)
         }
         if ($newMore.length) {
           this.$more.replaceWith($newMore)
           this.$more = $newMore
           this.waypoint = new Waypoint(this.options)
         }
         else {
           this.$more.remove()
         }
 
         this.options.onAfterPageLoad($items)
       }, this))
     }, this)
   }
 
   /* Public */
   Infinite.prototype.destroy = function() {
     if (this.waypoint) {
       this.waypoint.destroy()
     }
   }
 
   Infinite.defaults = {
     container: 'auto',
     items: '.infinite-item',
     more: '.infinite-more-link',
     offset: 'bottom-in-view',
     loadingClass: 'infinite-loading',
     onBeforePageLoad: $.noop,
     onAfterPageLoad: $.noop
   }
 
   Waypoint.Infinite = Infinite
 }())
 ;
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/shortcuts/infinite.min.js b/swh/web/static/js/jquery-waypoints/shortcuts/infinite.min.js
index d429cfb59..ee6f9e5f5 100644
--- a/swh/web/static/js/jquery-waypoints/shortcuts/infinite.min.js
+++ b/swh/web/static/js/jquery-waypoints/shortcuts/infinite.min.js
@@ -1,7 +1,7 @@
 /*!
 Waypoints Infinite Scroll Shortcut - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
 !function(){"use strict";function t(n){this.options=i.extend({},t.defaults,n),this.container=this.options.element,"auto"!==this.options.container&&(this.container=this.options.container),this.$container=i(this.container),this.$more=i(this.options.more),this.$more.length&&(this.setupHandler(),this.waypoint=new o(this.options))}var i=window.jQuery,o=window.Waypoint;t.prototype.setupHandler=function(){this.options.handler=i.proxy(function(){this.options.onBeforePageLoad(),this.destroy(),this.$container.addClass(this.options.loadingClass),i.get(i(this.options.more).attr("href"),i.proxy(function(t){var n=i(i.parseHTML(t)),e=n.find(this.options.more),s=n.find(this.options.items);s.length||(s=n.filter(this.options.items)),this.$container.append(s),this.$container.removeClass(this.options.loadingClass),e.length||(e=n.filter(this.options.more)),e.length?(this.$more.replaceWith(e),this.$more=e,this.waypoint=new o(this.options)):this.$more.remove(),this.options.onAfterPageLoad(s)},this))},this)},t.prototype.destroy=function(){this.waypoint&&this.waypoint.destroy()},t.defaults={container:"auto",items:".infinite-item",more:".infinite-more-link",offset:"bottom-in-view",loadingClass:"infinite-loading",onBeforePageLoad:i.noop,onAfterPageLoad:i.noop},o.Infinite=t}();
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/shortcuts/inview.js b/swh/web/static/js/jquery-waypoints/shortcuts/inview.js
index 2d5c1b0df..5953d998a 100644
--- a/swh/web/static/js/jquery-waypoints/shortcuts/inview.js
+++ b/swh/web/static/js/jquery-waypoints/shortcuts/inview.js
@@ -1,120 +1,120 @@
 /*!
 Waypoints Inview Shortcut - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
 (function() {
   'use strict'
 
   function noop() {}
 
   var Waypoint = window.Waypoint
 
   /* http://imakewebthings.com/waypoints/shortcuts/inview */
   function Inview(options) {
     this.options = Waypoint.Adapter.extend({}, Inview.defaults, options)
     this.axis = this.options.horizontal ? 'horizontal' : 'vertical'
     this.waypoints = []
     this.element = this.options.element
     this.createWaypoints()
   }
 
   /* Private */
   Inview.prototype.createWaypoints = function() {
     var configs = {
       vertical: [{
         down: 'enter',
         up: 'exited',
         offset: '100%'
       }, {
         down: 'entered',
         up: 'exit',
         offset: 'bottom-in-view'
       }, {
         down: 'exit',
         up: 'entered',
         offset: 0
       }, {
         down: 'exited',
         up: 'enter',
         offset: function() {
           return -this.adapter.outerHeight()
         }
       }],
       horizontal: [{
         right: 'enter',
         left: 'exited',
         offset: '100%'
       }, {
         right: 'entered',
         left: 'exit',
         offset: 'right-in-view'
       }, {
         right: 'exit',
         left: 'entered',
         offset: 0
       }, {
         right: 'exited',
         left: 'enter',
         offset: function() {
           return -this.adapter.outerWidth()
         }
       }]
     }
 
     for (var i = 0, end = configs[this.axis].length; i < end; i++) {
       var config = configs[this.axis][i]
       this.createWaypoint(config)
     }
   }
 
   /* Private */
   Inview.prototype.createWaypoint = function(config) {
     var self = this
     this.waypoints.push(new Waypoint({
       context: this.options.context,
       element: this.options.element,
       enabled: this.options.enabled,
       handler: (function(config) {
         return function(direction) {
           self.options[config[direction]].call(self, direction)
         }
       }(config)),
       offset: config.offset,
       horizontal: this.options.horizontal
     }))
   }
 
   /* Public */
   Inview.prototype.destroy = function() {
     for (var i = 0, end = this.waypoints.length; i < end; i++) {
       this.waypoints[i].destroy()
     }
     this.waypoints = []
   }
 
   Inview.prototype.disable = function() {
     for (var i = 0, end = this.waypoints.length; i < end; i++) {
       this.waypoints[i].disable()
     }
   }
 
   Inview.prototype.enable = function() {
     for (var i = 0, end = this.waypoints.length; i < end; i++) {
       this.waypoints[i].enable()
     }
   }
 
   Inview.defaults = {
     context: window,
     enabled: true,
     enter: noop,
     entered: noop,
     exit: noop,
     exited: noop
   }
 
   Waypoint.Inview = Inview
 }())
 ;
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/shortcuts/inview.min.js b/swh/web/static/js/jquery-waypoints/shortcuts/inview.min.js
index 7c2675ce3..bc338d4a5 100644
--- a/swh/web/static/js/jquery-waypoints/shortcuts/inview.min.js
+++ b/swh/web/static/js/jquery-waypoints/shortcuts/inview.min.js
@@ -1,7 +1,7 @@
 /*!
 Waypoints Inview Shortcut - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
 !function(){"use strict";function t(){}function e(t){this.options=i.Adapter.extend({},e.defaults,t),this.axis=this.options.horizontal?"horizontal":"vertical",this.waypoints=[],this.element=this.options.element,this.createWaypoints()}var i=window.Waypoint;e.prototype.createWaypoints=function(){for(var t={vertical:[{down:"enter",up:"exited",offset:"100%"},{down:"entered",up:"exit",offset:"bottom-in-view"},{down:"exit",up:"entered",offset:0},{down:"exited",up:"enter",offset:function(){return-this.adapter.outerHeight()}}],horizontal:[{right:"enter",left:"exited",offset:"100%"},{right:"entered",left:"exit",offset:"right-in-view"},{right:"exit",left:"entered",offset:0},{right:"exited",left:"enter",offset:function(){return-this.adapter.outerWidth()}}]},e=0,i=t[this.axis].length;i>e;e++){var n=t[this.axis][e];this.createWaypoint(n)}},e.prototype.createWaypoint=function(t){var e=this;this.waypoints.push(new i({context:this.options.context,element:this.options.element,enabled:this.options.enabled,handler:function(t){return function(i){e.options[t[i]].call(e,i)}}(t),offset:t.offset,horizontal:this.options.horizontal}))},e.prototype.destroy=function(){for(var t=0,e=this.waypoints.length;e>t;t++)this.waypoints[t].destroy();this.waypoints=[]},e.prototype.disable=function(){for(var t=0,e=this.waypoints.length;e>t;t++)this.waypoints[t].disable()},e.prototype.enable=function(){for(var t=0,e=this.waypoints.length;e>t;t++)this.waypoints[t].enable()},e.defaults={context:window,enabled:!0,enter:t,entered:t,exit:t,exited:t},i.Inview=e}();
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/shortcuts/sticky.js b/swh/web/static/js/jquery-waypoints/shortcuts/sticky.js
index 4ca5a1eda..48a67b970 100644
--- a/swh/web/static/js/jquery-waypoints/shortcuts/sticky.js
+++ b/swh/web/static/js/jquery-waypoints/shortcuts/sticky.js
@@ -1,70 +1,70 @@
 /*!
 Waypoints Sticky Element Shortcut - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
 (function() {
   'use strict'
 
   var $ = window.jQuery
   var Waypoint = window.Waypoint
 
   /* http://imakewebthings.com/waypoints/shortcuts/sticky-elements */
   function Sticky(options) {
     this.options = $.extend({}, Waypoint.defaults, Sticky.defaults, options)
     this.element = this.options.element
     this.$element = $(this.element)
     this.createWrapper()
     this.createWaypoint()
   }
 
   /* Private */
   Sticky.prototype.createWaypoint = function() {
     var originalHandler = this.options.handler
 
     this.waypoint = new Waypoint($.extend({}, this.options, {
       element: this.wrapper,
       handler: $.proxy(function(direction) {
         var shouldBeStuck = this.options.direction.indexOf(direction) > -1
         var wrapperHeight = shouldBeStuck ? this.$element.outerHeight(true) : ''
 
         this.$wrapper.height(wrapperHeight)
         this.$element.toggleClass(this.options.stuckClass, shouldBeStuck)
 
         if (originalHandler) {
           originalHandler.call(this, direction)
         }
       }, this)
     }))
   }
 
   /* Private */
   Sticky.prototype.createWrapper = function() {
     if (this.options.wrapper) {
       this.$element.wrap(this.options.wrapper)
     }
     this.$wrapper = this.$element.parent()
     this.wrapper = this.$wrapper[0]
   }
 
   /* Public */
   Sticky.prototype.destroy = function() {
     if (this.$element.parent()[0] === this.wrapper) {
       this.waypoint.destroy()
       this.$element.removeClass(this.options.stuckClass)
       if (this.options.wrapper) {
         this.$element.unwrap()
       }
     }
   }
 
   Sticky.defaults = {
     wrapper: '<div class="sticky-wrapper" />',
     stuckClass: 'stuck',
     direction: 'down right'
   }
 
   Waypoint.Sticky = Sticky
 }())
 ;
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/shortcuts/sticky.min.js b/swh/web/static/js/jquery-waypoints/shortcuts/sticky.min.js
index 205781712..0f844ce97 100644
--- a/swh/web/static/js/jquery-waypoints/shortcuts/sticky.min.js
+++ b/swh/web/static/js/jquery-waypoints/shortcuts/sticky.min.js
@@ -1,7 +1,7 @@
 /*!
 Waypoints Sticky Element Shortcut - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
 !function(){"use strict";function t(s){this.options=e.extend({},i.defaults,t.defaults,s),this.element=this.options.element,this.$element=e(this.element),this.createWrapper(),this.createWaypoint()}var e=window.jQuery,i=window.Waypoint;t.prototype.createWaypoint=function(){var t=this.options.handler;this.waypoint=new i(e.extend({},this.options,{element:this.wrapper,handler:e.proxy(function(e){var i=this.options.direction.indexOf(e)>-1,s=i?this.$element.outerHeight(!0):"";this.$wrapper.height(s),this.$element.toggleClass(this.options.stuckClass,i),t&&t.call(this,e)},this)}))},t.prototype.createWrapper=function(){this.options.wrapper&&this.$element.wrap(this.options.wrapper),this.$wrapper=this.$element.parent(),this.wrapper=this.$wrapper[0]},t.prototype.destroy=function(){this.$element.parent()[0]===this.wrapper&&(this.waypoint.destroy(),this.$element.removeClass(this.options.stuckClass),this.options.wrapper&&this.$element.unwrap())},t.defaults={wrapper:'<div class="sticky-wrapper" />',stuckClass:"stuck",direction:"down right"},i.Sticky=t}();
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/waypoints.debug.js b/swh/web/static/js/jquery-waypoints/waypoints.debug.js
index df6256bc7..07b20fbaa 100644
--- a/swh/web/static/js/jquery-waypoints/waypoints.debug.js
+++ b/swh/web/static/js/jquery-waypoints/waypoints.debug.js
@@ -1,46 +1,46 @@
 /*!
 Waypoints Debug - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
 (function() {
   'use strict'
 
   var displayNoneMessage = [
     'You have a Waypoint element with display none. For more information on ',
     'why this is a bad idea read ',
     'http://imakewebthings.com/waypoints/guides/debugging/#display-none'
   ].join('')
   var fixedMessage = [
     'You have a Waypoint element with fixed positioning. For more ',
     'information on why this is a bad idea read ',
     'http://imakewebthings.com/waypoints/guides/debugging/#fixed-position'
   ].join('')
 
   function checkWaypointStyles() {
     var originalRefresh = window.Waypoint.Context.prototype.refresh
 
     window.Waypoint.Context.prototype.refresh = function() {
       for (var axis in this.waypoints) {
         for (var key in this.waypoints[axis]) {
           var waypoint = this.waypoints[axis][key]
           var style = window.getComputedStyle(waypoint.element)
           if (!waypoint.enabled) {
             continue
           }
           if (style && style.display === 'none') {
             console.error(displayNoneMessage)
           }
           if (style && style.position === 'fixed') {
             console.error(fixedMessage)
           }
         }
       }
       return originalRefresh.call(this)
     }
   }
 
   checkWaypointStyles()
 }())
 ;
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/zepto.waypoints.js b/swh/web/static/js/jquery-waypoints/zepto.waypoints.js
index ef3eb0ef4..26960f096 100644
--- a/swh/web/static/js/jquery-waypoints/zepto.waypoints.js
+++ b/swh/web/static/js/jquery-waypoints/zepto.waypoints.js
@@ -1,705 +1,705 @@
 /*!
 Waypoints - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
 (function() {
   'use strict'
 
   var keyCounter = 0
   var allWaypoints = {}
 
   /* http://imakewebthings.com/waypoints/api/waypoint */
   function Waypoint(options) {
     if (!options) {
       throw new Error('No options passed to Waypoint constructor')
     }
     if (!options.element) {
       throw new Error('No element option passed to Waypoint constructor')
     }
     if (!options.handler) {
       throw new Error('No handler option passed to Waypoint constructor')
     }
 
     this.key = 'waypoint-' + keyCounter
     this.options = Waypoint.Adapter.extend({}, Waypoint.defaults, options)
     this.element = this.options.element
     this.adapter = new Waypoint.Adapter(this.element)
     this.callback = options.handler
     this.axis = this.options.horizontal ? 'horizontal' : 'vertical'
     this.enabled = this.options.enabled
     this.triggerPoint = null
     this.group = Waypoint.Group.findOrCreate({
       name: this.options.group,
       axis: this.axis
     })
     this.context = Waypoint.Context.findOrCreateByElement(this.options.context)
 
     if (Waypoint.offsetAliases[this.options.offset]) {
       this.options.offset = Waypoint.offsetAliases[this.options.offset]
     }
     this.group.add(this)
     this.context.add(this)
     allWaypoints[this.key] = this
     keyCounter += 1
   }
 
   /* Private */
   Waypoint.prototype.queueTrigger = function(direction) {
     this.group.queueTrigger(this, direction)
   }
 
   /* Private */
   Waypoint.prototype.trigger = function(args) {
     if (!this.enabled) {
       return
     }
     if (this.callback) {
       this.callback.apply(this, args)
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/destroy */
   Waypoint.prototype.destroy = function() {
     this.context.remove(this)
     this.group.remove(this)
     delete allWaypoints[this.key]
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/disable */
   Waypoint.prototype.disable = function() {
     this.enabled = false
     return this
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/enable */
   Waypoint.prototype.enable = function() {
     this.context.refresh()
     this.enabled = true
     return this
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/next */
   Waypoint.prototype.next = function() {
     return this.group.next(this)
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/previous */
   Waypoint.prototype.previous = function() {
     return this.group.previous(this)
   }
 
   /* Private */
   Waypoint.invokeAll = function(method) {
     var allWaypointsArray = []
     for (var waypointKey in allWaypoints) {
       allWaypointsArray.push(allWaypoints[waypointKey])
     }
     for (var i = 0, end = allWaypointsArray.length; i < end; i++) {
       allWaypointsArray[i][method]()
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/destroy-all */
   Waypoint.destroyAll = function() {
     Waypoint.invokeAll('destroy')
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/disable-all */
   Waypoint.disableAll = function() {
     Waypoint.invokeAll('disable')
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/enable-all */
   Waypoint.enableAll = function() {
     Waypoint.Context.refreshAll()
     for (var waypointKey in allWaypoints) {
       allWaypoints[waypointKey].enabled = true
     }
     return this
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/refresh-all */
   Waypoint.refreshAll = function() {
     Waypoint.Context.refreshAll()
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/viewport-height */
   Waypoint.viewportHeight = function() {
     return window.innerHeight || document.documentElement.clientHeight
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/viewport-width */
   Waypoint.viewportWidth = function() {
     return document.documentElement.clientWidth
   }
 
   Waypoint.adapters = []
 
   Waypoint.defaults = {
     context: window,
     continuous: true,
     enabled: true,
     group: 'default',
     horizontal: false,
     offset: 0
   }
 
   Waypoint.offsetAliases = {
     'bottom-in-view': function() {
       return this.context.innerHeight() - this.adapter.outerHeight()
     },
     'right-in-view': function() {
       return this.context.innerWidth() - this.adapter.outerWidth()
     }
   }
 
   window.Waypoint = Waypoint
 }())
 ;(function() {
   'use strict'
 
   function requestAnimationFrameShim(callback) {
     window.setTimeout(callback, 1000 / 60)
   }
 
   var keyCounter = 0
   var contexts = {}
   var Waypoint = window.Waypoint
   var oldWindowLoad = window.onload
 
   /* http://imakewebthings.com/waypoints/api/context */
   function Context(element) {
     this.element = element
     this.Adapter = Waypoint.Adapter
     this.adapter = new this.Adapter(element)
     this.key = 'waypoint-context-' + keyCounter
     this.didScroll = false
     this.didResize = false
     this.oldScroll = {
       x: this.adapter.scrollLeft(),
       y: this.adapter.scrollTop()
     }
     this.waypoints = {
       vertical: {},
       horizontal: {}
     }
 
     element.waypointContextKey = this.key
     contexts[element.waypointContextKey] = this
     keyCounter += 1
     if (!Waypoint.windowContext) {
       Waypoint.windowContext = true
       Waypoint.windowContext = new Context(window)
     }
 
     this.createThrottledScrollHandler()
     this.createThrottledResizeHandler()
   }
 
   /* Private */
   Context.prototype.add = function(waypoint) {
     var axis = waypoint.options.horizontal ? 'horizontal' : 'vertical'
     this.waypoints[axis][waypoint.key] = waypoint
-    this.refresh()
+    //this.refresh()
   }
 
   /* Private */
   Context.prototype.checkEmpty = function() {
     var horizontalEmpty = this.Adapter.isEmptyObject(this.waypoints.horizontal)
     var verticalEmpty = this.Adapter.isEmptyObject(this.waypoints.vertical)
     var isWindow = this.element == this.element.window
     if (horizontalEmpty && verticalEmpty && !isWindow) {
       this.adapter.off('.waypoints')
       delete contexts[this.key]
     }
   }
 
   /* Private */
   Context.prototype.createThrottledResizeHandler = function() {
     var self = this
 
     function resizeHandler() {
       self.handleResize()
       self.didResize = false
     }
 
     this.adapter.on('resize.waypoints', function() {
       if (!self.didResize) {
         self.didResize = true
         Waypoint.requestAnimationFrame(resizeHandler)
       }
     })
   }
 
   /* Private */
   Context.prototype.createThrottledScrollHandler = function() {
     var self = this
     function scrollHandler() {
       self.handleScroll()
       self.didScroll = false
     }
 
     this.adapter.on('scroll.waypoints', function() {
       if (!self.didScroll || Waypoint.isTouch) {
         self.didScroll = true
         Waypoint.requestAnimationFrame(scrollHandler)
       }
     })
   }
 
   /* Private */
   Context.prototype.handleResize = function() {
     Waypoint.Context.refreshAll()
   }
 
   /* Private */
   Context.prototype.handleScroll = function() {
     var triggeredGroups = {}
     var axes = {
       horizontal: {
         newScroll: this.adapter.scrollLeft(),
         oldScroll: this.oldScroll.x,
         forward: 'right',
         backward: 'left'
       },
       vertical: {
         newScroll: this.adapter.scrollTop(),
         oldScroll: this.oldScroll.y,
         forward: 'down',
         backward: 'up'
       }
     }
 
     for (var axisKey in axes) {
       var axis = axes[axisKey]
       var isForward = axis.newScroll > axis.oldScroll
       var direction = isForward ? axis.forward : axis.backward
 
       for (var waypointKey in this.waypoints[axisKey]) {
         var waypoint = this.waypoints[axisKey][waypointKey]
         if (waypoint.triggerPoint === null) {
           continue
         }
         var wasBeforeTriggerPoint = axis.oldScroll < waypoint.triggerPoint
         var nowAfterTriggerPoint = axis.newScroll >= waypoint.triggerPoint
         var crossedForward = wasBeforeTriggerPoint && nowAfterTriggerPoint
         var crossedBackward = !wasBeforeTriggerPoint && !nowAfterTriggerPoint
         if (crossedForward || crossedBackward) {
           waypoint.queueTrigger(direction)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
       }
     }
 
     for (var groupKey in triggeredGroups) {
       triggeredGroups[groupKey].flushTriggers()
     }
 
     this.oldScroll = {
       x: axes.horizontal.newScroll,
       y: axes.vertical.newScroll
     }
   }
 
   /* Private */
   Context.prototype.innerHeight = function() {
     /*eslint-disable eqeqeq */
     if (this.element == this.element.window) {
       return Waypoint.viewportHeight()
     }
     /*eslint-enable eqeqeq */
     return this.adapter.innerHeight()
   }
 
   /* Private */
   Context.prototype.remove = function(waypoint) {
     delete this.waypoints[waypoint.axis][waypoint.key]
     this.checkEmpty()
   }
 
   /* Private */
   Context.prototype.innerWidth = function() {
     /*eslint-disable eqeqeq */
     if (this.element == this.element.window) {
       return Waypoint.viewportWidth()
     }
     /*eslint-enable eqeqeq */
     return this.adapter.innerWidth()
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/context-destroy */
   Context.prototype.destroy = function() {
     var allWaypoints = []
     for (var axis in this.waypoints) {
       for (var waypointKey in this.waypoints[axis]) {
         allWaypoints.push(this.waypoints[axis][waypointKey])
       }
     }
     for (var i = 0, end = allWaypoints.length; i < end; i++) {
       allWaypoints[i].destroy()
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/context-refresh */
   Context.prototype.refresh = function() {
     /*eslint-disable eqeqeq */
     var isWindow = this.element == this.element.window
     /*eslint-enable eqeqeq */
     var contextOffset = isWindow ? undefined : this.adapter.offset()
     var triggeredGroups = {}
     var axes
 
     this.handleScroll()
     axes = {
       horizontal: {
         contextOffset: isWindow ? 0 : contextOffset.left,
         contextScroll: isWindow ? 0 : this.oldScroll.x,
         contextDimension: this.innerWidth(),
         oldScroll: this.oldScroll.x,
         forward: 'right',
         backward: 'left',
         offsetProp: 'left'
       },
       vertical: {
         contextOffset: isWindow ? 0 : contextOffset.top,
         contextScroll: isWindow ? 0 : this.oldScroll.y,
         contextDimension: this.innerHeight(),
         oldScroll: this.oldScroll.y,
         forward: 'down',
         backward: 'up',
         offsetProp: 'top'
       }
     }
 
     for (var axisKey in axes) {
       var axis = axes[axisKey]
       for (var waypointKey in this.waypoints[axisKey]) {
         var waypoint = this.waypoints[axisKey][waypointKey]
         var adjustment = waypoint.options.offset
         var oldTriggerPoint = waypoint.triggerPoint
         var elementOffset = 0
         var freshWaypoint = oldTriggerPoint == null
         var contextModifier, wasBeforeScroll, nowAfterScroll
         var triggeredBackward, triggeredForward
 
         if (waypoint.element !== waypoint.element.window) {
           elementOffset = waypoint.adapter.offset()[axis.offsetProp]
         }
 
         if (typeof adjustment === 'function') {
           adjustment = adjustment.apply(waypoint)
         }
         else if (typeof adjustment === 'string') {
           adjustment = parseFloat(adjustment)
           if (waypoint.options.offset.indexOf('%') > - 1) {
             adjustment = Math.ceil(axis.contextDimension * adjustment / 100)
           }
         }
 
         contextModifier = axis.contextScroll - axis.contextOffset
         waypoint.triggerPoint = Math.floor(elementOffset + contextModifier - adjustment)
         wasBeforeScroll = oldTriggerPoint < axis.oldScroll
         nowAfterScroll = waypoint.triggerPoint >= axis.oldScroll
         triggeredBackward = wasBeforeScroll && nowAfterScroll
         triggeredForward = !wasBeforeScroll && !nowAfterScroll
 
         if (!freshWaypoint && triggeredBackward) {
           waypoint.queueTrigger(axis.backward)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
         else if (!freshWaypoint && triggeredForward) {
           waypoint.queueTrigger(axis.forward)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
         else if (freshWaypoint && axis.oldScroll >= waypoint.triggerPoint) {
           waypoint.queueTrigger(axis.forward)
           triggeredGroups[waypoint.group.id] = waypoint.group
         }
       }
     }
 
     Waypoint.requestAnimationFrame(function() {
       for (var groupKey in triggeredGroups) {
         triggeredGroups[groupKey].flushTriggers()
       }
     })
 
     return this
   }
 
   /* Private */
   Context.findOrCreateByElement = function(element) {
     return Context.findByElement(element) || new Context(element)
   }
 
   /* Private */
   Context.refreshAll = function() {
     for (var contextId in contexts) {
       contexts[contextId].refresh()
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/context-find-by-element */
   Context.findByElement = function(element) {
     return contexts[element.waypointContextKey]
   }
 
   window.onload = function() {
     if (oldWindowLoad) {
       oldWindowLoad()
     }
     Context.refreshAll()
   }
 
 
   Waypoint.requestAnimationFrame = function(callback) {
     var requestFn = window.requestAnimationFrame ||
       window.mozRequestAnimationFrame ||
       window.webkitRequestAnimationFrame ||
       requestAnimationFrameShim
     requestFn.call(window, callback)
   }
   Waypoint.Context = Context
 }())
 ;(function() {
   'use strict'
 
   function byTriggerPoint(a, b) {
     return a.triggerPoint - b.triggerPoint
   }
 
   function byReverseTriggerPoint(a, b) {
     return b.triggerPoint - a.triggerPoint
   }
 
   var groups = {
     vertical: {},
     horizontal: {}
   }
   var Waypoint = window.Waypoint
 
   /* http://imakewebthings.com/waypoints/api/group */
   function Group(options) {
     this.name = options.name
     this.axis = options.axis
     this.id = this.name + '-' + this.axis
     this.waypoints = []
     this.clearTriggerQueues()
     groups[this.axis][this.name] = this
   }
 
   /* Private */
   Group.prototype.add = function(waypoint) {
     this.waypoints.push(waypoint)
   }
 
   /* Private */
   Group.prototype.clearTriggerQueues = function() {
     this.triggerQueues = {
       up: [],
       down: [],
       left: [],
       right: []
     }
   }
 
   /* Private */
   Group.prototype.flushTriggers = function() {
     for (var direction in this.triggerQueues) {
       var waypoints = this.triggerQueues[direction]
       var reverse = direction === 'up' || direction === 'left'
       waypoints.sort(reverse ? byReverseTriggerPoint : byTriggerPoint)
       for (var i = 0, end = waypoints.length; i < end; i += 1) {
         var waypoint = waypoints[i]
         if (waypoint.options.continuous || i === waypoints.length - 1) {
           waypoint.trigger([direction])
         }
       }
     }
     this.clearTriggerQueues()
   }
 
   /* Private */
   Group.prototype.next = function(waypoint) {
     this.waypoints.sort(byTriggerPoint)
     var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
     var isLast = index === this.waypoints.length - 1
     return isLast ? null : this.waypoints[index + 1]
   }
 
   /* Private */
   Group.prototype.previous = function(waypoint) {
     this.waypoints.sort(byTriggerPoint)
     var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
     return index ? this.waypoints[index - 1] : null
   }
 
   /* Private */
   Group.prototype.queueTrigger = function(waypoint, direction) {
     this.triggerQueues[direction].push(waypoint)
   }
 
   /* Private */
   Group.prototype.remove = function(waypoint) {
     var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
     if (index > -1) {
       this.waypoints.splice(index, 1)
     }
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/first */
   Group.prototype.first = function() {
     return this.waypoints[0]
   }
 
   /* Public */
   /* http://imakewebthings.com/waypoints/api/last */
   Group.prototype.last = function() {
     return this.waypoints[this.waypoints.length - 1]
   }
 
   /* Private */
   Group.findOrCreate = function(options) {
     return groups[options.axis][options.name] || new Group(options)
   }
 
   Waypoint.Group = Group
 }())
 ;(function() {
   'use strict'
 
   var $ = window.Zepto
   var Waypoint = window.Waypoint
 
   function ZeptoAdapter(element) {
     this.element = element
     this.$element = $(element)
   }
 
   $.each([
     'off',
     'on',
     'scrollLeft',
     'scrollTop'
   ], function(i, method) {
     ZeptoAdapter.prototype[method] = function() {
       var args = Array.prototype.slice.call(arguments)
       return this.$element[method].apply(this.$element, args)
     }
   })
 
   ZeptoAdapter.prototype.offset = function() {
     if (this.element !== this.element.window) {
       return this.$element.offset()
     }
   }
 
   // Adapted from https://gist.github.com/wheresrhys/5823198
   $.each([
     'width',
     'height'
   ], function(i, dimension) {
     function createDimensionMethod($element, includeBorder) {
       return function(includeMargin) {
         var $element = this.$element
         var size = $element[dimension]()
         var sides = {
           width: ['left', 'right'],
           height: ['top', 'bottom']
         }
 
         $.each(sides[dimension], function(i, side) {
           size += parseInt($element.css('padding-' + side), 10)
           if (includeBorder) {
             size += parseInt($element.css('border-' + side + '-width'), 10)
           }
           if (includeMargin) {
             size += parseInt($element.css('margin-' + side), 10)
           }
         })
         return size
       }
     }
 
     var innerMethod = $.camelCase('inner-' + dimension)
     var outerMethod = $.camelCase('outer-' + dimension)
 
     ZeptoAdapter.prototype[innerMethod] = createDimensionMethod(false)
     ZeptoAdapter.prototype[outerMethod] = createDimensionMethod(true)
   })
 
   $.each([
     'extend',
     'inArray'
   ], function(i, method) {
     ZeptoAdapter[method] = $[method]
   })
 
   ZeptoAdapter.isEmptyObject = function(obj) {
     /* eslint no-unused-vars: 0 */
     for (var name in obj) {
       return false
     }
     return true
   }
 
   Waypoint.adapters.push({
     name: 'zepto',
     Adapter: ZeptoAdapter
   })
   Waypoint.Adapter = ZeptoAdapter
 }())
 ;(function() {
   'use strict'
 
   var Waypoint = window.Waypoint
 
   function createExtension(framework) {
     return function() {
       var waypoints = []
       var overrides = arguments[0]
 
       if (framework.isFunction(arguments[0])) {
         overrides = framework.extend({}, arguments[1])
         overrides.handler = arguments[0]
       }
 
       this.each(function() {
         var options = framework.extend({}, overrides, {
           element: this
         })
         if (typeof options.context === 'string') {
           options.context = framework(this).closest(options.context)[0]
         }
         waypoints.push(new Waypoint(options))
       })
 
       return waypoints
     }
   }
 
   if (window.jQuery) {
     window.jQuery.fn.waypoint = createExtension(window.jQuery)
   }
   if (window.Zepto) {
     window.Zepto.fn.waypoint = createExtension(window.Zepto)
   }
 }())
 ;
\ No newline at end of file
diff --git a/swh/web/static/js/jquery-waypoints/zepto.waypoints.min.js b/swh/web/static/js/jquery-waypoints/zepto.waypoints.min.js
index 32fd5fbaf..9f107c4f7 100644
--- a/swh/web/static/js/jquery-waypoints/zepto.waypoints.min.js
+++ b/swh/web/static/js/jquery-waypoints/zepto.waypoints.min.js
@@ -1,7 +1,7 @@
 /*!
 Waypoints - 4.0.1
-Copyright © 2011-2016 Caleb Troughton
+Copyright © 2011-2018 Caleb Troughton
 Licensed under the MIT license.
 https://github.com/imakewebthings/waypoints/blob/master/licenses.txt
 */
-!function(){"use strict";function t(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,n.windowContext||(n.windowContext=!0,n.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t,this.refresh()},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s];if(null!==a.triggerPoint){var l=o.oldScroll<a.triggerPoint,h=o.newScroll>=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=Math.floor(y+l-f),h=w<s.oldScroll,p=d.triggerPoint>=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.element=t,this.$element=e(t)}var e=window.Zepto,i=window.Waypoint;e.each(["off","on","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),t.prototype.offset=function(){return this.element!==this.element.window?this.$element.offset():void 0},e.each(["width","height"],function(i,o){function n(t,i){return function(t){var n=this.$element,r=n[o](),s={width:["left","right"],height:["top","bottom"]};return e.each(s[o],function(e,o){r+=parseInt(n.css("padding-"+o),10),i&&(r+=parseInt(n.css("border-"+o+"-width"),10)),t&&(r+=parseInt(n.css("margin-"+o),10))}),r}}var r=e.camelCase("inner-"+o),s=e.camelCase("outer-"+o);t.prototype[r]=n(!1),t.prototype[s]=n(!0)}),e.each(["extend","inArray"],function(i,o){t[o]=e[o]}),t.isEmptyObject=function(t){for(var e in t)return!1;return!0},i.adapters.push({name:"zepto",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}();
\ No newline at end of file
+!function(){"use strict";function t(o){if(!o)throw new Error("No options passed to Waypoint constructor");if(!o.element)throw new Error("No element option passed to Waypoint constructor");if(!o.handler)throw new Error("No handler option passed to Waypoint constructor");this.key="waypoint-"+e,this.options=t.Adapter.extend({},t.defaults,o),this.element=this.options.element,this.adapter=new t.Adapter(this.element),this.callback=o.handler,this.axis=this.options.horizontal?"horizontal":"vertical",this.enabled=this.options.enabled,this.triggerPoint=null,this.group=t.Group.findOrCreate({name:this.options.group,axis:this.axis}),this.context=t.Context.findOrCreateByElement(this.options.context),t.offsetAliases[this.options.offset]&&(this.options.offset=t.offsetAliases[this.options.offset]),this.group.add(this),this.context.add(this),i[this.key]=this,e+=1}var e=0,i={};t.prototype.queueTrigger=function(t){this.group.queueTrigger(this,t)},t.prototype.trigger=function(t){this.enabled&&this.callback&&this.callback.apply(this,t)},t.prototype.destroy=function(){this.context.remove(this),this.group.remove(this),delete i[this.key]},t.prototype.disable=function(){return this.enabled=!1,this},t.prototype.enable=function(){return this.context.refresh(),this.enabled=!0,this},t.prototype.next=function(){return this.group.next(this)},t.prototype.previous=function(){return this.group.previous(this)},t.invokeAll=function(t){var e=[];for(var o in i)e.push(i[o]);for(var n=0,r=e.length;r>n;n++)e[n][t]()},t.destroyAll=function(){t.invokeAll("destroy")},t.disableAll=function(){t.invokeAll("disable")},t.enableAll=function(){t.Context.refreshAll();for(var e in i)i[e].enabled=!0;return this},t.refreshAll=function(){t.Context.refreshAll()},t.viewportHeight=function(){return window.innerHeight||document.documentElement.clientHeight},t.viewportWidth=function(){return document.documentElement.clientWidth},t.adapters=[],t.defaults={context:window,continuous:!0,enabled:!0,group:"default",horizontal:!1,offset:0},t.offsetAliases={"bottom-in-view":function(){return this.context.innerHeight()-this.adapter.outerHeight()},"right-in-view":function(){return this.context.innerWidth()-this.adapter.outerWidth()}},window.Waypoint=t}(),function(){"use strict";function t(t){window.setTimeout(t,1e3/60)}function e(t){this.element=t,this.Adapter=n.Adapter,this.adapter=new this.Adapter(t),this.key="waypoint-context-"+i,this.didScroll=!1,this.didResize=!1,this.oldScroll={x:this.adapter.scrollLeft(),y:this.adapter.scrollTop()},this.waypoints={vertical:{},horizontal:{}},t.waypointContextKey=this.key,o[t.waypointContextKey]=this,i+=1,n.windowContext||(n.windowContext=!0,n.windowContext=new e(window)),this.createThrottledScrollHandler(),this.createThrottledResizeHandler()}var i=0,o={},n=window.Waypoint,r=window.onload;e.prototype.add=function(t){var e=t.options.horizontal?"horizontal":"vertical";this.waypoints[e][t.key]=t},e.prototype.checkEmpty=function(){var t=this.Adapter.isEmptyObject(this.waypoints.horizontal),e=this.Adapter.isEmptyObject(this.waypoints.vertical),i=this.element==this.element.window;t&&e&&!i&&(this.adapter.off(".waypoints"),delete o[this.key])},e.prototype.createThrottledResizeHandler=function(){function t(){e.handleResize(),e.didResize=!1}var e=this;this.adapter.on("resize.waypoints",function(){e.didResize||(e.didResize=!0,n.requestAnimationFrame(t))})},e.prototype.createThrottledScrollHandler=function(){function t(){e.handleScroll(),e.didScroll=!1}var e=this;this.adapter.on("scroll.waypoints",function(){(!e.didScroll||n.isTouch)&&(e.didScroll=!0,n.requestAnimationFrame(t))})},e.prototype.handleResize=function(){n.Context.refreshAll()},e.prototype.handleScroll=function(){var t={},e={horizontal:{newScroll:this.adapter.scrollLeft(),oldScroll:this.oldScroll.x,forward:"right",backward:"left"},vertical:{newScroll:this.adapter.scrollTop(),oldScroll:this.oldScroll.y,forward:"down",backward:"up"}};for(var i in e){var o=e[i],n=o.newScroll>o.oldScroll,r=n?o.forward:o.backward;for(var s in this.waypoints[i]){var a=this.waypoints[i][s];if(null!==a.triggerPoint){var l=o.oldScroll<a.triggerPoint,h=o.newScroll>=a.triggerPoint,p=l&&h,u=!l&&!h;(p||u)&&(a.queueTrigger(r),t[a.group.id]=a.group)}}}for(var c in t)t[c].flushTriggers();this.oldScroll={x:e.horizontal.newScroll,y:e.vertical.newScroll}},e.prototype.innerHeight=function(){return this.element==this.element.window?n.viewportHeight():this.adapter.innerHeight()},e.prototype.remove=function(t){delete this.waypoints[t.axis][t.key],this.checkEmpty()},e.prototype.innerWidth=function(){return this.element==this.element.window?n.viewportWidth():this.adapter.innerWidth()},e.prototype.destroy=function(){var t=[];for(var e in this.waypoints)for(var i in this.waypoints[e])t.push(this.waypoints[e][i]);for(var o=0,n=t.length;n>o;o++)t[o].destroy()},e.prototype.refresh=function(){var t,e=this.element==this.element.window,i=e?void 0:this.adapter.offset(),o={};this.handleScroll(),t={horizontal:{contextOffset:e?0:i.left,contextScroll:e?0:this.oldScroll.x,contextDimension:this.innerWidth(),oldScroll:this.oldScroll.x,forward:"right",backward:"left",offsetProp:"left"},vertical:{contextOffset:e?0:i.top,contextScroll:e?0:this.oldScroll.y,contextDimension:this.innerHeight(),oldScroll:this.oldScroll.y,forward:"down",backward:"up",offsetProp:"top"}};for(var r in t){var s=t[r];for(var a in this.waypoints[r]){var l,h,p,u,c,d=this.waypoints[r][a],f=d.options.offset,w=d.triggerPoint,y=0,g=null==w;d.element!==d.element.window&&(y=d.adapter.offset()[s.offsetProp]),"function"==typeof f?f=f.apply(d):"string"==typeof f&&(f=parseFloat(f),d.options.offset.indexOf("%")>-1&&(f=Math.ceil(s.contextDimension*f/100))),l=s.contextScroll-s.contextOffset,d.triggerPoint=Math.floor(y+l-f),h=w<s.oldScroll,p=d.triggerPoint>=s.oldScroll,u=h&&p,c=!h&&!p,!g&&u?(d.queueTrigger(s.backward),o[d.group.id]=d.group):!g&&c?(d.queueTrigger(s.forward),o[d.group.id]=d.group):g&&s.oldScroll>=d.triggerPoint&&(d.queueTrigger(s.forward),o[d.group.id]=d.group)}}return n.requestAnimationFrame(function(){for(var t in o)o[t].flushTriggers()}),this},e.findOrCreateByElement=function(t){return e.findByElement(t)||new e(t)},e.refreshAll=function(){for(var t in o)o[t].refresh()},e.findByElement=function(t){return o[t.waypointContextKey]},window.onload=function(){r&&r(),e.refreshAll()},n.requestAnimationFrame=function(e){var i=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||t;i.call(window,e)},n.Context=e}(),function(){"use strict";function t(t,e){return t.triggerPoint-e.triggerPoint}function e(t,e){return e.triggerPoint-t.triggerPoint}function i(t){this.name=t.name,this.axis=t.axis,this.id=this.name+"-"+this.axis,this.waypoints=[],this.clearTriggerQueues(),o[this.axis][this.name]=this}var o={vertical:{},horizontal:{}},n=window.Waypoint;i.prototype.add=function(t){this.waypoints.push(t)},i.prototype.clearTriggerQueues=function(){this.triggerQueues={up:[],down:[],left:[],right:[]}},i.prototype.flushTriggers=function(){for(var i in this.triggerQueues){var o=this.triggerQueues[i],n="up"===i||"left"===i;o.sort(n?e:t);for(var r=0,s=o.length;s>r;r+=1){var a=o[r];(a.options.continuous||r===o.length-1)&&a.trigger([i])}}this.clearTriggerQueues()},i.prototype.next=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints),o=i===this.waypoints.length-1;return o?null:this.waypoints[i+1]},i.prototype.previous=function(e){this.waypoints.sort(t);var i=n.Adapter.inArray(e,this.waypoints);return i?this.waypoints[i-1]:null},i.prototype.queueTrigger=function(t,e){this.triggerQueues[e].push(t)},i.prototype.remove=function(t){var e=n.Adapter.inArray(t,this.waypoints);e>-1&&this.waypoints.splice(e,1)},i.prototype.first=function(){return this.waypoints[0]},i.prototype.last=function(){return this.waypoints[this.waypoints.length-1]},i.findOrCreate=function(t){return o[t.axis][t.name]||new i(t)},n.Group=i}(),function(){"use strict";function t(t){this.element=t,this.$element=e(t)}var e=window.Zepto,i=window.Waypoint;e.each(["off","on","scrollLeft","scrollTop"],function(e,i){t.prototype[i]=function(){var t=Array.prototype.slice.call(arguments);return this.$element[i].apply(this.$element,t)}}),t.prototype.offset=function(){return this.element!==this.element.window?this.$element.offset():void 0},e.each(["width","height"],function(i,o){function n(t,i){return function(t){var n=this.$element,r=n[o](),s={width:["left","right"],height:["top","bottom"]};return e.each(s[o],function(e,o){r+=parseInt(n.css("padding-"+o),10),i&&(r+=parseInt(n.css("border-"+o+"-width"),10)),t&&(r+=parseInt(n.css("margin-"+o),10))}),r}}var r=e.camelCase("inner-"+o),s=e.camelCase("outer-"+o);t.prototype[r]=n(!1),t.prototype[s]=n(!0)}),e.each(["extend","inArray"],function(i,o){t[o]=e[o]}),t.isEmptyObject=function(t){for(var e in t)return!1;return!0},i.adapters.push({name:"zepto",Adapter:t}),i.Adapter=t}(),function(){"use strict";function t(t){return function(){var i=[],o=arguments[0];return t.isFunction(arguments[0])&&(o=t.extend({},arguments[1]),o.handler=arguments[0]),this.each(function(){var n=t.extend({},o,{element:this});"string"==typeof n.context&&(n.context=t(this).closest(n.context)[0]),i.push(new e(n))}),i}}var e=window.Waypoint;window.jQuery&&(window.jQuery.fn.waypoint=t(window.jQuery)),window.Zepto&&(window.Zepto.fn.waypoint=t(window.Zepto))}();
\ No newline at end of file
diff --git a/swh/web/templates/revision.html b/swh/web/templates/revision.html
index 260779cd7..7431c2b48 100644
--- a/swh/web/templates/revision.html
+++ b/swh/web/templates/revision.html
@@ -1,593 +1,593 @@
 {% extends "browse.html" %}
 {% load static %}
 
 {% block header %}
   {% include "includes/content-scripts.html" %}
   <script src="{% static 'js/jquery-waypoints/jquery.waypoints.min.js' %}"></script>
 {% endblock %}
 
 {% block swh-browse-before-panels %}
 {% if origin_context %}
   {% include "includes/origin-visit-snapshot.html" %}
 {% endif %}
 {% endblock %}
 
 {% block swh-browse-main-panel-content %}
 <div style="height: 35px;margin: 4px;">
 <i class="octicon octicon-git-commit fa-fw"></i>Revision <b>{{ swh_object_metadata.id }}</b>
 authored by {{ swh_object_metadata.author }} on <b>{{ swh_object_metadata.date }}</b>
 </div>
 
 <div class="panel panel-default" style="overflow-x: auto;">
   <div class="panel-heading" style="padding: 10px">
     <a data-toggle="collapse" id="swh-collapse-revision-message" href="#swh-revision-message">
       <div class="pull-left">
         <pre style="white-space: pre-wrap; background-color: inherit; padding: 0px; margin: 0px; border: none;"><h2 style="padding-bottom: 0px;">{{ message_header }}</h2></pre>
       </div>
       <div class="clearfix"></div>
     </a>
   </div>
 
   <div id="swh-revision-message" class="panel-collapse collapse">
     <pre style="white-space: pre-wrap; margin: 0px; border: none; border-radius: 0px;">{{ message_body }}</pre>
   </div>
 </div>
 
 <div style="margin: 4px; padding-bottom: 5px;">
 {{ parents_links }}
 </div>
 
 <ul class="nav nav-tabs" style="padding-left: 5px;">
   <li class="active"><a data-toggle="tab" href="#swh-revision-tree">Files</a></li>
   <li><a data-toggle="tab" href="#swh-revision-changes">Changes</a></li>
 </ul>
 
 <div class="tab-content">
   <div id="swh-revision-tree" class="tab-pane active">
 
     {% include "includes/top-navigation.html" %}
 
     {% if content_size %}
 
     {% include "includes/content-display.html" %}
 
     {% else %}
 
     {% include "includes/directory-display.html" %}
 
     {% endif %}
   </div>
   <div id="swh-revision-changes" class="tab-pane">
 
     <div id="swh-too-large-revision-diff" class="alert alert-warning" role="alert" style="display: none; margin: 5px 5px 0px 5px">
       The diff you're trying to view is too large. Only the first <span id="swh-nb-loaded-diffs">1000</span> changed files have been loaded.
     </div>
 
     <div id="swh-revision-diffs" class="panel-group" style="padding: 5px;">
 
       <div class="panel panel-default" style="overflow-x: auto;">
         <div class="panel-heading">
           <a data-toggle="collapse" href="#swh-revision-changes-list">
             <div class="pull-left">
               Showing <strong id="swh-revision-changed-files"></strong>
               with <strong id="swh-revision-lines-added" style="color:green">0 additions</strong>
               and <strong id="swh-revision-lines-deleted" style="color:red">0 deletions</strong>
               (<span id="swh-nb-diffs-computed">0</span> / <span id="swh-total-nb-diffs">0</span> diffs computed)
             </div>
             <div class="pull-right">
               <button class="btn btn-md btn-swh" type="button" onclick="compute_all_diffs(event)" id="swh-compute-all-diffs"
                       title="By default, diffs will be computed as the view is scrolled.
 Pushing that button will request the immediate computation of all diffs." style="visibility: hidden;">Compute all diffs</button>
             </div>
             <div class="clearfix"></div>
           </a>
         </div>
         <div id="swh-revision-changes-list" class="panel-collapse collapse in">
           <div id="swh-revision-changes-loading" style="text-align: center">
             <img src="{% static "img/swh-spinner.gif" %}"></img>
             <p>Computing file changes ...</p>
           </div>
           <pre style="background: none; border: none;display: none;"></pre>
         </div>
       </div>
   </div>
 
 </div>
 
 <script>
 
   // number of changed files in the revision
   var changes = null;
   var nb_changed_files = 0;
   // to track the number of already computed files diffs
   var nb_diffs_computed = 0;
 
   // the no newline at end of file marker from Github
   var no_nl_marker = '<span class="no-nl-marker" title="No newline at end of file">' +
                      '<svg aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16">' +
                      '  <path fill-rule="evenodd" d="M16 5v3c0 .55-.45 1-1 1h-3v2L9 8l3-3v2h2V5h2zM8 8c0 2.2-1.8 4-4 4s-4-1.8-4-4 1.8-4 4-4 4 1.8 4 4zM1.5 9.66L5.66 5.5C5.18 5.19 4.61 5 4 5 2.34 5 1 6.34 1 8c0 .61.19 1.17.5 1.66zM7 8c0-.61-.19-1.17-.5-1.66L2.34 10.5c.48.31 1.05.5 1.66.5 1.66 0 3-1.34 3-3z"></path>' +
                      '</svg>' +
                      '</span>';
 
   // to track the total number of added lines in files diffs
   var nb_additions = 0;
   // to track the total number of deleted lines in files diffs
   var nb_deletions = 0;
   // to track the already computed diffs by id
   var computed_diffs = {};
   // map a diff id to its computation url
   var diffs_urls = {};
 
   // to check if a DOM element is in the viewport
   function is_in_viewport(elt) {
     var elementTop = $(elt).offset().top;
     var elementBottom = elementTop + $(elt).outerHeight();
 
     var viewportTop = $(window).scrollTop();
     var viewportBottom = viewportTop + $(window).height();
 
     return elementBottom > viewportTop && elementTop < viewportBottom;
   }
 
   // to format the diffs line numbers
   function format_ln_diff(from_line, to_line, max_number_chars) {
     var ret = '';
     if (from_line != null) {
       for (var i = 0 ; i < (max_number_chars - from_line.length); ++i) {
         ret += ' ';
       }
       ret += from_line;
     }
     if (from_line != null && to_line != null) {
       ret += '  ';
     }
     if (to_line != null) {
       for (var i = 0 ; i < (max_number_chars - to_line.length); ++i) {
         ret += ' ';
       }
       ret += to_line;
     }
     return ret;
   }
 
   // callback to switch from side-by-side diff to unified one
   function show_unified_diff(event, diff_id) {
     $('#' + diff_id + '-splitted-diff').css('display', 'none');
     $('#' + diff_id + '-unified-diff').css('display', 'block');
     $(event.target).parent().find('.splitted-diff-button').removeClass('active');
     $(event.target).parent().find('.unified-diff-button').addClass('active');
   }
 
   // callback to switch from unified diff to side-by-side one
   function show_splitted_diff(event, diff_id) {
     $('#' + diff_id + '-unified-diff').css('display', 'none');
     $('#' + diff_id + '-splitted-diff').css('display', 'block');
     $(event.target).parent().find('.unified-diff-button').removeClass('active');
     $(event.target).parent().find('.splitted-diff-button').addClass('active');
   }
 
   // to compute diff and process it for display
   function compute_diff(diff_url, diff_id) {
 
     // force diff computation ?
     var force = diff_url.indexOf('force=true') != -1;
 
     // it no forced computation and diff already computed, do nothing
     if (!force && computed_diffs.hasOwnProperty(diff_id)) {
       return;
     }
 
     // mark diff computation as already requested
     computed_diffs[diff_id] = true;
 
     $('#' + diff_id + '-loading').css('visibility', 'visible');
 
     // set spinner visible while requesting diff
     $('#' + diff_id + '-loading').css('display', 'block');
     $('#' + diff_id + '-highlightjs').css('display', 'none');
 
     // request diff computation and process it
     $.ajax({
       url: diff_url,
       dataType: 'json',
       success: function (data) {
 
         // increment number of computed diffs
         ++nb_diffs_computed;
         // toggle the 'Compute all diffs' button if all diffs have been computed
         if (nb_diffs_computed == changes.length) {
           $('#swh-compute-all-diffs').addClass('active');
         }
 
         // Large diff (> threshold) are not automatically computed,
         // add a button to force its computation
         if (data.diff_str.indexOf('Large diff') == 0) {
           $('#' + diff_id)[0].innerHTML = data.diff_str +
             '<br/><button class="btn btn-md btn-swh" type="button" onclick="compute_diff(\'' +
             diff_url + '&force=true\', \'' + diff_id + '\')">Request diff</button>';
         } else {
 
           // prepare code highlighting
           $('.' + diff_id).removeClass('nohighlight-swh');
           $('.' + diff_id).addClass(data.language);
 
           // set unified diff text
           $('#' + diff_id).text(data.diff_str);
 
           // code highlighting for unified diff
           $('#' + diff_id).each(function(i, block) {
             hljs.highlightBlock(block);
             hljs.lineNumbersBlock(block);
           });
 
           // process unified diff lines in order to generate side-by-side diffs text
           // but also compute line numbers for unified and side-by-side difss
           var lines_info_regexp = new RegExp(/@@ -(\d+),(\d+) \+(\d+),(\d+) @@/g);
           var base_from_line = '';
           var base_to_line = '';
           var from_to_lines = [];
           var from_lines = [];
           var to_lines = [];
           var max_number_chars = 0;
           var diff_from_str = '';
           var diff_to_str = '';
           var lines_offset = 0;
           $('#' + diff_id + ' .hljs-ln-numbers').each(function(i, ln_elt) {
             var ln_text = ln_elt.nextSibling.innerText;
             var lines_info = lines_info_regexp.exec(ln_text);
             var from_line = '';
             var to_line = '';
             // parsed lines info from the diff output
             if (lines_info) {
               base_from_line = parseInt(lines_info[1]) - 1;
               base_to_line = parseInt(lines_info[3]) - 1;
               lines_offset = 0;
               diff_from_str += (ln_text + '\n');
               diff_to_str += (ln_text + '\n');
               from_lines.push('');
               to_lines.push('');
             // line removed in the from file
             } else if (ln_text.length > 0 && ln_text[0] == '-') {
               base_from_line = base_from_line + 1;
               from_line = base_from_line.toString();
               from_lines.push(from_line);
               ++nb_deletions;
               diff_from_str += (ln_text + '\n');
               ++lines_offset;
             // line added in the from file
             } else if (ln_text.length > 0 && ln_text[0] == '+') {
               base_to_line = base_to_line + 1;
               to_line = base_to_line.toString();
               to_lines.push(to_line);
               ++nb_additions;
               diff_to_str += (ln_text + '\n');
               --lines_offset;
             // line present in both files
             } else {
               base_from_line = base_from_line + 1;
               base_to_line = base_to_line + 1;
               from_line = base_from_line.toString();
               to_line = base_to_line.toString();
               for (var j = 0 ; j < Math.abs(lines_offset) ; ++j) {
                 if (lines_offset > 0) {
                   diff_to_str += '\n';
                   to_lines.push('');
                 } else {
                   diff_from_str += '\n';
                   from_lines.push('');
                 }
               }
               lines_offset = 0;
               diff_from_str += (ln_text + '\n');
               diff_to_str += (ln_text + '\n');
               to_lines.push(to_line);
               from_lines.push(from_line);
             }
             if (!base_from_line) {
               from_line = '';
             }
             if (!base_to_line) {
               to_line = '';
             }
             from_to_lines[i] = [from_line, to_line];
             max_number_chars = Math.max(max_number_chars, from_line.length);
             max_number_chars = Math.max(max_number_chars, to_line.length);
           });
 
           // set side-by-side diffs text
           $('#' + diff_id + '-from').text(diff_from_str);
           $('#' + diff_id + '-to').text(diff_to_str);
 
           // code highlighting for side-by-side diffs
           $('#' + diff_id + '-from, #' + diff_id + '-to').each(function(i, block) {
             hljs.highlightBlock(block);
             hljs.lineNumbersBlock(block);
           });
 
           // diff highlighting for added/removed lines on top of code highlighting
           $('.' + diff_id + ' .hljs-ln-numbers').each(function(i, ln_elt) {
             var ln_text = ln_elt.nextSibling.innerText;
             var lines_info = lines_info_regexp.exec(ln_text);
             if (lines_info) {
               $(ln_elt).parent().addClass('swh-diff-lines-info');
             } else if (ln_text.length > 0 && ln_text[0] == '-') {
               $(ln_elt).parent().addClass('swh-diff-removed-line');
             } else if (ln_text.length > 0 && ln_text[0] == '+') {
               $(ln_elt).parent().addClass('swh-diff-added-line');
             }
           });
 
 
           // set line numbers for unified diff
           $('#' + diff_id + ' .hljs-ln-numbers').each(function(i, ln_elt) {
             $(ln_elt).children().attr('data-line-number',
                                       format_ln_diff(from_to_lines[i][0], from_to_lines[i][1],
                                       max_number_chars));
           });
 
           // set line numbers for the from side-by-side diff
           $('#' + diff_id + '-from .hljs-ln-numbers').each(function(i, ln_elt) {
             $(ln_elt).children().attr('data-line-number',
                                       format_ln_diff(from_lines[i], null,
                                       max_number_chars));
           });
 
           // set line numbers for the to side-by-side diff
           $('#' + diff_id + '-to .hljs-ln-numbers').each(function(i, ln_elt) {
             $(ln_elt).children().attr('data-line-number',
                                       format_ln_diff(null, to_lines[i],
                                       max_number_chars));
           });
 
           // last processings:
           //  - remove the '+' and '-' at the beginning of the diff lines
           //    from code highlighting
           //  - add the "no new line at end of file marker" if needed
           $('.' + diff_id + ' .hljs-ln-line').each(function(i, ln_elt) {
             if (ln_elt.firstChild) {
               if (ln_elt.firstChild.nodeName != "#text") {
                 var line_text = ln_elt.firstChild.innerHTML;
                 if (line_text[0] == '-' || line_text[0] == '+') {
                   ln_elt.firstChild.innerHTML = line_text.substr(1);
                   var new_text_node = document.createTextNode(line_text[0]);
                   $(ln_elt).prepend(new_text_node);
                 }
               }
               $(ln_elt).contents().filter(function() {
                 return this.nodeType === 3; //Node.TEXT_NODE
               }).each(function(i, textNode) {
                 var swh_no_nl_marker = '[swh-no-nl-marker]';
                 if (textNode.textContent.indexOf(swh_no_nl_marker) != -1) {
                   textNode.textContent = textNode.textContent.replace(swh_no_nl_marker, '');
                   $(ln_elt).append($(no_nl_marker));
                 }
               });
             }
           });
 
           // remove empty last line added by highlight.js
           $('#' + diff_id + ' tr:last').remove();
           $('#' + diff_id + '-from tr:last').remove();
           $('#' + diff_id + '-to tr:last').remove();
           $('#' + diff_id + '-from tr:last').remove();
           $('#' + diff_id + '-to tr:last').remove();
 
           // hide the diff mode switch button in case of not generated diffs
           if (data.diff_str.indexOf('Diffs are not generated for non textual content') != 0) {
             $('#panel_' + diff_id + ' .diff-styles').css('visibility', 'visible');
           }
 
         }
 
         // set the unified diff visible by default
         $('#' + diff_id + '-loading').css('display', 'none');
         $('#' + diff_id + '-highlightjs').css('display', 'block');
 
         // update displayed counters
         $('#swh-revision-lines-added').text(nb_additions + ' additions');
         $('#swh-revision-lines-deleted').text(nb_deletions + ' deletions');
         $('#swh-nb-diffs-computed').text(nb_diffs_computed);
 
         // refresh the waypoints triggering diffs computation as
         // the DOM layout has been updated
         Waypoint.refreshAll();
 
       }
     });
   }
 
   // to compute all visible diffs in the viewport
   function compute_visible_diffs() {
     $('.swh-file-diff-panel').each(function(i, elt) {
       if (is_in_viewport(elt)) {
         diff_id = elt.id.replace('panel_', '');
         compute_diff(diffs_urls[diff_id], diff_id);
       }
     });
   }
 
   // callback when the user clicks on the 'Compute all diffs' button
   function compute_all_diffs(event) {
     $(event.target).addClass('active');
     for (var diff_id in diffs_urls) {
       if (diffs_urls.hasOwnProperty(diff_id)) {
         compute_diff(diffs_urls[diff_id], diff_id);
       }
     }
     event.stopPropagation();
   }
 
   function gen_diff_panel(diff_data) {
     var diff_panel_title = diff_data.path;
     if (diff_data.type == 'rename') {
       diff_panel_title = diff_data.from_path + ' &rarr; ' + diff_data.to_path;
     }
     var diff_panel_html =
     '<div id="panel_' + diff_data.id + '" class="panel panel-default swh-file-diff-panel" style="overflow-x: auto;"> \
       <div class="panel-heading"> \
         <a data-toggle="collapse" href="#panel_' + diff_data.id + '_content"> \
           <div class="pull-left swh-title-color"> \
             <strong>' + diff_panel_title + '</strong> \
           </div> \
         </a> \
         <div class="pull-right"> \
           <div class="btn-group diff-styles" data-toggle="buttons" style="visibility: hidden;"> \
             <button class="btn btn-md btn-swh active unified-diff-button" type="button" onclick="show_unified_diff(event, \'' + diff_data.id + '\')">Unified</button> \
             <button class="btn btn-md btn-swh splitted-diff-button" type="button" onclick="show_splitted_diff(event, \'' + diff_data.id + '\')">Side-by-side</button> \
           </div> \
           <a href="' + diff_data.content_url + '" class="btn btn-md btn-swh" role="button">View file</a> \
         </div> \
         <div class="clearfix"></div> \
       </div> \
       <div id="panel_' + diff_data.id + '_content" class="panel-collapse collapse in"> \
         <div class="swh-diff-loading" id="' + diff_data.id + '-loading" style="text-align: center;visibility: hidden;"> \
           <img src="{% static "img/swh-spinner.gif" %}"></img> \
           <p>Loading diff ...</p> \
         </div> \
         <div class="highlightjs swh-content" style="display: none;" id="' + diff_data.id + '-highlightjs"> \
           <div id="' + diff_data.id + '-unified-diff"> \
             <pre><code class="' + diff_data.id + '" id="' + diff_data.id + '"></code></pre> \
           </div> \
           <div style="width: 100%; display: none;" id="' + diff_data.id + '-splitted-diff"> \
             <pre style="width: 50%; float: left;"><code class="' + diff_data.id + '" id="' + diff_data.id + '-from"></code></pre> \
             <pre style="width: 50%"><code class="' + diff_data.id + '" id="' + diff_data.id + '-to"></code></pre> \
           </div> \
         </div> \
       </div> \
     </div>';
     return diff_panel_html;
   }
 
   // setup waypoints to request diffs computation on the fly while scrolling
   function setup_waypoints() {
     for (var i = 0 ; i < changes.length ; ++i) {
       var diff_data = changes[i];
 
       // create a waypoint that will trigger diff computation when
       // the top of the diff panel hits the bottom of the viewport
       $('#panel_' + diff_data.id).waypoint({
         handler: function() {
           if (is_in_viewport(this.element)) {
             var diff_id = this.element.id.replace('panel_', '');
             compute_diff(diffs_urls[diff_id], diff_id);
             this.destroy();
           }
         },
         offset: '100%'
       });
 
       // create a waypoint that will trigger diff computation when
       // the bottom of the diff panel hits the top of the viewport
       $('#panel_' + diff_data.id).waypoint({
         handler: function() {
           if (is_in_viewport(this.element)) {
             var diff_id = this.element.id.replace('panel_', '');
             compute_diff(diffs_urls[diff_id], diff_id);
             this.destroy();
           }
         },
         offset: function() {
           return -$(this.element).height();
         }
       });
-
     }
+    Waypoint.refreshAll();
   }
 
   // callback when the 'Changes' tab is activated
   $(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) {
     if (e.target.text == 'Changes') {
 
       $('#readme-panel').css('display', 'none');
 
       // request computation of revision file changes list
       // when navigating to the 'Changes' tab and add diff panels
       // to the DOM when receiving the result
       $.ajax({
         url: '{{ diff_revision_url }}',
         dataType: 'json',
         success: function (data) {
 
           changes = data.changes;
           nb_changed_files = data.total_nb_changes;
           var changed_files_text = nb_changed_files + ' changed file';
           if (nb_changed_files != 1) {
             changed_files_text += 's';
           }
           $('#swh-revision-changed-files').text(changed_files_text);
           $('#swh-total-nb-diffs').text(changes.length);
           $('#swh-revision-changes-list pre')[0].innerHTML = data.changes_msg;
 
           $('#swh-revision-changes-loading').css('display', 'none');
           $('#swh-revision-changes-list pre').css('display', 'block');
           $('#swh-compute-all-diffs').css('visibility', 'visible');
           $('#swh-revision-changes-list').removeClass('in');
 
           if (nb_changed_files > changes.length) {
             $('#swh-too-large-revision-diff').css('display', 'block');
             $('#swh-nb-loaded-diffs').text(changes.length);
           }
 
           for (var i = 0 ; i < changes.length ; ++i) {
             var diff_data = changes[i];
             diffs_urls[diff_data.id] = diff_data.diff_url;
             $('#swh-revision-diffs').append(gen_diff_panel(diff_data));
           }
 
           setup_waypoints();
           compute_visible_diffs();
         }
       });
 
     } else if (e.target.text == 'Files') {
       $('#readme-panel').css('display', 'block');
     }
   });
 
   $(document).ready(function() {
 
     {% if message_body|length  > 0 %}
       $('#swh-revision-message').addClass('in');
     {% else %}
       $('#swh-collapse-revision-message').attr('data-toggle', '');
     {% endif %}
 
     var $root = $('html, body');
 
     // callback when the user requests to scroll on a specific diff or back to top
     $('#swh-revision-changes-list a[href^="#"], #back-to-top a[href^="#"]').click(function() {
        var href = $.attr(this, 'href');
        // disable waypoints while scrolling as we do not want to
        // launch computation of diffs the user is not interested in
        // (file changes list can be large)
        Waypoint.disableAll();
 
        $root.animate(
          {
            scrollTop: $(href).offset().top
          },
          {
            duration: 500,
            complete: function () {
              window.location.hash = href;
              // enable waypoints back after scrolling
              Waypoint.enableAll();
              // compute diffs visible in the viewport
              compute_visible_diffs();
            }
        });
 
       return false;
     });
 
   });
 
 </script>
 
 {% endblock %}
 
 {% block swh-browse-after-panels %}
 
 {% include "includes/readme-display.html" %}
 
 {% endblock %}