Theme features

Jekyll Curate presents is a visually captivating Jekyll portfolio theme designed to showcase professional portfolios, projects, case studies and more. The flexible project content type offers 4 different layouts and an overview page. The theme incudes a fully featured blog.

Content Types

• Homepage (Markdown)
• Projects (Markdown)
• Blog (Markdown)
• Basic Pages (Markdown)
• Contact Page (Markdown)

Design & Code

• Jekyll 4.3+
• Clean code and Jekyll best practices
• Content is editable and configurable via markdown or front-matter. No hardcoded content!
• Configure logo, colors, fonts all from _config.yml
• Configure sort order, limit and grid layout of projects and posts on the homepage and projects page
• 100% responsive design

CSS

• Bootstrap 5.3
• SCSS using Jekyll compiler.
• 100% responsive design
• Includes all SCSS files which are well structured and cleanly written
• The entire Bootstrap library is not imported by default. Mainly we use the Bootstrap grid, media queries and utilities. If you wish to use more of the Bootstrap library you just need to uncomment the @imports in the style.scss.

Speed

• 100/100 Google Lighthouse speed score
• Tiny CSS and JS filesize ⚡
• No jQuery
• Statically generated - you can’t get faster or more resiliant then that! 💪

SEO

• 100/100 Google Lighthouse SEO score
• Google Analytics can be configured in _config.yml, supports environment variables.
• Google Tag manager can be configured in _config.yml, supports environment variables.
• Plausible analytics can configured in _config.yml, supports environment variables.
• Umami analytics can configured in _config.yml, supports environment variables.
• Title and Meta tags auto generated for each page automatically
• OG meta data for Facebook, Twitter etc generated for each page automatically
• Ability to override title and meta tags in the frontmatter on a per page basis
• Ability to override OG Meta data in frontmatter on a per page basis
• Semantic HTML5 document structure
• Social media links can be configured in data/social.json - Fontawesome is used for the icons.
• No Javascript links or onClick events to prevent crawling
• Statically generated pages are fast and easy to index

Privacy

• No analytics, tracking, or cookies are enabled by default
• Supports privacy focused analytics providers Plausible & Umami, both GDPR compliant alternatives to Google Analytics
• Self hosted Google fonts enabled by default. Option to switch between hosting and CDN Google fonts in _config.yml
• Does not use NPM or node_modules, no risk of dependencies leaking or extracting data

Menus

• Main menu managed data/menu.yml
• Responsive menu using simple vanilla JS/CSS code
• Animated hamburger and mobile overlay menu
• Dropdown items in main menu
• Dropdown menu items can have optional icons and descriptions
• Configure menu items as buttons or external links
• 3 Footer menus
• Bootom menu
• Configure copyright, RSS, terms and privacy links in the footer

Header

• Fixed header and animation on scroll
• Logo configuration for desktop and mobile. Control the image (different logos for desktop and mobile for instance) size, text, color etc - Your logo will be perfect 👌

Darkmode

• First class darkmode support
• Configure manual dark mode and position of dark mode toggle
• Supports automatic darkmode based on users OS setting (css prefers-color-scheme)
• Dark mode switch can be displayed in header/footer and mobile menu overlay
• Configure the color palette for light and dark mode base colors in _config.yml

Social

• Social media links can be configured in data/social.json - Fontawesome is used for the icons.
• Auto generated and overridable OG Meta data for Facebook and Twitter cards

Contact Forms

• Contact page & contact form
• Contact details including phone, email etc can be displayed on the contact page
• Supports Netlify forms - comes with prebuilt Netlify form, will work automatically when hosting with Netlify
• Supports Formspree forms - comes with prebuilt Formspree form just add your Formspree ID in the _config.yml

Comments

• Includes Disqus comments

Newsletter

• Includes Mailchimp subscribe

Fonts

• Supports self hosted fonts @font-face - GDPR compliant
• Supports Google fonts
• Fonts can be configured in _config.yml switch between self hosting and CDN Google fonts
• Font Awesome 5 icons

Content

• Robust example content included out of the box
• All photos, illustrations and icons included with this theme are royalty free

Deployment

• Ready to deploy to Netlify
• includes netlify.toml file
• Ready to deploy to Github Pages

Changelog

Version 2.0 (Released Nov 24, 2023)

• Update to Jekyll Zerostatic framework. Includes new components, bug fixes and even more configuration options in the _config.yml

Version 1.6 (Released Oct 22, 2023)

• Add new privacy focused analytics providers Plausible & Umami
• Add self hosted Google fonts, enabled by default
• Add cookie banner - Cookieconsent - a lightweight, cutomizable, GDPR compliant cookie consent solution written in vanilla JS.
• Prevent loading of Disqus unless user needs to comment, prevents 3rd party cookie installation and data tracking from Disqus
• Use the Youtube no-cookie embed code when embedding videos
• Remove external Javascript from Mailchimp embed
• Add configurable RSS Icon to footer
• Improvements to SEO meta tags and OG meta tags. More flexible to override on a per page basis

Version 1.5 (Released Oct 10, 2023)

• New frontmatter properties allow deeper control over layout on homepage and projects page. Specify sort order, limit (number of items shown) and number of columns in grid (1, 2, 3 or 4). Enable heading and subheading and control view more button in footer.

# home.md
---
projects:
  heading: "" # "Projects"
  sub_heading: "" # "A collection of our recent work"
  limit: 4
  sort: date # date | weight
  view_more_button_text: "" # "More Projects"
  view_more_button_link: "" # "/projects"
  columns: 2 # 1 | 2 | 3 | 4

posts:
  heading: "Recent Posts"
  sub_heading: ""
  limit: 3
  sort: date # date | weight
  view_more_button_text: ""
  view_more_button_link: "" # "/blog"
  columns: 3 # 1 | 2 | 3 | 4
---

• Add support for Google Tag manager
• Add support for Umami analytics
• Add ability to set meta keywords per page

Version 1.4 (Released Oct 05, 2023)

• Update to Bootstrap 5.3.2
• Update to Jekyll 4.3
• Add self hosted fonts config option
• Add Plausible analytics config option
• Fix bug with category background color in dark mode
• Fix bug with mobile menu background in dark mode
• Retest Github pages deployments
• Retest Netlify deployments
• Remove unusued frontmatter from homepage

Version 1.3 (Released Mar 23, 2023)

• Fix pagination darkmode bug where border and number where not visible in darkmode.
• Improve stability and grid of project gallery component

Version 1.2 (Released Nov 01, 2022)

• Fix header menu darkmode bug. Text was not visible in darkmode. Fixes incorrect css var property in header.scss
• Updated various components with minor styling and code cleanup

Version 1.1 (Released Jul 24, 2022)

• Fix masonry layout using imagesLoaded plugin
• Minor bug fixes

Version 1.0 (Released Jun 21, 2022)

• Initial release 🎉