No description
aleidk
daa5eb27b6
- Use list, maps and loops to reduce code duplication with small variations - Use SASS functions for some extreme cases - Keep native CSS variables to allow overriding/reference in other styles refactor(Style): change css theme variables to SASS add sass files from catppuccin to the project instead of importing it from NPM refactor(Style): use SASS functions to reduce code boilerplate |
||
|---|---|---|
| .vscode | ||
| cypress | ||
| public | ||
| src | ||
| .cz.toml | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| .gitmodules | ||
| .prettierrc.cjs | ||
| .rtx.toml | ||
| .woodpecker.yml | ||
| astro.config.mjs | ||
| CHANGELOG.md | ||
| cypress.config.ts | ||
| deploy.sh | ||
| LICENSE | ||
| package.json | ||
| pnpm-lock.yaml | ||
| README.md | ||
| tsconfig.json | ||
Personal Webpage
This is a static site created for personal information and content serving such as blog and others.
Dependencies
One of the objective of this project is to use as few dependencies as possible, and try to do everything from scratch.
Here is the list of main code dependencies:
- Astro Website framework
- ReactJS for interactive components
- Gardevoir for CSS reset and normalization
- LightGallery, this is a temporary dependency until I have the time (or will) to develop a custom ligthbox.
And here is a list of color schemes used for this project:
Roadmap
- Update design of landing page
- Implement View Transition
- Update design and behavior of the table component
- Create a TOC for content
- Create a lightbox compoenent
- Setup a Theme switcher
- Improve overall design of content
Understand content as "one entry of the blog" or portafolio, etc.
Reference
Cool websites for inspiration: