Minify CSS, syntax highlighting

.gitlab-ci.yml

@@ -8,7 +8,7 @@ before_script:
   - chmod 600 ~/.ssh/id_rsa
   - cat /etc/apt/sources.list
   - apt-get update -yq
-  - apt-get install -yq --no-install-recommends rsync
+  - apt-get install -yq --no-install-recommends rsync yui-compressor
   - go get github.com/spf13/hugo
 
 job:
@@ -18,4 +18,5 @@ job:
      - golang
   script:
     - hugo
+    - yui-compressor themes/outerspaces/static/css/outerspace.css -o themes/outerspace/static/css/outerspace.css
     - rsync -az4 --stats --delete-after public/* -e "ssh -i ~/.ssh/id_rsa -o UserKnownHostsFile=/dev/null -o StrictHostKeyChecking=no" ariejan@mail.devroom.io:/home/ariejan/www/ariejan.net/

deploy.sh

@@ -17,5 +17,8 @@ fi
 echo "-- Generating website to ./${source}"
 hugo
 
+echo "-- Compressing CSS"
+yuicompressor themes/outerspaces/static/css/outerspace.css -o themes/outerspace/static/css/outerspace-min.css
+
 echo "-- Uploading using rsync to ${target}"
 rsync -aqz --delete-after --no-progress ${source} -e ssh ${target}

themes/outerspace/layouts/partials/footer.html

@@ -7,6 +7,8 @@
         </p>
     </footer>
 
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/highlight.min.js"></script>
+    <script>hljs.initHighlightingOnLoad();</script>
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

themes/outerspace/static/css/.gitignore

@@ -0,0 +1 @@
+outerspace-min.css

themes/outerspace/static/css/outerspace.css

@@ -3,6 +3,8 @@
 /* Reset */
 html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
 
+.hljs{display:block;overflow-x:auto;padding:0.5em;background:#eaeef3}.hljs{color:#00193a}.hljs-keyword,.hljs-selector-tag,.hljs-title,.hljs-section,.hljs-doctag,.hljs-name,.hljs-strong{font-weight:bold}.hljs-comment{color:#738191}.hljs-string,.hljs-title,.hljs-section,.hljs-built_in,.hljs-literal,.hljs-type,.hljs-addition,.hljs-tag,.hljs-quote,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#0048ab}.hljs-meta,.hljs-subst,.hljs-symbol,.hljs-regexp,.hljs-attribute,.hljs-deletion,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-bullet{color:#4c81c9}.hljs-emphasis{font-style:italic}
+
 html,body {
     font-size: 14px;
 }