Kafkaesque Blog is a personal blog and project showcase. It features discussions on Kafka, Jewish life, cultural reflections, and showcases my programming projects.
- Personal blog with posts on various topics.
- Project showcase.
- Dark mode toggle for user preference.
- Responsive design for various screen sizes.
- Astro for static site generation.
- Tailwind CSS for styling.
- React for interactive components.
- Shadcn for design.
- Ghost as a headless CMS for blog posts.
- Hosted on Cloudflare.
To get started with development:
- Clone the repository.
- Install dependencies with
npm install
. - Start the development server with
npm run dev
.
I ran this on the components (and to the navbar, dark mode button). Otherwise, the shadcn components are intact.
find src/components/ui -type f -name "*.tsx" -exec sed -i '' -e 's/transition-colors//g' -e 's/transition\([ "]\)/transition-transform\1/g' {} +
- find src/components/ui starts the search within the specified directory.
- -type f restricts the search to files.
- -name "*.tsx" looks for files with the .tsx extension.
- -exec allows you to execute a command on each file found.
- sed -i '' invokes the stream editor for in-place editing of files.
- The -e flag is used to add multiple editing commands to sed.
- s/transition-colors//g removes all occurrences of transition-colors.
- s/transition([ "])/transition-transform\1/g replaces transition followed by a space or quote with transition-transform followed by the same character.
The site is deployed using Cloudflare Pages. To deploy your changes, run npm run deploy
. Make sure to use nodejs_compat.
This project is open source and available under the MIT License.
Feel free to reach out at jacobweinbren@gmail.com.