Academic Website

Overview

This repository contains the source code of an academic website built using Jekyll as a static website generator. It offers a customizable and easy-to-use template for creating personal academic websites. The website includes various features such as filter buttons, moving JS particles, scrollbar style, sound effects, and a dark/light theme toggle button.

Features

• Filter buttons with categories for projects (using Isotope)
• Moving JS particles (like fireflies) when dark theme is enabled
• New webpage scrollbar style and progress bar
• Sound effects when users interact with functionalities
• Sink to disappear the icon
• Simple draggable pop-up icon (like Messenger)
• Dark/Light theme displayed based on the client’s time
• Dark/Light theme toggle button

Installation

To use this academic website template, you need to have the following prerequisites:

• Ruby with DevKit (version 3.2.2-1)
• Jekyll (version 4.3.2)

After installing Ruby, you can install Jekyll using the following command:

gem install jekyll

Once you have Ruby and Jekyll installed, you can proceed with the following steps to customize and run the website locally:

1. Clone the repository.
2. Customize personal information by modifying the _config.yml file and the files in the _data folder.
3. Run the website at localhost using the command jekyll serve.
4. Deploy the website to your desired host.

Summary

The academic website code repository provides a Jekyll-based template for creating personal academic websites. It includes various features such as filter buttons, moving particles, customizable styling, sound effects, and a dark/light theme toggle. The installation process requires Ruby and Jekyll, and customization can be done by modifying the configuration and data files. The website can be tested locally before deploying it to a hosting service of choice.