@eotl/theme-bootstrap - npm Package Compare versions

Comparing version 0.1.5 to 0.1.6

dist/js/eotl.js

@@ -6,4 +6,18 @@ /*!
   */
+
+function longNowify(elements) {
+    let itemDate = '';
+    for (element in elements) {
+        itemDate = elements[element].innerHTML
+        if (itemDate) {
+            var year = itemDate.match(/(?:01|20)\d{2}/g);
+            var longYear = '0' + year[0]
+            var fixed = itemDate.replace(year[0], longYear)
+            elements[element].innerHTML = fixed
+            elements[element].setAttribute("title", "Extra '0' to question: how long is now?")
+        }
+    }
+}
 /* meaning.js - explains some of what EOTL means */
-var tickerItems = {
+var meanings = {
     "one": {
@@ -58,7 +72,7 @@ "headline": "End Of The Line",
     "thirteen": {
-        "headline": "Egalitarian Open Togther Life",
+        "headline": "Egalitarian Open Together Life",
         "url": "https://www.aardehuis.nl"
     },
     "fourteen": {
-        "headline": "Evince Outward To Links",
+        "headline": "Explore Outwardly To Links",
         "url": "https://eotl.links"
@@ -76,57 +90,35 @@ },
 
-var tickerArray = Object.keys(tickerItems)
+var meaningArray = Object.keys(meanings)
 
-function runTicker() {
-    var position = tickerArray[tickerArray.length-1]
-    var tickerContainer = $('.ticker')
-    var tickerText = $(".ticker-text")
+function meaningWhat() {
+    var position = meaningArray[meaningArray.length-1]
+    var tickerContainer = $(".meaning-cycle")
+    var meaningText = $(".meaning-text")
 
     tickerContainer.fadeIn(1000, function() {
-        $(this).delay(4500).fadeOut('fast', runTicker)
+        $(this).delay(4500).fadeOut('fast', meaningWhat)
     })
-    tickerText.html(' ')
+    meaningText.html(' ')
 
-    var piece = tickerItems[position].headline.split(' ')
+    var piece = meanings[position].headline.split(' ')
 
     setTimeout(function() {
-        tickerText.append(piece[0])
+        meaningText.append(piece[0])
     }, 1000)
 
     setTimeout(function() {
-        tickerText.append(' ' + piece[1])
+        meaningText.append(' ' + piece[1])
     }, 1500)
 
     setTimeout(function() {
-        tickerText.append(' ' + piece[2])
+        meaningText.append(' ' + piece[2])
     }, 2000)
     setTimeout(function() {
-        tickerText.append(' ' + piece[3])
+        meaningText.append(' ' + piece[3])
     }, 2500)
-    tickerText.wrap("<a class='ticker-link' href='" + tickerItems[position].url + "' target='_blank'></a>")
-    tickerArray.unshift(position)
-    tickerArray.pop()
-}
 
-function longNowify(times) {
-    let itemDate = '';
-    for (time in times) {
-        itemDate = times[time].innerHTML
-        if (itemDate) {
-            var year = itemDate.match(/(?:01|20)\d{2}/g);
-            var longYear = '0' + year[0]
-            var fixed = itemDate.replace(year[0], longYear)
-            times[time].innerHTML = fixed
-            times[time].setAttribute("title", "Extra '0' to question: how long is now?")
-        }
-    }
+    meaningText.wrap("<a class='meaning-link' href='" + meanings[position].url + "' target='_blank'></a>")
+    meaningArray.unshift(position)
+    meaningArray.pop()
 }
-
-
-document.addEventListener('DOMContentLoaded', function() {
-    runTicker()
-    longNowify(document.getElementsByTagName("time"))
-    longNowify(document.getElementsByTagName("date"))
-})
-
-
 /* switcher.js - toggles between light and dark modes */
@@ -133,0 +125,0 @@

package.json

 {
   "name": "@eotl/theme-bootstrap",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Bootstrap 4 theme for EOTL collective",
@@ -5,0 +5,0 @@ "scripts": {

No alert changes

Improved metrics

Total package byte prevSize

6940520

increased by28.69%

Number of package files

121

increased by2.54%

Lines of code

30761

increased by0.13%

No dependency changes