KeshavAnandCode/terminal-portfolio-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed docs v1

Browse Source
This commit is contained in:
Keshav Anand
2026-01-17 23:47:09 -06:00
parent 5283936705
commit 999fc08ffe
5 changed files with 439 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
client/src/index.css
View File

@@ -4,11 +4,11 @@
/* Catppuccin Mocha Theme - Dark Only */
:root {
--button-outline: rgba(255,255,255, .10);
--badge-outline: rgba(255,255,255, .05);
--button-outline: rgba(255, 255, 255, 0.1);
--badge-outline: rgba(255, 255, 255, 0.05);
--opaque-button-border-intensity: 9;
--elevate-1: rgba(255,255,255, .04);
--elevate-2: rgba(255,255,255, .09);
--elevate-1: rgba(255, 255, 255, 0.04);
--elevate-2: rgba(255, 255, 255, 0.09);
--background: 240 21% 15%;
--foreground: 226 64% 88%;
--border: 240 17% 20%;
@@ -43,51 +43,75 @@
--chart-3: 197 37% 62%;
--chart-4: 43 74% 68%;
--chart-5: 27 87% 70%;
--font-sans: 'JetBrains Mono', monospace;
--font-sans: "JetBrains Mono", monospace;
--font-serif: Georgia, serif;
--font-mono: 'JetBrains Mono', monospace;
--radius: .5rem;
--shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0.00);
--shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0.00);
--shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
--shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
--shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 2px 4px -1px hsl(0 0% 0% / 0.00);
--shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 4px 6px -1px hsl(0 0% 0% / 0.00);
--shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 8px 10px -1px hsl(0 0% 0% / 0.00);
--shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0.00);
--font-mono: "JetBrains Mono", monospace;
--radius: 0.5rem;
--shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
--shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
--shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0),
0px 1px 2px -1px hsl(0 0% 0% / 0);
--shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
--shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0),
0px 2px 4px -1px hsl(0 0% 0% / 0);
--shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0),
0px 4px 6px -1px hsl(0 0% 0% / 0);
--shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0),
0px 8px 10px -1px hsl(0 0% 0% / 0);
--shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0);
--tracking-normal: 0em;
--spacing: 0.25rem;
/* Fallback for older browsers */
/* Fallback for older browsers */
--sidebar-primary-border: hsl(var(--sidebar-primary));
--sidebar-primary-border: hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--sidebar-primary-border: hsl(
from hsl(var(--sidebar-primary)) h s
calc(l + var(--opaque-button-border-intensity)) / alpha
);
/* Fallback for older browsers */
--sidebar-accent-border: hsl(var(--sidebar-accent));
--sidebar-accent-border: hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--sidebar-accent-border: hsl(
from hsl(var(--sidebar-accent)) h s
calc(l + var(--opaque-button-border-intensity)) / alpha
);
/* Fallback for older browsers */
--primary-border: hsl(var(--primary));
--primary-border: hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--primary-border: hsl(
from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) /
alpha
);
/* Fallback for older browsers */
--secondary-border: hsl(var(--secondary));
--secondary-border: hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--secondary-border: hsl(
from hsl(var(--secondary)) h s
calc(l + var(--opaque-button-border-intensity)) / alpha
);
/* Fallback for older browsers */
--muted-border: hsl(var(--muted));
--muted-border: hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--muted-border: hsl(
from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) /
alpha
);
/* Fallback for older browsers */
--accent-border: hsl(var(--accent));
--accent-border: hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--accent-border: hsl(
from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) /
alpha
);
/* Fallback for older browsers */
--destructive-border: hsl(var(--destructive));
--destructive-border: hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--destructive-border: hsl(
from hsl(var(--destructive)) h s
calc(l + var(--opaque-button-border-intensity)) / alpha
);
}
@layer base {
* {
@apply border-border;
@@ -119,7 +143,6 @@
* need to be distinguished from eachother visually.
*/
@layer utilities {
/* Hide ugly search cancel button in Chrome until we can style it properly */
input[type="search"]::-webkit-search-cancel-button {
@apply hidden;
@@ -135,10 +158,11 @@
/* .no-default-hover-elevate/no-default-active-elevate is an escape hatch so consumers of
* buttons/badges can remove the automatic brightness adjustment on interactions
* and program their own. */
.no-default-hover-elevate {}
.no-default-active-elevate {}
.no-default-hover-elevate {
}
.no-default-active-elevate {
}
/**
* Toggleable backgrounds go behind the content. Hoverable/active goes on top.