add autoprefixer via postcss cli

.gitignore

@@ -8,3 +8,6 @@ yarn-debug.log
 yarn-error.log
 
 .DS_Store
+
+# Local Netlify folder
+.netlify

assets/sass/components/_syntax.scss

@@ -33,11 +33,6 @@ div.highlight span {
   // line numbers
   &.lnt {
     color: #999999;
-
-    // disable text selection: https://caniuse.com/#feat=user-select-none
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
     user-select: none;
   }
 }

content/_index.html

@@ -1,6 +1,6 @@
 ---
 title: "Jake Jarvis – Front-End Web Developer in Boston, MA"
-date: 2020-01-02 09:54:53-0400
+date: 2020-01-06 18:44:33-0400
 type: home
 ---
 
@@ -11,7 +11,7 @@ type: home
 
 <p>My recent focus has been on <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" title="&quot;The Brutal Lifecycle of JavaScript Frameworks&quot; by Ian Allen" id="javascript" target="_blank" rel="noopener">modern JavaScript frameworks</a> like <a href="https://reactjs.org/" title="React Official Website" id="react" target="_blank" rel="noopener">React</a>, <a href="https://angular.io/" title="Angular Official Website" id="angular" target="_blank" rel="noopener">Angular</a>, and <a href="https://vuejs.org/" title="Vue.js Official Website" id="vue" target="_blank" rel="noopener">Vue</a> in front of <a href="https://nodejs.org/en/" title="Node.js Official Website" id="node" target="_blank" rel="noopener">Node</a> and <a href="https://golang.org/" title="Golang Official Website" id="golang" target="_blank" rel="noopener">Go</a> backends...</p>
 <p>...but I'm fluent in classics like <a href="https://stitcher.io/blog/php-in-2019" title="&quot;PHP in 2019&quot; by Brent Roose" id="php" target="_blank" rel="noopener">PHP</a>, <a href="https://www.ruby-lang.org/en/" title="Ruby Official Website" id="ruby" target="_blank" rel="noopener">Ruby</a>, <a href="https://www.python.org/" title="Python Official Website" id="python" target="_blank" rel="noopener">Python</a>, and <a href="https://go.java/index.html" title="Java Official Website" id="java" target="_blank" rel="noopener">Java</a> as well.</p>
-<p>Whenever possible, I prioritize my interest in <a href="https://bugcrowd.com/jakejarvis" title="Jake Jarvis on Bugcrowd" id="infosec" target="_blank" rel="me noopener">information security</a>, <a href="https://martinfowler.com/articles/serverless.html" title="&quot;Serverless Architectures&quot; by Mike Roberts" id="server" target="_blank" rel="noopener">server<span id="serverless">(less)</span> architecture</a>, <a href="https://roadmap.sh/devops/2018" title="&quot;DevOps Roadmap&quot; by Kamran Ahmed" id="devops" target="_blank" rel="noopener">efficient DevOps &amp; CI</a>, and the <a href="https://engineering.fb.com/data-center-engineering/tupperware/" title="&quot;Containerized Deployment at Facebook&quot; by Kenny Yu &amp; Chunqiang Tang" id="containers" target="_blank" rel="noopener">containerization of everything</a>.</p>
+<p>Whenever possible, I prioritize my interest in <a href="https://bugcrowd.com/jakejarvis" title="Jake Jarvis on Bugcrowd" id="infosec" target="_blank" rel="me noopener">information security</a>, <a href="https://martinfowler.com/articles/serverless.html" title="&quot;Serverless Architectures&quot; by Mike Roberts" id="server" target="_blank" rel="noopener">server<span id="serverless">(less)</span> architecture</a>, <a href="https://roadmap.sh/devops" title="&quot;DevOps Roadmap&quot; by Kamran Ahmed" id="devops" target="_blank" rel="noopener">efficient DevOps &amp; CI</a>, and the <a href="https://engineering.fb.com/data-center-engineering/tupperware/" title="&quot;Containerized Deployment at Facebook&quot; by Kenny Yu &amp; Chunqiang Tang" id="containers" target="_blank" rel="noopener">containerization of everything</a>.</p>
 <p>I fell in love with <a href="/y2k/" title="My Terrible, Horrible, No Good, Very Bad First Website" id="y2k">frontend web design</a> and <a href="/notes/my-first-code/" title="Jake's Bulletin Board, circa 2003" id="jbb">backend programming</a> when my only source of income was <a href="/birthday/" title="🎉 Cranky Birthday Boy on VHS Tape 📼" id="birthday">the Tooth Fairy</a>. <span id="shh">(I've improved a bit since then...)</span></p>
 <p>Over the years, my side projects
   <a href="https://tuftsdaily.com/news/2012/04/06/student-designs-iphone-joeytracker-app/" title="&quot;Student designs iPhone JoeyTracker app&quot; on The Tufts Daily" id="news-1" target="_blank" rel="noopener">have</a>

package.json

@@ -22,17 +22,20 @@
     "start": "hugo server --buildDrafts --buildFuture --port 1313 --bind 0.0.0.0 --verbose",
     "optimize": "run-p optimize:**",
     "optimize:html": "html-minifier --html5 --collapse-whitespace --preserve-line-breaks --minify-css --file-ext html --input-dir public --output-dir public **/*.html",
-    "optimize:css": "cleancss -O0 --format 'keep-breaks' -o public/style.css public/style.css",
+    "optimize:css": "postcss public/style.css --use autoprefixer --no-map --replace --verbose; sleep 5; cleancss -O0 --format 'keep-breaks' -o public/style.css public/style.css",
     "optimize:img": "find public/ -type d | xargs -n1 -P8 -I{} imagemin {}/* --plugin=jpegoptim --plugin.jpegoptim.progressive --plugin.jpegoptim.stripAll --plugin=pngquant --plugin.pngquant.speed=5 --plugin.pngquant.strip --plugin=optipng --plugin.optipng.optimizationLevel=2 --plugin=svgo --plugin=gifsicle --out-dir={}",
     "lint": "run-p lint:**",
     "lint:markdown": "markdownlint content/notes/**/*.md",
     "lint:sass": "stylelint assets/sass/**/* --syntax scss",
+    "lint:links": "linkinator http://localhost:1313/ --recurse --silent --skip https://www.shodan.io/ --skip https://archive.today/ --skip https://archive.is/",
     "debug:hugo": "hugo version; hugo env",
     "debug:size": "get-folder-size --folder=public"
   },
   "dependencies": {},
   "devDependencies": {
+    "autoprefixer": "^9.7.3",
     "clean-css-cli": "~4.3.0",
+    "cross-env": "^6.0.3",
     "get-folder-size": "^2.0.1",
     "html-minifier": "~4.0.0",
     "hugo-bin": "0.50.1",
@@ -43,8 +46,11 @@
     "imagemin-optipng": "^7.1.0",
     "imagemin-pngquant": "^8.0.0",
     "imagemin-svgo": "^7.0.0",
+    "linkinator": "^1.8.2",
     "markdownlint-cli": "~0.21.0",
+    "netlify-cli": "^2.25.0",
     "npm-run-all": "^4.1.5",
+    "postcss-cli": "^6.1.3",
     "rimraf": "^3.0.0",
     "stylelint": "~12.0.1",
     "stylelint-config-recommended-scss": "~4.1.0",
@@ -58,6 +64,25 @@
   "hugo-bin": {
     "buildTags": "extended"
   },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {}
+    }
+  },
+  "browserslist": [
+    ">= 1%",
+    "last 2 major versions",
+    "not dead",
+    "Chrome >= 56",
+    "Firefox >= 51",
+    "Safari >= 10",
+    "Edge >= 15.15063",
+    "Opera >= 43",
+    "Android >= 6",
+    "iOS >= 10.3",
+    "Explorer 11",
+    "not ExplorerMobile <= 11"
+  ],
   "stylelint": {
     "extends": "stylelint-config-recommended-scss",
     "rules": {}