From e992fc4e0cd18d63288b0e77f313713a121fb6bc Mon Sep 17 00:00:00 2001 From: roilev Date: Mon, 13 Feb 2017 17:28:26 -0500 Subject: [PATCH] With functionality --- index.html | 91 +++++++++++++++++++++++++++++++++++++++++++++++++++++ look.png | Bin 0 -> 1634 bytes script.js | 0 sketch.js | 19 +++++++++++ style.css | 29 +++++++++++++++++ 5 files changed, 139 insertions(+) create mode 100644 index.html create mode 100644 look.png create mode 100644 script.js create mode 100644 sketch.js create mode 100644 style.css 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 0000000000000000000000000000000000000000..a0d37abb822bfd1cdd093a29e2637b1c62ff0367 GIT binary patch literal 1634 zcmV-o2A%ndP)Xa9!|LI+C+VJiq799O}z6@;zeNCl_u zfK;$f2c&|-9pDOdKRn)(=fDOu0y)tT3LrjxKTXM>qbN!M6vnwqYu$w*3p9~x01qbCP8KTx z@MQe30}y}}DEL@`yrDw?Rv;JD24DpWQ(>S0tUw=+x&W*|0a$^;R2V2w09K#?tUxzR zH&KL+q9_KC($@^fvJ(KbTI=2u9upkPV=?`0f&YrK0a*TkDFILd$N}85pP!8L_5d0H z_1eXAT5wkok9Q;I0Kgjng=2xg_f&Bej8zH%a$8z@7Em=Ds#=HjbXdL>fwN?`M_QGP3wc#4x(NvQRoFCI~W0pe+ z^B0rfG-fHYk?T?%*DUn|*A-h@EE+#OWN~aQmKVSp098NJ9A_g!SB^o|Or3h^9<>Cx zBxFW_@0k+E?*>?mF--zY77BmJ>Qw?fwu08C7_eUHn!uv5>X{;^0`l_%Sfn-DR%<3q zshP$7>H%w-TJo6leySOo&uLOoOK1@i*e{X@gqUoFZ3g!nUU4At-u(#-dHrYL~uMh`XMC*t#!qs+j505 zFDP<0Bfwhl5xoy3o#Kl1vZb7b``;+(I!6d*V)l)|AW7!^?i{B{G5~*@{c#EAErFFA zpI@Z2=5)XMf*|Jz-IYaY22ww+sues%xdLRe61*ocp2%{ zMa_={`|1){)Zd1Uw?%r2w2x@gaOB@?q5k>m7h)N$rg2%lz%IfdFsCy4fY{1~BGA8#&u6wa%AxgJP!HmDS2-OgSd7zBu$l zstaSWgvu!qC4skOQE=&M(6?HeoZ$bHED@q&5o;;T z4`1u0Hd5-E<+enp#LcEc!z`B&+*xzszG}wys1AZVb1v+kOt#!&kMkWnVy=i6z>?Us zI$@XZtU<%T7A+faVR&0wvGuzf2JY1?80Q_e>NLha0c&ixaV4+`c9C<6;XQ?!&`VB~ zM=u4bm)vh;oOfOU>k7EKDcVii(@9x|3zkM*11bTk!tgsAlxJ_7;X9+dDb{_YZ~Bz~ z%dqT~L9?2`R{4{~P$aO7T1ChDk@HgruK_S$2T+qQml3clTz^A-r|{!WKN96sk7jxmC6;lnq>wQB3%fq)LUQ~)~lK+P~~zuC(UkW@UxRn zvN{A7Pgu7zeY4-!M7Q!kp=lj=PTCL;lxSLV9Q&2{Nl3uyKuxhDewz3EzaJ^tTamKe g;kZ(@&|3HZ0x)A=bpm8y_y7O^07*qoM6N<$g6fj}iU0rr literal 0 HcmV?d00001 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{ +}