2c:I[868422,["/_next/static/chunks/35t5sqh5ez8k2.js","/_next/static/chunks/3cmvik1zogxvy.js","/_next/static/chunks/08ggvtkbmflwd.js","/_next/static/chunks/2igqmd-_0c3uq.js","/_next/static/chunks/3halbrm959smu.js","/_next/static/chunks/1a18tfa2g5p0b.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets.super.so/global/fonts/Syne/syne-v14-latin-ext_latin-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets.super.so/global/fonts/Space_Grotesk/space-grotesk-v12-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://fma2.github.io/super/styles.css","style"] :HL["https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Karla:ital,wght@0,200..800;1,200..800&display=swap","style"] :HL["https://fonts.googleapis.com/css2?family=Material+Icons","style"] :HL["https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined","style"] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:18px}"}}] 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-Syne-600",{"rel":"preload","href":"https://assets.super.so/global/fonts/Syne/syne-v14-latin-ext_latin-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Space Grotesk-regular",{"rel":"preload","href":"https://assets.super.so/global/fonts/Space_Grotesk/space-grotesk-v12-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link",null,{"rel":"preload","href":"https://fma2.github.io/super/styles.css","as":"style"}] 16:["$","link",null,{"rel":"preload","href":"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Karla:ital,wght@0,200..800;1,200..800&display=swap","as":"style"}] 17:["$","link",null,{"rel":"preload","href":"https://fonts.googleapis.com/css2?family=Material+Icons","as":"style"}] 18:["$","link",null,{"rel":"preload","href":"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined","as":"style"}] 19:["$","link","link-https://fma2.github.io/super/styles.css",{"href":"https://fma2.github.io/super/styles.css","rel":"stylesheet","precedence":"custom"}] 1a:["$","link","link-https://fonts.googleapis.com",{"rel":"preconnect","href":"https://fonts.googleapis.com"}] 1b:["$","link","link-https://fonts.gstatic.com",{"rel":"preconnect","href":"https://fonts.gstatic.com","crossorigin":""}] 1c:["$","link","link-https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Karla:ital,wght@0,200..800;1,200..800&display=swap",{"href":"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Karla:ital,wght@0,200..800;1,200..800&display=swap","rel":"stylesheet","precedence":"custom"}] 1d:["$","link","link-https://fonts.googleapis.com/css2?family=Material+Icons",{"href":"https://fonts.googleapis.com/css2?family=Material+Icons","rel":"stylesheet","precedence":"custom"}] 1e:["$","link","link-https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined",{"href":"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined","rel":"stylesheet","precedence":"custom"}] 1f:["$","script","17",{"dangerouslySetInnerHTML":{"__html":"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-M63X3TQV');"},"children":null}] 20:["$","script","script-https://www.googletagmanager.com/gtag/js?id=G-VK0TPM9WL6",{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-VK0TPM9WL6","suppressHydrationWarning":true}] 21:["$","script","25",{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'G-VK0TPM9WL6');\n"},"children":null}] 28:T4ab, (function() { function removeNotionElement() { // Remove the specific element by ID var elementById = document.getElementById('block-91ce80c704fa4f24934da6376c27fdfe'); if (elementById) { elementById.remove(); } // Remove all .notion-toggle.bg-pink elements var toggleElements = document.querySelectorAll('.notion-toggle.bg-pink'); toggleElements.forEach(function(toggle) { toggle.remove(); }); // Remove or hide the parent callout if it becomes empty var pinkCallouts = document.querySelectorAll('.notion-callout.bg-pink-light'); pinkCallouts.forEach(function(callout) { if (callout.children.length === 0 || callout.querySelector('.notion-toggle.bg-pink') === null) { callout.remove(); // Remove the callout entirely } }); } function runRemoval() { removeNotionElement(); setInterval(removeNotionElement, 5000); // Run every 5 seconds } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", runRemoval); } else { runRemoval(); } })(); 22:["$","script","29",{"dangerouslySetInnerHTML":{"__html":"$28"},"children":null}] 23:["$","style","33",{"dangerouslySetInnerHTML":{"__html":"\n.lightbox-wrapper {\n position: fixed;\n width: 100%;\n height: 100vh;\n background: rgba(0, 0, 0, .8);\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 9999;\n display: none;\n justify-content: center;\n align-items: center;\n backdrop-filter: blur(5px);\n}\n\n.close-lightbox {\n position: absolute;\n top: 20px;\n right: 20px;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 30px;\n background: rgba(255, 255, 255, 0.2);\n color: #fff;\n border-radius: 50%;\n cursor: pointer;\n transition: background 0.3s ease;\n}\n\n.close-lightbox:hover {\n background: rgba(255, 255, 255, 0.4);\n}\n\n.lightbox-image {\n max-width: 90%;\n max-height: 90%;\n object-fit: contain;\n border-radius: 4px;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);\n}\n\n.notion-image img, .notion-collection-card__cover img {\n cursor: zoom-in !important;\n}\n"},"children":null}] 29:Td8b, (function() { const createLightboxStructure = () => { const lightboxHTML = ` `; document.body.insertAdjacentHTML('beforeend', lightboxHTML); }; const attachListenersToImages = () => { const images = document.querySelectorAll('.notion-image img, .notion-collection-card__cover img'); images.forEach(image => { if (!image.dataset.lightboxInitialized) { image.addEventListener('click', (e) => { const lightboxImage = document.querySelector('.lightbox-image'); const lightboxWrapper = document.querySelector('.lightbox-wrapper'); lightboxImage.setAttribute("src", e.target.src); lightboxWrapper.style.display = 'flex'; lightboxWrapper.classList.add('open'); }); image.dataset.lightboxInitialized = 'true'; } }); }; const initLightbox = () => { if (!document.querySelector('.lightbox-wrapper')) { createLightboxStructure(); } const lightboxImage = document.querySelector('.lightbox-image'); const lightboxWrapper = document.querySelector('.lightbox-wrapper'); const closeLightbox = document.querySelector('.close-lightbox'); attachListenersToImages(); [lightboxWrapper, closeLightbox].forEach(element => { element.addEventListener('click', (e) => { if (e.target !== lightboxImage) { lightboxWrapper.style.display = 'none'; lightboxWrapper.classList.remove('open'); lightboxImage.setAttribute("src", ''); } }); }); document.addEventListener('keydown', event => { if (event.key === 'Escape') { lightboxWrapper.style.display = 'none'; } }); }; const observeNewImages = () => { const observerConfig = { childList: true, subtree: true }; const observer = new MutationObserver((mutationsList) => { for (const mutation of mutationsList) { if (mutation.type === 'childList') { const addedNodes = Array.from(mutation.addedNodes); const hasNewImages = addedNodes.some(node => node.nodeType === Node.ELEMENT_NODE && (node.matches('.notion-image') || node.matches('.notion-collection-card') || node.querySelector('.notion-image img, .notion-collection-card__cover img')) ); if (hasNewImages) { attachListenersToImages(); } } } }); observer.observe(document.body, observerConfig); }; window.addEventListener('load', e => { setTimeout(function () { initLightbox(); observeNewImages(); if (window.events && typeof window.events.on === 'function') { window.events.on('routeChangeComplete', url => { initLightbox(); }); } }, 500); }); })(); 24:["$","script","35",{"dangerouslySetInnerHTML":{"__html":"$29"},"children":null}] 2a:T8bc, (function() { // Function to process links function processLinks() { try { // More flexible selector for the info link const infoLinks = document.querySelectorAll('a[href*="farheen.design"]'); infoLinks.forEach(function(link) { if (link) { link.removeAttribute('target'); link.removeAttribute('rel'); console.log('Removed target from:', link); } }); // Logo link replacement const logoLinks = document.querySelectorAll('.super-navbar__logo'); logoLinks.forEach(function(link) { if (link && link.tagName === 'A') { // Replace the existing link with a new one to avoid event issues const newLink = document.createElement('a'); newLink.setAttribute('href', 'https://farheen.design'); newLink.className = link.className; // Copy the inner HTML content (the logo text) newLink.innerHTML = link.innerHTML; // Add an explicit click handler as a backup newLink.addEventListener('click', function(e) { e.preventDefault(); window.location.href = 'https://farheen.design'; }); // Replace the old link with the new one if (link.parentNode) { link.parentNode.replaceChild(newLink, link); } } }); } catch (error) { console.error('Error processing links:', error); } } // Run more frequently and for a longer period to ensure it catches the elements function runProcessing() { // Run immediately processLinks(); // Run again multiple times to catch late-loading elements for (let i = 1; i <= 10; i++) { setTimeout(processLinks, i * 1000); } // Also set up a longer-term interval setInterval(processLinks, 3000); } // Initialize on page load if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", runProcessing); } else { runProcessing(); } // Also run when navigation happens if (window.events && typeof window.events.on === 'function') { window.events.on('routeChangeComplete', runProcessing); } })(); 25:["$","script","37",{"dangerouslySetInnerHTML":{"__html":"$2a"},"children":null}] 2b:Td36, (function() { // Monitor the DOM for changes, specifically looking for TOC updates function setupTOCMonitoring() { // Create a MutationObserver to watch for DOM changes const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { // Check if new nodes were added if (mutation.addedNodes && mutation.addedNodes.length > 0) { // Look for TOCs or toggle openings const hasTOC = Array.from(mutation.addedNodes).some(node => node.nodeType === Node.ELEMENT_NODE && (node.classList && ( node.classList.contains('notion-table-of-contents') || (node.classList.contains('notion-toggle') && node.classList.contains('open')) ) || node.querySelector('.notion-table-of-contents')) ); if (hasTOC) { // Process TOCs immediately when they appear processTOCs(); } } // Also check for class changes (like toggle opening) if (mutation.type === 'attributes' && mutation.attributeName === 'class' && mutation.target.classList.contains('notion-toggle') && mutation.target.classList.contains('open')) { // If a toggle was opened, check for TOCs inside if (mutation.target.querySelector('.notion-table-of-contents')) { processTOCs(); } } }); }); // Configure the observer to watch the entire document observer.observe(document.body, { childList: true, // Watch for immediate children changes subtree: true, // Watch all descendants attributes: true, // Watch attributes attributeFilter: ['class'] // Only watch class changes }); } // Process all TOCs on the page function processTOCs() { // Find all TOC items const tocItems = document.querySelectorAll('.notion-table-of-contents__item'); // Get all headings in callouts for reference const headingsInCallouts = Array.from(document.querySelectorAll('.notion-callout .notion-heading')); const calloutHeadingIds = headingsInCallouts.map(h => h.id); // Check each TOC item tocItems.forEach(item => { const link = item.querySelector('a'); if (!link) return; const href = link.getAttribute('href'); if (!href) return; // Extract the ID from the href const targetId = href.startsWith('#') ? href.substring(1) : href; // Check if this TOC item points to a heading in a callout if (calloutHeadingIds.includes(targetId)) { // Hide the TOC item immediately item.style.display = 'none'; } }); } // Initialize the monitoring function init() { // Process existing TOCs processTOCs(); // Set up the observer setupTOCMonitoring(); // Periodically check as a fallback setInterval(processTOCs, 2000); } // Run when the DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } // Also handle SPA navigation if (window.events && typeof window.events.on === 'function') { window.events.on('routeChangeComplete', function() { setTimeout(init, 500); }); } })(); 26:["$","script","39",{"dangerouslySetInnerHTML":{"__html":"$2b"},"children":null}] 2d:T3176, 2e:T4626,/*---------------------------*/ /*TYPOGRAPHY*/ /*@font-face {*/ /* font-family: "Overused-Grotesk";*/ /* src: url('https://raw.githubusercontent.com/RandomMaerks/Overused-Grotesk/master/fonts/variable/OverusedGroteskRoman-VF.ttf');*/ /*}*/ h1, h1 strong, h2, h3, h4, h5, h6, .notion-heading, .super-navbar__logo-text { /*font-family: Lexend Exa;*/ } p, li, span, figcaption, .notion-page__properties .notion-property { /*font-family: DM Sans;*/ font-family: Karla; } /*Buttons*/ .notion-root .notion-text strong .notion-link, .notion-root .notion-text .notion-link strong { font-weight: 500 !important; } /*---------------------------*/ /*HOMEPAGE*/ /*---------------------------*/ /*HIDDEN CONTENT*/ /*---------------------------*/ /*NAVBAR*/ /*---------------------------*/ /*FOOTER*/ /*---------------------------*/ /* HEADER BLOCK*/ .notion-page__properties-layout { grid-row: 5 !important; } /*---------------------------*/ /*ARTICLE METADATA*/ /*---------------------------*/ /*DATABASE ITEMS*/ /*Galleries*/ .notion-collection-card { border: none !important; } .notion-collection-card__content .notion-property__title { margin-top: 0rem; padding-top: 4rem; z-index: 0; } .notion-property__title__icon-wrapper { display: none !important; } html.theme-light .notion-collection-gallery .notion-collection-card__content { /*background: linear-gradient(to top, #FFF1E6 0, rgba(255, 241, 230, 0) 100%)*/ background: linear-gradient(to top, #130D07 0, rgba(19, 13, 7, 0) 100%); } html.theme-dark .notion-collection-gallery .notion-collection-card__content { background: linear-gradient(to top, #130D07 0, rgba(19, 13, 7, 0) 100%); } html.theme-light .notion-collection-card__content, html.theme-light .notion-collection-gallery .pill-default { /*color: var(--color-text-default) !important;*/ z-index: 0; } .notion-collection-gallery.large { grid-template-columns: 1fr !important; grid-gap: calc(var(--column-spacing) * 4) !important; } .notion-collection-gallery.medium { grid-template-columns: 1fr 1fr !important; grid-gap: calc(var(--column-spacing) * 4) calc(var(--column-spacing) * 2) !important; } .notion-collection-gallery.large .notion-collection-card:nth-child(26n+12), .notion-collection-gallery.large .notion-collection-card:nth-child(26n+2), .notion-collection-gallery.large .notion-collection-card:nth-child(26n+20), .notion-collection-gallery.large .notion-collection-card:nth-child(26n+8), .notion-collection-gallery.medium .notion-collection-card:nth-child(26n+12):not(:last-child), .notion-collection-gallery.medium .notion-collection-card:nth-child(26n+2):not(:last-child), .notion-collection-gallery.medium .notion-collection-card:nth-child(26n+20):not(:last-child), .notion-collection-gallery.medium .notion-collection-card:nth-child(26n+8):not(:last-child) { grid-column: auto/auto !important; grid-row: auto/auto !important; } .notion-collection-gallery.medium .notion-collection-card:last-of-type { grid-column: auto/auto !important; } .notion-collection-gallery .notion-collection-card { position: relative !important; background: transparent !important; transition: 0.3s ease-out !important; border-radius: 0 !important; } .notion-collection-gallery.large .notion-collection-card { display: grid !important; grid-template-columns: 40% 1fr !important; gap: calc(var(--column-spacing) * 2) !important; position: relative !important; width: 100% !important; overflow: visible !important; } .notion-collection-gallery.medium .notion-collection-card, .notion-collection-gallery.small .notion-collection-card { display: block !important; grid-template-columns: unset !important; overflow: visible !important; } .notion-collection-gallery .notion-collection-card__cover { width: 100% !important; object-fit: cover !important; background: var(--color-asset-background) !important; border-radius: var(--collection-card-border-radii) !important; position: relative !important; z-index: 1 !important; transition: all 0.3s ease !important; } .notion-collection-gallery .notion-collection-card:hover .notion-collection-card__cover { filter: brightness(0.8) !important; /*filter: blur(2px) !important;*/ /*background: var(--color-card-bg-hover) !important;*/ /*transform: translateY(-2px) !important;*/ } .notion-collection-gallery.large .notion-collection-card__cover { min-height: 0 !important; height: auto !important; aspect-ratio: 1/1 !important; grid-column: 1 !important; } .notion-collection-gallery.medium .notion-collection-card__cover { min-height: 0 !important; height: auto !important; width: 100% !important; aspect-ratio: 4/3 !important; max-height: 480px !important; } .notion-collection-gallery.small .notion-collection-card__cover { width: 100% !important; aspect-ratio: 4/3 !important; max-height: 200px !important; } .notion-collection-gallery.large .notion-collection-card__content { grid-column: 2 !important; width: 75% !important; padding: 0 !important; background: transparent !important; display: flex !important; flex-direction: column !important; justify-content: center !important; margin-bottom: 1rem !important; position: relative !important; } .notion-collection-gallery.medium .notion-collection-card__content, .notion-collection-gallery.small .notion-collection-card__content { width: 100% !important; margin-bottom: var(--collection-card-content-padding) !important; position: static !important; background: transparent !important; padding-left: 0 !important; padding-right: 0 !important; } .notion-collection-gallery .notion-collection-card__content .notion-property__title { line-height: 1.2 !important; font-weight: 500 !important; letter-spacing: -0.02em !important; } .notion-collection-gallery.large .notion-collection-card__content .notion-property__title { font-size: var(--heading3-size) !important; margin-bottom: 8px !important; } .notion-collection-gallery.medium .notion-collection-card__content .notion-property__title { font-size: var(--heading4-size) !important; padding-top: 0 !important; } .notion-collection-gallery.small .notion-collection-card__content .notion-property__title { font-size: var(--heading5-size) !important; padding-top: 0 !important; } /*Styles for index with pill labels only*/ .notion-collection-card__content .notion-property__select .notion-pill { max-width: 100% !important; } .notion-collection-card__content:not(:has(div.notion-property__title)) { display: grid !important; grid-template-columns: auto 1fr auto; overflow: hidden !important; } .notion-collection-card__content:not(:has(div.notion-property__title)) .property-787c6562 { grid-column: 1; max-height: 32px; } .notion-collection-card__content:not(:has(div.notion-property__title)) .property-4a6c433c { grid-column: 2; justify-content: right; max-height: 32px; } .notion-collection-card__content:not(:has(div.notion-property__title)) .property-53606044 { grid-column: 3; justify-content: right; max-height: 32px; } .notion-collection-card__content:not(:has(div.notion-property__title)) .property-53606044 span, .notion-collection-card__content:not(:has(div.notion-property__title)) .property-4a6c433c span { width: auto !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-inline-end: 0px !important; margin-inline-start: 6px !important; } .notion-collection-card__content .property-53606044 > span:nth-of-type(3) { display: none; } .notion-collection-gallery.medium .notion-collection-card__content .property-53606044 > span:nth-of-type(1) { display: none; } .notion-collection-gallery.small .notion-collection-card__content .property-53606044 > span:nth-of-type(2) { display: none; } @media (max-width: 880px) { .notion-collection-card__content:not(:has(div.notion-property__title)) { display: flex !important; display: grid !important; } .notion-collection-card__content:not(:has(div.notion-property__title)) .property-53606044 { /*justify-content: left;*/ justify-content: right; } .notion-collection-card__content .property-53606044 span { width: auto !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .notion-collection-card__content:not(:has(div.notion-property__title)) { grid-template-columns: auto 1fr 1fr; } .notion-collection-card__content:not(:has(div.notion-property__title)) .property-4a6c433c { display: none; } .notion-collection-card__content .property-787c6562 > span:nth-of-type(2) { display: none; } .notion-collection-card__content .property-53606044 > span:nth-of-type(1) { display: none; } .notion-collection-gallery.medium .notion-collection-card { min-height: 296px; } } /*Lists*/ .notion-collection-list__item-content .notion-property.property-7246426f { font-size: 0.7rem !important; } .notion-collection-list__item { padding-left: 1rem !important; padding-right: 1rem !important; } /*DATABASE CONTROLS*/ .notion-dropdown__option.active { background: var(--color-bg-brown) !important; } .notion-dropdown__option:hover { background: var(--color-card-bg-hover) !important; } .notion-dropdown__option:hover p { color: var(--color-text-default) !important; } /*---------------------------*/ /*ARTICLE CONTENT*/ article .notion-heading:except(h1) { padding-bottom: 12px !important; } .notion-text__content { padding-bottom: 12px !important; min-height: auto !important; } /* Default padding for all screens */ article > .notion-text:not(.notion-column .notion-text, .notion-callout .notion-text, .notion-quote .notion-text), article > .notion-heading:not(.notion-column .notion-heading, .notion-callout .notion-heading, .notion-quote .notion-heading, h1.notion-heading), article > .notion-bulleted-list:not(.notion-column .notion-bulleted-list, .notion-callout .notion-bulleted-list, .notion-quote .notion-bulleted-list) { padding-right: calc(100% - 720px) !important; /* Uncomment the following lines if you want centered content */ /*padding-right: calc((100% - 640px) / 2) !important; */ /*padding-left: calc((100% - 640px) / 2) !important; */ } /*---------------------------*/ /*CALLOUTS*/ /*---------------------------*/ /*BOOKMARKS*/ /*---------------------------*/ /*QUOTES*/ .notion-quote .notion-heading.color-gray { color: var(--color-gray); } /*---------------------------*/ /*TOGGLES */ /*---------------------------*/ /*VIDEO*/ /*---------------------------*/ /*IMAGES*/ /*Custom backgrounds*/ /*---------------------------*/ /*---------------------------*/ /*MOBILE STYLES*/ @media (max-width: 880px) { /*Layout & structure*/ .notion-root { padding-left: var(--padding-mobile); padding-right: var(--padding-mobile); } /*Navbar*/ .super-navbar__logo-text { font-size: calc((var(--mobile-site-title-font-font-size-value) - 1) * 0.012 * min(100vh, 900px) + 1rem) !important; } .super-navbar__actions { padding-right: 0 !important; } .super-navbar__content { padding: var(--padding-mobile) !important; } .super-navbar__content:has(.lucide-x[type=X]) { background-color: var(--color-tan) !important; color: var(--color-black); } .super-navbar__menu-wrapper { width: 100vw; height: 100vh; transform-origin: top; } .super-navbar__menu { background-color: var(--color-tan) !important; color: var(--color-black) !important; height: 100vh !important; width: 100vw !important; max-height: 100vh !important; max-width: 100vw !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; padding: 0 !important; overflow: hidden !important; border: none; } .super-navigation-menu__items { align-items: center !important; } .super-navigation-menu__item, .super-navigation-menu__list { font-size: 1.8rem !important; padding-right: 0 !important; } .super-navigation-menu__item-content, .super-navigation-menu__list-header { margin: 0 !important; } .super-navigation-menu__list-items { border-left: none !important; } /* Make all text black */ .super-navigation-menu__item, .super-navigation-menu__item a, .super-navigation-menu__list, .super-navigation-menu__list-header, .super-navigation-menu__list-item, .super-navigation-menu__list-item a { color: var(--color-black) !important; } /* Hide the original SVG icons */ a.super-navigation-menu__item[target=_blank] svg { display: none !important; } /* Add unicode arrow after external links */ a.super-navigation-menu__item[target=_blank] .super-navigation-menu__item-title::after, .super-navigation-menu__list-item a[target=_blank]::after { font-family: "Material Symbols Outlined" !important; content: "arrow_outward" !important; margin-left: 0.2em !important; vertical-align: middle !important; display: inline-block !important; font-size: 0.9em !important; line-height: 1 !important; } a.super-navigation-menu__item[href="https://farheen.design"] svg, a.super-navigation-menu__item[href="https://farheen.design"] .super-navigation-menu__item-title::after { display: none !important; } .super-navigation-menu__list-header { justify-content: center !important; font-size: 1.8rem !important; } /* Remove active and hover states */ .super-navigation-menu__item.active, .super-navigation-menu__item:hover, .super-navigation-menu__list:hover, .super-navigation-menu__list-header:hover, .super-navigation-menu__list-item:hover { background: transparent !important; } /*Typography*/ h1.notion-heading { margin-top: 1em !important; } article h1 { font-size: 2.4rem !important; } article h2 { font-size: 1.8rem !important; } article h3 { font-size: 1.55rem !important; } h1.notion-heading strong, strong h1.notion-heading { font-size: 2.4rem !important; } .notion-quote h3 { font-size: 1.2rem !important; } /*Header & page properties*/ .notion-header__cover { min-height: 25vh; margin-left: 1rem !important; margin-right: 1rem !important; /*max-height:75vh;*/ } .notion-header__cover img { background-color: var(--color-asset-background) !important; } .notion-page__properties .notion-page__property { display: block !important; } .notion-page__properties p { padding-left: 0px !important; padding-right: 0px !important; } /*Article content*/ article > .notion-text:not(.notion-column .notion-text, .notion-callout .notion-text, .notion-quote .notion-text), article > .notion-heading:not(.notion-column .notion-heading, .notion-callout .notion-heading, .notion-quote .notion-heading), article > .notion-bulleted-list:not(.notion-column .notion-bulleted-list, .notion-callout .notion-bulleted-list, .notion-quote .notion-bulleted-list) { padding-right: 0 !important; /* Remove padding */ /* Or adjust padding for smaller screens */ /* padding-right: 20px !important; */ } /*Database items & collections*/ .notion-collection-gallery.medium { grid-template-columns: 1fr !important; grid-gap: calc(var(--column-spacing)) !important; } .notion-collection-gallery.large .notion-collection-card, .notion-collection-gallery.medium .notion-collection-card { display: block !important; grid-template-columns: unset !important; } .notion-collection-gallery.large .notion-collection-card__cover, .notion-collection-gallery.medium .notion-collection-card__cover { width: 100% !important; aspect-ratio: 4/3 !important; max-height: 200px !important; } .notion-collection-gallery.large .notion-collection-card__content, .notion-collection-gallery.medium .notion-collection-card__content { width: 100% !important; /*margin: var(--column-spacing) 8px !important;*/ margin-bottom: var(--collection-card-content-padding) !important; } .notion-collection-gallery.large .notion-collection-card__content .notion-property__title, .notion-collection-gallery.medium .notion-collection-card__content .notion-property__title { padding-top: 0 !important; font-size: var(--heading4-size) !important; } .notion-collection-gallery.large .notion-collection-card__content, .notion-collection-gallery.medium .notion-collection-card__content { position: static !important; background: transparent !important; } /*Bookmarks*/ .notion-column-list:has(.notion-bookmark) { overflow: hidden !important; } .notion-bookmark { width: 100%; max-width: 100%; margin: 0 auto; min-height: auto !important; } .notion-bookmark-image { max-width: 100%; height: auto; } .notion-bookmark-info { padding: 10px; } .notion-bookmark-title { font-size: 1rem; } .notion-bookmark-description { font-size: 0.875rem; } } /*.notion-column .notion-toggle {*/ /* background-color: var(--cta-bg-hover-color) !important;*/ /* border: none !important;*/ /* margin-top:calc(var(--column-spacing)/2);*/ /* transition-duration: 1.2s !important;*/ /*}*/ /*.notion-column .notion-toggle.open .notion-toggle__summary {*/ /* padding-left: 0 !important;*/ /* padding-right: 0 !important;*/ /* }*/ /*.notion-column .notion-toggle.open .notion-toggle__content {*/ /* border-top: none !important;*/ /* margin: 0 !important;*/ /*}*/ /*.notion-column .notion-toggle.open {*/ /* border: none !important;*/ /* border-radius: 0 !important;*/ /* border-top: var(--border-layout) !important;*/ /* background-color: transparent !important;*/ /* padding-left: 0 !important;*/ /* padding-right: 0 !important;*/ /* }*/ /*.notion-column .notion-toggle .notion-toggle__summary {*/ /* transition: padding 0.3s ease-in-out !important;*/ /* }*/27:["$","body",null,{"children":[["$","$L2c",null,{"settings":{"siteId":"a3e2fe7f-0a54-4257-9e22-d39d27bdeae5","storageProvider":"B2","userId":"a9c07fc8-213e-48cb-9439-fa81cb2ff92c","domainName":"farheen.design","name":"farheen malik","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/a3e2fe7f-0a54-4257-9e22-d39d27bdeae5/uploads/favicon/692bd7cf-8a44-469e-be9b-8d4a678f8466.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"6c94e7c96cf447e19b14c8cd35905d92","indexPageId":"a3e2fe7f-0a54-4257-9e22-d39d27bdeae5:::56cfa34b-263b-46e8-9234-00d47a41ca4e","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":false,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":false,"notionSource":"public","advancedSearch":false,"themeToggle":false,"mondayFirst":false,"loadLimits":true,"disableLoadMore":false,"hidePersonInfo":true,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"hideProtectedPagesFromSitemap":false,"googleAnalyticsId":"G-VK0TPM9WL6","cookieConsent":{"enabled":false,"position":"bar","texts":[],"categories":{"preferences":true,"statistics":true,"marketing":true}},"redirectSubdomain":null,"canonicalDomain":null,"analytics":false,"noIndex":false,"contentSource":null,"viewsExceeded":false,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"passwordConfigured":true,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"4d56a046-5eff-41eb-ab8f-1710e6c561d9","type":"page","label":"work","link":"/","pageId":"a3e2fe7f-0a54-4257-9e22-d39d27bdeae5:::56cfa34b-263b-46e8-9234-00d47a41ca4e","icon":"","list":[]},{"id":"f6f2f978-f2a1-4eec-bd12-2515b24cef93","type":"url","label":"resume","link":"https://drive.proton.me/urls/QT0G6RGV58#BuUhncJdVIOe","icon":"","list":[]},{"id":"ba51eb9f-83f7-4a3e-a9f2-f69cd4217ed8","type":"list","label":"contact","icon":"","list":[{"id":"d52d0248-b4d1-4338-9b61-89ef6b9eca51","type":"url","label":"linkedin","link":"https://www.linkedin.com/in/farheenmalik/","icon":"","description":"","list":[]},{"id":"04f237d6-4bfc-4337-b55b-03947a07a39a","type":"url","label":"email","link":"mailto:info@farheen.design","icon":"","description":"","list":[]}]}],"logo":{"type":"text","width":32,"fontSize":16,"textContent":"farheen malik","imageContent":"https://assets.super.so/a3e2fe7f-0a54-4257-9e22-d39d27bdeae5/uploads/logo/23020417-77e8-4fa0-aedf-d2b74ed5340c.png","imageContentDark":null,"disabled":false},"cta":{"type":"url","label":"","link":"","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"corners","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"0ffeb326-4462-41f1-8cda-26d697950fb4","type":"url","label":"info@farheen.design","link":"mailto:info@farheen.design","icon":"","list":[]}],"logo":{"type":"text","width":26,"fontSize":16,"textContent":"farheen.design","imageContent":"https://assets.super.so/a3e2fe7f-0a54-4257-9e22-d39d27bdeae5/uploads/logo/58f679f5-7e30-4328-b532-b0980715f073.png","imageContentDark":null,"disabled":false},"socials":[{"type":"linkedin","link":"https://www.linkedin.com/in/farheenmalik/"}],"footnote":"","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"dark","layout":{"paddingLayout":1.1,"layoutMaxWidth":1300,"columnSpacing":24,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":8,"pageDisplay":"flex"},"header":{"coverHeight":43,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":18,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":420,"coverHeightMedium":377,"coverHeightSmall":330,"titleSize":1.2,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"none"},"callout":{"iconDisplay":"none","shadow":"none"},"typography":{"primaryFont":"Syne","secondaryFont":"Space Grotesk","fonts":[],"baseSize":18,"titleSize":2.5,"headingSize":1.5,"quoteSize":1.36,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":72,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#211a13","textLight":"#504539","background":"#fff8f4","borderColor":"#d4c4b5","checkboxBackground":"#835414","hoverBackground":"#fff8f4","scrollbar":{"background":"#fff8f4","handle":"#d4c4b5","border":"#fff8f4"},"navbar":{"text":"#211a13","background":"#fff8f4","buttonText":"#fceee2","buttonBackground":"#372f27","hoverBackground":null},"footer":{"text":"#211a13","background":"#fff8f4","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#211a13","ctaText":"#211a13","background":"#fff8f4","hoverBackground":"#fff8f4","ctaBackground":"#fff8f4","border":"#ccc4ce"},"database":{"cardBackground":"#fff1e6","cardHoverBackground":"#f4e6da","calendarWeekendBackground":"#fff1e6"},"default":[45,8,20],"gray":[276,5,38],"brown":[31,29,44],"orange":[26,50,44],"yellow":[48,47,36],"green":[83,34,37],"blue":[215,32,50],"purple":[270,24,53],"pink":[334,28,52],"red":[7,28,51],"form":{"submitButton":{"default":"#4a454e","gray":"#7c757e","brown":"#835414","orange":"#8a5021","yellow":"#6d5e1a","green":"#4f6629","blue":"#3e608e","purple":"#563b71","pink":"#8a4a66","red":"#ba1a1a"}}},"dark":{"text":"#ffffff","textLight":"#cbc5c2","background":"#090706","borderColor":"#55524f","checkboxBackground":"#ffffff","hoverBackground":"#1d1b19","scrollbar":{"background":"#090706","handle":"#33302e","border":"#0c0603"},"navbar":{"text":"#ffffff","background":"#090706","buttonText":"#13110f","buttonBackground":"#fff8f4","hoverBackground":null},"footer":{"text":"#ffffff","background":"#090706","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#ffffff","ctaText":"#fff8f4","background":"#090706","hoverBackground":"#1d1b19","ctaBackground":"#090706","border":"#55524f"},"database":{"cardBackground":"#1d1b19","cardHoverBackground":"#282523","calendarWeekendBackground":"#33302e"},"form":{"submitButton":{"default":"#ccc4ce","gray":"#968e98","brown":"#ffb783","orange":"#ffb783","yellow":"#f7e290","green":"#b5d087","blue":"#a2c3f6","purple":"#f0dbff","pink":"#ffb0cf","red":"#ffb4ab"}},"default":[45,8,20],"gray":[287,6,68],"brown":[31,29,54],"orange":[25,48,54],"yellow":[49,39,45],"green":[82,28,47],"blue":[216,41,60],"purple":[273,16,61],"pink":[335,37,62],"red":[6,38,62]}}},"code":{"global":[{"id":"a3e2fe7f-0a54-4257-9e22-d39d27bdeae5:::16fa5bcc-b14b-487b-8ac2-ce935c788630","content":"$2d"}],"head":[],"body":[{"id":"a3e2fe7f-0a54-4257-9e22-d39d27bdeae5:::76765170-6fe6-4aae-bc0a-82648617bc7e","content":"\n\n\n"}],"style":[],"css":"$2e"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":["$L2f","$L30","$L31","$L32","$L33","$L34","$L35"]}],"$L36"]}]