https://app.crackr.dev/sign-in

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6    <link rel="icon" href="/favicon.ico" sizes="any" />
7    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
8    <title>Crackr | Build ML Systems from Scratch</title>
9    <meta
10      name="description"
11      content="Learn ML engineering by building tokenizers, transformers, vector databases, RAG systems, and more from scratch."
12    />
13    <meta name="robots" content="noindex, nofollow" />
14    <meta name="theme-color" content="#F0F0EE" />
15    

15<script>
16      (() => {
17        const root = document.documentElement;
18        let preference = "system";
19
20        try {
21          const stored = localStorage.getItem("crackr-theme");
22          if (stored === "light" || stored === "dark" || stored === "system") {
23            preference = stored;
24          }
25        } catch {
26          // Use the operating-system preference when storage is unavailable.
27        }
28
29        const isDark = preference === "dark"
30          || (preference === "system" && window.matchMedia("(prefers-color-scheme: dark)").matches);
31        const resolved = isDark ? "dark" : "light";
32
33        root.classList.toggle("dark", isDark);
34        root.dataset.theme = resolved;
35        root.dataset.themePreference = preference;
36        root.style.colorScheme = resolved;
37        document.querySelector('meta[name="theme-color"]')
38          ?.setAttribute("content", isDark ? "#0F1014" : "#F0F0EE");
39      })();
40    </script>

40
41    

41<script
42      async
43      defer
44      src="https://cdn.affonso.io/js/pixel.min.js"
45      data-affonso="cmmleat0w001p5uvg5y6q3fgh"
46      data-cookie_duration="30">
47    </script>

47
48    <link rel="preconnect" href="https://fonts.googleapis.com" />
49    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
50    <link
51      href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap"
52      rel="stylesheet"
53    />
54    <link
55      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
56      rel="stylesheet"
57    />
58    

58<script type="module" crossorigin src="/assets/index-BMIYq3ev.js"></script>

58
59    <link rel="stylesheet" crossorigin href="/assets/index-B8GG-mx3.css">
60  </head>
61  <body>
62    <div id="root"></div>
63  </body>
64</html>