website

commit 096dbdbaa3ac45af3b10663485415024b365d992
parent 84b727681920fe36c813e1f9b1a08ad18b92f278
Author: Michael Neuper <michael@michaelneuper.com>
Date:   Wed,  1 Nov 2023 14:44:31 +0200

Ensure better practices

Diffstat:
M
config.toml
 | 
8
++++----
M
static/css/styles.css
 | 
43
++++++++++++++++++++++---------------------

2 files changed, 26 insertions(+), 25 deletions(-)
diff --git a/config.toml b/config.toml
@@ -4,7 +4,7 @@ enableEmoji = true
 enableGitInfo = false
 enableRobotsTXT = true
 googleAnalytics = "G-BLX24KP7CS"
-hasCJKLanguage = true
+hasCJKLanguage = false
 languageCode = "en"
 rssLimit = 10
 theme = "hugo-texify2"
@@ -98,7 +98,8 @@ code = """
         data-color="#b58900" 
         data-position="Right" 
         data-x_margin="18" 
-        data-y_margin="18">
+        data-y_margin="18"
+        crossorigin="anonymous">
 </script>
 """
 
@@ -110,4 +111,4 @@ linkedin = false
 reddit = false
 whatsapp = false
 hackernews = false
-telegram = false
-\ No newline at end of file
+telegram = false
diff --git a/static/css/styles.css b/static/css/styles.css
@@ -49,7 +49,7 @@ table {
   border-bottom: 1px solid var(--text-emphasized);
   border-collapse: collapse;
   border: none;
-  border-radius: .25rem;
+  border-radius: 0.25rem;
   margin-top: 0;
   margin-bottom: 0;
 }
@@ -72,14 +72,11 @@ blockquote {
   background: var(--background-secondary);
 }
 
-pre {
-  position: relative;
-  border-radius: .25rem;
-}
-
 .content pre {
   background-color: var(--background-secondary) !important;
   color: var(--text-emphasized);
+  position: relative;
+  border-radius: 0.25rem;
 }
 
 code {
@@ -114,17 +111,12 @@ main.grid-container {
 
 #main {
   max-width: 1000px;
-}
 
-#main .toc {
-  background-color: var(--background-secondary);
-  border: 1px dashed var(--text-secondary);
-  border-radius: .25rem;
-}
-
-#TableOfContents a {
-  text-decoration: none;
-  color: var(--text);
+  .toc {
+    background-color: var(--background-secondary);
+    border: 1px dashed var(--text-secondary);
+    border-radius: 0.25rem;
+  }
 }
 
 .numbered-subtitles {
@@ -178,7 +170,7 @@ main.grid-container {
   margin: 10px 5px;
   margin-left: -5px;
   border: 2px solid;
-  border-radius: .25rem;
+  border-radius: 0.25rem;
 }
 
 a {
@@ -201,14 +193,14 @@ h2 a {
   color: var(--base1) !important;
 }
 
-nav a.link {
+span.nav-bar-item a.link {
   color: var(--text-emphasized);
   text-decoration: none;
   display: inline-block;
   position: relative;
 }
 
-nav a:after {
+span.nav-bar-item a:after {
   background-color: var(--text-emphasized);
   content: "";
   position: absolute;
@@ -221,11 +213,20 @@ nav a:after {
   transition: transform 0.25s ease-out;
 }
 
-nav a:hover:after {
+span.nav-bar-item a:hover:after {
   transform: scaleX(1);
   transform-origin: bottom left;
 }
 
+#TableOfContents a {
+  text-decoration: none;
+  color: var(--text);
+}
+
+#TableOfContents a:hover {
+  text-decoration: underline;
+}
+
 header a:hover,
 header a:visited,
 header .current a {
@@ -254,7 +255,7 @@ button.copyButton {
   opacity: 0.7;
   border: none;
   padding: 5px 10px;
-  border-radius: .25rem;
+  border-radius: 0.25rem;
   cursor: pointer;
   font-size: 14px;
   transition: opacity 0.3s;