Joko Saptono's GitHub Pages

July 10, 2025

josapton.github.io

(See on GitHub)

Source code of my website. Powered by Jekyll and Gradfolio.

Preview

Light

Dark

Features

• Responsive
• Respects Dark Mode preference set by the user
• Projects Page to showcase works/side projects
• Blog Page to share informations and knowledges
• Link to profiles on LinkedIn, GitHub, and socials

Documentation

Check out the Jekyll docs and 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

name: Build and Deploy to Github Pages

permissions:
    contents: write

on:
    push:
        branches:
            - master
...

• Edit baseurl and url in the _config.yml file to

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
• Install Jekyll and Bundler using

gem install jekyll bundler

• Clone the repository

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

name: Build and Deploy to Github Pages

permissions:
    contents: write

on:
    push:
        branches:
            - master
...

• Edit baseurl and url in the _config.yml file to

baseurl: ""
url: "https://USERNAME.github.io"

• Install required file to run Jekyll in local

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

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 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 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 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, LinkeIn, Facebook, Instagram.