Return to form

Author: rubjo

src/components/Header.vue

@@ -31,18 +31,12 @@
       class="text"
     >
       <h1 ref="mainTitle">
-        Vote.
+        Victor Mono
       </h1>
       <h2>
-        <!-- The <em class="property" />
+        The <em class="property" />
         <br class="hidden-sm-and-up">
-        programming font -->
-        <a
-          href="https://en.wikiquote.org/wiki/Donald_Trump"
-          target="_blank"
-        >
-          <em class="quotes" />
-        </a>
+        programming font
       </h2>
       <el-row
         type="flex"
@@ -193,8 +187,7 @@ export default {
   mounted () {
     this.granim = initGradient('.header-gradients', this.theme)
     this.granim.changeState(this.theme)
-    // this.initTyped()
-    this.initQuotes()
+    this.initTyped()
   },
   methods: {
     initTyped () {
@@ -321,44 +314,6 @@ export default {
       }
 
       return new Typed('.property', options)
-    },
-    initQuotes () {
-      const options = {
-        strings: [
-          '"Mexico is paying for the wall"',
-          '"We’re gonna crush the virus very quickly"',
-          '"We’re rounding the turn, our numbers are incredible"',
-          '"I think we’re leading everywhere"',
-          '"Totally fake news"',
-          '"It\'ll start getting cooler. You just watch."',
-          '"I don\'t think science knows, actually."',
-          '"The only way they\'re gonna win is by a rigged election."',
-          '"New Zealand, by the way, had a big outbreak."',
-          '"Leave Democrat cities. Let them rot."',
-          '"Probably nastier even than Pocahontas"',
-          '"I read a lot. I comprehend extraordinarily well."',
-          '"You can take the number of cases and look we\'re last, meaning we\'re first."',
-          '"It’s fading away, it’s going to fade away."',
-          '"And is there a way we can do something like that, by injection inside or almost a cleaning?"',
-          '"We’ve tested more than every other country in the world even put together"',
-          '"I don\'t take responsibility at all"',
-          '"I think my rhetoric is a very – it brings people together."',
-          '"I am the chosen one."',
-          '"Grab \'em by the p***y. You can do anything."',
-          '"He\'s not a war hero"',
-          '"I think that I would be a great uniter"',
-          '"I love working. I\'m not a vacation guy. Right? Like Obama, he plays golf in Hawaii"'
-        ],
-        startDelay: 500,
-        typeSpeed: 5,
-        backSpeed: 1,
-        smartBackspace: true,
-        backDelay: 4000,
-        loop: true,
-        shuffle: true
-      }
-
-      return new Typed('.quotes', options)
     }
   }
 }
@@ -385,8 +340,7 @@ export default {
 
   h2 {
     margin: 3vw 0 2vw 0;
-    // font-size: calc(18px + 1.5vw);
-    font-size: calc(18px + 0.9vw);
+    font-size: calc(18px + 1.5vw);
     font-weight: normal;
     a {
       text-decoration: none;

src/utils/init-gradients.js

@@ -1,34 +1,24 @@
 import Granim from 'granim'
 
 export default function initGradients (element, theme) {
-  // const darkGradients = [
-  //   ['#2b76b9', '#35eb93'],
-  //   ['#cc6622', '#8c1bab'],
-  //   ['#380036', '#0cbaba'],
-  //   ['#85d797', '#5d4257'],
-  //   ['#0250c5', '#d43f8d'],
-  //   ['#13547a', '#60b0b7'],
-  //   ['#a40606', '#d98324']
-  // ]
-
-  // const lightGradients = [
-  //   ['#8af094', '#ffd1ff'],
-  //   ['#f6d365', '#fda085'],
-  //   ['#84fab0', '#8fd3f4'],
-  //   ['#fa709a', '#fee140'],
-  //   ['#4facfe', '#00f2fe'],
-  //   ['#43e97b', '#38c9f7'],
-  //   ['#f83600', '#f9d423']
-  // ]
-
   const darkGradients = [
-    ['#396afc', '#2948ff'],
-    ['#0575e6', '#021b79']
+    ['#2b76b9', '#35eb93'],
+    ['#cc6622', '#8c1bab'],
+    ['#380036', '#0cbaba'],
+    ['#85d797', '#5d4257'],
+    ['#0250c5', '#d43f8d'],
+    ['#13547a', '#60b0b7'],
+    ['#a40606', '#d98324']
   ]
 
   const lightGradients = [
-    ['#6190e8', '#a7bfe8'],
-    ['#83a4d4', '#b6fbff']
+    ['#8af094', '#ffd1ff'],
+    ['#f6d365', '#fda085'],
+    ['#84fab0', '#8fd3f4'],
+    ['#fa709a', '#fee140'],
+    ['#4facfe', '#00f2fe'],
+    ['#43e97b', '#38c9f7'],
+    ['#f83600', '#f9d423']
   ]
 
   return new Granim({