Skip to content

Commit aeae0ca

Browse files
actions-useractions-user
committed
stitch
1 parent 84ff1e2 commit aeae0ca

12 files changed

Lines changed: 1082 additions & 1 deletion

File tree

‎.gitignore‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
stitch*
1+
stitch.zip

‎stitch/blog_listing/code.html‎

Lines changed: 199 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,199 @@
1+
<!DOCTYPE html>
2+
3+
<html class="dark" lang="en"><head>
4+
<meta charset="utf-8"/>
5+
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
6+
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&amp;family=Inter:wght@100..900&amp;family=JetBrains+Mono:wght@100..800&amp;display=swap" rel="stylesheet"/>
7+
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
8+
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet"/>
9+
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
10+
<script id="tailwind-config">
11+
tailwind.config = {
12+
darkMode: "class",
13+
theme: {
14+
extend: {
15+
colors: {
16+
"tertiary": "#ffb3af",
17+
"on-error": "#690005",
18+
"surface-container": "#201f1f",
19+
"inverse-on-surface": "#313030",
20+
"surface-tint": "#66d8d2",
21+
"background": "#131313",
22+
"primary": "#66d8d2",
23+
"on-secondary-fixed": "#00184a",
24+
"secondary": "#b3c5ff",
25+
"tertiary-fixed": "#ffdad7",
26+
"surface": "#131313",
27+
"on-primary": "#003735",
28+
"surface-container-lowest": "#0e0e0e",
29+
"surface-container-low": "#1c1b1b",
30+
"on-surface-variant": "#bcc9c7",
31+
"tertiary-fixed-dim": "#ffb3af",
32+
"tertiary-container": "#f66060",
33+
"surface-variant": "#353534",
34+
"on-surface": "#e5e2e1",
35+
"secondary-fixed": "#dbe1ff",
36+
"on-secondary-container": "#9ab3ff",
37+
"outline": "#869392",
38+
"error": "#ffb4ab",
39+
"primary-fixed-dim": "#66d8d2",
40+
"on-secondary": "#002a76",
41+
"on-background": "#e5e2e1",
42+
"secondary-fixed-dim": "#b3c5ff",
43+
"primary-fixed": "#84f5ef",
44+
"on-tertiary-fixed": "#410005",
45+
"on-tertiary-container": "#5e000c",
46+
"on-primary-fixed-variant": "#00504d",
47+
"surface-bright": "#3a3939",
48+
"on-tertiary-fixed-variant": "#8e111d",
49+
"error-container": "#93000a",
50+
"inverse-surface": "#e5e2e1",
51+
"surface-container-high": "#2a2a2a",
52+
"surface-dim": "#131313",
53+
"outline-variant": "#3d4948",
54+
"secondary-container": "#204291",
55+
"on-secondary-fixed-variant": "#204291",
56+
"on-primary-fixed": "#00201f",
57+
"on-primary-container": "#003230",
58+
"primary-container": "#20a39e",
59+
"on-error-container": "#ffdad6"
60+
},
61+
fontFamily: {
62+
headline: ["Space Grotesk", "monospace"],
63+
body: ["Inter", "sans-serif"],
64+
label: ["Space Grotesk", "monospace"],
65+
mono: ["JetBrains Mono", "monospace"]
66+
}
67+
}
68+
}
69+
}
70+
</script>
71+
<style>
72+
body {
73+
background-color: #131313;
74+
font-family: 'JetBrains Mono', monospace;
75+
}
76+
.material-symbols-outlined {
77+
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
78+
}
79+
</style>
80+
</head>
81+
<body class="text-on-surface">
82+
<!-- TopAppBar -->
83+
<header class="fixed top-0 left-0 w-full z-50 flex justify-between items-center px-6 py-4 max-w-[680px] mx-auto bg-[#131313] border-b border-[#3D4948]/15">
84+
<a class="text-2xl font-bold text-[#66D8D2] font-mono uppercase tracking-tight" href="/">jebin2</a>
85+
<nav class="flex gap-4">
86+
<a class="font-mono uppercase tracking-tight text-[0.8rem] text-[#E5E2E1] hover:bg-[#20A39E]/20 hover:text-[#66D8D2] transition-colors px-2 py-1" href="#">projects</a>
87+
<a class="font-mono uppercase tracking-tight text-[0.8rem] text-[#E5E2E1] hover:bg-[#20A39E]/20 hover:text-[#66D8D2] transition-colors px-2 py-1" href="#">links</a>
88+
<a class="font-mono uppercase tracking-tight text-[0.8rem] text-[#66D8D2] underline underline-offset-4 px-2 py-1" href="#">blog</a>
89+
<a class="font-mono uppercase tracking-tight text-[0.8rem] text-[#E5E2E1] hover:bg-[#20A39E]/20 hover:text-[#66D8D2] transition-colors px-2 py-1" href="#">sponsor</a>
90+
</nav>
91+
</header>
92+
<!-- Main Content Canvas -->
93+
<main class="max-w-[680px] mx-auto pt-32 pb-24 px-6">
94+
<!-- Hero Section -->
95+
<section class="mb-16">
96+
<span class="font-mono text-sm text-on-surface-variant opacity-60">// writing</span>
97+
<h1 class="font-headline text-3xl mt-2 text-on-surface font-medium">notes on things i build and learn</h1>
98+
</section>
99+
<!-- Blog List -->
100+
<div class="flex flex-col gap-12">
101+
<!-- Category: C -->
102+
<div>
103+
<div class="font-mono text-xs text-on-surface-variant uppercase tracking-[0.2em] mb-6 opacity-40">
104+
— c —
105+
</div>
106+
<div class="flex flex-col gap-1">
107+
<a class="group flex items-baseline justify-between py-2 hover:bg-surface-container-low transition-all" href="#">
108+
<div class="flex items-baseline gap-3">
109+
<span class="text-primary font-mono text-sm">understanding_pointers_in_kernel_space</span>
110+
<span class="text-secondary text-[0.7rem] font-mono opacity-80">( c )</span>
111+
</div>
112+
<span class="text-on-surface-variant text-[0.7rem] font-mono opacity-50">2024.03.12</span>
113+
</a>
114+
<a class="group flex items-baseline justify-between py-2 hover:bg-surface-container-low transition-all" href="#">
115+
<div class="flex items-baseline gap-3">
116+
<span class="text-primary font-mono text-sm">memory_management_v2</span>
117+
<span class="text-secondary text-[0.7rem] font-mono opacity-80">( c )</span>
118+
</div>
119+
<span class="text-on-surface-variant text-[0.7rem] font-mono opacity-50">2024.01.28</span>
120+
</a>
121+
</div>
122+
</div>
123+
<!-- Category: Machine Learning -->
124+
<div>
125+
<div class="font-mono text-xs text-on-surface-variant uppercase tracking-[0.2em] mb-6 opacity-40">
126+
— machine learning —
127+
</div>
128+
<div class="flex flex-col gap-1">
129+
<a class="group flex items-baseline justify-between py-2 hover:bg-surface-container-low transition-all" href="#">
130+
<div class="flex items-baseline gap-3">
131+
<span class="text-primary font-mono text-sm">fine_tuning_llama3_locally</span>
132+
<span class="text-secondary text-[0.7rem] font-mono opacity-80">( ml )</span>
133+
</div>
134+
<span class="text-on-surface-variant text-[0.7rem] font-mono opacity-50">2024.05.04</span>
135+
</a>
136+
<a class="group flex items-baseline justify-between py-2 hover:bg-surface-container-low transition-all" href="#">
137+
<div class="flex items-baseline gap-3">
138+
<span class="text-primary font-mono text-sm">vector_databases_from_scratch</span>
139+
<span class="text-secondary text-[0.7rem] font-mono opacity-80">( ml )</span>
140+
</div>
141+
<span class="text-on-surface-variant text-[0.7rem] font-mono opacity-50">2024.04.19</span>
142+
</a>
143+
<a class="group flex items-baseline justify-between py-2 hover:bg-surface-container-low transition-all" href="#">
144+
<div class="flex items-baseline gap-3">
145+
<span class="text-primary font-mono text-sm">transformer_architectures_visualized</span>
146+
<span class="text-secondary text-[0.7rem] font-mono opacity-80">( ml )</span>
147+
</div>
148+
<span class="text-on-surface-variant text-[0.7rem] font-mono opacity-50">2023.12.02</span>
149+
</a>
150+
</div>
151+
</div>
152+
<!-- Category: Guides -->
153+
<div>
154+
<div class="font-mono text-xs text-on-surface-variant uppercase tracking-[0.2em] mb-6 opacity-40">
155+
— guides —
156+
</div>
157+
<div class="flex flex-col gap-1">
158+
<a class="group flex items-baseline justify-between py-2 hover:bg-surface-container-low transition-all" href="#">
159+
<div class="flex items-baseline gap-3">
160+
<span class="text-primary font-mono text-sm">setting_up_arch_for_development</span>
161+
<span class="text-secondary text-[0.7rem] font-mono opacity-80">( guide )</span>
162+
</div>
163+
<span class="text-on-surface-variant text-[0.7rem] font-mono opacity-50">2024.02.15</span>
164+
</a>
165+
<a class="group flex items-baseline justify-between py-2 hover:bg-surface-container-low transition-all" href="#">
166+
<div class="flex items-baseline gap-3">
167+
<span class="text-primary font-mono text-sm">minimalist_neovim_configuration</span>
168+
<span class="text-secondary text-[0.7rem] font-mono opacity-80">( guide )</span>
169+
</div>
170+
<span class="text-on-surface-variant text-[0.7rem] font-mono opacity-50">2023.11.20</span>
171+
</a>
172+
<a class="group flex items-baseline justify-between py-2 hover:bg-surface-container-low transition-all" href="#">
173+
<div class="flex items-baseline gap-3">
174+
<span class="text-primary font-mono text-sm">how_to_sponsor_open_source</span>
175+
<span class="text-secondary text-[0.7rem] font-mono opacity-80">( guide )</span>
176+
</div>
177+
<span class="text-on-surface-variant text-[0.7rem] font-mono opacity-50">2023.10.05</span>
178+
</a>
179+
</div>
180+
</div>
181+
</div>
182+
<!-- Vertical Rhythm Divider -->
183+
<div class="py-20 text-center opacity-20 font-mono text-xs tracking-widest text-on-surface-variant">
184+
// // // // //
185+
</div>
186+
</main>
187+
<!-- Footer -->
188+
<footer class="max-w-[680px] mx-auto flex flex-col items-center gap-4 text-center w-full py-12">
189+
<div class="text-[#E5E2E1] font-mono uppercase tracking-widest text-xs opacity-50">jebin2</div>
190+
<div class="flex gap-6">
191+
<a class="font-mono text-[0.68rem] uppercase text-[#BCC9C7] hover:text-[#66D8D2] underline transition-colors" href="#">github</a>
192+
<a class="font-mono text-[0.68rem] uppercase text-[#BCC9C7] hover:text-[#66D8D2] underline transition-colors" href="#">terminal</a>
193+
<a class="font-mono text-[0.68rem] uppercase text-[#BCC9C7] hover:text-[#66D8D2] underline transition-colors" href="#">rss</a>
194+
</div>
195+
<p class="font-mono text-[0.68rem] uppercase text-[#BCC9C7] mt-4">
196+
© 2024 jebin2. Built with intentionality.
197+
</p>
198+
</footer>
199+
</body></html>

‎stitch/blog_listing/screen.png‎

127 KB
Loading

0 commit comments

Comments
 (0)