fuck this. we sticking to latex

src/routes/+layout.svelte

@@ -58,7 +58,8 @@
                     <div class="nav-spacer" />
 
                     <!-- <a href="/">Home</a> -->
-                    <a href="/zhen/cv/rev2?hideOnPrint=1" target="_blank" style="width: 7.5rem;">Zhen's CV</a>
+                    <!-- <a href="/zhen/notes/physics/1?hideOnPrint=1" target="_blank" style="width: 7.5rem;">Notes</a> -->
+                    <a href="/zhen/cv/rev2?hideOnPrint=1" target="_blank" style="width: 7.5rem;">Zhen CV</a>
                     <a href="https://botalex.itch.io/" target="_blank">Games</a>
                     <!-- <a href="/posts">Blog</a>
                     <a href="/about">About</a> -->

src/routes/zhen/cv/rev2/+page.svelte

@@ -120,12 +120,6 @@
         }
     }
 
-    @media print {
-    .hide-on-print {
-        display: none;
-    }
-}
-
     .cv-container-container{
         width: 100%;
         height: 100%;
@@ -149,11 +143,6 @@
         padding: auto;
     }
 
-    .include-in-print { &, & * {
-        -webkit-print-color-adjust:exact !important;
-        print-color-adjust:exact !important;
-    }}
-
     .sections {
         // Shared between sections
         > div {

src/routes/zhen/notes/physics/1/+page.svelte

@@ -0,0 +1,72 @@
+<script lang="ts">
+    import A4 from "../sharedComps/A4.svelte";
+</script>
+
+<svelte:head>
+    <script>
+        MathJax = {
+            tex: {
+                inlineMath: [
+                    ["$", "$"],
+                    ["\\(", "\\)"],
+                ],
+            },
+        };
+    </script>
+    <script
+        id="MathJax-script"
+        async
+        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"
+    ></script>
+</svelte:head>
+
+<div class="flex justify-center m-auto text-slate-900">
+    <div class="flex flex-col">
+        <A4>
+            <!-- <div>$$v_f = v_i + at$$</div>
+            <div>$$\Delta x = v_i t + \frac{1}{2} a t^2$$</div>
+            <div>$$v_f^2 = v_i^2 + 2a\Delta x$$</div>
+            <div>$$v_{\text{avg} = \frac{v_i + v_f}{2}$$</div>
+            <div>$$\Delta x = v_{\text{avg}} t$$</div> -->
+
+            <div class="overflow-x-auto">
+                <table class="table">
+                    <!-- head -->
+                    <thead>
+                        <tr>
+                            <th>Symbol</th>
+                            <th>Description</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>$v_i$</td>
+                            <td>Initial velo</td>
+                        </tr>
+                        <tr>
+                            <td>$v_f$</td>
+                            <td>Final velo</td>
+                        </tr>
+                        <tr>
+                            <td>$a$</td>
+                            <td>Accel</td>
+                        </tr>
+                        <tr>
+                            <td>$\Delta x$</td>
+                            <td>The amount of change.</td>
+                        </tr>
+                        <tr>
+                            <td>$t$</td>
+                            <td>You're on your own on this one</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </A4>
+        <A4>
+            {#each { length: 3 } as _, i}
+                <div>test {i}</div>
+            {/each}
+        </A4>
+    </div>
+</div>

src/routes/zhen/notes/physics/sharedComps/A4.svelte

@@ -0,0 +1,9 @@
+<div style="width: 210mm; height: 297mm;" class="bg-white overflow-y-auto overflow-x-hidden">
+    <div class="flex flex-col h-full">
+        <div {...$$restProps}>
+            <slot></slot>
+        </div>
+
+        <div class="border-b-2 mt-auto mb-0 border-dashed border-slate-600 hide-on-print"></div>
+    </div>
+</div>