18:I[868422,["/_next/static/chunks/0htwjvoph0498.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/3pnx9d0f_c6ly.js","/_next/static/chunks/3jtkuz33a278i.js","/_next/static/chunks/3cn85recchj3h.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:16px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Inter-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","script","2",{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-84QERXQGP0","children":null}] 16:["$","script","4",{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'G-84QERXQGP0');\n"},"children":null}] 19:T9524, 1a:T11b8,@charset "UTF-8"; @font-face { font-family: "cmunrm"; src: url("https://www.flashbots.net/fonts/cmunrm.ttf"); } :root { --primary-font: cmunrm; } * { font-family: "cmunrm" !important; font-weight: normal; } /* h1,h2,h3,h4,h5,h6,p{ text-align: center; } */ /* new style */ /* Footnotes for Notion + Super.so Paste this into: Super dashboard → your site → Code → "CSS" tab Tuned to inherit your theme's colors; tweak the few values below to taste. */ /* ── FT cream background (#F2DFCE, the deeper "surface cream") ────────────── The !important overrides Super's theme background. If your theme already uses a light bg you may be able to drop them. The ink line is optional — it swaps pure-black text for the FT's softer near-black, which looks better on the cream. Comment it out if you want to keep your existing text color. (FT's lighter paper white is #FFF1E5 if you ever want to switch back.) */ html, body, .notion-root, .super-content, .notion-page-content, .notion-page__content { background-color: #f2dfce !important; } /* the top navigation / title bar (a separate

with its own bg) */ .notion-navbar, .notion-navbar__content { background-color: #f2dfce !important; border-bottom-color: transparent !important; /* drop the faint divider line */ } /* optional: FT-style near-black ink instead of pure black */ body, .notion-root { color: #33302e; } /* ─────────────────────────────────────────────────────────────────────────── */ /* inline superscript reference, e.g. ...metastable[^12]... */ .fn-ref { font-size: 0.72em; line-height: 0; vertical-align: super; white-space: nowrap; } .fn-ref a { text-decoration: none; font-weight: 600; padding: 0 1px; color: inherit; opacity: 0.85; } .fn-ref a:hover { opacity: 1; text-decoration: underline; } /* the definition lines at the bottom of the post */ .fn-def { font-size: 0.92em; opacity: 0.9; scroll-margin-top: 90px; /* so anchor jumps don't hide under a sticky header */ } .fn-def:target { background: rgba(255, 221, 87, 0.16); /* brief highlight when you jump to a note */ border-radius: 5px; padding: 2px 6px; transition: background 0.6s ease; } .fn-num { font-weight: 600; opacity: 0.6; margin-right: 0.15em; } .fn-back { text-decoration: none; opacity: 0.5; margin-left: 0.3em; } .fn-back:hover { opacity: 1; } /* keep the back-reference target from hiding under a sticky header too */ [id^=fnref-] { scroll-margin-top: 90px; } /* the hover card — light, matches the page (cream surface, ink text, teal links). Anchored to the marker and interactive, so long notes scroll instead of running off-screen. */ .fn-tip { position: absolute; z-index: 99999; display: none; max-width: 340px; max-height: min(60vh, 420px); /* long notes get an internal scroll instead of growing forever */ overflow-y: auto; padding: 12px 14px; background: #f7ecdf; /* light cream surface (a touch lighter than the page) */ color: #33302e; /* FT ink */ border: 1px solid #d8c7b2; border-radius: 10px; font-family: cmunrm, Georgia, "Times New Roman", serif; font-size: 0.9rem; line-height: 1.5; box-shadow: 0 14px 40px rgba(35, 32, 30, 0.22); pointer-events: auto; /* lets you move the cursor onto it and scroll */ } /* match the site's `.notion-semantic-string .link` exactly: ink text, gray underline token, thin underline, slightly faded */ .fn-tip a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--color-text-default-light, #7d7c78); text-decoration-thickness: 1px; text-underline-offset: 2px; opacity: 0.7; transition: opacity 100ms ease-in; } .fn-tip a:hover { opacity: 1; } /* inline code inside a note — Notion scopes its `.code` styling to the content area, which the card (on ) sits outside of, so re-create the site's inline-code look here */ .fn-tip code, .fn-tip .code { background: rgba(135, 131, 120, 0.15); color: #ff4081; padding: 0.15em 0.4em; border-radius: 5px; font-size: 0.88em; } /* slim, on-theme scrollbar for long notes */ .fn-tip::-webkit-scrollbar { width: 8px; } .fn-tip::-webkit-scrollbar-thumb { background: rgba(51, 48, 46, 0.22); border-radius: 8px; } .fn-tip::-webkit-scrollbar-track { background: transparent; }17:["$","body",null,{"children":[["$","$L18",null,{"settings":{"siteId":"743eb5ca-3b4c-4df6-9e14-c616ed557ac6","userId":"c4b69b63-1bb8-491b-8aaf-415a0b04071d","domainName":"vasa.bio","name":"personal website","active":true,"free":false,"tier":"personal","favicon":null,"fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"21418a68246a402496b0118221df0686","indexPageId":"743eb5ca-3b4c-4df6-9e14-c616ed557ac6:::f31ec4ab-cc2e-4482-8dce-abc1ec7f1383","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":false,"advancedSearch":false,"themeToggle":true,"mondayFirst":false,"loadLimits":false,"disableLoadMore":false,"hidePersonInfo":false,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"cookieConsent":{"enabled":false,"position":"bar","texts":[],"categories":{"preferences":true,"statistics":true,"marketing":true}},"redirectSubdomain":null,"canonicalDomain":null,"noIndex":false,"viewsExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"passwordConfigured":false,"navbar":null,"footer":null,"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.6,"layoutMaxWidth":900,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":5,"pageDisplay":"flex"},"header":{"coverHeight":30,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":10,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":200,"coverHeightSmall":128,"titleSize":0.875,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Inter","secondaryFont":"Inter","fonts":[],"baseSize":16,"titleSize":2.5,"headingSize":1,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":56,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F","hoverBackground":null},"footer":{"text":"#37352F","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#262626","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#262626","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#262626","cardHoverBackground":"#2f2f2f","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"743eb5ca-3b4c-4df6-9e14-c616ed557ac6:::21b26602-7d12-47f3-a4cd-57995cb15a9e","content":"\n\n"}],"head":[],"body":[{"id":"743eb5ca-3b4c-4df6-9e14-c616ed557ac6:::1df06d0a-b5ee-4f56-bdf1-e8c3ccc77e3b","content":"$19"}],"style":[],"css":"$1a"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L1b",null,"$L1c","$L1d","$L1e","$L1f","$L20"]}],"$L21"]}]

Building a DFT library from scratch