Git Product home page Git Product logo

hikingbug-theme's Introduction

Hikingbug - Materialize Ghost Theme

Ghost theme for hiking and traveling based on Materialize. We developed and used it for our on blog: hikingbug.org

Features

  • responsive
  • uses semantic html elements
  • sidebar with tags and RSS-Feed
  • burger menu and sidebar navigation for mobile
  • translation for en and de
  • three images sizes inside posts
  • fullscreen zoom for images inside a post
  • external links open in new tabs
  • tour page with
    • flickr gallery integration
    • link to tour reports
    • cards with revealable details
    • statistics table
    • OpenStreetMap integration to view GPX track with fullscreen support
  • reading time
  • clean page to show all post with a tag using smaller cards

Install

  1. download repository content as zip file
  2. install the theme
  3. create pages /legal and /dataprotection. Otherwise remove the links from default.hbs
  4. (optional) add a menu item for /tours and create a page with this URL, modify the file page-tours.hbs and upload GPX files.

Usage

For hiking and traveling we recommend to use the ghost-android app and snapseed to edit photos and to reduced image size (1920x1920, 80%) before uploading.

Example post

Example Post to demonstrate how to

  • use the different image sizes in a post
  • use subheaders
##  Subheader

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

* John
* Maggy
* Bart

### Supsupheader

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

![](/content/images/sampleimage.jpg)

![](/content/images/sampleimage.jpg#medium) ![](/content/images/sampleimage.jpg#medium)

![](/content/images/sampleimage.jpg#small) ![](/content/images/sampleimage.jpg#small) ![](/content/images/sampleimage.jpg#small)

Have fun!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.