Giter Site home page Giter Site logo

kevinrivers / designmodo-startup_framework-rails Goto Github PK

View Code? Open in Web Editor NEW

This project forked from vertmac/designmodo-startup_framework-rails

0.0 0.0 0.0 720 KB

A gem to integrate designmodo Startup Framework in Rails

License: BSD 2-Clause "Simplified" License

designmodo-startup_framework-rails's Introduction

Startup Framework

This gem integrates Designmodo's Startup Framework into the Rails 3 and 4 Asset Pipeline.

You must purchase and download a licensed copy to use this gem (none of the assets are packaged per StartupFramework license). You may do so by clicking the above image (full disclosure: affiliate link).

The version major and minors should match the Startup Framework version. Anything after these are gem versions.

Gem Version

Installation

First install and configure dependencies:

less-rails

jquery-ui-rails

twitter-bootstrap-rails

Add this line to your application's Gemfile:

gem 'designmodo-startup_framework-rails', '~> 1.1.3.10'

And then execute:

$ bundle

Install Generator

One must run this after install and after update of designmodo-startup_framework-rails gem:

$ rails generate startup_framework:install <Startup Framework Directory>

In case you are already using designmodo-flatuipro-rails please use this option,

$ rails generate startup_framework:install <Startup Framework Directory> --flatuipro false

This will not copy over the bundled Flat UI files to the gem assuming that you are using designmodo-flatuipro-rails.

###Generate Demo Before running the demo generator, it is imperative that you run the install generator. Lets say you need to generate the sample-01 of Startup Framework. Make sure that the sample directory exists.

$ rails generate startup_framework:demo 01

This will generate a route and corresponding controller/views etc called '/startup_framework_demo/index01' All you need to do is just

$ rails server

and navigate to http://localhost/startup_framework_demo/index01. You probably need to change teh image tags in case some images dont come up in the file app/views/startup_framework_demo/index<xx>.html.erb where xx stands for the sample number.

The script is copied as app/assets/javascripts/script<xx>.js and the less file is copied as app/assets/stylesheets<xx>.less. You can use them as templates or modify them as your custom less files.

Usage

After running the install generator, all assets should be setup. Here goes a template for the less file in case you are making your own view

/*
 *
 *= require bootstrap_and_overrides.css
 *= require_self
*/

 @import 'startup_framework';
 
 /* header */
 @import '/startup-framework/ui-kit/ui-kit-header/less/header-10.less';
 
 /* content */
 @import '/startup-framework/ui-kit/ui-kit-content/less/content-3.less';
 @import '/startup-framework/ui-kit/ui-kit-content/less/content-20.less';
 
 
 /* footer */
 @import '/startup-framework/ui-kit/ui-kit-footer/less/footer-11.less';

Thanks

If you haven't bought it already, please buy from designmodo.

Thanks to

The idea generated from StackOverFlow where this particular question was raised in regards to startup-framework and rails integration.

##Queries In case of queries please contact [email protected]

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

designmodo-startup_framework-rails's People

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.