[REFACTOR] style.css, main.js

maintain consistency

Author: Rocker2102

assets/css/style.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css?family=Raleway:200,100,400');
+@import url("https://fonts.googleapis.com/css?family=Raleway:200,100,400");
 
 @font-face {
     font-family: "Material Icons";
@@ -31,7 +31,7 @@ html {
 }
 
 body {
-    font-family: 'Raleway', sans-serif;
+    font-family: "Raleway", sans-serif;
     display: flex;
     min-height: 100vh;
     width: 100%;
@@ -144,7 +144,7 @@ ul.collapsible .collapsible-body {
 }
 
 .welcome-msg {
-    font-family: 'Raleway', sans-serif;
+    font-family: "Raleway", sans-serif;
     font-size: 20px;
     color: #ccc;
 }
@@ -160,7 +160,7 @@ ul.collapsible .collapsible-body {
 .welcome {
     height: 100vh;
     margin-bottom: 2em;
-    background: #333 url('../img/bg-1.jpeg') no-repeat center center / cover;
+    background: #333 url("../img/bg-1.jpeg") no-repeat center center / cover;
 }
 
 h1, h2 {
@@ -181,4 +181,4 @@ h2 {
 /* Cursor */
 .txt-type > .txt {
     border-right: 0.1rem solid #ccc;
-}
+}

assets/js/main.js

@@ -191,25 +191,25 @@ class TypeWriter {
     constructor(textElement, words, wait = 3000) {
         this.textElement = textElement;
         this.words = words;
-        this.text = '';
+        this.text = "";
         this.wordIndex = 0;
         this.wait = parseInt(wait, 10);
         this.isDeleting = false;
         this.type();
     }
 
     // Type method
-    type(){
+    type() {
         // current index of word
         const current = this.wordIndex % this.words.length;
         // Get full text of current word
         const fullText = this.words[current];
-        
+
         // Check if deleting
-        if(this.isDeleting){
+        if (this.isDeleting) {
             // Remove char
             this.text = fullText.substring(0, this.text.length - 1);
-        }else{
+        } else {
             // Add char
             this.text = fullText.substring(0, this.text.length + 1);
         }
@@ -220,17 +220,17 @@ class TypeWriter {
         // Initial type Speed
         let typeSpeed = 250;
 
-        if(this.isDeleting){
+        if (this.isDeleting) {
             typeSpeed /= 2;
         }
 
         // If word is complete
-        if(!this.isDeleting && this.text === fullText){
+        if (!this.isDeleting && this.text === fullText) {
             // Make pause at end
             typeSpeed = this.wait;
             // Set delete to true
             this.isDeleting = true;
-        }else if(this.isDeleting && this.text === ''){
+        } else if (this.isDeleting && this.text === "") {
             this.isDeleting = false;
             //
             this.wordIndex++;
@@ -241,11 +241,11 @@ class TypeWriter {
     }
 }
 
-function init(){
-    const textElement = document.querySelector('.txt-type');
-    const words = JSON.parse(textElement.getAttribute('data-words'));
-    const wait = textElement.getAttribute('data-wait');
+function init() {
+    const textElement = document.querySelector(".txt-type");
+    const words = JSON.parse(textElement.getAttribute("data-words"));
+    const wait = textElement.getAttribute("data-wait");
     // init TypeWriter
 
     new TypeWriter(textElement, words, wait);
-}
+}