···56type FeatureItem = {
7 title: string;
8- Svg: React.ComponentType<React.ComponentProps<'svg'>>;
9 description: ReactNode;
10};
1112const FeatureList: FeatureItem[] = [
13 {
14- title: 'Easy to Use',
15- Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
16 description: (
17 <>
18- Docusaurus was designed from the ground up to be easily installed and
19- used to get your website up and running quickly.
20 </>
21 ),
22 },
23 {
24- title: 'Focus on What Matters',
25- Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
26 description: (
27 <>
28- Docusaurus lets you focus on your docs, and we'll do the chores. Go
29- ahead and move your docs into the <code>docs</code> directory.
30 </>
31 ),
32 },
33 {
34- title: 'Powered by React',
35- Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
36 description: (
37 <>
38- Extend or customize your website layout by reusing React. Docusaurus can
39- be extended while reusing the same header and footer.
40 </>
41 ),
42 },
43];
4445-function Feature({title, Svg, description}: FeatureItem) {
46 return (
47 <div className={clsx('col col--4')}>
48- <div className="text--center">
49- <Svg className={styles.featureSvg} role="img" />
50- </div>
51 <div className="text--center padding-horiz--md">
52 <Heading as="h3">{title}</Heading>
53 <p>{description}</p>
···56type FeatureItem = {
7 title: string;
08 description: ReactNode;
9};
1011const FeatureList: FeatureItem[] = [
12 {
13+ title: 'Terminal-First Interface',
014 description: (
15 <>
16+ Built for the command line with a beautiful, keyboard-driven interface
17+ using the Bubble Tea framework.
18 </>
19 ),
20 },
21 {
22+ title: 'Task Management',
023 description: (
24 <>
25+ Organize your tasks with projects, priorities, tags, and due dates.
26+ Track your progress with statuses and time estimates.
27 </>
28 ),
29 },
30 {
31+ title: 'Knowledge Base',
032 description: (
33 <>
34+ Keep notes, track books, movies, and TV shows. Link everything together
35+ with tags and projects.
36 </>
37 ),
38 },
39];
4041+function Feature({title, description}: FeatureItem) {
42 return (
43 <div className={clsx('col col--4')}>
00044 <div className="text--center padding-horiz--md">
45 <Heading as="h3">{title}</Heading>
46 <p>{description}</p>
+79-21
website/src/css/custom.css
···1/**
2- * Any CSS included here will be global. The classic template
3- * bundles Infima by default. Infima is a CSS framework designed to
4- * work well for content-centric websites.
5 */
67-/* You can override the default Infima variables here. */
00008:root {
9- --ifm-color-primary: #2e8555;
10- --ifm-color-primary-dark: #29784c;
11- --ifm-color-primary-darker: #277148;
12- --ifm-color-primary-darkest: #205d3b;
13- --ifm-color-primary-light: #33925d;
14- --ifm-color-primary-lighter: #359962;
15- --ifm-color-primary-lightest: #3cad6e;
0000000000000000016 --ifm-code-font-size: 95%;
17- --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
000018}
1920-/* For readability concerns, you should choose a lighter palette in dark mode. */
21[data-theme='dark'] {
22- --ifm-color-primary: #25c2a0;
23- --ifm-color-primary-dark: #21af90;
24- --ifm-color-primary-darker: #1fa588;
25- --ifm-color-primary-darkest: #1a8870;
26- --ifm-color-primary-light: #29d5b0;
27- --ifm-color-primary-lighter: #32d8b4;
28- --ifm-color-primary-lightest: #4fddbf;
29- --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
000000000000000000000000000000000030}