"Manji-maru" | 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
_tags
assets
news
.gitignore
404.md
README.md
_config.yml
about.html
atom.xml
collection-1.html
collection-2.html
contact-thank-you.html
contact.html
favicon-144.png
favicon-152.png
favicon.ico
feed.xml
humans.txt
index.html
robots.txt
simple.html
sitemap.html
sitemap.xml

README.md

README

"Manji-Maru" | Responsive Multi-Purpose Jekyll Creative Theme

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

Built: 2016

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

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
  • Supporting parent-child relationships for pages and sub-pages or albums
  • Posts pagination
  • Album pagination
  • Related posts
  • Tag filtering of posts
  • Contact form using formspree.io/
  • Integrating Google analytics and themed Google maps
  • Google fonts (Roboto, Abel, Lora)
  • Syntax highlighting
  • Pure CSS toggleable navigation
  • Lightbox presentation for images with transitions, controls, navigation buttons and keyboard shortcuts.
  • CSS3 full-screen 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

Technologies and tools used:

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

Dimitrios Chantzis

Screenshots

Home page: Light theme

Image 1


Home page: Dark theme

Image 2


Navigation: Tablet version

Image 3


Album page

Image 4


Album page: Image lightbox

Image 4


Album page: Tablet version

Image 5


Contact page

Image 7