https://github.com/josapton/josapton.github.io
Source code of my website. Powered by Jekyll and Gradfolio
https://github.com/josapton/josapton.github.io
blog github github-pages html jekyll jekyll-theme jekyll-website portfolio-website portofolio project ruby scss website
Last synced: about 2 months ago
JSON representation
Source code of my website. Powered by Jekyll and Gradfolio
- Host: GitHub
- URL: https://github.com/josapton/josapton.github.io
- Owner: josapton
- License: mit
- Created: 2025-07-08T07:53:25.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2025-07-31T09:58:33.000Z (11 months ago)
- Last Synced: 2025-07-31T13:21:20.957Z (11 months ago)
- Topics: blog, github, github-pages, html, jekyll, jekyll-theme, jekyll-website, portfolio-website, portofolio, project, ruby, scss, website
- Language: SCSS
- Homepage: https://josapton.github.io/
- Size: 4.79 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [josapton.github.io](https://josapton.github.io/)
Source code of my website. Powered by [Jekyll](https://jekyllrb.com/) and [Gradfolio](https://github.com/jitinnair1/gradfolio).
## Preview
Light
Dark

## Features
- Responsive
- Respects Dark Mode preference set by the user
- [Projects](https://josapton.github.io/projects) Page to showcase works/side projects
- [Blog Page](https://josapton.github.io/blog) to share informations and knowledges
- Link to profiles on LinkedIn, GitHub, and socials
## Documentation
Check out the [Jekyll docs](https://jekyllrb.com/docs/) and [Gradfolio wiki](https://github.com/jitinnair1/gradfolio/wiki) for more information about creating a website with Jekyll and Gradfolio.
### Installation
- Go to https://github.com/jitinnair1/gradfolio and click on `Use this template`
- Name the repository `USERNAME.github.io`
- Locate `pages.yml` in `.github/workflows` and add write permissions after the name
```yaml
name: Build and Deploy to Github Pages
permissions:
contents: write
on:
push:
branches:
- master
...
```
- Edit `baseurl` and `url` in the `_config.yml` file to
```yaml
baseurl: ""
url: "https://USERNAME.github.io"
```
- Modify the contents and personalise the template
- The new site should be ready at `https://USERNAME.github.io/`
or
- Install [Ruby+Devkit](https://www.ruby-lang.org/en/downloads/)
- Install Jekyll and Bundler using
```bash
gem install jekyll bundler
```
- Clone the repository
```bash
git clone https://github.com/jitinnair1/gradfolio USERNAME.github.io
cd USERNAME.github.io
code .
```
- Locate `pages.yml` in `.github/workflows` and add write permissions after the name
```yaml
name: Build and Deploy to Github Pages
permissions:
contents: write
on:
push:
branches:
- master
...
```
- Edit `baseurl` and `url` in the `_config.yml` file to
```yaml
baseurl: ""
url: "https://USERNAME.github.io"
```
- Install required file to run Jekyll in local
```bash
bundle install
bundle exec jekyll serve --force-polling --trace
```
- Modify the contents and personalise the template
- Create a new public repository named `USERNAME.github.io`
- Commit and push
```bash
git add .
git commit -m 'Initial GitHub pages site with Jekyll'
git remote add origin https://github.com/USERNAME/USERNAME.github.io.git
git push -u origin master
```
- The new site should be ready at `https://USERNAME.github.io/`
### External
- [**Ruby**](https://www.ruby-lang.org/en/) a dynamic, open source programming language with a focus on simplicity and productivity. It has an elegant syntax that is natural to read and easy to write.
- [**Jekyll**](https://jekyllrb.com/) is a simple, blog-aware, static site generator perfect for personal, project, or organization sites. Think of it like a file-based CMS, without all the complexity. Jekyll takes your content, renders Markdown and Liquid templates, and spits out a complete, static website ready to be served by Apache, Nginx or another web server. Jekyll is the engine behind GitHub Pages, which you can use to host sites right from your GitHub repositories.
- [**Gradfolio**](https://github.com/jitinnair1/gradfolio) responsive, dark-mode ready Jekyll theme designed for use as a personal website and portfolio.
## About Me
I am a student and lazy programmer who thrives on balancing productivity with relaxation. While I have a laid-back demeanor, I’m committed to honing my skills and making meaningful contributions in the tech world. [Email](mailto:josapton@gmail.com), [LinkeIn](https://www.linkedin.com/in/jokosaptono), [Facebook](https://www.facebook.com/josapton), [Instagram](https://www.instagram.com/josapton).