Slightly better styling:

src/app/blog/posts/corebooting-my-thinkpad.mdx

@@ -8,8 +8,40 @@ tags: ["coreboot", "t440p", "dgpu"]
 
 
 ```python
-import random
+# discord api
-print(random.randint(1, 100))
+import discord
+from discord.ext import commands
+
+# custom utilities
+from Utilities import log
+
+log = log.Logger("errors")
+
+class Errors(commands.Cog):
+    def __init__(self, client):
+        self.client = client
+
+    @commands.Cog.listener()
+    async def on_ready(self):
+        await log.info("Errors cog loaded.")
+
+    @commands.Cog.listener()
+    async def on_command_error(self, context, error):
+
+        if isinstance(error, commands.CheckFailure):
+            await context.reply(
+                "You are not priveleged enough to use this command.", 
+                mention_author=False
+            )
+
+        else:
+            await context.reply(
+                f"**Error**\n```diff\n- {error}```",
+                mention_author=False
+            )
+
+def setup(client):
+    client.add_cog(Errors(client))
 ```
 
 # Heading 1

src/app/blog/posts/the-first-entry.mdx

@@ -0,0 +1,10 @@
+---
+title: "The First Entry"
+author: "Timothy Pidashev"
+date: "06/14/2024"
+description: "My first ever blog post!"
+tags: ["first", "blog", "post"]
+---
+
+# The First Entry
+

src/package.json

@@ -30,6 +30,7 @@
     "unified": "^11.0.4"
   },
   "devDependencies": {
+    "@shikijs/rehype": "^1.6.4",
     "@tailwindcss/typography": "^0.5.13",
     "postcss": "^8",
     "tailwindcss": "^3.4.1"

src/style/globals.css

@@ -43,103 +43,104 @@ body {
   font-family: "ComicCodeItalic";
 }
 
-
+/* footer position style */
-/* global.css or a specific css file */
+.footer {
-code {
+  position: relative;
-  background-color: #f5f5f5;
-  color: #333;
-  padding: 0.2em 0.4em;
-  border-radius: 4px;
 }
 
-pre {
+.footer-fixed {
-  background-color: #282c34;
+  position: fixed;
-  color: #abb2bf;
+  bottom: 0;
-  padding: 1em;
-  border-radius: 8px;
-  overflow: auto;
 }
 
-pre code {
+/* Gruvbox Dark Theme for Rehype-highlight with Black Background and No Border */
-  background: none;
-  color: inherit;
-  padding: 0;
-  border-radius: 0;
-}
 
 .hljs {
   display: block;
   overflow-x: auto;
-  padding: 1em;
+  padding: 0.5em;
-  background: #282c34;
+  background: #000000; /* Changed background to black */
-  color: #abb2bf;
+  color: #ebdbb2;
+  border: none; /* Remove border */
+  border-width: 0; /* Ensure no border width */
+  border-style: none; /* Ensure no border style */
+  outline: none; /* Remove outline if any */
 }
 
 .hljs-comment,
 .hljs-quote {
-  color: #7d8799;
+  color: #928374;
   font-style: italic;
 }
 
 .hljs-keyword,
 .hljs-selector-tag,
-.hljs-subst {
-  color: #e06c75;
-}
-
 .hljs-literal,
-.hljs-number,
-.hljs-string,
 .hljs-doctag,
-.hljs-regexp {
-  color: #98c379;
-}
-
 .hljs-title,
 .hljs-section,
-.hljs-selector-id {
-  color: #61afef;
-}
-
-.hljs-subst {
-  font-weight: normal;
-}
-
 .hljs-type,
-.hljs-class .hljs-title {
+.hljs-attr {
-  color: #e5c07b;
+  color: #fb4934;
 }
 
-.hljs-tag,
 .hljs-name,
-.hljs-attribute {
+.hljs-builtin-name,
-  color: #d19a66;
+.hljs-tag {
-}
+  color: #fabd2f;
-
-.hljs-built_in,
-.hljs-builtin-name {
-  color: #56b6c2;
 }
 
+.hljs-attribute,
+.hljs-symbol,
 .hljs-bullet,
-.hljs-code,
 .hljs-addition {
-  color: #d7ba7d;
+  color: #b8bb26;
+}
+
+.hljs-string,
+.hljs-title.class_ {
+  color: #b8bb26;
+}
+
+.hljs-number,
+.hljs-selector-attr,
+.hljs-template-variable,
+.hljs-variable,
+.hljs-selector-id {
+  color: #d3869b;
+}
+
+.hljs-subst,
+.hljs-class,
+.hljs-function {
+  color: #8ec07c;
+}
+
+.hljs-regexp,
+.hljs-link {
+  color: #d3869b;
 }
 
 .hljs-meta {
-  color: #abb2bf;
+  color: #fe8019;
-}
-
-.hljs-deletion {
-  color: #e06c75;
 }
 
+.hljs-built_in,
+.hljs-deletion,
 .hljs-emphasis {
-  font-style: italic;
+  color: #fb4934;
 }
 
 .hljs-strong {
   font-weight: bold;
 }
 
+.hljs-formula {
+  background: #000000;
+  color: #d3869b;
+  border: none; /* Remove border */
+  border-width: 0; /* Ensure no border width */
+  border-style: none; /* Ensure no border style */
+  outline: none; /* Remove outline if any */
+}
+

src/yarn.lock

@@ -186,6 +186,30 @@
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
+"@shikijs/core@1.6.4":
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/@shikijs/core/-/core-1.6.4.tgz#06bbb38f2cac7ee587be68586a9a9c0768a06194"
+  integrity sha512-WTU9rzZae1p2v6LOxMf6LhtmZOkIHYYW160IuahUyJy7YXPPjyWZLR1ag+SgD22ZMxZtz1gfU6Tccc8t0Il/XA==
+
+"@shikijs/rehype@^1.6.4":
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/@shikijs/rehype/-/rehype-1.6.4.tgz#e02eedbbf7134d33db05b9d86bc7a3d83f56dfc5"
+  integrity sha512-rQFnJKb9uJm3lr6DDKoVBSnWcocHGIqfKM591NSDawMxfhm+gPGhgLP6/EX1N2v0qNHQeuzBuunkApWVQbVTCg==
+  dependencies:
+    "@shikijs/transformers" "1.6.4"
+    "@types/hast" "^3.0.4"
+    hast-util-to-string "^3.0.0"
+    shiki "1.6.4"
+    unified "^11.0.4"
+    unist-util-visit "^5.0.0"
+
+"@shikijs/transformers@1.6.4":
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/@shikijs/transformers/-/transformers-1.6.4.tgz#bc0097ec0a2a85093effa137a993512a5609285b"
+  integrity sha512-NqDt7gUg3ayVBnsipT/KoL1pqsVbsvT/2cB0pb5SG2q72qjAv9Lb5OP99pL//BMmI+sMTo+TeARntklyBu4mZQ==
+  dependencies:
+    shiki "1.6.4"
+
 "@swc/counter@^0.1.3":
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/@swc/counter/-/counter-0.1.3.tgz#cc7463bd02949611c6329596fccd2b0ec782b0e9"
@@ -235,7 +259,7 @@
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
   integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
 
-"@types/hast@^3.0.0":
+"@types/hast@^3.0.0", "@types/hast@^3.0.4":
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/@types/hast/-/hast-3.0.4.tgz#1d6b39993b82cea6ad783945b0508c25903e15aa"
   integrity sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==
@@ -859,6 +883,13 @@ hast-util-to-parse5@^8.0.0:
     web-namespaces "^2.0.0"
     zwitch "^2.0.0"
 
+hast-util-to-string@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-to-string/-/hast-util-to-string-3.0.0.tgz#2a131948b4b1b26461a2c8ac876e2c88d02946bd"
+  integrity sha512-OGkAxX1Ua3cbcW6EJ5pT/tslVb90uViVkcJ4ZZIMW/R33DX/AkcJcRrPebPwJkHYwlDHXz4aIwvAAaAdtrACFA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
 hast-util-to-text@^4.0.0:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz#57b676931e71bf9cb852453678495b3080bfae3e"
@@ -2094,6 +2125,13 @@ shebang-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
+shiki@1.6.4:
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/shiki/-/shiki-1.6.4.tgz#7413d7425732fb603e0eafa33aeb7cd6a1b0da74"
+  integrity sha512-X88chM7w8jnadoZtjPTi5ahCJx9pc9f8GfEkZAEYUTlcUZIEw2D/RY86HI/LkkE7Nj8TQWkiBfaFTJ3VJT6ESg==
+  dependencies:
+    "@shikijs/core" "1.6.4"
+
 signal-exit@^4.0.1:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-4.1.0.tgz#952188c1cbd546070e2dd20d0f41c0ae0530cb04"