Skip to content

Commit

Permalink
Repository rename
Browse files Browse the repository at this point in the history
  • Loading branch information
marlenesco committed Jul 25, 2015
1 parent f2a4798 commit 5d59671
Show file tree
Hide file tree
Showing 8 changed files with 28 additions and 23 deletions.
22 changes: 11 additions & 11 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
Material Card
=============
Material Cards
==============
Simple user card based on [Google Material Color palette](https://www.google.com/design/spec/style/color.html#color-color-palette).

Less files
-------------
material-card.less
----------
material-cards.less
gm-variables.less
mixin.less
material-color.less

> `material-card.less` is the main `.less` file that includes the other .less files.
> `material-cards.less` is the main `.less` file that includes the other .less files.
> `gm-variables.less` contains all the [color palette](https://www.google.com/design/spec/style/color.html#color-color-palette) with the color accent.
> `mixin.less` contains some utilities.
> `material-color.less` contains the material color variant based on `gm-variables.less`
Expand All @@ -18,16 +18,16 @@ Usage
---------
Yo can download full package and check the **demo** folder for implementation example or you can use **bower**:

bower install material-card
bower install material-cards

Demo files require [Font Awesome](http://fortawesome.github.io/Font-Awesome/)

Material Card jQuery plugin
Material Cards jQuery plugin
------------------------------------
You can use material card with a simple jQuery script (demo file located in **demo** folder).
You can use material cards with a simple jQuery script (demo file located in **demo** folder).
Or you can use the **jquery plugin** to manage **options**, **methods** and **events** for full customization.

Check inside **js/** folder **jquery.material-card.js** or **jquery.material-card.min.js**
Check inside **js/** folder **jquery.material-cards.js** or **jquery.material-cards.min.js**

### Init jquery material card

Expand Down Expand Up @@ -98,8 +98,8 @@ $('.material-card').on('shown.material-card', function (event) {
```

```javascript
var fullCardEvent = 'shown.material-card show.material-card hide.material-card hidden.material-card';
$('.material-card').on(fullCardEvent, function (event) {
var fullCardEvent = 'shown.material-card show.material-card hide.material-cards hidden.material-cards';
$('.material-cards').on(fullCardEvent, function (event) {
// do something
});
```
11 changes: 8 additions & 3 deletions bower.json
Original file line number Diff line number Diff line change
@@ -1,14 +1,19 @@
{
"name": "material-card",
"name": "material-cards",
"version": "1.0.0",
"homepage": "https://github.com/marlenesco/material-card",
"homepage": "https://github.com/marlenesco/material-cards",
"authors": [
"David Foliti <[email protected]>"
],
"description": "Card style based on Google Material color palette",
"keywords": [
"Google",
"Material"
"Material",
"Google Material",
"Bootstrap",
"Card",
"Cards",
"User card"
],
"license": "MIT",
"ignore": [
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,11 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="msapplication-tap-highlight" content="no">

<title>Material Card | jQuery Plugin Demo</title>
<title>Material Cards | jQuery Plugin Demo</title>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,200,500,600,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../dist/material-card.css">
<link rel="stylesheet" href="../dist/material-cards.css">
<style type="text/css">

html {
Expand All @@ -35,8 +35,8 @@
<body>
<section class="container">
<div class="page-header">
<h1>Material card with proper jquery plugin<br>
<small>jquery.material-card.js allow you to manage options, events and method for your awesome card</small></h1>
<h1>Material cards with proper jquery plugin<br>
<small>jquery.material-cards.js allow you to manage options, events and method for your awesome cards</small></h1>
</div>
<div class="row active-with-click">
<div class="col-md-4 col-sm-6 col-xs-12">
Expand Down Expand Up @@ -634,7 +634,7 @@ <h4>
</section>

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="../js/jquery.material-card.min.js"></script>
<script src="../js/jquery.material-cards.min.js"></script>
<script>
$(function() {
$('.material-card').materialCard({
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,11 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="msapplication-tap-highlight" content="no">

<title>Material Card | Simple Demo</title>
<title>Material Cards | Simple Demo</title>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,200,500,600,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../dist/material-card.css">
<link rel="stylesheet" href="../dist/material-cards.css">
<style type="text/css">

html {
Expand All @@ -35,8 +35,8 @@
<body>
<section class="container">
<div class="page-header">
<h1>Material card<br>
<small>material card with a simple jquery script</small></h1>
<h1>Material cards<br>
<small>material cards with a simple jquery script</small></h1>
</div>
<div class="row active-with-click">
<div class="col-md-4 col-sm-6 col-xs-12">
Expand Down
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.

0 comments on commit 5d59671

Please sign in to comment.