Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/miohtama/bootstrap-theme-libertymusicstore

Bootstrap theme for https://libertymusicstore.net
https://github.com/miohtama/bootstrap-theme-libertymusicstore

Last synced: 11 days ago
JSON representation

Bootstrap theme for https://libertymusicstore.net

Awesome Lists containing this project

README

        

# Bootstrap theme for Liberty Music Store

This is a free Bootstrap 3.2.x theme originally build for [libertymusicstore.net](https://libertymusicstore.net).

[See Liberty Music Store. A service where artists can sell their music online for Bitcoin](https://libertymusicstore.net/).

![Example screenshot](https://raw.githubusercontent.com/miohtama/bootstrap-theme-libertymusicstore/master/screenshots/screenshot1.png)

# About theme

A Liberty Music Store theme is a Bootstrap 3.2.x theme inspired by jazz, New York and neon lights.
It's relies on pink and blue color scheme, making it suitable for swingier music sites.

* Radically different from the default Bootstrap look

* Responsive

* Mobile friendly

* Collapsile menu bar (not fixed)

* Uses Font Awesome icons

Copyright 2014 Mikko Ohtamaa, Irina Rinkovecand and Bootstrap authors.

Based on design by Irina Rinkovec.

[Orignal LESS source code and example grabbed from theme "Agency" by Mathavan Jaya](http://startbootstrap.com/template-overviews/agency/)

Licensed under Apache 2.0.

# Installation

[See Github project page](https://github.com/miohtama/bootstrap-theme-libertymusicstore)

[Download ZIP](https://github.com/miohtama/bootstrap-theme-libertymusicstore/archive/master.zip)

[Theme preview (static index.html)](http://miohtama.github.io/bootstrap-theme-libertymusicstore/)

# Usage

The theme has a CSS file which needs to be loaded in addition to the original `bootstrap.css`.
For usage example, see the supplied HTML preview files.

Replace image assets with your own versions.

# Rebuilding the theme

Get node.js + npm.

Install less with npm:

npm install less grunt-cli grunt-contrib-less grunt-contrib-watch

Edit `libertymusicstore.less` and related theme files.

Rebuilding the theme CSS:

node_modules/grunt-cli/bin/grunt less

Rebuiding the theme production deployment (minified CSS):

node_modules/grunt-cli/bin/grunt production

# Live editing of LESS

Then start `grunt` in watch mode. This will recompile CSS when LESS files are edited, either in the web browser or your text editor:

node_modules/grunt-cli/bin/grunt watch

## Live edit browser support

[Live editing LESS in Firefox](https://hacks.mozilla.org/2014/02/live-editing-sass-and-less-in-the-firefox-developer-tools/)

[How to use Chrome live editing with LESS](http://code.tutsplus.com/tutorials/working-with-less-and-the-chrome-devtools--net-36636>)

# Author

Mikko Ohtamaa ([blog](https://opensourcehacker.com), [Facebook](https://www.facebook.com/?q=#/pages/Open-Source-Hacker/181710458567630), [Twitter](https://twitter.com/moo9000), [Google+](https://plus.google.com/u/0/103323677227728078543/))