Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mavimo/sculpin-theme-sticko
Porting of Sticko theme for Sculpin
https://github.com/mavimo/sculpin-theme-sticko
Last synced: about 2 months ago
JSON representation
Porting of Sticko theme for Sculpin
- Host: GitHub
- URL: https://github.com/mavimo/sculpin-theme-sticko
- Owner: mavimo
- Created: 2014-01-26T14:43:51.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2014-01-27T08:26:42.000Z (about 11 years ago)
- Last Synced: 2024-12-01T04:52:13.280Z (2 months ago)
- Language: CSS
- Size: 5.77 MB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Porting of Sticko theme
## About this theme
This is a porting of [sticko](http://sticko.apps.runkite.com/), a clean, modern, **responsive** and **free** theme for the emerging -and absolutely amazing- blogging platform called [Sculpin](http://sculpin.io).
I really hope you like it and feel free to use this theme for whatever purpose you want.
### Features
* Full responsive.
* Lightweight yet beautiful.
* Google+ Comments on Posts.
* Off-canvas navigation.
* Author info outside loop across the whole theme.
* Loading indicator.
* Icon fonts - support for Retina Display/High pixel density screens.
* SCSS source files for further modifications.
### Installation
Sculpin can automatically install this theme for you by adding the following to
your `sculpin.json`:
```json
{
"repositories": [
{
"type": "vcs",
"url": "[email protected]:mavimo/sculpin-theme-sticko.git"
}
],
"require": {
"mavimo/sculpin-theme-stickio": "dev-master"
}
}
```
Then execute sculpin update, this download and move theme in the right folder.
To enable the theme for the current site edit the ``àpp/config/sculpin_kernel.yml``` file and add:
```
sculpin_theme:
theme: mavimo/sculpin-theme-sticko
```
### Configuration
This theme support a large set of configurations, all this will be placed in ```sculpin_site.yml```. You can copy and change values from the following sample:
```
title: Theme Demo
subtitle: To Get You Started
cover: http://farm8.staticflickr.com/7378/9495248550_fc2822fd06_h.jpg
social:
twitter: http://twitter.com/mavimo
facebook: http://www.facebook.com/marco.moscaritolo
googleplus: http://plus.google.com/+MarcoVitoMoscaritolo
flickr:
linkedin: http://www.linkedin.com/in/mavimo
pinterest:
vimeo:
github: http://github.com/mavimo
dribbble:
stumbleupon:
lastfm:
rdio:
youtube:
author:
image: https://lh3.googleusercontent.com/-i5zt2mRDPTk/AAAAAAAAAAI/AAAAAAAAANI/rZluj1QTwTc/photo.jpg
name: Marco Vito Moscaritolo
bio: Developer, technoloy lover.. and chemistry
location: Bergamo, Italy
```
### Setup pages
In your source folder create a index.html page with the following content:
```
---
layout: default
title: Home
generator: pagination
pagination:
max_per_page: 3
use:
- posts
---
{% include "blog_index" %}
```
You can change the pagination number and content type to use.
You can define the menu items creating a subfolder ```_includes``` and add in this folder a file ```nav.html```. In this file add the links you will add in your side bar menu, eg:
```
Home
About
Projects
Company
```
### Editing CSS/SCSS files.
**Sticko** is developed on top of [Sass](http://sass-lang.com/install) and [Compass](http://compass-style.org/install), which means that you are going to need both running on your own machine; follow both guides to set up the proper environment.
## Get in touch
If by any reason you need/want to get in touch with me, feel free to [drop me an email](mailto:[email protected]) or find me on [Facebook](http://www.facebook.com/marco.moscaritolo) and [Twitter](http://www.twitter.com/mavimo).
## Licence
[CreativeCommons Attribution 4.0 International](http://creativecommons.org/licenses/by/4.0/)