Code Monkey home page Code Monkey logo

manifesto-anchor-theme's Introduction

Manifesto

Manifesto - A minimal, responsive theme for Anchor CMS designed for a distraction-free reading experience on any device. Test drive it... demo

Features | Installation | Setup | Final Thoughts | License & Copyright

Features

  • Responsive design built on a modified version of Skeleton (http://getskeleton.com) to have a percentage based grid system
  • jPanelMenu drawer navigation
  • Options to display/hide Anchor Pages in the main navigation
  • Nice featured images for each post (requires additional setup)
  • Estimated "read time" for each post, à la medium.com
  • Supports post descriptions to display on Posts page and in article header as a teaser
  • "Tweet This" button on posts

* NOTE: Originally I was using the Anchor HTML function to return the content of a post, but this seems to be causing more confusion for people so I have gone back to Anchor's default behavior of rendering Markdown. The HTML was just my own personal preference.

Installation

  1. Download the theme from Github
  2. Unzip and copy the theme folder into your themes directory
  3. Set Manifesto as the Current Theme: on the Extend > Metadata menu in Anchor's admin
  4. Blamo! You're done. Move along to setup customizations.

Setup

A few extra customizations are required to take advantage of this themes extra features.

Featured Images and Image Credit

This theme can display one large featured image per post. Optionally, you can also setup an extra field to insert some HTML for crediting the image author. If images aren't for you then not to worry, the theme will simply load with a plain vanilla h1 title.

  1. Create a new Custom Field in the Extend > Custom Fields menu in Anchor's admin
  2. Fill in the form with the following:
    • Extend: post
    • Type: file
    • Unique Key: featured-image
    • Label: Featured Image
    • File Types: [blank]
  3. Upload featured images when editing a post
  4. (Optional) Create another Custom Field with the following settings:
    • Extend: post
    • Type: html
    • Unique Key: featured-image-credit
    • Label: Featured Image Credit
  5. Swish! Ya done good, son.

Navigation & Twitter Account

You can control which pages (not posts) are visible in the main menu, and also setup a link to your Twitter account. The Twitter variable is also used to credit you in the "Tweet This" button in your posts.

  1. Create a new Custom Field in the Extend > Custom Fields menu in Anchor's admin
    • Extend: page
    • Type: text
    • Unique Key: show-in-menu
    • Label: Show link in nav menu?
  2. Click Update
  3. If you want to hide any subsequent pages from the nav, simply uncheck that field in your post
  4. Create a new variable to provide your Twitter username. Extend > Site Variables in Anchor's admin
    • Name: twitter_account
    • Value: YourTwitterUsername
  5. Create a new variable to provide your Twitter URL. Extend > Site Variables in Anchor's admin
  6. That's it! Finished.

Final Thoughts

This theme is by no means perfect. I was looking to try some BEM techniques in organizing my code with this one, and in all likelihood I fucked it up royally. If you have any questions, submit an issue or shoot me a message: dave [at] daveis [dot] net.

License & Copyright

Free to use and modify under the MIT license. http://www.opensource.org/licenses/mit-license.php

© 2013 David Gardner

manifesto-anchor-theme's People

Contributors

daveis avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

manifesto-anchor-theme's Issues

missing code / pre tags

First of all: I really love your theme! Great work!

I've just get a fresh copy and went to see my articles...then noticed, that my code blocks aren't formatted anymore.

I've tried with indentation (4 spaces or 1 tab) which works well in default theme, but no success. The page is missing the

 ... 
tags for the block, so the css-style won't be applied (thought that content is being processed by main engine, not the themes)....

Markdown not interpreted after installing

Articles are not parsed after installing the theme. It displays the raw markdown. Lacking an install note, I just renamed the original default theme to default_ and named Manifesto theme to default. Everything works but that.

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.