Some style fixes (#19)

* Optimize css and remove stylesheet files * Optimize css and remove stylesheet files * Fix tag icons
jorgelbg · Jul 30, 2019 · 9331eb2 · 9331eb2
1 parent f5a94e9
commit 9331eb2
Show file tree

Hide file tree

Showing 14 changed files with 469 additions and 165 deletions.
diff --git a/config.toml b/config.toml
@@ -18,14 +18,14 @@ pygmentsUseClasses = true
 [params]
 	name = "Jorge Luis Betancourt"
 	description = "Computo Ergo Sum"
-	bio = "Backend Engineer. I play with Search, Relevance and Web Performance."
+	bio = "Backend Engineer. I play with Search, Relevance and Observability. "
 	# Enter optionally your twitter account
 	twitter = "jorgelbg"
 	enableRSS = true
 
 	# Integrate Javascript files or stylesheets by adding the url to the external assets or by
 	# linking local files with their path relative to the static folder, e.g. "css/styles.css"
-	customCSS = ["css/custom.css"]
+	customCSS = []
 	customJS  = []
 
 	# The variables below are optionally too and can be used to

diff --git a/content/posts/app-version-in-grafana.md b/content/posts/app-version-in-grafana.md
@@ -4,6 +4,7 @@ date: 2019-02-17T14:00:28+01:00
 description: >
     Nice "trick" to visualize the version of your application in your Grafana
     dashboards.
+tags: ["prometheus", "grafana"]
 draft: false
 ---
 

diff --git a/content/posts/elasticsearch-indices-grafana.md b/content/posts/elasticsearch-indices-grafana.md
@@ -3,6 +3,7 @@ title: "Optimize Grafana dashboards with Elasticsearch index aliases"
 description: > 
   Elasticsearch aliases can apply filters automatically to your queries. 
   Let's use it to speed up some Grafana dashboards."
+tags: ["grafana", "elasticsearch"]
 date: 2018-12-20T00:00:00+01:00
 ---
 

diff --git a/content/posts/logs-metrics-for-small-data.md b/content/posts/logs-metrics-for-small-data.md
@@ -2,6 +2,7 @@
 title: "Logs and metrics for Small Data"
 description: "Use Docker, ELK stack, Prometheus and Grafana to solve common problems in your local environment."
 date: 2018-08-23T05:42:44+02:00
+tags: ["prometheus", "grafana", "elk"]
 draft: false
 ---
 

diff --git a/content/posts/solr-contextual-synonyms.md b/content/posts/solr-contextual-synonyms.md
@@ -2,6 +2,7 @@
 title: "Solr Contextual Synonyms with Payloads"
 description: "A different approach for contextual synonyms with Apache Solr using the term payload"
 date: 2018-03-06T01:00:00+01:00
+tags: ["solr", "synonyms"]
 draft: false
 ---
 

diff --git a/content/posts/useful-elasticsearch-watcher-ml-alerts.md b/content/posts/useful-elasticsearch-watcher-ml-alerts.md
@@ -4,6 +4,7 @@ description: >
  Create more useful alerts using Elastic's Watcher and
  Machine Learning.
 date: 2019-03-15T13:00:00+01:00
+tags: ["elasticsearch", "watcher", "machine learning"]
 draft: false
 ---
 

diff --git a/static/css/custom.css b/static/css/custom.css
@@ -503,5 +503,4 @@ nav.main-nav {
   svg.background {
     max-height: 300px;
   }
-}
-
+}
diff --git a/static/images/simpler-header.svg b/static/images/simpler-header.svg
diff --git a/themes/jorgelbg/layouts/_default/baseof.html b/themes/jorgelbg/layouts/_default/baseof.html
@@ -5,17 +5,7 @@
     </head>
 <body>
     <div class="first">
-        <svg class="background" preserveAspectRatio="none" viewBox="0 0 1441 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-        <!-- <g id="Artboard">
-            <path class="lines" d="M0.0962366065,0 L1440,0 L1439.90376,9.24897394 C1371.70284,31.9284054 1289.96842,45.9945207 1194.7005,51.4473197 C857.665285,70.7380242 893.061178,150 719.951882,150 C622.268082,150 525.73955,64.6919277 443.716695,64.6919277 C361.69384,64.6919277 352.688968,87.5476092 287.037748,87.5476092 C243.270268,87.5476092 147.591019,61.4480641 0,9.24897394 L0.0962366065,0 Z" id="Rectangle" fill="#5A67D8"></path>
-            <path class="dots" d="M142.5,63 C138.910149,63 136,60.0898509 136,56.5 C136,52.9101491 138.910149,50 142.5,50 C146.089851,50 149,52.9101491 149,56.5 C149,60.0898509 146.089851,63 142.5,63 Z M288.5,96 C284.910149,96 282,93.0898509 282,89.5 C282,85.9101491 284.910149,83 288.5,83 C292.089851,83 295,85.9101491 295,89.5 C295,93.0898509 292.089851,96 288.5,96 Z M444.5,72 C440.910149,72 438,69.0898509 438,65.5 C438,61.9101491 440.910149,59 444.5,59 C448.089851,59 451,61.9101491 451,65.5 C451,69.0898509 448.089851,72 444.5,72 Z M720.5,156 C716.910149,156 714,153.089851 714,149.5 C714,145.910149 716.910149,143 720.5,143 C724.089851,143 727,145.910149 727,149.5 C727,153.089851 724.089851,156 720.5,156 Z M1196.5,58 C1192.91015,58 1190,55.0898509 1190,51.5 C1190,47.9101491 1192.91015,45 1196.5,45 C1200.08985,45 1203,47.9101491 1203,51.5 C1203,55.0898509 1200.08985,58 1196.5,58 Z" id="Combined-Shape" fill="#A0C8FE"></path>
-        </g> -->
-        <g id="Artboard">
-            <path class="darkline" d="M0.0962366065,0 L1440,0 L1439.90376,9.24897394 C1371.70284,31.9284054 1289.96842,45.9945207 1194.7005,51.4473197 C857.665285,70.7380242 893.061178,150 719.951882,150 C622.268082,150 525.73955,64.6919277 443.716695,64.6919277 C361.69384,64.6919277 352.688968,87.5476092 287.037748,87.5476092 C243.270268,87.5476092 147.591019,61.4480641 0,9.24897394 L0.0962366065,0 Z" id="Rectangle" fill="#5A67D8" opacity="0.496433424"></path>
-            <path class="dots"d="M142.5,63 C138.910149,63 136,60.0898509 136,56.5 C136,52.9101491 138.910149,50 142.5,50 C146.089851,50 149,52.9101491 149,56.5 C149,60.0898509 146.089851,63 142.5,63 Z M288.5,94 C284.910149,94 282,91.0898509 282,87.5 C282,83.9101491 284.910149,81 288.5,81 C292.089851,81 295,83.9101491 295,87.5 C295,91.0898509 292.089851,94 288.5,94 Z M444.5,72 C440.910149,72 438,69.0898509 438,65.5 C438,61.9101491 440.910149,59 444.5,59 C448.089851,59 451,61.9101491 451,65.5 C451,69.0898509 448.089851,72 444.5,72 Z M720.5,156 C716.910149,156 714,153.089851 714,149.5 C714,145.910149 716.910149,143 720.5,143 C724.089851,143 727,145.910149 727,149.5 C727,153.089851 724.089851,156 720.5,156 Z M1196.5,58 C1192.91015,58 1190,55.0898509 1190,51.5 C1190,47.9101491 1192.91015,45 1196.5,45 C1200.08985,45 1203,47.9101491 1203,51.5 C1203,55.0898509 1200.08985,58 1196.5,58 Z" id="Combined-Shape" fill="#3080E8" opacity="0.637058424"></path>
-            <path class="lightline" d="M0.0962366065,0 L1440,0 L1439.90376,9.24897394 C1384.05302,46.9189177 1339.81116,65.7538896 1307.17816,65.7538896 C1258.22868,65.7538896 1187.78567,37.7500322 1135.79982,37.7500322 C994.060728,37.7500322 1040.09806,133.961647 870.12796,104.480824 C813.407641,94.6428476 759.201718,65.746529 719,65.7538896 C678.798282,65.7612502 591.920537,104.480824 535.791086,104.480824 C438.107286,104.480824 403.594187,37.7500322 321.571333,37.7500322 C239.548478,37.7500322 189.071667,75 147.326626,75 C119.496599,75 70.3877232,53.0829913 0,9.24897394 L0.0962366065,0 Z" id="Rectangle-Copy" fill="#8564F2" opacity="0.627943841"></path>
-        </g>
-    </svg>
+        <svg class="background" preserveAspectRatio="none" viewBox="0 0 1441 200"><path class="darkline" d="M.096 0H1440l-.096 9.249c-68.201 22.68-149.936 36.746-245.204 42.198C857.665 70.738 893.061 150 719.952 150c-97.684 0-194.212-85.308-276.235-85.308-82.023 0-91.028 22.856-156.68 22.856-43.767 0-139.446-26.1-287.037-78.299L.096 0z" fill="#5A67D8" opacity=".496"/><path class="lightline" d="M.096 0H1440l-.096 9.249c-55.851 37.67-100.093 56.505-132.726 56.505-48.95 0-119.392-28.004-171.378-28.004-141.74 0-95.702 96.212-265.672 66.73C813.408 94.644 759.202 65.748 719 65.755c-40.202.007-127.08 38.727-183.209 38.727-97.684 0-132.197-66.731-214.22-66.731S189.071 75 147.327 75C119.497 75 70.387 53.083 0 9.249L.096 0z" fill="#8564F2" opacity=".628"/></svg>
     {{ block "profile" . }}{{ end }}
     </div>
     {{ partial "nav.html" . }}

diff --git a/themes/jorgelbg/layouts/_default/single.html b/themes/jorgelbg/layouts/_default/single.html
@@ -9,10 +9,14 @@ <h1>
         <h2 class="headline">
             {{ .Date.Format "January 2, 2006" }}
             <br>
+            <br>
             {{ with .Params.tags }}
             {{ if ge (len .) 1 }}
                 {{ range . }}
-                    <a href="{{ printf "tags/%s" (. | urlize) | absURL }}">{{ . }}</a>
+                <span class="tag">
+                    <svg fill="#718096" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path class="heroicon-ui" d="M2.59 13.41A1.98 1.98 0 0 1 2 12V7a5 5 0 0 1 5-5h4.99c.53 0 1.04.2 1.42.59l8 8a2 2 0 0 1 0 2.82l-8 8a2 2 0 0 1-2.82 0l-8-8zM20 12l-8-8H7a3 3 0 0 0-3 3v5l8 8 8-8zM7 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/></svg>
+                    <a style="margin-left: 10px;" href="{{ printf "tags/%s" (. | urlize) | absURL }}">{{ . }}</a>
+                </span>
                 {{ end }}
             {{ end }}
             {{ end}}

diff --git a/themes/jorgelbg/layouts/partials/footer.html b/themes/jorgelbg/layouts/partials/footer.html
@@ -15,7 +15,7 @@
     <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is
     licensed by
     <a
-      href="http://creativecommons.org/licenses/by/3.0/"
+      href="https://creativecommons.org/licenses/by/3.0/"
       title="Creative Commons BY 3.0"
       target="_blank"
       >CC 3.0 BY</a

diff --git a/themes/jorgelbg/layouts/partials/head.html b/themes/jorgelbg/layouts/partials/head.html
@@ -1,3 +1,4 @@
+<link rel="stylesheet" href="{{ "css/style.css" | absURL }}">
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -6,8 +7,7 @@
 {{ .Hugo.Generator }}
 <title>{{ .Title }}{{ if .IsHome }} &middot; {{ .Site.Title }}{{ end }}</title>
 <link rel="shortcut icon" href="{{ "images/favicon.ico" | absURL }}">
-<link rel="stylesheet" href="{{ "css/style.css" | absURL }}">
-<link rel="stylesheet" href="{{ "css/highlight.css" | absURL }}">
+<link rel="dns-prefetch" href="//www.google-analytics.com/" />
 {{ range .Site.Params.customCSS }}
 <link rel="stylesheet" href="{{ . | absURL }}">
 {{ end }}

diff --git a/themes/jorgelbg/layouts/partials/profile.html b/themes/jorgelbg/layouts/partials/profile.html
@@ -4,8 +4,10 @@
             <a href="{{ "about" | absURL }}">
                 <img id="avatar" class="2x" src="{{ "images/avatar.png" | absURL }}"/>
             </a>
-            <h1>{{ .Site.Params.name }}</h1>
-            <h2>{{ .Site.Params.bio | markdownify }}</h2>
+            <div>
+                <h1>{{ .Site.Params.name }}</h1>
+                <h2>{{ .Site.Params.bio | markdownify }}</h2>
+            </div>
         </header>
     </section>
 </div>