agustealo.github.io

agustealo.github.io

Jekyll Twilight is a modern and stylish Jekyll theme designed for creatives and developers to showcase their work. Featuring a minimalist layout, easy-to-use social media integration, and fully customizable design, it’s perfect for portfolios, blogs, or personal websites. Jekyll Twilight makes it easy to build a professional online presence.

🌘 Jekyll Twilight

A sleek, minimalist Jekyll theme built for modern creators.

πŸ“Ί Click the image to watch the demo!


Jekyll Twilight delivers a distraction-free, elegant experience. Whether you're a developer, designer, or dreamer β€” showcase your work with style.

πŸ‘‰ Live Demo | Installation | Docs | License


✨ Overview

Jekyll Twilight is the ultimate theme for creators who value simplicity and style. It features a modern interface, mobile-first design, and seamless integration with your social presence.


πŸ”§ Features

  • βœ… Minimalist UI – Clean, focused layout
  • πŸ“± Responsive – Flawless on desktop, tablet, and mobile
  • πŸ“£ Social Widgets – Plug-and-play profile links
  • 🧩 Custom Widgets – Easily extend sidebar content
  • πŸ” SEO Ready – Structured for optimal visibility
  • ⚑ Fast Setup – Launch your site in minutes
  • πŸ› οΈ Flexible Config – Tweak to match your brand
  • πŸ“š Full Documentation – No guesswork setup

πŸ“¦ Quick Start

git clone https://github.com/agustealo/jekyll-twilight.git
cd jekyll-twilight
bundle install
bundle exec jekyll serve

Your site runs at http://localhost:4000


🧩 Configuration

Edit _config.yml to personalize your site:

title: My Awesome Site
description: Built with Jekyll Twilight
author: Agustealo Johnson
email: [email protected]
baseurl: "" # Only change if using a subfolder
url: "https://yourdomain.com"
social_links:
  github: yourusername
  linkedin: yourusername
  twitter: yourusername

🎨 Customization

πŸ“ Layouts

  • _layouts/home.html – Homepage
  • _layouts/post.html – Blog post
  • _layouts/page.html – Static pages

🧱 Includes

  • _includes/header.html – Header area
  • _includes/footer.html – Footer
  • _includes/social-links.html – Social icons
  • _includes/widget.html – Sidebar widget support

🎨 Styles

Modify assets/css/JekyllTwilight.css:

:root {
  --primary-color: #e91e63; /* Hot pink just because */
}

πŸ—‚ Project Structure

jekyll-twilight/
β”œβ”€β”€ _includes/
β”‚   β”œβ”€β”€ components/
β”‚   β”œβ”€β”€ footer.html
β”‚   β”œβ”€β”€ header.html
β”‚   β”œβ”€β”€ navigation.html
β”‚   └── widget.html
β”œβ”€β”€ _layouts/
β”‚   β”œβ”€β”€ default.html
β”‚   β”œβ”€β”€ home.html
β”‚   β”œβ”€β”€ page.html
β”‚   └── post.html
β”œβ”€β”€ _posts/
β”œβ”€β”€ _site/
β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ css/
β”‚   └── js/
β”œβ”€β”€ images/
β”œβ”€β”€ Gemfile
β”œβ”€β”€ Gemfile.lock
β”œβ”€β”€ _config.yml
β”œβ”€β”€ config.rb
β”œβ”€β”€ feed.xml
└── index.html

πŸ“œ License

Licensed under the MIT License. You are free to modify, use, and even sell β€” just give credit where it’s due.


✍️ Credits

Design & Code: Agustealo Johnson Tech Stack: Jekyll, HTML5, CSS3, JavaScript Inspiration: Minimalism + Developer Power


🀝 Contribute

PRs welcome! Open issues, fix bugs, add features. Let’s build together. β†’ Fork on GitHub


πŸ“¬ Contact

Author: Agustealo Johnson πŸ“§ Email: [email protected] 🌐 agustealo.com


πŸš€ See It Live

πŸ‘‰ 🌐 Live Demo