Giter Club home page Giter Club logo

skelepico-theme's Introduction

skelepico-theme

Live Demo: https://paulcarl.com/skelepico/

Skelepico Theme is a bare-bones theme for Pico CMS created on the Skeleton framework. It uses exclusively elements from Skeleton except for these features that I've added:

Skelepico Theme 1.0.0

+Added a sticky responsive navigation bar (coded exclusively in HTML/CSS)* +Added footer styles (to make credits look nicer)* +Added Skeleton's normalize.css code to the begining of the skeleton.css file and minified the code. This gives an extra point for Google PageSpeed score. +No validation errors here: https://validator.w3.org/nu/

An asterisk indicates a design feature that can be removed by clearing the code from the custom.css file.

Theme Notes

The base.twig template is full width but you can still add your own columns using HTML in the .md files (this page uses the base template). index.twig and page.twig are also full width and ready for your customizations.

This theme comes with demo content in the .twig templates. You will need to make adjustments accordingly!

Notes from Jon Beckett's (https://github.com/jonbeckett) code:

+If you want to make a blog, create a folder within /content, and put your posts in it (purely to keep them organised - they are actually picked up by the blog page by having dates). For each post, use the template "post", and make sure they have a date metadata property. Then make a content file in the root of /content with the template "blog", and it will list all pages it finds that have a date in their metadata, in reverse order. +The blog template has Disqus built-in. If you want to use it, add $config["disqus"]="username"; to the config file, and use the "post" template for blog posts. +The base theme has Google Analytics built-in. If you want to use it, add $config["google-analytics"]="property_id"; to the config file.

Additional Documention

Skeleton 2.0.4 documentation is available here (http://getskeleton.com/) or view the archived version (https://web.archive.org/web/20170424210340/http://getskeleton.com/).

Pico 1.0.4 documentation is available here (http://picocms.org/docs/) or view the archived version (https://web.archive.org/web/20170424210548/http://picocms.org/docs/).

Twig 1.26.0 documentation is available here (https://twig.sensiolabs.org/doc/1.x/) or view the archived version (https://web.archive.org/web/20170424210858/https://twig.sensiolabs.org/doc/1.x/).

skelepico-theme's People

Contributors

paulcarl avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

michael-hxx boppy

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.