@@ -18,29 +18,32 @@ import ThemeToggle from "../ThemeToggle.astro";
x-cloak
>
-
NAHIYAN KHAN
-
+
NAHIYAN KHAN
+
-
-
-
-
-
+
+
-
+
-
-
-
+
+
+
+ Say hello. Send a science fiction book recommendation.
+
+
-
+
+
diff --git a/src/site.config.ts b/src/site.config.ts
index 5925540..178601b 100644
--- a/src/site.config.ts
+++ b/src/site.config.ts
@@ -29,26 +29,6 @@ export const siteConfig: SiteConfig = {
},
};
-// Used to generate links in both the Header & Footer.
-export const menuLinks: { ref: string; title: string }[] = [
- {
- ref: "experiences",
- title: "Experiences",
- },
- {
- ref: "projects",
- title: "Projects",
- },
- {
- ref: "musings",
- title: "Musings",
- },
- {
- ref: "say-hello",
- title: "Say hello",
- },
-];
-
export const socialLinks: {
friendlyName: string;
isWebmention?: boolean;
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 56da0e5..6c28264 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -23,6 +23,7 @@ export default {
plugins: [
require("@tailwindcss/typography"),
require("@tailwindcss/aspect-ratio"),
+ require('tailwind-clip-path'),
plugin(({ addComponents }) => {
addComponents({
".cactus-link": {
@@ -35,7 +36,7 @@ export default {
"@apply text-7xl font-bold text-textProminent": {}
},
".header-standard": {
- "@apply text-2xl font-bold text-textProminent tracking-tight": {},
+ "@apply text-2xl font-semibold text-textProminent tracking-tight": {},
},
".subtitle-large": {
"@apply text-xl leading-10 font-normal text-textStandard tracking-wider": {},
@@ -49,6 +50,11 @@ export default {
".section-tracker": {
"@apply text-3xl font-bold transition-all text-textSubtle absolute": {},
},
+ ".title-clip": {
+ clipPath: `path("M82 0.5L0.5 183H1841.5V0.5H82Z")`,
+ marginLeft: "-1ch",
+ paddingLeft: "1ch",
+ },
});
}),
],
@@ -70,8 +76,15 @@ export default {
},
fontFamily: {
// Add any custom fonts here
- sans: ['Inter',...fontFamily.sans],
- mono: ['IBM Plex Mono',...fontFamily.mono]
+ sans: ['Inter Variable',...fontFamily.sans],
+ mono: ['Rubik Mono One',...fontFamily.mono]
+ },
+ keyframes: {
+ wiggle: {
+ '0%, 100%': { transform: 'rotate(0deg)' },
+ '25%': { transform: 'rotate(-8deg)' },
+ '75%': { transform: 'rotate(8deg)' },
+ }
},
transitionProperty: {
height: "height",