https://github.com/sethburtonhall/portfolio
Seth Hall Creative Portfolio 2024
https://github.com/sethburtonhall/portfolio
astro react shadcn-ui tailwindcss typescript
Last synced: about 1 month ago
JSON representation
Seth Hall Creative Portfolio 2024
- Host: GitHub
- URL: https://github.com/sethburtonhall/portfolio
- Owner: sethburtonhall
- Created: 2024-09-09T15:59:57.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-03-03T17:40:06.000Z (about 2 months ago)
- Last Synced: 2025-03-26T16:51:53.073Z (about 1 month ago)
- Topics: astro, react, shadcn-ui, tailwindcss, typescript
- Language: Astro
- Homepage: https://www.sethhallcreative.com/
- Size: 47.5 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Portfolio | Seth Hall
[https://www.sethhallcreative.com/](https://www.sethhallcreative.com/)
## The Stack
- Astro
- Typescript
- Tailwind
## Project Structure
#### `/Components`
- includes all Astro web components.
#### `/Content`
- defines content collections in `config.ts`
- includes `web` or `creative` markdown content
#### `/Layouts`
- includes `BaseLayout.astro`
#### `/Lib`
- includes functions and helpers in `utils`
#### `/Pages`
- includes all `/`, `web` and `creative` pages
#### `/Styles`
- uses a hybrid approach
- theme and extends in `tailwind.config.mjs`
- css variables and global css in `styles/global.css`
- page scoped styles are either inline Tailwind utility classes or vanilla CSS in the `` tag
## How to Add Web Projects
- create a project repo on Github
- tag with `showcase/shortstack`
- add other relevant `tags`
> the project page at `web/**/*` will pull the tags, url and description from the repo.
- add an image to the appropriate `public/assets/web/*` directory
- add a matching `.md` file in the `content/web` directory with the appropriate `frontmatter` and `content`.
> The frontmatter title must match the repo title.
## How to Add Creative Projects
- add an image to the `public/assets/creative` directory
- create a `.md` file in the `content/creative` directory with the appropriate `frontmatter` and `content`
## CI/CD
- Deployed automatically to Netlify when pushed to Github