From 38994fc540edf141c990d5ea9ad411e2b4ea8810 Mon Sep 17 00:00:00 2001 From: zevav Date: Tue, 5 Sep 2017 17:50:08 -0400 Subject: [PATCH] first --- .100_blocks.css.swp | Bin 0 -> 12288 bytes .100_blocks.html.swp | Bin 0 -> 16384 bytes .100_blocks.js.swp | Bin 0 -> 12288 bytes .README.md.swp | Bin 0 -> 12288 bytes 100_blocks.css | 47 +++++++++++++++++++++++++++++++++++ 100_blocks.html | 17 +++++++++++++ 100_blocks.js | 58 +++++++++++++++++++++++++++++++++++++++++++ README.md | 3 +++ 8 files changed, 125 insertions(+) create mode 100644 .100_blocks.css.swp create mode 100644 .100_blocks.html.swp create mode 100644 .100_blocks.js.swp create mode 100644 .README.md.swp create mode 100644 100_blocks.css create mode 100644 100_blocks.html create mode 100644 100_blocks.js create mode 100644 README.md diff --git a/.100_blocks.css.swp b/.100_blocks.css.swp new file mode 100644 index 0000000000000000000000000000000000000000..06c2d9044236841141dd2937dbb495f15fda362e GIT binary patch literal 12288 zcmeI2y=xRf7>DP?!iZ5(v=L=4hhX8}ZF12hdp0LF7J)Pdw2}Ro+zr{=S!Ut+cdARo0qx-P=K|!sYFk z%`nS$+l%64fDG)_z&LA9O}chfW1`Map185s4d{L{KnBPF86X2>fDDiUGC&6Qu>q6T z*nQN0pzNVlo@;-d%b#>217v^$ z07hU5EP^Yb4mdam&Vtk66sQ3Pexu%B;5+yRK7tRx_VF3eAOmE843GgbKnBPF86X2> zfDHUc2G;RLwQdiw@{Px1v1B^<@H6#eVT{Q58e@oZ9{AyMPpe@PdA!kXw{cUTqSdXq z(vi>}pGsGFreYcKAjXmomJWQ~lLKcO>H&J7jdb zUAwyK(+QL@YT)tNqQ}koBH45`TlG3q_R4wL?bbvjvo!WsJuZ`2Cc??Tf$!K<)nIFR yfjuoFX~f_n-&U@DaA7QbJQS4FFKW#9sZzVeT$y*)%`3@wY}g$`l^7p+HTwhVQ{GYl literal 0 HcmV?d00001 diff --git a/.100_blocks.html.swp b/.100_blocks.html.swp new file mode 100644 index 0000000000000000000000000000000000000000..3eb414b0d051cb9a63c05fbd0af86518efb96e53 GIT binary patch literal 16384 zcmeI&TWAzl9LMn!8*i;PQ6IFl;y6VOh?z|lwPmx4Q83nc30{a$%k1uGHred1Gvi{c zsFZ3c3M%>_sP#cX1x4_J4=o6yK6vX>EC`C!3;3Y+q1skZ{GQ!OjG|qmplHqnOH-x;Nlp!?{l?O4nyg)N&`Qw-%fhI9YF0-K1HC4qQot z)?_!GiKdrXu9Hc7R#hnUZ8VvVHFsXDZ1h`_g&LFnl7J-8#RU4Q(O*=B^ou?>hZ+O= z&+X#t<#0(r5|9KW0ZBj-kOU+FNk9@P<^=pqH?@ij=oVbW$HBbhnfV97di%WUnf<}4 z%p?IxKoXDyBmqf45|9KW0ZBj-kOU+FN#Gq!z>X`mfujGKF8ulazrFtdvrMU5xQZRv zjE(paYtf8a4975B589|21WIwLw^F;Y265EDL|Lt&!9>hj$kuf z%ti=hxWnMgdF;nJG@%w1=!u&Q)?7v#7P3A+Y(>-Y)`&8UuoX{a^#Y458L_18dDZ4( zHxWFO7ZlkQy`>(b^!+XD#oR>3H~iL&Q*HXrGT&;lvvz)~X?Sj| z+I;e3^vWhrmqz)$5h_~Ug07zu@%)G7SUTm~iIn4ZR8YM;_Q#gGu9NadW$dKm`_6NY z2=?U8k*m)*LAbqS)5}()W5-j9j$bVLHBS TeRnzo;|jS!fZPy6e!Sr^FX9#E literal 0 HcmV?d00001 diff --git a/.100_blocks.js.swp b/.100_blocks.js.swp new file mode 100644 index 0000000000000000000000000000000000000000..f5c076caeb7d03b00e661f759d693a9deefda4b0 GIT binary patch literal 12288 zcmeI2O-~a+7{>=B(Ws!&ix-no4%-IU7A3)e#PD_?5hW%Xkr=bx9on_qoo07iKvM9e z7vqQUAQugO3%`O!^q`4eO*{yJga6s?)-LZHNuEuA-QDgy&ph*+nFP}2vJWOEdB5Jr zaGYl>b7^(@_2pFCt7;2-CaUVw1CK|d>i0~JOdZs42?;Y}o-F6&e8v-H>1TSg*(W(i zn#JZz{i%OYDtb-^$iR^ew6p8idb295^Xe6T@xuKhXP^KwKnBPF86X2>fDDiUGC&57 zuYsW4!j@5fYczy`=-jgH9Np5143GgbKnBPF86X2>fDDiUGC&5%02w%j1`LZa?KERu zXHY!8|BwIw|8uU%>~k3f_Zv zpa^<_4tjtZa~oL0_&2~hpo0vM0Wv@a$N(8217zU%8mKYO@hTgR2m;}c*;U;rmxXJM z7Hr2#dBRE$s^|N+i=Nh4jn(s+70(lHFjY^hviiY-BlMhM7W1C0Ais2^$A{vc!&}wU zj!3kzq**B;ot_uLxFgi%$ijq`(xS#aQTbXLfAFdb_8w5wGRlInv6^~QA)Nant~eDG zY(IXGjL{9t8n2>++qNGFS9mDHvCX2^&1WmF8Q9Y0sWe|?D&w}$!$|OFOr>VRwZ!~m zWn@Pd(=mMij!_a&qs2qtt!1-1(-TG@qH(7*%dTqm@y%iyQvbW;wi{O+&WW#vf+`}f zdC$hwxq)G0GLbe9Y-Z@c&Gd?8S^_Lb+gNOqHTM3@D`&5N+Vgn55up})C_BjQoA?DbPF-D*ib%QIEX~QbFV47`^2~Wc z+<8iHnxs9`UGs&nHP={1(?b UhlhtXK9KO(TtV|{l<7tG4+k0YeEAs=6u|L|okh_vaMoE9t>CQ0Aw!@DI&>+CW++t?5((O&{Q~_y{W#r=eg|JP zE*%syDf|zT$IH8W9KS8x`PS5Nb-&$HGOF3@G`>?qeFW(_y%=ADG-#&fXJqJQ~>UsJ)zDYeO9Y1PTe1)l;`)WlNin4PCEI3Uy%- z0tg_000IagfB*sr+^4`gGSruBy_9eNA& + + + + + + + +
+
+
+ + + + + + diff --git a/100_blocks.js b/100_blocks.js new file mode 100644 index 0000000..b8b46ec --- /dev/null +++ b/100_blocks.js @@ -0,0 +1,58 @@ +function changeColor(o){ + + o.style.backgroundColor = o.style.backgroundColor == paletteColor ? '#AAA' : paletteColor; + + } + + +function setPalette(o) { + + paletteColor = o.style.backgroundColor; + currentPaletteDiv.style.backgroundColor = paletteColor; + +} + + +window.onload = function () { + + paletteColors = ['red', 'blue', 'yellow', 'green']; + paletteColor = paletteColors[0]; + gridContainer = document.getElementById('gridcontainer'); + palettesDiv = document.getElementById('palettes'); + + for (i=0; i<100; i++) { + + box = document.createElement('div'); + box.className = 'griditem'; + + box.addEventListener('click', function () { + + changeColor(this); + + }); + + box.style.marginRight = '4px'; + gridContainer.appendChild(box); + + } + + for (colorIndex in paletteColors) { + + paletteElement = document.createElement('div'); + paletteElement.className = 'palette'; + paletteElement.style.backgroundColor = paletteColors[colorIndex]; + paletteElement.addEventListener('click', function () { + + setPalette(this); + +}); + + palettesDiv.appendChild(paletteElement); + +} + + currentPaletteDiv = document.getElementById('current-palette') + currentPaletteDiv.style.backgroundColor = paletteColor; + + +} diff --git a/README.md b/README.md new file mode 100644 index 0000000..7f2b25f --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# 100 Blocks A Day + +Inspired by this [Tim Urban post](https://waitbutwhy.com/2016/10/100-blocks-day.html).