Jekyll Twilight

🎥 Demo Video

[] (https://www.youtube.com/watch?v=HVFvPAbnSjQ)

Click the image above to watch the demo video!

Jekyll Twilight is a sleek, minimalist Jekyll theme designed to elevate your portfolio, blog, or personal website. With a focus on clean aesthetics and user experience, it provides a professional and polished online presence.

Live Demo | Installation | Configuration | Customization

✨ What is Jekyll Twilight?

[]

Jekyll Twilight is a minimalist Jekyll theme perfect for creating modern, elegant websites with ease. Whether you're building a portfolio, blog, or personal website, this theme delivers a polished, distraction-free experience.

🛠️ Features

Minimalist Design: Clean and modern interface for a distraction-free experience.

Responsive Layout: Optimized for all devices, ensuring a seamless user experience.

Social Media Integration: Easily connect your social profiles with a built-in widget.

Customizable Widgets: Tailor the sidebar to match your content.

SEO Optimized: Built with best practices for better search engine visibility.

Easy Installation: Get your site up and running in minutes.

Flexible Configuration: Customize the theme to match your brand.

Comprehensive Documentation: Detailed instructions for installation and customization.

📦 Quick Start

Clone the Repository

git clone https://github.com/agustealo/jekyll-twilight.git cd jekyll-twilight

Install Dependencies

bundle install

Start the Jekyll Server

bundle exec jekyll serve

Your site will be available at http://localhost:4000.

🎮 Configuration

Customize your site by editing the _config.yml file. Here are some key options:

title: Your Site Title description: Your Site Description author: Your Name email: your.email@example.com baseurl: "" # If your site is hosted in a subdirectory, set this to the subdirectory path url: "https://yourdomain.com" # Your site's domain social_links: github: "yourusername" linkedin: "yourusername" twitter: "yourusername"

Add more social links as needed

🎯 Customization

Layouts

_layouts/home.html: Homepage layout.

_layouts/post.html: Post layout.

_layouts/page.html: Page layout.

Includes

_includes/header.html: Header section.

_includes/footer.html: Footer section.

_includes/social-links.html: Social media links.

_includes/widget.html: Sidebar widgets.

Styles

Modify assets/css/JekyllTwilight.css to change the theme's appearance. Example:

:root { --primary-color: #3498db; /* Change this to your preferred color */ }

📁 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

This project is licensed under the MIT License. See the LICENSE file for details.

✍️ Credits

Design & Development: Agustealo Johnson

Inspired by: Various modern web standards and design principles

Built with: Jekyll, HTML5, CSS3, JavaScript

🤝 Contributing

Contributions are welcome! Feel free to submit a pull request or open an issue.

📧 Contact

For questions or support, please contact Agustealo Johnson.

🌟 Want to see it in action?

Check out the Live Demo!