Coder Social home page Coder Social logo

notcraig / pelican-html5up-halcyonic Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 1019 KB

Pelican theme based on HTML5Up's Halcyonic

Python 2.14% CSS 70.62% JavaScript 13.10% HTML 14.15%
pelican pelican-theme pelican-blog python3 jinja2 static-site html5up creative-commons

pelican-html5up-halcyonic's Introduction

Halcyonic - An HTML5 UP theme for Pelican

Halcyon for Pelican is a clean, simple theme based on the 2-column layout (sidebars on the right) of the HTML5 Up theme of the same name.
Creation of the theme was another exercise in learning to create themes totally from scratch.
As such, I made the theme (mostly) modular, so that pretty much any section of the theme can be easily edited (or removed from the layout entirely).
The top navigation menu, social links are configured in pelicanconf.py as is the norm.
The footer (and the links and blurb therein) are simple includes and can be edited separately or removed from the layout.

Google Analytics is enabled by uncommenting and editing the ID in pelicanconf.py.

The 'Neighbors' plugin is needed.

Something that seems to be unique (or at the very least, uncommon) to my themes/modification of themes is that the dates are English Ordinal (e.g., "June 1st, 2017").
For that to work (aside from what's already in the sample pelicanconf.py) you'll need the python package "inflect" and to creat a jinja filter.
The sample pelicanconf.py has the necessary code to enable it.

Create a folder named "utils" in the root of your site directory:

├─ static  
├─ templates  
└─ utils  
    └─ filters.py

Add the following code to "filters.py":

#!/usr/bin/env python

def ordinal(self):
    o = inflect.engine()
    return o.ordinal(self)  # 1 -> '1st'

Posts

ReStructuredText

What's that sound? Doves?
#########################
:subtitle: a subtitle
:date: 1999-12-31
:tags: pelican, party
:category: Purple

Two thousand zero zero

Markdown

---
title: It's raining pelicans
date: 1999-12-31
tags: pelican, party
category: Purple
---

Party's not over yet, even without a subtitle

Screenshots

Main

Main

Single Article

article

Archives

archives

Original README

Halcyonic by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)

A somewhat unusual but interesting responsive site template. I did this one to test out a new pattern set I put together and I think it really came together well. As for use cases it's kind of unspecific so hey, use it for whatever.

Feedback, bug reports, and comments are not only welcome, but strongly encouraged :)

AJ [email protected] | @ajlkn

Credits:

Demo Images:
    Unsplash (unsplash.com)

Other:
    jQuery (jquery.com)
    html5shiv.js (@afarkas @jdalton @jon_neal @rem)
    Respond.js (j.mp/respondjs)
    Skel (skel.io)

pelican-html5up-halcyonic's People

Stargazers

 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.