mcanthony · October 25, 2015 01:20 · Oct 25, 2015
diff --git a/Rosette Generator.markdown b/Rosette Generator.markdown
@@ -0,0 +1,7 @@
+Rosette Generator
+-----------------
+ReactJS + SVG === fun.  At least for me anyway.
+
+A [Pen](http://codepen.io/SethDavenport/pen/bdyNEB) by [Seth Davenport](http://codepen.io/SethDavenport) on [CodePen](http://codepen.io/).
+
+[License](http://codepen.io/SethDavenport/pen/bdyNEB/license).
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<div id="rosette"></div>
diff --git a/script.js b/script.js
@@ -0,0 +1,7 @@
+// Cheating a bit: it's all a big blob of JS and CSS in S3 right now because that's how I set it up before I joined codepen.
+
+// Each SVG (path or circle) has a class name generated from it's position relative to the others, which is what enables the SASS code to work.
+
+// Go here to see the actual code: https://github.com/SethDavenport/visualizations
+
+// Thanks to https://github.com/mattmischuk for his help with the slidey menu.
diff --git a/scripts b/scripts
@@ -0,0 +1 @@
+<script src="https://s3.amazonaws.com/generative-art/rosette-generator-bundle.js"></script>
diff --git a/style.css b/style.css
@@ -0,0 +1,10 @@
+.rosette__cell {
+  &:nth-of-type(even) {
+    fill: Lavender; 
+    transition: cx 2s, cy 2s, opacity 0.5s ease-in-out;
+  }
+
+  &:hover {
+    opacity: 0.2;
+  }
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<script src="https://s3.amazonaws.com/generative-art/rosette-generator-bundle.js"></script>