GithubHelp home page GithubHelp logo

muream / pneumatic Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ikeviny/pneumatic

0.0 2.0 0.0 4.37 MB

Minimalistic, responsive Pelican theme.

License: MIT License

CSS 45.51% HTML 54.49%

pneumatic's Introduction

Pneumatic

Pneumatic is a minimalistic, responsive Pelican theme. The name was chosen because it's based on the Skeleton framework, and pelicans (like most birds) possess skeletal pneumaticity. See the theme in action at kevinyap.ca.

Pneumatic Screenshots

Here's a summary of Pneumatic's selling points:

  • 100% JavaScript-free by default (minus legacy IE compatibility scripts).
  • No authors, categories, or tags โ€” full minimalism!
  • Configurable sidebar icons via Font Awesome.
  • Responsive layout (sidebar turns into a header on small devices).
  • Modern system font stack based on San Francisco and Segoe UI.
  • Optional Google Analytics and Disqus integration.

Note: To use the older version of the theme whose font stack was based on Google Fonts, refer to [email protected].

Setup

  • Install Sass and two Pelican plugins: Neighbours and Assets. These are required dependencies.

  • Create a directory containing all of the relevant icons. Set ICONS_PATH to that directory's path (ex. images/icons) and ensure that it has been added to STATIC_PATHS.

  • There are intentionally no author, category, and tag page templates, so AUTHORS_SAVE_AS, CATEGORY_SAVE_AS, CATEGORIES_SAVE_AS, and TAGS_SAVE_AS should all be set to ''.

  • pygments.css can be modified to change the code block colour scheme.

  • Some font and colour choices can be customized in pneumatic.scss.

  • CodeHilite line numbers should be enabled in Pelican's configuration file:

    # Pelican 3.7+
    MARKDOWN = {
        'extension_configs': {
            'markdown.extensions.codehilite': {'linenums': None}
        }
    }
    
    # Pelican 3.6 and older
    MD_EXTENSIONS = ['codehilite(linenums=None)']

Here are theme-specific settings that should be present in the Pelican configuration file:

Setting Description
SITENAME Text displayed under avatar in sidebar
BIO_TEXT Text displayed under site name
FOOTER_TEXT Text displayed in site footer
ICONS_PATH Location of site icons (ex. images/icons)
SITE_AUTHOR Used for author <meta>
TWITTER_USERNAME Used for Twitter Cards <meta>
GOOGLE_PLUS_URL Used for Google+ <meta>
INDEX_DESCRIPTION Used for description <meta> on index page
SIDEBAR_LINKS List of anchor elements to be displayed under bio text
GOOGLE_FONTS List of fonts to import from Google Fonts (optional)
SOCIAL_ICONS List of tuples in the form (link, title, icon-class)
THEME_COLOR Primary colour of the site (ex. #000000)
DISQUS_SITENAME Disqus shortname (optional)
GOOGLE_ANALYTICS Google Analytics tracking code (optional)
DOMAIN Used for Google Analytics and Twitter Cards <meta>
FA_EMBED_CODE Font Awesome CDN embed code (optional)

License

Pneumatic is licensed under the MIT License.

pneumatic's People

Contributors

ikeviny 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.