fix: Linting

fix linting issues
Vikassharma232 · Jul 5, 2019 · 2464637 · 2464637
1 parent e6f6495
commit 2464637
Show file tree

Hide file tree

Showing 15 changed files with 286 additions and 254 deletions.
diff --git a/_config.yml b/_config.yml
@@ -1,10 +1,10 @@
 # Site settings
 title: Search Engine Optimization
 description: A helpful checklist / collection of Search Engine Optimization (SEO) tips and technics.
-baseurl: "" # the subpath of your site, e.g. /blog/
-url: "" # the base hostname & protocol for your site
+baseurl: '' # the subpath of your site, e.g. /blog/
+url: '' # the base hostname & protocol for your site
 twitter_username: m412c0b
-github_username:  marcobiedermann
+github_username: marcobiedermann
 exclude: [readme.md]
 sass:
   style: compressed

diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,9 +1,5 @@
 <footer class="site__footer" role="contentinfo" itemscope itemtype="//schema.org/WPFooter">
-
   <div class="grid">
-
     FOOTER
-
   </div>
-
 </footer>
diff --git a/_includes/head.html b/_includes/head.html
@@ -1,18 +1,20 @@
 <head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="google-site-verification" content="PaHTIq4plwQv3e1xHhh5Qd0HDhl0i1MZ33prE-EVwjY">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
-  <meta name="description" content="{{ site.description }}">
-  <meta name="apple-mobile-web-app-title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
-  <meta name="application-name" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
-  <meta name="theme-color" content="#2980b9">
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="google-site-verification" content="PaHTIq4plwQv3e1xHhh5Qd0HDhl0i1MZ33prE-EVwjY" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
+  <meta name="description" content="{{ site.description }}" />
+  <meta
+    name="apple-mobile-web-app-title"
+    content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"
+  />
+  <meta name="application-name" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
+  <meta name="theme-color" content="#2980b9" />
 
   <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
 
-  <link rel="stylesheet" href="css/main.css">
-  <link rel="mask-icon" href="favicon.svg" color="#2980b9">
-  <link rel="icon" href="apple-touch-icon-precomposed.png">
-  <link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">
-
+  <link rel="stylesheet" href="css/main.css" />
+  <link rel="mask-icon" href="favicon.svg" color="#2980b9" />
+  <link rel="icon" href="apple-touch-icon-precomposed.png" />
+  <link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png" />
 </head>
diff --git a/_includes/header.html b/_includes/header.html
@@ -1,11 +1,16 @@
 <header class="site__header" role="banner" itemscope itemtype="//schema.org/WPHeader">
-
   <a href="//github.com/marcobiedermann/search-engine-optimization" class="github" target="_blank">
     <svg xmlns="//www.w3.org/2000/svg" viewBox="0 0 250 250" fill="#fff">
-      <path d="M0 0l115 115h15l12 27 108 108V0z" fill="#70B7FD"/>
-      <path class="github__arm" d="M128 109c-15-9-9-19-9-19 3-7 2-11 2-11-1-7 3-2 3-2 4 5 2 11 2 11-3 10 5 15 9 16" style=""/>
-      <path class="github__body" d="M115 115s4 2 5 0l14-14c3-2 6-3 8-3-8-11-15-24 2-41 5-5 10-7 16-7 1-2 3-7 12-11 0 0 5 3 7 16 4 2 8 5 12 9s7 8 9 12c14 3 17 7 17 7-4 8-9 11-11 11 0 6-2 11-7 16-16 16-30 10-41 2 0 3-1 7-5 11l-12 11c-1 1 1 5 1 5z"/>
+      <path d="M0 0l115 115h15l12 27 108 108V0z" fill="#70B7FD" />
+      <path
+        class="github__arm"
+        d="M128 109c-15-9-9-19-9-19 3-7 2-11 2-11-1-7 3-2 3-2 4 5 2 11 2 11-3 10 5 15 9 16"
+        style=""
+      />
+      <path
+        class="github__body"
+        d="M115 115s4 2 5 0l14-14c3-2 6-3 8-3-8-11-15-24 2-41 5-5 10-7 16-7 1-2 3-7 12-11 0 0 5 3 7 16 4 2 8 5 12 9s7 8 9 12c14 3 17 7 17 7-4 8-9 11-11 11 0 6-2 11-7 16-16 16-30 10-41 2 0 3-1 7-5 11l-12 11c-1 1 1 5 1 5z"
+      />
     </svg>
   </a>
-
 </header>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -4,25 +4,17 @@
 
 <!DOCTYPE html>
 <html lang="en" itemscope itemtype="//schema.org/WebPage">
-
   {% include head.html %}
 
   <body>
-
     {% include header.html %}
 
     <main class="site__main" role="main" itemscope itemprop="mainContentOfPage">
-
       <div class="grid">
-
         {{ content }}
-
       </div>
-
     </main>
-
   </body>
 
   <script src="js/script.js"></script>
-
 </html>
diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -21,7 +21,7 @@ body {
   background: $base-bgcolor;
   color: $base-color;
   font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family, $base-font-family-fallback;
-  min-height: 100%;
   margin: 0;
+  min-height: 100%;
   position: relative;
 }
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -3,7 +3,7 @@ $base-border-color: #808080;
 $base-color: #111;
 $base-font-family-fallback: sans-serif;
 $base-font-family: Helvetica Neue;
-$base-font-size: .875rem;
+$base-font-size: 0.875rem;
 $base-font-weight: 400;
 $base-line-height: 1.5;
 

diff --git a/_sass/modules/_code.scss b/_sass/modules/_code.scss
@@ -1,6 +1,6 @@
 $code-font-family: 'Courier New';
 $code-font-family-fallback: monospace;
-$code-font-size: .875rem;
+$code-font-size: 0.875rem;
 
 code {
   font-family: $code-font-family, $code-font-family-fallback;

diff --git a/_sass/modules/_github.scss b/_sass/modules/_github.scss
@@ -1,41 +1,38 @@
 .github {
   height: 80px;
-  width: 80px;
   position: fixed;
   right: 0;
   top: 0;
   transform: translateZ(0);
+  width: 80px;
   z-index: 1;
 
   &:hover {
-
     .github__arm {
-
       @media (min-width: $media-sm) {
         animation: octocat-wave 560ms ease-in-out;
       }
-
     }
-
   }
 
   &__arm {
     transform-origin: 130px 106px;
   }
-
 }
 
-@keyframes octocat-wave{
-
-  0%, 100%{
+@keyframes octocat-wave {
+  0%,
+  100% {
     transform: rotate(0);
   }
 
-  20%, 60%{
+  20%,
+  60% {
     transform: rotate(-25deg);
   }
-  40%, 80%{
+
+  40%,
+  80% {
     transform: rotate(10deg);
   }
-
 }
diff --git a/_sass/modules/_headlines.scss b/_sass/modules/_headlines.scss
@@ -1,9 +1,7 @@
 $headlines-color: #686868;
 
 @for $i from 1 through 6 {
-
   h#{$i} {
-    margin: 0 0 .5rem;
+    margin: 0 0 0.5rem;
   }
-
 }
diff --git a/_sass/modules/_links.scss b/_sass/modules/_links.scss
@@ -7,7 +7,7 @@ a {
   border: 0;
   color: $link-color;
   text-decoration: none;
-  transition: background-color .3s, color .3s;
+  transition: background-color 0.3s, color 0.3s;
 
   &:active {
     color: $link-active-color;
@@ -21,5 +21,4 @@ a {
   &:focus {
     outline: none;
   }
-
 }
diff --git a/_sass/modules/_lists.scss b/_sass/modules/_lists.scss
@@ -5,12 +5,11 @@ ul {
 
   ol,
   ul {
-    margin: .5rem 0 0;
+    margin: 0.5rem 0 0;
     padding-left: 1.5rem;
   }
 
   li {
-    margin-bottom: .25rem;
+    margin-bottom: 0.25rem;
   }
-
 }
diff --git a/_sass/modules/_quotes.scss b/_sass/modules/_quotes.scss
@@ -1,17 +1,14 @@
 blockquote {
   margin: 0;
-  quotes: '\201C' '\201D' '\2018' '\2019';
+  quotes: '\201C''\201D''\2018''\2019';
 
   p {
-
-    &:before {
+    &::before {
       content: open-quote;
     }
 
-    &:after {
+    &::after {
       content: close-quote;
     }
-
   }
-
 }
diff --git a/js/script.js b/js/script.js
@@ -18,19 +18,45 @@
 
   // easing
   var easing = {
-    linear: function (t) { return t; },
-    easeInQuad: function (t) { return t * t; },
-    easeOutQuad: function (t) { return t * (2 - t); },
-    easeInOutQuad: function (t) { return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t; },
-    easeInCubic: function (t) { return t * t * t; },
-    easeOutCubic: function (t) { return (--t) * t * t + 1; },
-    easeInOutCubic: function (t) { return t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1; },
-    easeInQuart: function (t) { return t * t * t * t; },
-    easeOutQuart: function (t) { return 1 - (--t) * t * t * t; },
-    easeInOutQuart: function (t) { return t < 0.5 ? 8 * t * t * t * t : 1 - 8 * (--t) * t * t * t; },
-    easeInQuint: function (t) { return t * t * t * t * t; },
-    easeOutQuint: function (t) { return 1 + (--t) * t * t * t * t; },
-    easeInOutQuint: function (t) { return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * (--t) * t * t * t * t; }
+    linear: function(t) {
+      return t;
+    },
+    easeInQuad: function(t) {
+      return t * t;
+    },
+    easeOutQuad: function(t) {
+      return t * (2 - t);
+    },
+    easeInOutQuad: function(t) {
+      return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+    },
+    easeInCubic: function(t) {
+      return t * t * t;
+    },
+    easeOutCubic: function(t) {
+      return --t * t * t + 1;
+    },
+    easeInOutCubic: function(t) {
+      return t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
+    },
+    easeInQuart: function(t) {
+      return t * t * t * t;
+    },
+    easeOutQuart: function(t) {
+      return 1 - --t * t * t * t;
+    },
+    easeInOutQuart: function(t) {
+      return t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t;
+    },
+    easeInQuint: function(t) {
+      return t * t * t * t * t;
+    },
+    easeOutQuint: function(t) {
+      return 1 + --t * t * t * t * t;
+    },
+    easeInOutQuint: function(t) {
+      return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t;
+    },
   };
 
   // requestAnimationFrame
@@ -76,20 +102,18 @@
 
     function scroll(timestamp) {
       var currentTime = Date.now();
-      var time = Math.min(1, ((currentTime - start) / duration));
+      var time = Math.min(1, (currentTime - start) / duration);
       var easedT = easingFunction(time);
 
-      elem.scrollTop = (easedT * (Y - from)) + from;
+      elem.scrollTop = easedT * (Y - from) + from;
 
       if (time < 1) {
         requestAnimationFrame(scroll);
       } else {
         if (callback) {
           callback();
         }
-
       }
-
     }
 
     requestAnimationFrame(scroll);
@@ -104,9 +128,8 @@
   length = links.length;
 
   for (i = 0; i < length; i++) {
-     if (links[i].hostname != window.location.hostname) {
-         links[i].target = '_blank';
-     }
+    if (links[i].hostname != window.location.hostname) {
+      links[i].target = '_blank';
+    }
   }
-
-}(window, document));
+})(window, document);