Update link styles

Author: wiseodd

src/content/post/writing-advice.mdx

@@ -21,25 +21,24 @@ import BlogImage from "@/components/BlogImage.astro";
   - This will make debugging easier, due to how LaTeX shows errors
 - **Quotation marks:** Instead of `"something"`, write ` ``something'' `
   (2 backtics & 2 standard ticks)
-- **Math macros:** Use this and add your own often-used math definitions
-  https://github.com/goodfeli/dlbook_notation/blob/master/math_commands.tex
+- **Math macros:** [Use this](https://github.com/goodfeli/dlbook_notation/blob/master/math_commands.tex)
+  and add your own often-used math definitions
   - So, gone are the days where you need to write `\mathbf{x}` again and again.
     Instead you could just write `\vx`.
 - **Citation:** Always use `natbib`! Two ways of citing:
   - "... has been done before [4]." --- in this case, you use `\citep`
     and write `... has been done before \citep{someone2024}`.
   - "Someone et al, 2024 has done ..." --- in this case, you use `\citet`
     and write `\citet{someone2024} has done ...`
-- **Table:** Always use booktabs instead of standard table.
-  - https://nhigham.com/2019/11/19/better-latex-tables-with-booktabs/
+- **Table:** Always use booktabs instead of standard table. [See this](https://nhigham.com/2019/11/19/better-latex-tables-with-booktabs/).
 - **Style tips:**
   - Figures must always fill the full paper width (or column width).
-    - Use my library: https://github.com/wiseodd/pub-ready-plots
-    - https://github.com/wiseodd/pub-ready-plots?tab=readme-ov-file#creating-a-figure-with-multiple-subplots
+    - Use [my library](https://github.com/wiseodd/pub-ready-plots).
+    - For figures with multiple subplots, avoid creating a single pdf file
+      for each subplot. Instead, [follow this](https://github.com/wiseodd/pub-ready-plots?tab=readme-ov-file#creating-a-figure-with-multiple-subplots)
   - Tables, likewise, must also always fill the full width.
-    - https://tex.stackexchange.com/questions/240154/setting-table-width-exactly-to-linewidth
-  - If you think they are not appropriate for full width, use wrapfig and wraptable:
-    - https://www.overleaf.com/learn/latex/Positioning_images_and_tables
+    [See how](https://tex.stackexchange.com/questions/240154/setting-table-width-exactly-to-linewidth).
+  - If you think they are not appropriate for full width, use [wrapfig and wraptable](https://www.overleaf.com/learn/latex/Positioning_images_and_tables).
 - **Bibliography:**
   - Don't just copy-paste from Google Scholar! Always recheck & edit!
   - E.g. make sure the proper capitalization:

src/styles/app.css

@@ -2,20 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-@font-face {
-  font-family: "Satoshi";
-  src: url("/fonts/Satoshi-Variable.ttf");
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: "Satoshi";
-  src: url("/fonts/Satoshi-VariableItalic.ttf");
-  font-style: italic;
-  font-display: swap;
-}
-
 @layer base {
   :root {
     --background: 210 33% 99%;

tailwind.config.js

@@ -78,18 +78,35 @@ const config = {
         md: "calc(var(--radius) - 2px)",
         sm: "calc(var(--radius) - 4px)",
       },
-      typography: {
+      typography: (theme) => ({
         DEFAULT: {
           css: {
+            // Remove backticks from inline code
             "code::before": {
               content: '""',
             },
             "code::after": {
               content: '""',
             },
+            code: {
+              backgroundColor: "hsl(var(--accent))",
+              borderRadius: theme("borderRadius.DEFAULT"),
+              paddingLeft: theme("spacing[0.5]"),
+              paddingRight: theme("spacing[0.5]"),
+              paddingTop: theme("spacing[0.5]"),
+              paddingBottom: theme("spacing[0.5]"),
+            },
+            a: {
+              color: theme("colors.blue.500"),
+              fontWeight: "400",
+              textDecoration: "none",
+              "&:hover": {
+                textDecoration: "underline",
+              },
+            },
           },
         },
-      },
+      }),
     },
   },
 };