added json output

samueldelesque · Dec 2, 2014 · b2e3f70 · b2e3f70
1 parent 63eb757
commit b2e3f70
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 4 deletions.
diff --git a/app/css/index.css b/app/css/index.css
diff --git a/app/css/index.less b/app/css/index.less
@@ -52,7 +52,7 @@ a:hover{
 		color: #111;
 		width: 100%;
 		margin: 5px 0;
-		padding: 10px 20px;
+		padding: 10px;
 		.box-shadow(0 0 5px rgba(120,120,120,.2));
 		outline: none;
 	}
@@ -62,7 +62,7 @@ a:hover{
 		color: #fff;
 		border:none;
 		margin:5px 0;
-		padding: 10px 20px;
+		padding: 10px;
 		outline: none;
 		.box-shadow(0 0 5px rgba(120,120,120,.2));
 		&.export{
@@ -173,6 +173,17 @@ a:hover{
 	overflow: auto;
 	background: #fff;
 	.box-shadow(0 0 5px rgba(0,0,0,.2));
+	textarea{
+		border:none;
+		font-size: 10px;
+		font-family: Arial;
+		color: #111;
+		width: 100%;
+		margin: 5px 0;
+		padding: 10px 10px;
+		.box-shadow(0 0 5px rgba(120,120,120,.2));
+		outline: none;
+	}
 	.color{
 		width: @resultColorSize;
 		height: @resultColorSize;

diff --git a/app/index.html b/app/index.html
@@ -6,7 +6,7 @@
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <title>My AngularJS App</title>
+  <title>Random Colors</title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="bower_components/html5-boilerplate/css/normalize.css">

diff --git a/app/views/colors/colors.html b/app/views/colors/colors.html
@@ -39,6 +39,10 @@
 	<p ng-repeat="color in palette">
 		<span class="color" style="background:#{{color.hex}}"></span> #{{color.hex}}
 	</p>
+	<p>
+		JSON:
+		<textarea>{{palette}}</textarea>
+	</p>
 </div>
 <div class="colors">
 	<div class="color" ng-repeat="color in patrone" ng-click="toggleColor(color)" style="background:#{{color.hex}}"></div>