Mainly this changes from the old google analytics variables and switches from using requirejs to yepnopejs.
7.1 KiB
Pelican-red
Alpha Quality Pre-v0.1.0
Pelican-red is a pelican theme designed to be readable on every device. It is a responsive layout which utilizes the Foundation 4 framework. The theme was originally created for the blog VoltaicIdeas and has a few additional features in addition to the original design to make it more useful. Pelican-red is Licensed under the MIT-License.
Features
The following is a list of features:
- Responsive design view-able on mobile down to 380px wide (check)
- Fixed top-bar w/drop-down navigation & social links
- Social links with Icons from Entypo by Daniel Bruce or Zocial by Sam Collins; currently supported ( icon font pack in parenthesis ):
- Blogger ( Zocial )
- Dribbble ( Entypo )
- Facebook ( Entypo )
- Flickr ( Entypo )
- Github ( Entypo )
- GrooveShark ( Zocial )
- Google+ ( Entypo )
- Instagram ( Entypo )
- Lastfm ( Entypo )
- LinkedIn ( Entypo )
- Picasa ( Entypo )
- Pinterest ( Entypo )
- Rdio ( Entypo )
- Reddit ( Zocial )
- Skype ( Entypo )
- SoundCloud ( Entypo )
- Steam ( Zocial )
- StumbleUpon ( Entypo )
- Tumblr ( Entypo )
- Twitter ( Entypo )
- Vimeo ( Entypo )
- YouTube ( Zocial )
- Social links with Icons from Entypo by Daniel Bruce or Zocial by Sam Collins; currently supported ( icon font pack in parenthesis ):
- Style-sheets built using sass & compass
- zeptos.js used instead of jQuery when possible
- Javascript files loaded via yepnope.js (part of modernizr) from CDN jsDelivr with local fallback
- Analytics via Google Analytics ( new version ) or GoSquared
- Disqus comments support (TODO FINISH)
- PDF link support
- pygments code highlighting
- Site Icons for Creative Commons Licenses, VCards, Tags, PDF download, Search, and Translation selection using Entypo by Daniel Bruce
- Google Custom Search Support
- more ...
Install
To install pelican-red first either clone the repository or download the zip of the current version to a destination of your choice ( ~/pelican-red
used in example ):
git clone https://github.com/arsenetar/pelican-red.git ~/pelican-red
or
wget https://github.com/arsenetar/pelican-red/archive/master.zip
unzip master.zip
mv pelican-red-master ~/pelican-red
The theme can then either be used by installing the theme or just by pointing to it.
Option 1 - Install
Using pelican-themes (~/pelican-red is path to the theme used in previous example):
pelican-themes --install ~/pelican-red
Then change the theme in the Pelican settings file for the site you want to use pelican-red:
THEME = "pelican-red"
Option 2 - Just Point to It
Edit your Pelican settings file for the site you want to use pelican-red (~/pelican-red is path to the theme used in previous example):
THEME = "~/pelican-red"
Configuration
In addition the to general Pelican configuration variables pelican-red supports a few additional settings. All the variables are set in your Pelican settings file for the site you are using pelican-red with.
Variables are listed as variable
: description
General
SITE_DESCR
: Description of site used for meta if you wantSITE_KEY
: Keywords for meta ex."keyword1, keyword2, keyword3"
FAVICON
: Path to favicon ex.images/favicon
COPYRIGHTS
: Copyright dictionary['Abbriviation': ('name','url')]
DEFAULT_COPYRIGHT
: Default copyright to use is an abbriviation key from theCOPYRIGHTS
dictionaryCOPYRIGHT_ARTICLE
: Show default copyright on articles (overridable with article value)COPYRIGHT_PAGE
: Show default copyright on pages (overridable with page value)
Navigation
MENUITEMS
: Custom Links to place in the menu e.(('Item', 'Link'))
DISPLAY_PAGES_ON_MENU
: Show pages on the menu; has three optionsFalse
- do not display,Compact
- display as dropdown with 'Pages' Heading, andExpanded
- display each as a seperate top level item.DISPLAY_CATEGORIES_ON_MENU
: Show the categories on the menu; has same optionsFalse
- do not display,Compact
- display as dropdown with 'Categories' Heading, andExpanded
- display each as a seperate top level item.
Social
SOCIAL
: List of the social links and urls ex.(('Network','url'),)
, supported w/icon listed below:- Blogger :
('blogger','http://myblog.blogspot.com')
- Dribbble :
('dribble','http://dribbble.com/username')
- Facebook :
('facebook','http://www.facebook.com/username')
- Flickr :
('flickr','http://www.flikr.com/photos/username')
- Github :
('github','https://github.com/username')
- GrooveShark :
('grooveshark','http://grooveshark.com/username')
- Google+ :
('gplus','https://plus.google.com/profileID')
- Instagram :
('instagram','http://instagram.com/username')
- Lastfm :
('lasstfm','http://www.last.fm/user/username')
- LinkedIn :
('linkedin','http://www.linkedin.com/in/username')
- Picasa :
('picasa','http://')
- Pinterest :
('pinterest','http://pinterest.com/username')
- Rdio :
('rdio','http://www.rdio.com/people/username')
- Reddit :
('reddit','http://www.reddit.com/user/username')
- Skype :
('skype','skype:username?chat')
- SoundCloud :
('soudcloud','https://soundcloud.com/profileID')
- Steam :
('steam','http://steamcommunity.com/profiles/profileID')
- StumbleUpon :
('stumbleupon','http://www.stumbleupon.com/stumbler/username')
- Tumblr :
('tumblr','http://myblog.tumblr.com')
- Twitter :
('twitter','http://twitter.com/username')
- Vimeo :
('vimeo','http://vimeo.com/channels/channelID')
- YouTube :
('youtube','http://www.youtube.com/channel/channelID')
- Blogger :
Comments ( Disqus )
DISQUS_SN
: Disqus Shortname of site ( VoltaicIdeas )COMMENTS_PAGE
: Include Comments on pages set True/FalseCOMMENTS_ARTICLE
: Include Comments on articles set True/False
Analytics ( Google Analytics and GoSquared )
GOOGLE_ANALYTICS
: Google Analytics Code and Domain ex.( UA-xxxxxxxx-x' , 'voltaicideas.net' )
GO_SQUARED
: GoSquared Code ex.'GSN-xxxxxx-x'
Per Article / Page Variables
In addition to the additional configuration variables the theme supports the following variables in articles / pages.
comments
: show comments True/Falsecopyright
: copyright to display at bottom of page / article overrides the siteDEFAULT_COPYRIGHT
value
Previews
A live preview of the theme can be seen on the blog VoltaicIdeas as well as the gh-pages for pelican-red at http://pelican-red.voltaicideas.net/.
Previews of the site main page are shown below as desktop and mobile.
Desktop Preview
INSERT SITE PREVIEW(s)
Mobile Preview
INSERT MOBILE PREVIEW(s)
TODO
- Allow for multilevel MENUITEMS
- Translations support (pages and articles)
Change-log ( Major Details )
v0.1.0
First Release