"Kitsune" | Responsive Multi-Purpose Jekyll Creative Theme (built: 2016)
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
_albums
_data
_images
_includes
_layouts
_posts/news
assets
news
.gitignore
404.md
README.md
_config.yml
atom.xml
contact-form-thanks.html
contact.html
favicon-144.png
favicon-152.png
favicon.ico
feed.xml
humans.txt
index.html
page-01.html
page-02.html
page-03.html
page-04.html
page-05.html
page-with-carousel.html
robots.txt
search-results.html
sitemap.html
sitemap.xml

README.md

README

"Kitsune" | Responsive Multi-Purpose Jekyll Creative Theme

Jekyll theme specifically created for portfolio websites, utilizing Jekyll collections for albums and images.

Built: Early 2016

Demo Website URL: dchantzis.github.io/jekyll-kitsune/ Git Repo: github.com/dchantzis/jekyll-kitsune

This theme includes the following:

  • Complete Jekyll setup (layouts, collections, config, 404, posts, RSS and atom feed, sitemap, example pages)
  • Mobile and tablet friendly design and development, with 4 breakpoints
  • Grid CSS system
  • Modular and scalable typography
  • Easily scalable text and component sizing with rem units in the CSS
  • Posts pagination
  • Album pagination
  • Related posts
  • Contact form using formspree.io/
  • Integrating Google analytics and themed Google maps
  • Google fonts (Roboto and Abel)
  • Syntax highlighting
  • Pure CSS toggleable navigation and information top-bar
  • Lightbox presentation for image albums with transitions, controls, navigation buttons and keyboard shortcuts
  • CSS3 & jQuery responsive image carousel with transitions, controls, navigation buttons and keyboard shortcuts
  • Option to select the image grid type of an album
  • Social media share buttons for posts, albums and images
  • Disqus comments
  • Separate sitemap page
  • Word counter and "reading time" functionality for posts
  • JSON & AJAX driven predictive search functionality with search results page for albums, pages, images and posts

Technologies and tools used:

  • HTML5
  • CSS3
  • Javascript
  • jQuery
  • AJAX
  • Jekyll
  • Liquid
  • YAML
  • Markdown

Dimitrios Chantzis

Screenshots

Home page: Mobile version

Image 1


Home page with expanded navigation: Tablet version

Image 2


Album page: Fullscreen

Image 3


Album page: Image lightbox

Image 4


Contact page

Image 5


Predictive search

Image 6


Search results page

Image 7