diff --git a/index.html b/index.html index 001d47f..ce975ac 100644 --- a/index.html +++ b/index.html @@ -1,39 +1,75 @@ - - - - - - -Hello OpenCV.js - - + + + + + + Hello OpenCV.js + + -

Hello OpenCV.js

-

OpenCV.js is loading...

-


+

String Art Generator

+

Please wait: loading...


+Wait for generate to complete loading. Use Square images or else the results will be weird.
+For best results use close up high contrast pictures.
+If the page crashes (which it may) just refresh or close and re-open the tab/window.

+
+
+
Select an Image to start
+
+ Already have steps generated? +
+
-
-
imageSrc

- No Image -
-
-
Temp Formatted output
- -
-
-
Line Output
- -
+ + + + +
+ diff --git a/style.css b/style.css new file mode 100644 index 0000000..9dad4b7 --- /dev/null +++ b/style.css @@ -0,0 +1,49 @@ +.hidden { + display: none; +} + +.center { + margin: auto; + width: 75%; + border: 3px solid lightgray; + padding: 10px; +} + +.centerBorderless { + margin: auto; + width: 75%; + padding: 10px; +} + +.centerImage{ + padding-left: 0; + padding-right: 0; + margin-left: auto; + margin-right: auto; + display: block; + width: 500px; +} + +.centerCanvasMedium { +padding-left: 0; +padding-right: 0; +margin-left: auto; +margin-right: auto; +display: block; +width: 500px; +} + +.centerCanvasLarge { +padding-left: 0; +padding-right: 0; +margin-left: auto; +margin-right: auto; +display: block; +width: 800px; +} + +textarea { + display: block; + margin-left: auto; + margin-right: auto; +} \ No newline at end of file