Init site
This commit is contained in:
@@ -0,0 +1,9 @@
|
||||
---
|
||||
title: किधर गया हैं?
|
||||
description: The page you're looking for doesn't exist.
|
||||
template: splash
|
||||
---
|
||||
|
||||
# 404 | कुछ नहीं है यहाँ
|
||||
|
||||
[← घर वापस जाऐं](/)
|
||||
@@ -1,11 +0,0 @@
|
||||
---
|
||||
title: Example Guide
|
||||
description: A guide in my new Starlight docs site.
|
||||
---
|
||||
|
||||
Guides lead a user through a specific task they want to accomplish, often with a sequence of steps.
|
||||
Writing a good guide requires thinking about what your users are trying to do.
|
||||
|
||||
## Further reading
|
||||
|
||||
- Read [about how-to guides](https://diataxis.fr/how-to-guides/) in the Diátaxis framework
|
||||
+22
-25
@@ -1,36 +1,33 @@
|
||||
---
|
||||
title: Welcome to Starlight
|
||||
description: Get started building your docs site with Starlight.
|
||||
title: हिंदकी
|
||||
description: Ryan's Hindi Notes.
|
||||
template: splash
|
||||
head:
|
||||
- tag: title
|
||||
content: Hindki | हिंदकी
|
||||
hero:
|
||||
tagline: Congrats on setting up a new Starlight project!
|
||||
image:
|
||||
file: ../../assets/houston.webp
|
||||
tagline: Welcome to Hindki!
|
||||
actions:
|
||||
- text: Example Guide
|
||||
link: /guides/example/
|
||||
- text: Dictionary
|
||||
link: /dictionary/index/
|
||||
icon: right-arrow
|
||||
- text: Read the Starlight docs
|
||||
link: https://starlight.astro.build
|
||||
- text: Hindi Textbook (260 MB)
|
||||
link: https://files.pandu.ski/share/2BfsIfEb
|
||||
icon: external
|
||||
variant: minimal
|
||||
attrs:
|
||||
target: _blank
|
||||
rel: noopener
|
||||
---
|
||||
|
||||
import { Card, CardGrid } from '@astrojs/starlight/components';
|
||||
## हिंदकी के बारे में
|
||||
|
||||
## Next steps
|
||||
Hindki is a collection of my personal notes on learning Hindi, and an evolving knowledge base that (maybe, hopefully) I can one day use as the backend of an AI-powered language tutor. If it helps you too, बढ़िया!
|
||||
|
||||
<CardGrid stagger>
|
||||
<Card title="Update content" icon="pencil">
|
||||
Edit `src/content/docs/index.mdx` to see this page change.
|
||||
</Card>
|
||||
<Card title="Add new content" icon="add-document">
|
||||
Add Markdown or MDX files to `src/content/docs` to create new pages.
|
||||
</Card>
|
||||
<Card title="Configure your site" icon="setting">
|
||||
Edit your `sidebar` and other config in `astro.config.mjs`.
|
||||
</Card>
|
||||
<Card title="Read the docs" icon="open-book">
|
||||
Learn more in [the Starlight Docs](https://starlight.astro.build/).
|
||||
</Card>
|
||||
</CardGrid>
|
||||
It includes a dictionary, grammar notes, and other resources I've found helpful in my studies.
|
||||
|
||||
As I learn more Hindi, I'll convert this and the rest of the interface to Hindi as well.
|
||||
|
||||
### इसका नाम क्यों "हिंदकी"?
|
||||
|
||||
The name "Hindki" is a play on the words "Hindi" and "Anki", because I was initially building this as a personal flashcard system similar to [Anki](https://apps.ankiweb.net/), but for Hindi. It also kind of works as a Hindi adjective meaning "related to Hindi" (in fact, [this word exists in Persian](https://translate.google.com/?sl=fa&tl=en&text=%D9%87%DB%8C%D9%86%D8%AF%D9%82%DB%8C%20&op=translate)), and it is also a sort of "wiki", since it's a knowledge base. All very satisfying.
|
||||
|
||||
@@ -1,11 +0,0 @@
|
||||
---
|
||||
title: Example Reference
|
||||
description: A reference page in my new Starlight docs site.
|
||||
---
|
||||
|
||||
Reference pages are ideal for outlining how things work in terse and clear terms.
|
||||
Less concerned with telling a story or addressing a specific use case, they should give a comprehensive outline of what you're documenting.
|
||||
|
||||
## Further reading
|
||||
|
||||
- Read [about reference](https://diataxis.fr/reference/) in the Diátaxis framework
|
||||
@@ -0,0 +1,366 @@
|
||||
/* MinionPro (Default serif font) */
|
||||
@font-face {
|
||||
font-family: "MinionPro";
|
||||
src: url("/fonts/MinionPro_Regular.otf") format("opentype");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "MinionPro";
|
||||
src: url("/fonts/MinionPro_It.otf") format("opentype");
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "MinionPro";
|
||||
src: url("/fonts/MinionPro_Bold.otf") format("opentype");
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "MinionPro";
|
||||
src: url("/fonts/MinionPro_BoldIt.otf") format("opentype");
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* MyriadPro (Default sans-serif font) */
|
||||
@font-face {
|
||||
font-family: "MyriadPro";
|
||||
src: url("/fonts/MyriadPro_Regular.otf") format("opentype");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "MyriadPro";
|
||||
src: url("/fonts/MyriadPro_It.otf") format("opentype");
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "MyriadPro";
|
||||
src: url("/fonts/MyriadPro_Bold.otf") format("opentype");
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "MyriadPro";
|
||||
src: url("/fonts/MyriadPro_BoldIt.otf") format("opentype");
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* Custom font for Devanagari script - Multiple weights */
|
||||
@font-face {
|
||||
font-family: "hindi";
|
||||
src: url("/fonts/Martel-Light.ttf") format("truetype");
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "hindi";
|
||||
src: url("/fonts/Martel-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "hindi";
|
||||
src: url("/fonts/Martel-SemiBold.ttf") format("truetype");
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "hindi";
|
||||
src: url("/fonts/Martel-Bold.ttf") format("truetype");
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "hindi";
|
||||
src: url("/fonts/Martel-Black.ttf") format("truetype");
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
/* Apply default fonts and Devanagari font to content */
|
||||
:root {
|
||||
--sl-font-system: "MyriadPro", system-ui, sans-serif;
|
||||
--sl-font: "MyriadPro", system-ui, sans-serif;
|
||||
}
|
||||
|
||||
/* Set global font default to sans-serif */
|
||||
body {
|
||||
font-family: "MyriadPro", system-ui, sans-serif;
|
||||
}
|
||||
|
||||
/* Apply serif font to content/reading areas */
|
||||
p,
|
||||
.sl-markdown-content p,
|
||||
blockquote,
|
||||
.sl-markdown-content blockquote,
|
||||
li,
|
||||
.sl-markdown-content li,
|
||||
.content,
|
||||
.prose,
|
||||
.sl-markdown-content {
|
||||
font-family: "MinionPro", Georgia, serif;
|
||||
font-size: 1.5rem; /* 18px, up from default 16px */
|
||||
}
|
||||
|
||||
/* Keep UI elements as sans-serif with Devanagari support */
|
||||
.sl-nav,
|
||||
.sl-sidebar,
|
||||
.sl-page-title,
|
||||
.card,
|
||||
.starlight-card,
|
||||
button,
|
||||
.sl-search-box,
|
||||
nav,
|
||||
header,
|
||||
footer {
|
||||
font-family: "DevanagariAuto", "MyriadPro", system-ui, sans-serif;
|
||||
}
|
||||
|
||||
/* Specific targeting for Devanagari text */
|
||||
[lang="hi"],
|
||||
[lang="sa"],
|
||||
.devanagari {
|
||||
font-family: "hindi", "Noto Sans Devanagari", sans-serif !important;
|
||||
}
|
||||
|
||||
/* Auto-detect Devanagari characters using CSS unicode-range approach */
|
||||
/* This creates a fallback system that will use the hindi font for Devanagari characters */
|
||||
@font-face {
|
||||
font-family: "DevanagariAuto";
|
||||
src: url("/fonts/Martel-Regular.ttf") format("truetype");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
unicode-range:
|
||||
U+0900-097F, U+200C-200D; /* Devanagari block + zero-width joiners */
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DevanagariAuto";
|
||||
src: url("/fonts/Martel-Light.ttf") format("truetype");
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
unicode-range: U+0900-097F, U+200C-200D;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DevanagariAuto";
|
||||
src: url("/fonts/Martel-SemiBold.ttf") format("truetype");
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
unicode-range: U+0900-097F, U+200C-200D;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DevanagariAuto";
|
||||
src: url("/fonts/Martel-Bold.ttf") format("truetype");
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
unicode-range: U+0900-097F, U+200C-200D;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DevanagariAuto";
|
||||
src: url("/fonts/Martel-Black.ttf") format("truetype");
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
unicode-range: U+0900-097F, U+200C-200D;
|
||||
}
|
||||
|
||||
/* Update font stacks to include automatic Devanagari detection */
|
||||
body {
|
||||
font-family: "DevanagariAuto", "MyriadPro", system-ui, sans-serif;
|
||||
}
|
||||
|
||||
/* Apply serif font to content/reading areas with Devanagari support */
|
||||
p,
|
||||
.sl-markdown-content p,
|
||||
blockquote,
|
||||
.sl-markdown-content blockquote,
|
||||
li,
|
||||
.sl-markdown-content li,
|
||||
.content,
|
||||
.prose,
|
||||
.sl-markdown-content {
|
||||
font-family: "DevanagariAuto", "MinionPro", Georgia, serif;
|
||||
font-size: 1.5rem; /* 18px, up from default 16px */
|
||||
}
|
||||
|
||||
/* Alternative approach: Apply to all text content */
|
||||
/* Uncomment if you want the Devanagari font to be the primary font */
|
||||
/*
|
||||
body {
|
||||
font-family: 'DevanagariFont', 'Noto Sans Devanagari', system-ui, sans-serif;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Ensure proper rendering for complex scripts */
|
||||
.devanagari,
|
||||
[lang="hi"],
|
||||
[lang="sa"] {
|
||||
font-feature-settings:
|
||||
"kern" 1,
|
||||
"liga" 1;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Font weight utility classes */
|
||||
.hindi-light {
|
||||
font-family: "hindi", "Noto Sans Devanagari", sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.hindi-regular {
|
||||
font-family: "hindi", "Noto Sans Devanagari", sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.hindi-semibold {
|
||||
font-family: "hindi", "Noto Sans Devanagari", sans-serif;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.hindi-bold {
|
||||
font-family: "hindi", "Noto Sans Devanagari", sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.hindi-black {
|
||||
font-family: "hindi", "Noto Sans Devanagari", sans-serif;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
/* Override Starlight's heading fonts */
|
||||
h1,
|
||||
.sl-markdown-content h1 {
|
||||
font-family: "DevanagariAuto", "MyriadPro", system-ui, sans-serif;
|
||||
font-weight: 700; /* Bold */
|
||||
}
|
||||
|
||||
h2,
|
||||
.sl-markdown-content h2 {
|
||||
font-family: "DevanagariAuto", "MyriadPro", system-ui, sans-serif;
|
||||
font-weight: 700; /* Bold */
|
||||
}
|
||||
|
||||
h3,
|
||||
.sl-markdown-content h3,
|
||||
h4,
|
||||
.sl-markdown-content h4 {
|
||||
font-family: "DevanagariAuto", "MyriadPro", system-ui, sans-serif;
|
||||
font-weight: 700; /* Bold */
|
||||
}
|
||||
|
||||
h5,
|
||||
.sl-markdown-content h5,
|
||||
h6,
|
||||
.sl-markdown-content h6 {
|
||||
font-family: "DevanagariAuto", "MyriadPro", system-ui, sans-serif;
|
||||
font-weight: 400; /* Regular */
|
||||
}
|
||||
|
||||
/* Font family utility classes */
|
||||
.minion,
|
||||
.serif {
|
||||
font-family: "DevanagariAuto", "MinionPro", Georgia, serif;
|
||||
}
|
||||
|
||||
.myriad,
|
||||
.sans {
|
||||
font-family: "DevanagariAuto", "MyriadPro", system-ui, sans-serif;
|
||||
}
|
||||
|
||||
/* Font weight utilities for main fonts */
|
||||
.minion-regular,
|
||||
.serif-regular {
|
||||
font-family: "DevanagariAuto", "MinionPro", Georgia, serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.minion-bold,
|
||||
.serif-bold {
|
||||
font-family: "DevanagariAuto", "MinionPro", Georgia, serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.myriad-regular,
|
||||
.sans-regular {
|
||||
font-family: "DevanagariAuto", "MyriadPro", system-ui, sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.myriad-bold,
|
||||
.sans-bold {
|
||||
font-family: "DevanagariAuto", "MyriadPro", system-ui, sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* Custom background colors for a more paper-like feel */
|
||||
:root {
|
||||
/* Light theme - warm paper-like background */
|
||||
--sl-color-bg: #fefcf8; /* Warm off-white, like aged paper */
|
||||
--sl-color-bg-nav: #faf8f4; /* Slightly darker for navigation */
|
||||
--sl-color-bg-sidebar: #f8f6f2; /* Even softer for sidebar */
|
||||
--sl-color-bg-inline-code: #f4f2ee; /* Subtle for inline code */
|
||||
|
||||
/* Custom accent color for links and buttons */
|
||||
--sl-color-accent: #336699;
|
||||
--sl-color-accent-low: #336699;
|
||||
--sl-color-accent-high: #336699;
|
||||
}
|
||||
|
||||
/* Dark theme overrides */
|
||||
[data-theme="dark"] {
|
||||
--sl-color-bg: #1a1814; /* Dark warm background */
|
||||
--sl-color-bg-nav: #1e1c18;
|
||||
--sl-color-bg-sidebar: #16140f;
|
||||
--sl-color-bg-inline-code: #2a2620;
|
||||
|
||||
/* Keep the same accent color in dark theme */
|
||||
--sl-color-accent: #336699;
|
||||
--sl-color-accent-low: #336699;
|
||||
--sl-color-accent-high: #336699;
|
||||
}
|
||||
|
||||
/* Additional paper-like styling */
|
||||
body {
|
||||
background-color: var(--sl-color-bg);
|
||||
}
|
||||
|
||||
/* Subtle texture effect (optional) */
|
||||
.sl-markdown-content,
|
||||
main {
|
||||
background-color: var(--sl-color-bg);
|
||||
}
|
||||
Reference in New Issue
Block a user