Back to templates

Template details

personal_timeline

A Jekyll-based personal website template for regrouping code and art projects, built as a public work-in-progress.

About this template

personal_timeline is a Jekyll-based personal website template that regroups an individual's code and art projects onto a single static page, built and published as a public work-in-progress (WIP). It uses Liquid templating and SCSS for styling, and is designed to be a living, iterated project rather than a finished product.

What is personal_timeline?

personal_timeline is a static website repository that combines a developer's code and art projects into one timeline-style page. It is built with Jekyll, a Ruby-based static site generator, and takes source content written in Markdown or HTML and outputs a fully static website ready to be served by any web server or hosting service. The site is based on the design and principles of the author's existing web development portfolio, which is publicly accessible at pquod.github.io/dev_portfolio. The project is intentionally kept online in whatever state of progress it is in, making it a transparent, evolving build. The repository's topics include HTML5, Jamstack, Jekyll, Liquid, SCSS, and static-site, reflecting its tech stack.

Key Features

  • Jekyll static generation — The entire site is generated by Jekyll from source files, meaning no server-side processing is required at runtime.
  • Liquid templating — Reusable layouts and partials are written with Liquid, Jekyll's native templating language.
  • SCSS stylesheets — Styles are authored in SCSS, a CSS preprocessor, and compiled into standard CSS.
  • Single-page timeline format — The page is designed to present projects as a chronological timeline, though the structure is flexible.
  • Planned bilingual support — The roadmap lists a bilingual version of the site (languages are not yet specified).
  • Planned light/dark theme — A light/dark theme toggle is marked as a potential feature for the first version.
  • Portfolio integration roadmap — Future versions aim to integrate a remastered art website and the existing web development portfolio into this single site.
  • Handmade CMS plan — The author plans to build a custom CMS, referencing the JStoMDJekyllPortfolio project for content management.

Who is it for?

  • Full-stack creative developers — People who produce both code and visual art can use this template to present both bodies of work in a unified timeline.
  • Jekyll users — Developers already familiar with Jekyll can fork this repository and quickly adapt it as a personal landing page.
  • Open-process builders — Individuals who are comfortable publishing unfinished work and iterating publicly will fit the project's declared public-WIP approach.

What can you do with personal_timeline?

  • Showcase code and art in one place — List software projects and artworks on a single page, with each entry linked from the timeline.
  • Create a Jekyll portfolio site — Use the repository as a starting point for a personal Jekyll portfolio, customizing the SCSS and content.
  • Follow the CMS development — Track and contribute to the planned handmade CMS, which is meant to replace manual Markdown management.

FAQ

Is personal_timeline a finished website?

No. The repository is explicitly a public work-in-progress. The first-version features are still in development, including bilingual support and a light/dark theme, and future steps include integrating the author's art website and webdev portfolio.

What is the tech stack?

The site uses Jekyll as the static site generator, Liquid for templating, SCSS for styling, and HTML5 for structure. It follows Jamstack principles, as the front end is prebuilt and served statically.

Does this template have a license?

The repository does not include a license file, so no explicit usage terms are granted. For any reuse beyond exploring the code, contact the author.

screenshot of personal_timeline on template0.com