caramel/list.fur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

polishing

Browse Source
This commit is contained in:
planetabhi
2024-12-13 00:14:40 +05:30
parent 4d1b9dc468
commit 7e15738bcb
3 changed files with 788 additions and 652 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
package.json
View File

@@ -16,13 +16,13 @@
"astro": "astro"
},
"dependencies": {
"@astrojs/netlify": "^5.5.4",
"@astrojs/react": "^3.6.3",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"astro": "^4.16.16",
"react": "^18.3.1",
"react-dom": "^18.3.1"
"@astrojs/netlify": "^6.0.0",
"@astrojs/react": "^4.1.0",
"@types/react": "^19.0.1",
"@types/react-dom": "^19.0.2",
"astro": "^5.0.5",
"react": "^19.0.0",
"react-dom": "^19.0.0"
},
"devDependencies": {
"@new-ui/colors": "^1.3.0",

1385
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

41
src/layouts/Layout.astro
View File

@@ -117,32 +117,32 @@ const { site, title, tagline } = Astro.props;
:root {
--accent: var(--link);
--body-copy: "Inter", var(--system-ui);
--cursor-default:url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' fill='none' viewBox='0 0 24 26'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.69 2.69a2.357 2.357 0 0 1 2.495-.54L21.47 8.632a2.357 2.357 0 0 1-.255 4.494l-7.271 1.818-1.818 7.27a2.357 2.357 0 0 1-4.494.256L1.15 5.185a2.357 2.357 0 0 1 .54-2.495Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.633 3.622A.786.786 0 0 0 2.62 4.633L9.103 21.92a.786.786 0 0 0 1.498-.086l2.047-8.185 8.185-2.046a.785.785 0 0 0 .086-1.498L3.633 3.622Z' fill='%23010101'/%3E%3C/svg%3E"
),auto;
--cursor-pointer:url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='29' fill='none' viewBox='0 0 28 29'%3E%3Cpath fill='%23fff' d='M6.84 21.83c-.47-.6-1.05-1.82-2.07-3.34-.58-.83-2.01-2.41-2.45-3.23a2.1 2.1 0 0 1-.25-1.67 2.2 2.2 0 0 1 2.39-1.67c.85.18 1.63.6 2.25 1.2.43.41.82.85 1.18 1.32.27.34.33.47.63.85.3.39.5.77.35.2-.11-.83-.31-2.23-.6-3.48-.21-.95-.26-1.1-.46-1.82s-.32-1.32-.54-2.13c-.2-.8-.35-1.62-.46-2.44a4.7 4.7 0 0 1 .43-3.08c.58-.55 1.44-.7 2.17-.37a4.4 4.4 0 0 1 1.57 2.17c.43 1.07.72 2.19.86 3.33.27 1.67.79 4.1.8 4.6 0-.61-.11-1.91 0-2.5.12-.6.54-1.1 1.12-1.33.5-.15 1.02-.19 1.53-.1.52.1.98.4 1.29.83.38.98.6 2 .63 3.05.04-.91.2-1.82.47-2.7.28-.39.68-.67 1.15-.8.55-.1 1.11-.1 1.66 0 .46.15.85.44 1.14.82.35.88.56 1.82.63 2.77 0 .23.12-.65.48-1.24a1.67 1.67 0 1 1 3.17 1.07v3.77c-.06.97-.2 1.94-.4 2.9-.29.85-.7 1.65-1.2 2.38-.8.9-1.48 1.92-1.98 3.02a6.67 6.67 0 0 0 .03 3.2c-.68.07-1.37.07-2.05 0-.65-.1-1.45-1.4-1.67-1.8a.63.63 0 0 0-1.13 0c-.37.64-1.18 1.79-1.75 1.85-1.12.14-3.42 0-5.23 0 0 0 .3-1.66-.39-2.27-.68-.6-1.38-1.3-1.9-1.76l-1.4-1.6Z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.25' d='M6.84 21.83c-.47-.6-1.05-1.82-2.07-3.34-.58-.83-2.01-2.41-2.45-3.23a2.1 2.1 0 0 1-.25-1.67 2.2 2.2 0 0 1 2.39-1.67c.85.18 1.63.6 2.25 1.2.43.41.82.85 1.18 1.32.27.34.33.47.63.85.3.39.5.77.35.2-.11-.83-.31-2.23-.6-3.48-.21-.95-.26-1.1-.46-1.82s-.32-1.32-.54-2.13c-.2-.8-.35-1.62-.46-2.44a4.7 4.7 0 0 1 .43-3.08c.58-.55 1.44-.7 2.17-.37a4.4 4.4 0 0 1 1.57 2.17c.43 1.07.72 2.19.86 3.33.27 1.67.79 4.1.8 4.6 0-.61-.11-1.91 0-2.5.12-.6.54-1.1 1.12-1.33.5-.15 1.02-.19 1.53-.1.52.1.98.4 1.29.83.38.98.6 2 .63 3.05.04-.91.2-1.82.47-2.7.28-.39.68-.67 1.15-.8.55-.1 1.11-.1 1.66 0 .46.15.85.44 1.14.82.35.88.56 1.82.63 2.77 0 .23.12-.65.48-1.24a1.67 1.67 0 1 1 3.17 1.07v3.77c-.06.97-.2 1.94-.4 2.9-.29.85-.7 1.65-1.2 2.38-.8.9-1.48 1.92-1.98 3.02a6.67 6.67 0 0 0 .03 3.2c-.68.07-1.37.07-2.05 0-.65-.1-1.45-1.4-1.67-1.8a.63.63 0 0 0-1.13 0c-.37.64-1.18 1.79-1.75 1.85-1.12.14-3.42 0-5.23 0 0 0 .3-1.66-.39-2.27-.68-.6-1.38-1.3-1.9-1.76l-1.4-1.6Z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M20.65 22.3v-6.24c0-.38-.31-.68-.7-.68-.37 0-.68.3-.68.68v6.23c0 .38.3.68.69.68.38 0 .69-.3.69-.68ZM17.2 22.3l-.04-6.25a.67.67 0 1 0-1.34.01l.04 6.24a.67.67 0 1 0 1.34 0ZM12.37 16.07l.04 6.22c0 .38.3.68.67.68.37 0 .67-.3.67-.68l-.04-6.23c0-.38-.3-.68-.67-.68-.37 0-.67.31-.67.69Z'/%3E%3C/svg%3E"
),auto;
--cursor-text:url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='25' fill='none' viewBox='0 0 13 25'%3E%3Cpath fill='%23000' stroke='%23fff' stroke-width='1.75' d='M8 18.48v-4.23h1.27v-3H8V5.8c.2-.44.5-.82.87-1.14.23-.16.52-.32.83-.44a5.4 5.4 0 0 1 1.17-.05l.87.05.05-.87.08-1.27.06-.87-.88-.06c-.7-.04-1.4 0-2.1.14l-.05.01-.06.02c-.7.25-1.29.56-1.82.95L7 2.28l-.03.02c-.16.13-.31.28-.46.42a6.93 6.93 0 0 0-.39-.38l-.03-.03-.03-.02a5.86 5.86 0 0 0-1.85-.97l-.04-.01-.04-.01a8.1 8.1 0 0 0-2.19-.16l-.87.06.06.87.08 1.27.06.88.87-.06c.43-.03.85 0 1.27.08.23.08.5.21.74.4.33.3.63.72.84 1.19v5.42H3.72v3h1.27v4.2c-.21.47-.51.89-.88 1.24-.2.14-.46.28-.75.37-.36.07-.8.1-1.22.06l-.87-.05-.06.87-.08 1.27-.06.88.87.05c.71.05 1.42 0 2.12-.14h.04l.04-.02a5.83 5.83 0 0 0 1.88-.95l.03-.02.03-.03.44-.43c.14.14.28.27.44.4l.02.02.02.01c.55.42 1.14.73 1.76.95l.05.02.06.01c.77.17 1.47.22 2.17.18l.88-.05-.05-.87-.07-1.27-.05-.87-.87.04c-.42.03-.83 0-1.24-.08-.24-.1-.52-.25-.8-.45A3.4 3.4 0 0 1 8 18.48Z'/%3E%3C/svg%3E"
),auto;
--c-text:url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 5.333h2.667v1.334H12V5.333ZM16 8h-1.333V6.667H16V8Zm1.333 0H16v16h-1.333v1.333H12v1.334h2.667v-1.334H16V24h1.333v1.333h1.334v1.334h2.666v-1.334h-2.666V24h-1.334V8Zm1.334-1.333V8h-1.334V6.667h1.334Zm0 0V5.333h2.666v1.334h-2.666Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M20 4h1.333v1.333h-2.666V4H20Zm-1.333 2.667V5.333h-1.334v1.334H16V5.333h-1.333V4H12v1.333h-1.333v1.334H12V8h2.667v16H12v1.333h-1.333v1.334H12V28h2.667v-1.333H16v-1.334h1.333v1.334h1.334V28h2.666v-1.333h1.334v-1.334h-1.334V24h-2.666V8h2.666V6.667h1.334V5.333h-1.334v1.334h-2.666ZM17.333 8V6.667h1.334V8h-1.334Zm0 16V8H16V6.667h-1.333V5.333H12v1.334h2.667V8H16v16h-1.333v1.333H12v1.334h2.667v-1.334H16V24h1.333Zm0 0v1.333h1.334v1.334h2.666v-1.334h-2.666V24h-1.334Z' clip-rule='evenodd'/%3E%3C/svg%3E"
) 16 16, auto;
--c-pointer:url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 5.333h2.667v1.334H12V5.333Zm0 8V6.667h-1.333v6.666H8v1.334H6.667v2.666H8v1.334h1.333v2.666h1.334v1.334H12V24h1.333v2.667h5.334v-1.334h2.666v1.334h1.334v-1.334H24v-2.666h1.333V20h1.334v-6.667h-1.334V12h-2.666v-1.333h-4V9.333H16V6.667h-1.333v6.666H16v-2.666h2.667v2.666H20V12h2.667v2.667H24v-1.334h1.333V20H24v2.667h-1.333v-5.334h-1.334v5.334h1.334v2.666h-1.334V24h-2.666v1.333h-4V24h-1.334v-1.333H12v-1.334h-1.333v-4H8v-2.666h2.667V16H12v1.333h1.333v-4H12Zm0 0h-1.333v1.334H12v-1.334Zm6.667 4H20v5.334h-1.333v-5.334Zm-1.334 0H16v5.334h1.333v-5.334Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 6.667h2.667v6.666H16v-2.666h2.667v2.666H20V12h2.667v2.667H24v-1.334h1.333V20H24v2.667h-1.333v-5.334h-1.334v5.334h1.334v2.666h-1.334V24h-2.666v1.333h-4V24h-1.334v-1.333H12v-1.334h-1.333v-4H8v-2.666h2.667V16H12v1.333h1.333v-4H12V6.667Zm4 10.666v5.334h1.333v-5.334H16Zm2.667 0v5.334H20v-5.334h-1.333Z' clip-rule='evenodd'/%3E%3C/svg%3E"
) 13 7, auto;
--c-arrow:url(
"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 6.667h-1.333v14.666H12V20h1.333v-1.333h1.334V20H16v2.667h1.333v2.666H20v-2.666h-1.333V20h-1.334v-2.667h4V16H20v-1.333h-1.333v-1.334h-1.334V12H16v-1.333h-1.333V9.333h-1.334V8H12V6.667Z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M10.667 5.333H12v1.334h-1.333V5.333Zm0 16H9.333V6.667h1.334v14.666Zm1.333 0v1.334h-1.333v-1.334H12ZM13.333 20v1.333H12V20h1.333Zm1.334 0h-1.334v-1.333h1.334V20ZM16 22.667h-1.333V20H16v2.667Zm1.333 2.666H16v-2.666h1.333v2.666Zm2.667 0v1.334h-2.667v-1.334H20Zm0-2.666h1.333v2.666H20v-2.666ZM18.667 20H20v2.667h-1.333V20Zm-1.334-1.333V20h1.334v-1.333h2.666v-1.334h1.334V16h-1.334v-1.333H20v-1.334h-1.333V12h-1.334v-1.333H16V9.333h-1.333V8h-1.334V6.667H12V8h1.333v1.333h1.334v1.334H16V12h1.333v1.333h1.334v1.334H20V16h1.333v1.333h-4v1.334Z' clip-rule='evenodd'/%3E%3C/svg%3E"
) 11 7, auto;
}
html {
font-family: var(--body-copy);
background-color: var(--background);
cursor: var(--c-arrow);
}
body {
margin: 0;
padding: 0;
width: 100%;
overflow-x: hidden;
cursor: var(--cursor-default);
}
p, h1, h2, h3, h4, h5, h6, li, pre, code, strong, dl, dt {
cursor: var(--cursor-text);
cursor: var(--c-text);
}
a, a *, button {
cursor: var(--cursor-pointer);
cursor: var(--c-pointer);
}
main,
.container {
@@ -151,11 +151,14 @@ const { site, title, tagline } = Astro.props;
section {
margin-bottom: var(--spacing-10);
}
h1.title {
max-inline-size: 24rem;
}
p {
margin-top: var(--spacing-00);
}
p.description-text {
max-inline-size: 37.5rem;
max-inline-size: 24rem;
}
.nu-u-link--subtle {
color: var(--text-secondary) !important;
@@ -181,7 +184,7 @@ const { site, title, tagline } = Astro.props;
outline: none;
text-decoration: none;
color: inherit;
cursor: var(--cursor-pointer);
cursor: var(--c-pointer);
color: var(--text-secondary);
background-color: var(--background);
border-radius: var(--spacing-03);
@@ -219,14 +222,13 @@ const { site, title, tagline } = Astro.props;
border: none;
padding: var(--spacing-00);
color: var(--icon-secondary);
cursor: var(--cursor-pointer);
cursor: var(--c-pointer);
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--spacing-02);
cursor: var(--cursor-pointer);
@nest [data-theme="dark"] & {
--icon-fill: var(--icon-secondary);
@@ -286,9 +288,6 @@ const { site, title, tagline } = Astro.props;
}
@media (hover: hover) and (pointer: fine) {
body {
cursor:var(--cursor-default);
}
p,
h1,
h2,
@@ -296,7 +295,7 @@ const { site, title, tagline } = Astro.props;
h4,
h5,
h6 {
cursor:var(--cursor-text);
cursor:var(--c-text);
}
a,
a *,
@@ -304,7 +303,7 @@ const { site, title, tagline } = Astro.props;
button:not(.tooltip-btn) *,
select,
input[type=checkbox] {
cursor:var(--cursor-pointer);
cursor:var(--c-pointer);
}
button[aria-disabled='true'] {
pointer-events:none;