refactor: remove webfontloader

Author: krestaino

assets/css/vars.scss

@@ -1,3 +1,3 @@
-$primary: #333436;
+$primary: #444549;
 $accent: #384D66;
 $containerWidth: 1440px;

components/ArticleList.vue

@@ -5,13 +5,14 @@
         <span v-html="shortTimestamp(article.date)"></span>
         &nbsp;–&nbsp;
         <span class="topics">
-          <nuxt-link
-            class="topic fancy"
-            v-for="topic in article._embedded['wp:term'][0]"
-            :to="`/topics/${topic.slug}`"
-            :key="topic.id"
-            v-html="topic.name"
-          ></nuxt-link>
+          <span class="topic" v-for="topic in article._embedded['wp:term'][0]">
+            <nuxt-link
+              class="fancy"
+              :to="`/topics/${topic.slug}`"
+              :key="topic.id"
+              v-html="topic.name"
+            ></nuxt-link>
+          </span>
         </span>
       </div>
       <nuxt-link :to="`/${article.slug}`" class="row">
@@ -102,16 +103,12 @@ export default {
     margin-bottom: 12px;
     text-transform: uppercase;
 
-    .topic {
-      & + .topic {
-        margin-left: 8px;
+    .topic:not(:last-child) {
+      margin-right: 4px;
 
-        &::before {
-          content: ', ';
-          color: $primary;
-          left: -7px;
-          position: absolute;
-        }
+      &::after {
+        content: ', ';
+        color: $primary;
       }
     }
 
@@ -196,13 +193,3 @@ export default {
   }
 }
 </style>
-
-<style lang="scss">
-.article-list {
-  article {
-    .excerpt {
-      font-weight: 300;
-    }
-  }
-}
-</style>

components/TheHeaderSearch.vue

@@ -457,7 +457,7 @@ section {
       }
 
       .title {
-        font-weight: 700;
+        color: #000;
         line-height: 18px;
         max-height: 36px;
         -webkit-line-clamp: 2;

components/TheSidebar.vue

@@ -106,10 +106,6 @@ aside {
     }
 
     article {
-      div {
-        font-weight: 300;
-      }
-
       & + article {
         border-top: 1px dotted lighten($primary, 20%);
         margin-top: 32px;

layouts/default.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="blog" id="blog">
-    <Spinner1 />
     <div class="interface">
       <TheHeader />
       <main role="main">
@@ -14,13 +13,11 @@
 <script>
 import TheHeader from '../components/TheHeader';
 import TheFooter from '../components/TheFooter';
-import Spinner1 from '~/components/Spinner1';
 
 export default {
   components: {
     TheHeader,
-    TheFooter,
-    Spinner1
+    TheFooter
   }
 };
 </script>
@@ -62,30 +59,20 @@ html {
 
 body {
   font-size: 0.85rem;
-  font-weight: 300;
   line-height: 1.765em;
 }
 
 #blog {
   > .interface {
     display: flex;
     flex-direction: column;
-    opacity: 0;
     overflow: hidden;
     padding-top: 80px;
 
     @media (max-width: 700px) {
       padding-top: 60px;
     }
   }
-
-  > .spinner {
-    display: block;
-    left: calc(50% - 20px);
-    position: absolute;
-    top: calc(50vh - 20px - 64px);
-    z-index: 10;
-  }
 }
 
 html.wf-active #blog,
@@ -127,10 +114,6 @@ main {
   margin-bottom: 32px;
 
   h1 {
-    font-family: 'Roboto', sans-serif;
-    font-size: 3rem;
-    font-weight: 100;
-    line-height: 1;
     margin-bottom: 12px;
     margin-top: 0;
     padding-bottom: 0;
@@ -147,7 +130,7 @@ h3,
 h4,
 h5 {
   color: #333;
-  font-weight: 400;
+  font-weight: 500;
 }
 
 a {

nuxt.config.js

@@ -14,7 +14,10 @@ export default {
         content: process.env.npm_package_description || ''
       }
     ],
-    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
+    link: [
+      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+      { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto+Slab:400,500|Roboto:300,400&display=fallback' }
+    ]
   },
 
   loading: { color: '#fff' },
@@ -24,7 +27,6 @@ export default {
   plugins: [
     { src: '~/plugins/vue-lazyload', ssr: false },
     { src: '~/plugins/vue-scrollto', ssr: false },
-    { src: '~/plugins/web-font-loader', ssr: false },
     { src: '~/plugins/disqus' },
     { src: '~/plugins/mixins' }
   ],

package.json

@@ -24,7 +24,6 @@
     "node-vibrant": "^3.1.5",
     "normalize.css": "^8.0.1",
     "nuxt": "^2.11.0",
-    "sanitize-html": "^1.21.1",
     "vue-disqus": "^3.0.5",
     "vue-infinite-loading": "^2.4.4",
     "vue-lazyload": "^1.3.3",
@@ -39,7 +38,6 @@
     "node-sass": "^4.13.1",
     "prettier": "^1.19.1",
     "sass-loader": "^8.0.2",
-    "webfontloader": "^1.6.28",
     "webpack": "^4.41.5"
   }
 }

pages/authors/index.vue

@@ -63,10 +63,6 @@ export default {
       page-break-inside: avoid;
       break-inside: avoid;
 
-      a {
-        font-weight: 300;
-      }
-
       & + li {
         margin-top: 32px;
       }

pages/topics/index.vue

@@ -67,10 +67,6 @@ export default {
       page-break-inside: avoid;
       break-inside: avoid;
 
-      a {
-        font-weight: 300;
-      }
-
       & + li {
         margin-top: 32px;
       }

plugins/web-font-loader.js

@@ -1639,11 +1639,6 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
   integrity sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=
 
-array-uniq@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
-  integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=
-
 array-unique@^0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
@@ -4062,7 +4057,7 @@ html-webpack-plugin@^3.2.0:
     toposort "^1.0.0"
     util.promisify "1.0.0"
 
-htmlparser2@^3.10.0, htmlparser2@^3.3.0:
+htmlparser2@^3.3.0:
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f"
   integrity sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==
@@ -4842,26 +4837,6 @@ lodash._reinterpolate@^3.0.0:
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
   integrity sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=
 
-lodash.clonedeep@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
-  integrity sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=
-
-lodash.escaperegexp@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz#64762c48618082518ac3df4ccf5d5886dae20347"
-  integrity sha1-ZHYsSGGAglGKw99Mz11YhtriA0c=
-
-lodash.isplainobject@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz#7c526a52d89b45c45cc690b88163be0497f550cb"
-  integrity sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs=
-
-lodash.isstring@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451"
-  integrity sha1-1SfftUVuynzJu5XV2ur4i6VKVFE=
-
 lodash.kebabcase@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36"
@@ -4872,11 +4847,6 @@ lodash.memoize@^4.1.2:
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
   integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
 
-lodash.mergewith@^4.6.1:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz#617121f89ac55f59047c7aec1ccd6654c6590f55"
-  integrity sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==
-
 lodash.template@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
@@ -5893,7 +5863,7 @@ phin@^2.9.1:
   resolved "https://registry.yarnpkg.com/phin/-/phin-2.9.3.tgz#f9b6ac10a035636fb65dfc576aaaa17b8743125c"
   integrity sha512-CzFr90qM24ju5f88quFC/6qohjC144rehe5n6DH900lgXmUe86+xCKc10ev56gRKC4/BkHUoG4uSiQgBiIXwDA==
 
-"php-parser@github:glayzzle/php-parser#prettier":
+php-parser@glayzzle/php-parser#prettier:
   version "3.0.0-prerelease.9"
   resolved "https://codeload.github.com/glayzzle/php-parser/tar.gz/3279b7ee9bd78b914b5b840edc749eee0fabbfd8"
 
@@ -7178,22 +7148,6 @@ safe-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sanitize-html@^1.21.1:
-  version "1.21.1"
-  resolved "https://registry.yarnpkg.com/sanitize-html/-/sanitize-html-1.21.1.tgz#1647d15c0c672901aa41eac1b86d0c38146d30ce"
-  integrity sha512-W6enXSVphVaVbmVbzVngBthR5f5sMmhq3EfPfBlzBzp2WnX8Rnk7NGpP7KmHUc0Y3MVk9tv/+CbpdHchX9ai7g==
-  dependencies:
-    chalk "^2.4.1"
-    htmlparser2 "^3.10.0"
-    lodash.clonedeep "^4.5.0"
-    lodash.escaperegexp "^4.1.2"
-    lodash.isplainobject "^4.0.6"
-    lodash.isstring "^4.0.1"
-    lodash.mergewith "^4.6.1"
-    postcss "^7.0.5"
-    srcset "^1.0.0"
-    xtend "^4.0.1"
-
 sass-graph@^2.2.4:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/sass-graph/-/sass-graph-2.2.4.tgz#13fbd63cd1caf0908b9fd93476ad43a51d1e0b49"
@@ -7518,14 +7472,6 @@ sprintf-js@~1.0.2:
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
 
-srcset@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/srcset/-/srcset-1.0.0.tgz#a5669de12b42f3b1d5e83ed03c71046fc48f41ef"
-  integrity sha1-pWad4StC87HV6D7QPHEEb8SPQe8=
-  dependencies:
-    array-uniq "^1.0.2"
-    number-is-nan "^1.0.0"
-
 sshpk@^1.7.0:
   version "1.16.1"
   resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.16.1.tgz#fb661c0bef29b39db40769ee39fa70093d6f6877"
@@ -8433,11 +8379,6 @@ watchpack@^1.6.0:
     graceful-fs "^4.1.2"
     neo-async "^2.5.0"
 
-webfontloader@^1.6.28:
-  version "1.6.28"
-  resolved "https://registry.yarnpkg.com/webfontloader/-/webfontloader-1.6.28.tgz#db786129253cb6e8eae54c2fb05f870af6675bae"
-  integrity sha1-23hhKSU8tujq5UwvsF+HCvZnW64=
-
 webpack-bundle-analyzer@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-3.6.0.tgz#39b3a8f829ca044682bc6f9e011c95deb554aefd"
@@ -8685,7 +8626,7 @@ xmlbuilder@~11.0.0:
   resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-11.0.1.tgz#be9bae1c8a046e76b31127726347d0ad7002beb3"
   integrity sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==
 
-xtend@^4.0.0, xtend@^4.0.1, xtend@~4.0.1:
+xtend@^4.0.0, xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==