This repository hosts the personal portfolio website for Taka, Shunsuke Takagi (高木俊輔), an independent researcher and freelance IT consultant based in Tokyo.
Visit the live site: tkgshn.com
- Independent Researcher and Freelance IT Consultant 💻
- Expertise in UI Architecture and Product Management
- Passionate about social welfare services, digital public goods, and digital democracy
- Based in Tokyo 🗼, sometimes living a nomadic life around the world 🌎
- Professional backpacker traveling with just one bag. Motto: "Stay cheap, eat fancy" 🎒🍷
This repository is organized as follows:
tkgshn/
├── .github/
│ ├── ISSUE_TEMPLATE/
│ │ └── devin-update.md # Template for Devin-assisted updates
│ └── workflows/
│ └── static.yml # GitHub Actions workflow for validation and deployment
├── .well-known/
│ ├── _config.yml # Configuration for .well-known directory
│ └── nostr.json # Nostr NIP-05 identity verification
├── content/
│ └── main.md # Main content in Markdown format
├── CNAME # Custom domain configuration
├── index.html # Main HTML file with styling and scripts
└── README.md # This documentation file
The website content is separated from the HTML structure:
- All content is stored in Markdown format in the
content/main.md
file - The HTML file dynamically loads and renders this content
- This separation makes it easier to update content without touching HTML
Automated HTML validation is implemented in the GitHub Actions workflow:
- Uses html-validate to check for HTML errors
- Runs on every push and pull request
- Prevents deployment of invalid HTML
The site uses semantic versioning for releases:
- Automatically creates releases based on commit messages
- Uses semantic-release for version management
- Generates release notes automatically
You can request updates to the website by creating a GitHub issue using the Devin template:
- Go to Issues > New Issue
- Select the "Devin Website Update" template
- Fill in the required information
- Assign to Devin or mention @Devin in the issue
The website is designed to be responsive:
- Adapts to different screen sizes
- Images scale properly on mobile devices
- Flex layouts adjust for smaller screens
- Clone the repository
- Edit the
content/main.md
file - Commit and push your changes
- GitHub Actions will automatically validate and deploy your changes
- Create a new issue using the Devin template
- Provide the content you want to add or modify
- Specify where the content should be placed
- Devin will make the changes and create a pull request
-
Clone the repository:
git clone https://github.com/tkgshn/tkgshn.git cd tkgshn
-
Open
index.html
in your browser to preview the site
- HTML validation:
npx html-validate index.html
- Mobile responsiveness: Use browser developer tools to test different screen sizes
All rights reserved. The content and code in this repository are not licensed for reuse without permission.