diff --git a/index.html b/index.html new file mode 100644 index 0000000..823383a --- /dev/null +++ b/index.html @@ -0,0 +1,91 @@ + + + + + + + Look! + + + + + + + + + + + + + +
+ +
+
+ +
+

+ + + + + + +

+
+
+
+ + +
+
+

Explore

+ + + +
+

+ +

+
+
+
+ + +
+
+

Create

+

+ + + + + + +

+
+

+ +

+
+

+ + + + + + + + + + + + +

+
+
+ + + + + diff --git a/look.png b/look.png new file mode 100644 index 0000000..a0d37ab Binary files /dev/null and b/look.png differ diff --git a/script.js b/script.js new file mode 100644 index 0000000..e69de29 diff --git a/sketch.js b/sketch.js new file mode 100644 index 0000000..de8b79b --- /dev/null +++ b/sketch.js @@ -0,0 +1,19 @@ + +var canvas; +var size; +var brush; +var color; +var alpha; + +function setup() { + canvas = createCanvas(width, height); +} + +function draw() { + noStroke(); + fill(0, 0, 0, 100); //color + alpha + // ellipse(mouseX,mouseY,10); //brush1 + ellipse(mouseX, mouseY, 10, 20); //brush2 + size + // rect(mouseX,mouseY,10); //brush3 + // rect(mouseX,mouseY,10,20); //brush4 +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..98314c2 --- /dev/null +++ b/style.css @@ -0,0 +1,29 @@ +body { + height: 100%; + font-family: 'Source Sans Pro', sans-serif; + padding-top: 20px; + padding-bottom: 20px; +} +.container{ +} +.ui-btn{ + width: 50px; + height: 50px; + text-align: center; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 25px; +} +.landing{ + background-color: springgreen; + height: 100%; +} +.explore{ + background-color: skyblue; +} +.create{ + background-color: pink; +} +.create_btns{ +}