Illustrations Portfolio
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_data
_includes
_layouts
assets
news
.gitignore
404.md
README.md
about.html
atom.xml
calendar.html
contact-thank-you.html
contact.html
feed.xml
humans.txt
index.html
robots.txt
simple.html
sitemap.html
sitemap.xml
sketch.html
work.html

README.md

README

jamesdoe.com | Illustrations Portfolio website

Built: 2016

Demo Website URL: www.jamesdoe.com Git Repo: github.com/dchantzis/jamesdoe-v4

Website created using my Jekyll Template "Manji-Maru" https://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

Image 1


Navigation

Image 2


Homepage: Mobile/tablet version

Image 3


Navigation: Mobile/tablet version

Image 4


Album page

Image 5


Contact page

Image 6