Giter VIP home page Giter VIP logo

readium's Introduction

Readium 2.0.0

The Medium-like theme for Ghost. Reduced to the core design of Medium (without the cluttered stuff, like the sidebar) to bring you a similar user experience while giving you the freedom to host it on your own servers and on your own terms.

Readium 2.0

Check out Mark Reads Blog as an good example.

Just drop this theme in your Ghost theme folder and choose it in your Ghost admin dashboard (after restarting Ghost).

For big article images in your posts give it the tag "articleImage". If this tag gets added to an article, you should add an additional big image to the beginning. The JS goes out and takes the first image inside this article and uses it as article image.

If you give your images an alt text, it gets added automatically as figcaption beneath the image (sorry, no links or other HTML stuff). Awesomeness!

Features

  • Mobile-First Design Aproach
  • Fully Responsive layout
  • Use header images in articles, if you want to (add tag "articleImage" and first article gets used)
  • Automatic figcaption generation from image alt tags
  • Valid HTML5/CSS3
  • WAI-ARIA & Rich Snippets(microdata) roles
  • Minimal design
  • Compatible with Ghost 0.5 (Added Multi-User-Support)
  • Designed for Readability & Sharability
  • Works with the Ghost Hosting platform
  • Handles static pages
  • Featured article support
  • FontAwesome implemented for easy use of icons fonts
  • Google Analytics integrated
  • Highlight.js integrated for Syntax highlighting - Highlight JS
  • OpenGraph & Twitter Cards meta's
  • Free & Open Source Font usage
  • Theoretically ready for multiple users (here is how to hack Ghost for Mulit-User)

Comments

To enable the disqus support open the file partials/comment-list.hbs and follow the instruction.

If your Ghost blog is self hosted:

  1. Copy the contents of the .zip file into /content/themes/.
  2. You need to restart your Ghost instance. After that you can switch themes inside your Ghost admin (http://your.domain.com/ghost/settings/general/). Scroll down and choose "Readium" from the theme dropdown.
  3. Now you can customize your logo, langing page image (if you choose to have one), as well as user images and texts to fit the theme.
  4. Have fun.

If your Ghost blog is hosted on the Ghost hosting platform:

  1. Upload your Zip file via the Ghost admin panel.
  2. Switch your theme to the Readium theme.
  3. Have fun.

Thanks go to...

  • FontAwesome by Dave Gandy
  • Highlight JS by Ivan Sagalaev
  • @mr_boolean, @riplexus & @unverbraucht for helping with JS
  • The awesome guys that make Ghost
  • The really rad guys that design Medium

readium's People

Contributors

cfv1984 avatar g3d avatar islahul avatar jondavidjohn avatar m19c avatar skozz avatar starburst1977 avatar

Watchers

 avatar  avatar

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.