yifeed · farfromunique · May 6, 2015 · May 6, 2015 · May 6, 2015
diff --git a/README.md b/README.md
@@ -1,2 +1,4 @@
 css3-card-flipping-effect
 =========================
+#Usage
+Update the "Card" background color to the default you want to use, and use secondary classes (such as "red" or "green") to adjust specific cards.
diff --git a/fonts/Apache License.txt b/fonts/Apache License.txt
diff --git a/fonts/SinkinSans-100Thin.otf b/fonts/SinkinSans-100Thin.otf
diff --git a/fonts/SinkinSans-100ThinItalic.otf b/fonts/SinkinSans-100ThinItalic.otf
diff --git a/fonts/SinkinSans-200XLight.otf b/fonts/SinkinSans-200XLight.otf
diff --git a/fonts/SinkinSans-200XLightItalic.otf b/fonts/SinkinSans-200XLightItalic.otf
diff --git a/fonts/SinkinSans-300Light.otf b/fonts/SinkinSans-300Light.otf
diff --git a/fonts/SinkinSans-300LightItalic.otf b/fonts/SinkinSans-300LightItalic.otf
diff --git a/fonts/SinkinSans-400Italic.otf b/fonts/SinkinSans-400Italic.otf
diff --git a/fonts/SinkinSans-400Regular.otf b/fonts/SinkinSans-400Regular.otf
diff --git a/fonts/SinkinSans-500Medium.otf b/fonts/SinkinSans-500Medium.otf
diff --git a/fonts/SinkinSans-500MediumItalic.otf b/fonts/SinkinSans-500MediumItalic.otf
diff --git a/fonts/SinkinSans-600SemiBold.otf b/fonts/SinkinSans-600SemiBold.otf
diff --git a/fonts/SinkinSans-600SemiBoldItali.otf b/fonts/SinkinSans-600SemiBoldItali.otf
diff --git a/fonts/SinkinSans-700Bold.otf b/fonts/SinkinSans-700Bold.otf
diff --git a/fonts/SinkinSans-700BoldItalic.otf b/fonts/SinkinSans-700BoldItalic.otf
diff --git a/fonts/SinkinSans-800Black.otf b/fonts/SinkinSans-800Black.otf
diff --git a/fonts/SinkinSans-800BlackItalic.otf b/fonts/SinkinSans-800BlackItalic.otf
diff --git a/fonts/SinkinSans-900XBlack.otf b/fonts/SinkinSans-900XBlack.otf
diff --git a/fonts/SinkinSans-900XBlackItalic.otf b/fonts/SinkinSans-900XBlackItalic.otf
diff --git a/fonts/sinkin-sans.zip b/fonts/sinkin-sans.zip
diff --git a/index.html b/index.html
@@ -9,14 +9,15 @@
 		<!-- styles -->
 		<link rel="stylesheet" href="styles/primary.css"/>
 	</head>
+
 	<body>
 
 		<!-- PAGE WRAPPER -->
 		<div class="container">
 
 			<!-- card container -->
 			<div class="card-container">
-				<div class="card" data-background="#e51c23">
+				<div class="card">
 					<!-- front of the card -->
 					<div class="card-front">
 						<h1>Hello</h1>
@@ -30,29 +31,29 @@ <h1>World!</h1>
 					<!-- end of back -->
 				</div>
 
-				<div class="card" data-background="#e91e63">
+				<div class="card">
 					<!-- front of the card -->
-					<div class="card-front">
+					<div class="card-front green">
 						<h1>Hello</h1>
 					</div>
 					<!-- end of front -->
 
 					<!-- back of the card -->
-					<div class="card-back">
+					<div class="card-back green">
 						<h1>World!</h1>
 					</div>
 					<!-- end of back -->
 				</div>
 
-				<div class="card" data-background="#9c27b0">
+				<div class="card">
 					<!-- front of the card -->
-					<div class="card-front">
+					<div class="card-front red">
 						<h1>Hello</h1>
 					</div>
 					<!-- end of front -->
 
 					<!-- back of the card -->
-					<div class="card-back">
+					<div class="card-back red">
 						<h1>World!</h1>
 					</div>
 					<!-- end of back -->
@@ -61,16 +62,5 @@ <h1>World!</h1>
 			<!-- end of card container-->
 		</div>
 		<!-- END PAGE WRAPPER -->
-
-		<!-- scripts -->
-		<script type="text/javascript" src="scripts/jquery-1.11.1.js"></script>
-		<script type="text/javascript">
-			$(function() {
-				$('.card').each(function(index, elem) {
-					var backgroundColor = $(elem).attr('data-background');
-					$(elem).find(' > div').css('background', backgroundColor);
-				});
-			});
-		</script>
 	</body>
 </html>