https://github.com/samcorcos/jasinclair

https://github.com/samcorcos/jasinclair

Last synced: 16 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/samcorcos/jasinclair
• Owner: samcorcos
• Created: 2014-06-23T22:21:18.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2014-06-23T23:33:41.000Z (almost 12 years ago)
• Last Synced: 2025-10-10T19:19:53.696Z (8 months ago)
• Language: CSS
• Size: 578 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: changelog.md

Awesome Lists containing this project

README

          
# meteor-boilerplate

A starting point for meteorjs applications, includes Iron Router, Bootstrap 3, Font Awesome, LESS and Coffeescript.

## What's included

* File Structure

* Coffeescript

* LESS

* Iron Router

* Accounts-Entry

* Bootstrap 3.1.1

* Font Awesome 4.1.0

## Installation

Make sure you have Meteor and [Meteorite](https://github.com/oortcloud/meteorite/) installed, and then clone locally and run with `mrt`

## File structure

We have a common file structure we use across all of our meteorjs apps. The structure keeps view-dependent files together (`.html`, `.less`, `.coffee`).

```

.meteor

client

  ├── accounts

  ├── compatibility

  ├── router

  └── stylesheets

    └── lib

      ├── bootstrap.css

      └── font-awesome.css

    ├── global.less

    ├── mixins.less

    └── variables.less

  └── views

    └── dashboard

      ├── dashboard.html

      └── dashboard.less

    └── home

      ├── home.html

      ├── home.less

      └── home.coffee

    ├── footer.html

    ├── header.html

    ├── index.html

    └── loading.html

collections

  └── user.coffee

packages

public

  ├── fonts

  └── favicon.ico

server

  ├── views

  ├── accounts.coffee

  └── publications.coffee

```

## Responsive LESS Variables

Includes 4 LESS variables to make responsive design super easy. Each variable (`xs`, `sm`, `md`, `lg`) coincides with [Bootstrap media queries](http://getbootstrap.com/css/#responsive-utilities).

```SCSS

h1 {

  font-size: 24px;

  @media @lg {

    font-size: 36px;

  }

}

```

## Search Engine Optimization

Search engines rely on `` and `` tags to read page titles and descriptions. You can specify these for each page in your app by including the following in the corresponding page's `.coffee` file. (Sample included in home.coffee)

```CoffeeScript

Tempate.home.rendered = ->

  document.title = "My New Meteor App"

  $("", { name: "description", content: "Page description for My New Meteor App" }).appendTo "head"

```