1 /
- How are you doing?
+ .container:active .click {
+ transform: scale(0.8);
+ transition-duration: 0.1s;
+ }
-
-
- function changeQuestion() {
- question.innerText = list[activeIndex];
- document.querySelector('.js-current').innerText = activeIndex + 1;
- }
+
-
+ words.forEach(function (word, i) {
+ var style = 'transition-delay: ' + i / words.length / 4 + 's';
+ newHtml += '' + word + ' ';
+ });
+
+ topicNode.innerHTML = newHtml;
+
+ setTimeout(function () {
+ topicNode.classList.remove('_is-animated');
+ isAnimated = false;
+ }, 50);
+ }, 500);
+ }
+
+ /**
+ * Click anywhere to get a new topic
+ */
+ document.querySelector('.js-random').addEventListener('click', function () {
+ if (!isAnimated) {
+ getATopic();
+ }
+ });
+
+ /**
+ * Get the first random topic automatically when the page is ready
+ */
+ document.addEventListener('DOMContentLoaded', function () {
+ setTimeout(function () {
+ getATopic();
+ }, 800);
+ });
+ })();
+
+ /**
+ * Fix vh on mobile devices to prevent scroll
+ */
+ (function () {
+ var vh = window.innerHeight * 0.01;
+ document.documentElement.style.setProperty('--vh', vh + 'px');
+
+ window.addEventListener('resize', function () {
+ var newVh = window.innerHeight * 0.01;
+ document.documentElement.style.setProperty('--vh', newVh + 'px');
+ });
+ })();
+
+
diff --git a/taboo/index.html b/taboo/index.html
new file mode 100644
index 0000000..7ffbe63
--- /dev/null
+++ b/taboo/index.html
@@ -0,0 +1,1929 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Hi
+
+
+ ✌️
+
+
+
+
+ Click
+ anywhere for the next random word
+
+