Merge pull request #26 from chicio/lhci 🚀

Lighthouse CI 🚀

Author: chicio

.gitignore

@@ -6,4 +6,5 @@ node_modules
 .idea
 *.code-workspace
 vendor/
-.bundle/
+.bundle/
+.lighthouseci

.lighthouserc.json

@@ -0,0 +1,31 @@
+{
+  "ci": {
+    "collect": {
+      "numberOfRuns": 3,
+      "staticDistDir": "./_site",
+      "startServerCommand": "npm start",
+      "url": [
+        "http://localhost:4000/",
+        "http://localhost:4000/blog/",
+        "http://localhost:4000/blog/archive/",
+        "http://localhost:4000/blog/tags/"
+      ]
+    },
+    "assert": {
+      "preset": "lighthouse:recommended",
+      "assertions": {
+        "uses-optimized-images": "off",
+        "uses-webp-images": "off",
+        "uses-responsive-images": "off",
+        "unused-css-rules": "off",
+        "uses-text-compression": "off",
+        "redirects-http": "off",
+        "uses-http2": "off",
+        "is-on-https": "off"
+      }
+    },
+    "upload": {
+      "target": "temporary-public-storage"
+    }
+  }
+}

.travis.yml

@@ -1,14 +1,11 @@
 language: node_js
+os: osx
 node_js:
   - 13.0.1
-env:
-  global:
-    - NOKOGIRI_USE_SYSTEM_LIBRARIES=true  
 addons:
-  apt:
-    packages:
-      - libcurl4-openssl-dev  
-      - zsh
-before_script:
+  chrome: stable
+script:
   - npm run setup
-script: npm run test
+  - npm run test
+after_success:
+  - lhci autorun  

_css/blog-post-tags.scss

@@ -2,40 +2,18 @@
   margin-top: 25px;
   margin-bottom: 25px;
 
-  ul {
-    padding: 0;
+  a {
+    display: inline-block;
+    height: 46px;
 
-    li:before {
-      content: ""
-    }
-
-    li {
-      margin: 0;
-      font-weight: 300;
-      display: inline;
-      list-style-type: none;
-      text-transform: lowercase;
-
-      a {
-        display: inline-block;
-        margin: 4px;
-        color: #ffffff;
-        background-color: $primary-color;
-        text-decoration: none;
-        border-radius: 3px;
-
-        span {
-          float: left;
-          padding: .5px 5px;
-          border-radius: 3px;
-          font-size: 14px;
-        }
-
-        .count {
-          background-color: $primary-color-dark;
-          border-radius: 3px;
-        }
-      }
+    span {
+      margin: 4px;
+      color: #ffffff;
+      background-color: $primary-color;
+      text-decoration: none;
+      border-radius: 3px;
+      font-size: 14px;
+      padding: .5px 5px;  
     }
   }
 }

_css/blog-tags.scss

@@ -3,13 +3,16 @@
   padding-bottom: 30px;
 
   .blog-tag-title {
-    font-size: 20px;
+    font-size: 24px;
     font-weight: bold;
+    margin-bottom: 15px;
   }  
 
   .blog-tag-post {
     a {
       color: $accent-color;
+      display: block;
+      min-height: 46px;
     }
 
     a:hover {

_includes/blog-post-tags.html

@@ -1,12 +1,8 @@
 <div class="blog-tags">
-	<ul>
 		{% for tag in include.tags %}
-		<li>
 			<a onclick="track('{{ site.data.tracking.action.open_blog_tag }}', '{{ site.data.tracking.category.blog_post }}', '{{ site.data.tracking.label.body }}')"
 			   href="/blog/tags#{{ tag }}">
 				<span>{{ tag }}</span>
 			</a>
-		</li>
 		{% endfor %}
-	</ul>
 </div>