Update views

Author: daniel-nichter

layouts/index.html

@@ -55,6 +55,7 @@ <h1 class="post-title">{{ .Title }}</h1>
 		<div class="more blogs">
 			<span class="more">More blogs from MySQL experts</span>
 			<hr>
+			<div><a href="https://database.news/">database.news</a></div>
 			<div><a href="https://lefred.be/">Frédéric "lefred" Descamps</a></div>
 			<div><a href="https://jfg-mysql.blogspot.com/">Jean-François "J-F" Gagné</a></div>
 			<div><a href="https://smalldatum.blogspot.com/">Mark Callaghan</a></div>

layouts/partials/nav.html

@@ -40,15 +40,15 @@
 				<time>{{ .Date.Format "2006-01-02" }}</time>&nbsp;<a href="{{ .Permalink }}">{{ .Title }}</a><br>
 				{{ end }}
 			<div class="subtitle">Most Popular</div>
-				<span class="views">9,802 views</span>
+				<span class="views">10k+</span>
 				<a href="{{ ref . "book-2" }}">MySQL EXPLAIN ANALYZE</a><br>
-				<span class="views">6,209 views</span>
+				<span class="views">&nbsp;6k+</span>
 				<a href="{{ ref . "mysql-threads-running-how-hard-is-mysql-working" }}">MySQL Threads Running: How Hard is MySQL Working?</a><br>
-				<span class="views">5,092 views</span>
+				<span class="views">&nbsp;5k+</span>
 				<a href="{{ ref . "commit-latency-aurora-vs-rds-mysql-8.0" }}">COMMIT Latency: Aurora vs. RDS MySQL 8.0</a><br>
-				<span class="views">4,210 views</span>
+				<span class="views">&nbsp;4k+</span>
 				<a href="{{ ref . "are-aurora-performance-claims-true" }}">Are Aurora Performance Claims True?</a><br>
-				<span class="views">4,081 views</span>
+				<span class="views">&nbsp;4k+</span>
 				<a href="{{ ref . "book-5" }}">I Don't Want to Shard (MySQL)</a><br>
 			<div class="subtitle">Watch and Learn</div>
 				<a href="/path/">An Efficient Path to Learning MySQL Performance</a><br>

src/hackmysql.css

@@ -341,7 +341,7 @@ nav#menu > a:hover { text-decoration: none; }
 .submenu time { color: lightgray; }
 .subtitle { color: hotpink; }
 .subtitle:not(:first-child) { margin-top: 1rem; }
-.views { display: inline-block; color: lightgray; }
+.views { color: lightgray; font-family: mono; font-size: 0.8rem; margin-right: 0.5em; }
 
 div.page {
   display: grid;
@@ -543,9 +543,9 @@ pre code {
 }
 /* Background */ .bg { color: #f8f8f2; background-color: #272822; }
 /* PreWrapper */ .chroma { color: #f8f8f2; background-color: #272822; }
-/* Other */ .chroma .x {  }
+/* Other .chroma .x {} */
 /* Error */ .chroma .err { color:red; /*color: #960050;*/ background-color: #1e0010 }
-/* CodeLine */ .chroma .cl {  }
+/* CodeLine .chroma .cl {} */
 /* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
 /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
 /* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
@@ -560,27 +560,27 @@ pre code {
 /* KeywordPseudo */ .chroma .kp { color: #66d9ef }
 /* KeywordReserved */ .chroma .kr { color: #66d9ef }
 /* KeywordType */ .chroma .kt { color: #66d9ef }
-/* Name */ .chroma .n {}
+/* Name .chroma .n {} */
 /* NameAttribute */ .chroma .na { color: #a6e22e }
-/* NameBuiltin */ .chroma .nb {}
-/* NameBuiltinPseudo */ .chroma .bp {}
+/* NameBuiltin .chroma .nb {} */
+/* NameBuiltinPseudo .chroma .bp {} */
 /* NameClass */ .chroma .nc { color: #a6e22e }
 /* NameConstant */ .chroma .no { color: #66d9ef }
 /* NameDecorator */ .chroma .nd { color: #a6e22e }
-/* NameEntity */ .chroma .ni {  }
+/* NameEntity .chroma .ni {} */
 /* NameException */ .chroma .ne { color: #a6e22e }
 /* NameFunction */ .chroma .nf { color: #a6e22e }
-/* NameFunctionMagic */ .chroma .fm {  }
-/* NameLabel */ .chroma .nl {  }
-/* NameNamespace */ .chroma .nn {  }
+/* NameFunctionMagic .chroma .fm {} */
+/* NameLabel .chroma .nl {} */
+/* NameNamespace .chroma .nn {} */
 /* NameOther */ .chroma .nx { color: #a6e22e }
-/* NameProperty */ .chroma .py {  }
+/* NameProperty .chroma .py {} */
 /* NameTag */ .chroma .nt { color:lightgreen; /* #f92672 */}
-/* NameVariable */ .chroma .nv {}
-/* NameVariableClass */ .chroma .vc {}
-/* NameVariableGlobal */ .chroma .vg {}
-/* NameVariableInstance */ .chroma .vi {}
-/* NameVariableMagic */ .chroma .vm {}
+/* NameVariable .chroma .nv {} */
+/* NameVariableClass .chroma .vc {} */
+/* NameVariableGlobal .chroma .vg {} */
+/* NameVariableInstance .chroma .vi {} */
+/* NameVariableMagic .chroma .vm {} */
 /* Literal */ .chroma .l { color: #ae81ff }
 /* LiteralDate */ .chroma .ld { color: #FAEBD7 }
 /* LiteralString */ .chroma .s { color: #FAEBD7; }
@@ -606,23 +606,23 @@ pre code {
 /* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
 /* Operator */ .chroma .o { color: hotpink; /*#f92672*/ }
 /* OperatorWord */ .chroma .ow { color: #f92672 }
-/* Punctuation */ .chroma .p {}
+/* Punctuation .chroma .p {} */
 /* Comment */ .chroma .c { color: lightpink; }
 /* CommentHashbang */ .chroma .ch { color: lightpink; }
 /* CommentMultiline */ .chroma .cm { color: lightpink; }
 /* CommentSingle */ .chroma .c1 { color: lightpink; }
 /* CommentSpecial */ .chroma .cs { color: lightpink; }
 /* CommentPreproc */ .chroma .cp { color: lightpink; }
 /* CommentPreprocFile */ .chroma .cpf { color: lightpink; }
-/* Generic */ .chroma .g {}
+/* Generic .chroma .g {} */
 /* GenericDeleted */ .chroma .gd { color: #f92672 }
 /* GenericEmph */ .chroma .ge { font-style: italic }
-/* GenericError */ .chroma .gr {}
-/* GenericHeading */ .chroma .gh {}
+/* GenericError .chroma .gr {} */
+/* GenericHeading .chroma .gh {} */
 /* GenericInserted */ .chroma .gi { color: #a6e22e }
-/* GenericOutput */ .chroma .go {}
+/* GenericOutput .chroma .go {} */
 /* GenericStrong */ .chroma .gs { font-weight: bold }
 /* GenericSubheading */ .chroma .gu { color: #75715e }
-/* GenericTraceback */ .chroma .gt {}
-/* GenericUnderline */ .chroma .gl {}
-/* TextWhitespace */ .chroma .w {}
+/* GenericTraceback .chroma .gt {} */
+/* GenericUnderline .chroma .gl {} */
+/* TextWhitespace .chroma .w {} */