https://github.com/hans5958/hans5958.github.io

📄 Personal site of all about me (with Astro!).
https://github.com/hans5958/hans5958.github.io

astro personal-website tailwindcss

Last synced: about 2 months ago
JSON representation

📄 Personal site of all about me (with Astro!).

• Host: GitHub
• URL: https://github.com/hans5958/hans5958.github.io
• Owner: Hans5958
• License: mit
• Created: 2023-01-24T06:41:26.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-05-05T09:15:22.000Z (9 months ago)
• Last Synced: 2024-11-02T04:09:40.116Z (3 months ago)
• Topics: astro, personal-website, tailwindcss
• Language: Astro
• Homepage: https://hans5958.github.io
• Size: 1.76 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Hans5958's Website

[![Deployment status](https://img.shields.io/github/actions/workflow/status/Hans5958/hans5958.github.io/deploy.yml?label=deploy&style=flat-square)](https://github.com/Hans5958/hans5958.github.io/actions/workflows/deploy.yml)

[![License](https://img.shields.io/github/license/Hans5958/hans5958.github.io?style=flat-square)](LICENSE.md)

[![Visit the website on hans5958.github.io](https://img.shields.io/badge/visit-hans5958.github.io-black?style=flat-square)](https://hans5958.github.io)

This repository hosts my website, located at https://hans5958.github.io. Basically, it contains all about me that I wanted to show the world. 

I wanted to try to use some modern toys of the current state of web development, while keeping it still simple. With Astro, that is a pipe dream, came true. It is technically still ol' website, with a sprinkle of modern things and a site generator.

> This is **generation 4** (v4) of the website. If you want to check the previous generation (generation 3 with Jekyll), check out https://github.com/Hans5958/website-jekyll.

## Technologies

For nerds, the technologies that are used are as follows.

- HTML5

- JavaScript (ES6)

- CSS

- TypeScript

- Tailwind CSS (theme)

- Astro (static site generator)

- Iconify (icons)

- Git and GitHub (version control)

- GitHub Pages (website hosting)

- Visual Studio Code (text editor)

- Notepad++ (text editor)

- Google (for hours of internet searching for bug fixes and guides)

## Commands

All commands are run from the root of the project, from a terminal:

| Command                | Action                                           |

| :--------------------- | :----------------------------------------------- |

| `npm install`          | Installs dependencies                            |

| `npm run dev`          | Starts local dev server at `localhost:3000`      |

| `npm run build`        | Build your production site to `./dist/`          |

| `npm run preview`      | Preview your build locally, before deploying     |

| `npm run astro ...`    | Run CLI commands like `astro add`, `astro check` |

| `npm run astro --help` | Get help using the Astro CLI                     |

## License

This website is licensed under the terms of [MIT license](LICENSE).