Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Remade Readium, moving away from the original Medium copycat. First iteration. More to come.
- Loading branch information
1 parent
401dec2
commit 023f505
Showing
111 changed files
with
7,831 additions
and
3,197 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,70 +1,70 @@ | ||
| <h1>Readium 2.0</h1> | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"/> | ||
| </head> | ||
| <body> | ||
| <h1 id="readium3.0.0">Readium 3.0.0</h1> | ||
|
|
||
| <p><strong>The Medium-like theme for <a href="https://github.com/TryGhost">Ghost</a></strong>. 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.</p> | ||
| <p><strong>The (the good parts) Medium-like theme for <a href="https://github.com/TryGhost">Ghost</a></strong>. Took the good parts of Medium (without really looking like Medium) to bring you a similar reading and blogging experience while giving you the freedom to host your content on your own servers and on your own terms.</p> | ||
|
|
||
| <p><img src="http://cl.ly/VBX3/readium2.jpg" alt="Readium 2.0" /></p> | ||
| <figure> | ||
| <img src="http://cl.ly/VBX3/readium2.jpg" alt="Readium 3.0" /> | ||
| <figcaption>Readium 3.0</figcaption> | ||
| </figure> | ||
|
|
||
| <p><strong>Check out <a href="http://mark-read.info">Mark Reads Blog</a> as an good example</strong>.</p> | ||
| <p><strong>Check out <a href="http://www.svenread.com">Sven Reads Blog</a> as an example</strong>.</p> | ||
|
|
||
| <p>Just drop this theme in your Ghost theme folder and choose it in your Ghost admin dashboard (after restarting Ghost).</p> | ||
|
|
||
| <p>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.</p> | ||
| <p>Just drop this theme in your Ghost theme folder (and exptract it!) and choose it in your Ghost admin dashboard (after restarting Ghost).</p> | ||
|
|
||
| <p>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!</p> | ||
|
|
||
| <h2>Features</h2> | ||
| <h2 id="features">Features</h2> | ||
|
|
||
| <ul> | ||
| <li>Mobile-First Design Aproach</li> | ||
| <li>Fully Responsive layout</li> | ||
| <li>Use header images in articles, if you want to (add tag “articleImage” and first article gets used)</li> | ||
| <li>Use header images in articles</li> | ||
| <li>Automatic figcaption generation from image alt tags</li> | ||
| <li>Valid HTML5/CSS3</li> | ||
| <li>WAI-ARIA & Rich Snippets(microdata) roles</li> | ||
| <li>Minimal design</li> | ||
| <li>Compatible with Ghost 0.5 (Added Multi-User-Support)</li> | ||
| <li>Compatible with Ghost 0.6.3</li> | ||
| <li>Designed for Readability & Sharability</li> | ||
| <li>Works with the Ghost Hosting platform</li> | ||
| <li>Handles static pages</li> | ||
| <li>Featured article support</li> | ||
| <li>FontAwesome implemented for easy use of icons fonts</li> | ||
| <li>Google Analytics integrated</li> | ||
| <li>Highlight.js integrated for Syntax highlighting - <a href="http://highlightjs.org">Highlight JS</a></li> | ||
| <li>OpenGraph & Twitter Cards meta’s</li> | ||
| <li>OpenGraph & Twitter Cards meta’s</li> | ||
| <li>Free & Open Source Font usage</li> | ||
| <li>Theoretically ready for multiple users (here is how to <a href="http://lifewiththemacks.com/multi-user-support/">hack Ghost for Mulit-User</a>)</li> | ||
| </ul> | ||
|
|
||
|
|
||
| <h4>If your Ghost blog is self hosted:</h4> | ||
| <h4 id="ifyourghostblogisselfhosted:">If your Ghost blog is self hosted:</h4> | ||
|
|
||
| <ol> | ||
| <li>Copy the contents of the .zip file into /content/themes/.</li> | ||
| <li>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.</li> | ||
| <li>Copy the contents of the .zip file into /content/themes/ and unzip it.</li> | ||
| <li>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.</li> | ||
| <li>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.</li> | ||
| <li>Have fun.</li> | ||
| </ol> | ||
|
|
||
|
|
||
| <h4>If your Ghost blog is hosted on the Ghost hosting platform:</h4> | ||
| <h4 id="ifyourghostblogishostedontheghosthostingplatform:">If your Ghost blog is hosted on the Ghost hosting platform:</h4> | ||
|
|
||
| <ol> | ||
| <li>Upload your Zip file via the Ghost admin panel.</li> | ||
| <li>Switch your theme to the Readium theme.</li> | ||
| <li>Have fun.</li> | ||
| </ol> | ||
|
|
||
|
|
||
| <h4>Thanks go to…</h4> | ||
| <h4 id="thanksgoto...">Thanks go to…</h4> | ||
|
|
||
| <ul> | ||
| <li>FontAwesome by Dave Gandy</li> | ||
| <li>Highlight JS by Ivan Sagalaev</li> | ||
| <li>@mr_boolean, @riplexus & @unverbraucht for helping with JS</li> | ||
| <li>The awesome guys that make Ghost</li> | ||
| <li>The really rad guys that design Medium</li> | ||
| </ul> | ||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.