From 391ff271c0dbd8eb2878fa1ebf53d685ff484c8c Mon Sep 17 00:00:00 2001
From: Christopher Jennings
 <1398135+ChristopherJennings@users.noreply.github.com>
Date: Wed, 12 Feb 2020 11:50:24 -0500
Subject: [PATCH 1/4] Add screenshot

---
 ToggleSwitch.png | Bin 0 -> 8678 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 ToggleSwitch.png

diff --git a/ToggleSwitch.png b/ToggleSwitch.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7f1b2879a7f9821d75123044830f2b0c7aedfc1
GIT binary patch
literal 8678
zcmdscX;@R&+IDP@wN<OtDyR%;Yn35j4x%Cg!3oizMuN<cC<urQVHAN3_INB6gj9tf
zGDLw$V}OV#Aq+_^LS&3U7z0Fu5C|Xy2!Ran?hX3(obNm59e#X&zI|O>?CiDHv)6jo
zv+n1)?|tjsS^KZo?pO<fK)yb8@;Dj-`CJZxtXlWw7r>MIRgc-gzg3ZF`=gNJ7Tr<c
z$6o@DoH+u4l#th{FRliDe-(DpJrV-hPy_z0;^BU~1U%dvW#<;<g!7MzxftOGv5)Zc
z3yr*ti^4d62@Lt(`_%Cx=dWQV`uSvCNjCICyrR78OUqrn??^|9tBypy-o^e4dvcfM
z<|A5bH`nw;KYeYpDYE^<+v4ED>ZhCc{Iu=y-;=YpVeU|lJ6$qtG~aF4eDcSHV;k%e
z1?P6$^`UV)y!&y^T$}!mcJua*IQ_T2Uo!^c7!|^F6t|;aq#Q5huidnAjbc*cR_^Yk
zoS<uee0cfKhyEfoX>!2kV|UBp_lM$t^pp->&(6*kw`5z@&dps7SIvcdY8M|jAcyMf
z*|>h-Aqnd%;uWE>Q^`6OiOI>yVx@en)*edu@rRYmK6OOgTA!C`Z%-~BFq!kEA$m#c
z2m1O<%F4<T3s6)oz>B}PCY{yqw>}gXB_A0NOkk!dFRM!mp_88#GMTVhphH+w?y>>>
zY#Z+)C`=yCC7MiP*%5wW2f@~?+&p_%atjAXCl9I1aZA%fjW>?1f<UehZqc);h>Mz|
z(-4SXNuzDFmyf{Lg(s%ydlQDyON*+>jT^wtO>v5fqUi%ShfdPh00UFdQegbUywo`0
z*@z+7^zieuMH5@$Rad$5ov`XZcEi%Ig$(WwbpZR1KyDJ{-!j8Jkv0&>;Wh7(4+}B9
z%O(ze=L+$Yw^7g=A&@t#*q<3P(#t@j*EhW0df2`CIZg061QK<)7}6l6740;Ud)8)r
z3)g~k4mQ-UyWu@k9=6w<Un{=Ep13s0><P|Bv{EInG6uGO27#Cqc&$q9aPYK0FJ(Nl
z$@#WGQrPAhkofJ8u0f)CjS={g3;T!GUa%o2v3A%-F23^!?UTOmm|tD4!ulzq_lM}6
zqC>SL&x7raNU@z#o4kvyuE3(Ncie?t&%-<8x81n1+M>(`K5!^KB@+(s$8%DL*yc3i
zguCOojVY#KA}GIT5GJQz+>Q#RF+-WChPm2wm2X3bW*A9`uv#>%U)Z5ySpB69O$xu3
zts%h{0M9>rz4dqF1n<x^<>!ybXb95@&FyrR$3@hlO+_`Q;stSPQj131*EP>+)!8tZ
zp~?d`0kVz)yRMma9aV5U5az>u?P6lcE^fGr=zf%k8$~q+y3Zv%h*>>L)`S%y?3Z?Y
z5u=rwvz57lT%TXna%a};l7j{@m@sr`(Q~_X&TL5^ccB~+FcGJtVps-A^lTna?+BVB
zRfXuCp>JfjWf%Uuu`xQ<fv9niH*~0mi{#B{=+Baq1N%-6oO_)%`&^)y+<da7dV~z@
zI;6?S71EfxI=VMxuHAv)ensbIwK0=D-3Nbp>WE%t%9AFG7RM(kI=3^P_af%%j%mVg
zdv~SEG(o4y+tcJ19ij2M&5~kLvs`9VBMDWT?WYPgZJn)YN@QuDYc1QQSH+k%z#w`=
zTE0&P>*`QOa(2kA**Vpf2k#m<U_hDN@>*r$L}@T$^qZ$DHKBe`QF;b0*eg$cq7JE8
zylFAa&=WaW62nr4qtED2<BK2Ll=aG-eR8A^%p(s#+ll0ojItDtVB`9vnWv`>SY6Z)
z+Om7vUoeL2CH)DE33H0F6<GzoDay4NLNRjit2QJD#L<~`fA=@jhjB6@^y%qcHz>-N
zi7_p2J)~Xx32JK^r;j?*Y%JIOk+Zl*bBzuSu?qho@hZ1a!OAu{OIbRzR?VRyEcR4u
zh>Y$XYC3oTynlsV_iM<t=3K$>O=z5k-}<@|Lp<;XRd>!&x-P!7xlHGKMedZ3JwR{>
zbiVb^{w`dBD{N{Z-_BNpk9U3+By8)L^P;2H;tvts+S>O?mLqu=5ID|tNrC1eNP_KX
zmP%WsHd_Oiw?kbcm!8XJ3I!<B_oCZrN`Fi8kA78mDbpqV76akYVnM>YD+B^|Mh!UM
z$!mPV2|N~ifXH=J+C@cJ>h(Q9^kMs-AdI`21E|KU)xS!RfoxOLQeTDwFt3p%TXu4G
z<U|(!irQ|AqVo|fNnE50`Qp!Ls*br)h@Lx$7#E1_&)iVX0{h(ioT$)qVQX%(;EB<<
znQN~y^9N2V6qgc1MZaauB@t+tPHnVw=Zmoqw}Q^Pw#L`-@0_gTyGreaCvp^X8(S<L
z=*;Q^%@TUfzr_{P75Iu+ea;0QVgzJ8h#uhYXK{fm*mZpcM^>P#YN}Tg{8ehlsj9k<
zUBj+~ph~dsUIpoV#5YJ(Di{(Fy=Ck=Y`<*rjUzZ75+!()u1rq;`eUNVFbmN=1uhrz
z7<A%411jVY^50=C*kt=q!l!CuNt)=40DevfI)rQn*m-&xsnN~Nx6duNjh)W#77Ae;
z^>m|8OblyYoCI%pB`PtUtG&O?QxAM;(nA3&m9oGiL$$SW2$RLB34S6;ovujaF7yV}
zPA;CZmBj=n5zKbiJstwVe*=<^`#zLLQqBglKO?<sUsKCfk5-F4nX~%p^|wmGPwVPL
zzVZS(hJAz7+|K<w4;kO*v4j;>x)#?-8dStvzT)otJBQKZz)}x>Nh5yY{D?F=;wbCK
zj$c|ApZQAHEZqn2-0w&5JCPa#GH1_X*YG_tmoVig<8kA>)CKEGCGnFJTBO;Q8gV75
z+DYBM6btiglhl)9V+y=V$euDn9Wc@Bv4wa#c`p?<RyrI%Npw{6Shlc5c~5373!9-a
zpKagF5_3z#nd;lsa6WLnF6hI&rKGTExTheXSuvo>ov)eMm^i6cUzNp>o~D^f*3@(7
z>-)toZ>$*#nP1+>kfLC^?Z{ffk1nHJRhJ@>ByUHR((s!sNt)1w$e0ojFakmfFVV^T
zHxguA=6Nb@sfEu<BF$@CJiCeCw6Jk0rt;eS)T0hCgL-(@qq)C2D_<5VmKFmnlDL`x
zRw>xaerfRR0)Ap*VqrHP?B`yOhKeGnFlh*yaAbh1Vl;~t7@K*1_nC%uqzb1#c4UG2
z4{I=<uOD!ECSYlLD!i1`0+A6WZe~y{%-GBMP2B?1NUp@hbV<O7yKG0N{+eeZXNC3~
zlS(mQz&%V(Gm$4%XgJ1lu0pg?F&DpVFBVt~wvXQ<chHEG?VdeHIlriHKt+3~FqR1L
z;hRn*MR`-5?>%i7OIqSDFEVzNB$~C01t#9)x66TWaO4U>dG9Khq-24ktK={J7w`+G
ztbq1jj~+CX2<||4K)qr>Xu3F(olqM?<an!JqL^AF2_Ml+nZEI!x-?WIu1nUbtx4FJ
zWPr-q!l&9oy(|F>r&(<@gzlwU&JtT0KV&-3CB;?G&%qSWhVVJ+4^+I1x?@RIUL{|Y
z4e}5uV0R7&!LZU}_&P)b0S_Z)QY#suFM%z>r8DG9@A*u>bxP|6{!&1x7mYOa_9tg>
zn}(;84dpY5xq7e>*{-WrR#rnVG(rp8ddlp9Tb4e>_sxe>A`L<O0Lm8BCO_3^d%@7;
zYhKYbl%x)q@o)q$b&D=b%rgrQZrT)Cn`Op23WmFNs&e})RvXWBnyhbQ+<47vP-hYg
zTkILl?3vDSxShOmY7#98gCK;=prrxlx2oK{$-?2mnW?T~Z&(Ya%0r!5s#7acC3)70
z4o0)QlF6Trx(@GEiCMz(i;ft{O^<&?77h(YPRUlsl!*21Y(fjjZ5$2<Q&?1#c8lxl
zIi6%@b|B@JukVJNU=-azOFf@(tl=)bg9RgEi{U}pi9j+BKh{~a_Y*eMnQ^uN%eZdm
zD3yFevo=-4$Hxz?Re$&p8XH9TaWN&N1a3OB7Myxgt^j&2b+$YWvANdf%nR>3K(xL6
z>$1l_;p2Y=ooLF(B7IYaX^3vzGHz~2`1e@*U)cJWO+^kGnnU^*2|)1(;TauLHqjQr
zVtuGF9SpVg8$ifRITkfDGSb>nKv4px(#O{~uRLN1xv=Lt2wV`}&O@;)?Rlk>p3=!a
zwo_kuc%B;;3!m&ENwQ-SBPA_caa>K=FDsX>V{VfD3ReK@@LM#*v(i$hJrZ1KC}mA;
z<*Je<sA7_L{3BP0D8IEq-`o1ncNFLm3kCLrT!3I$9voQx%aEoVXG>Ap9bdlQU*7y@
z=XPi1Yd1Ri)x*n60CiA|@m_v1`ux@kxhQ>O|BS{#>VEgJftTqOKpyv$ezbNeHcybW
zGV7>)$m*55llK3QAF3$Ic*TcXD{p&kX3*8M6F`bJ<KyF7Vm|a4m9bb!LKg1hyk2iI
zSn&-z!q!FV`=-A#rtt=@uiP;>ICx7J6AMQuM|OVVXt~F=$)8x2e+fXES{Hq%hKK!2
zUc7L&CMcf++X+d*L`{zjx3=an>;q6%_#(j9WIxR{?F$5g_ah)2uKQ|zqGh93G=O_m
za^KjchBVlX8US1WlU@-V2qqF9L6r{2>g$3GTekp=p}bO*sa*Dx+97?<*PmF{?1<Dn
zU8xX}NMVLRN07R~Kty?SWTk%i7lEq>R3OZ2?_Q{CS(wqS2i)0zmLiAO7|t@N*OG;w
zxYlR?Q?B(-HBmHEfXg;ITQ%<^^MM<j#X0LFnH%^BZ;4O82z>C)+B5~s=et+P+o5ta
zspO!gq1*tz{(zn{9W`*yFj9PavI$s30^Aic7VA~jF`qHBu`6QG#ei7{|Gj_7xRS{T
zWZa-33XGKrZc=!bZrZ}WL;x|u{t~e|ER~tK(f3@@+qyDIt*4|dd}fH2$xnY~9rIYg
zw1Fj77t}hi3CYi+FVPmoje*<sw~SsIiZ7R9(j@sNuDm%M3s)$xaOF4V+Y$D0PVdKg
zNa6XB?;RF9J8P#yua}Hv$<KhB_4z+hFAipeku}~i;eQdubMa%d*NSolC^v5^zVAEp
zB928dkn!Gr1F%P1jk8jNd%?eLsd!$F^{mJBaj=v(GEZfDga<|QXxMv|#@E)1!EfdM
z{4#qrEufZB<Ga_08Tlh&eGi(;pTEdXS#tS;Y(Owk;1I=p_sW5~#VaknvG!zoRow#(
z6z6GwPRig{8eoH2(Iw?>npov=?n$ohR?@z!Zj^+f%B9_h%T5<CKGYn@X-b2Q2GZgD
ze&KoV#wjn=>pn*?gxn%lKRxY!uAtxFwpx%*D|75-Oh16}HJh`x2uj9&Yrqfc(xl}t
z@1J5!_~NVuP+oWRne8HO-Rylwcc_-Ugx8AypzQL3ip=pJ>Yz?D?0$HNUOiINow)Gu
zc={DuHMSd7g@491t#jsWAZNS~pxjUK^~|eU0%^qApO-V|Tf_HjFJwGBf7X2>=aFDC
z2Bw<lG~s;*cMMtVb*WImtIV(y^Oy$NjmUk>px*hu$o&%~9VyJsGv~XqGD;Wj&&A(v
zejdG##@T1w<M%VHuVW6wM)bowfEYtY;+kq-N*6{XWBw-cdZgONfiT<xY|r&$0KM^R
zK)b^m1~V{HhS?+c+q^{F<1BmWko+Ny_*9&2UQSU)pMe4-1g?<a^N<9l2{|zuEnbs-
zZJw?C*72=Ms1nBU(w5F7DgaJqI<+92WR-nEYIc_1vuv;Y8u0E0caZocP0v4xwJA+i
z8s|k|VP%1`?5Pt+-7yKP6%T2M$mV1LGe|i<M?=hPd*H4?i`*VT{m*CFQ~f6W&ix)F
zyt2#6Ny=+6GnCfc&FSf?5E$I#Y^O2+d;zVyY==K?er_b!<VSwM;%9ieRRR>rt69@t
z$1g?OzW9}ir;B=}TL=6{LsN$@(Fo<A<p^CG(v&$-_zGr;ruJKdBy;V!tyLj(KIh0^
ze*x2_?lZ4dx-{%@gY@>7MWZ#Ejv{H^-!xLq^Wd&^vBjwrVcTA-vN+NdS_Bo{_nlz8
zv*fK^NR`c`D#s(^i!B1=+x!jXY_of9otp|ldKz}_|2MM6aFkBwz%fg*1)qQ^zDp-x
ztKe+5@!5%ZbzJzIpl4ty;u|Xo7LKvC?P5IN))C~*p~xQ8i3$=+F>WA@+rSmrztc}G
z@ECBraPNw<G$wJz7O~$jU8WeTU8vO9(B&3w6G(!SW+9_lMo}(~Axx$mr?eNAj(|xe
z?C&u7y>+ucHCLl;M;|;8rYS2HFpYz7d0r4=t`Zbvwcg%$(2Qt}I2E)J%nrDBK#Rvw
z-2;Yl$L=Q@wzzEZ1gZAGqGz%L?&VpQf-i*2B?&WUD>_fNHhT%D9{kL@QP7n^g{N4>
z6T`ZW`QEf7RJ|b7tMevCBQe#EW;K@gEbFLL<^FtrY)Jg1oL{ZKFh&kS=J01@Z*xTl
zZOey;Gfm}7<nzp+i3jcLhnp}<90`~Nh&(r`YADF<ao%C)TBGXyhfE{ym7#XD->W=R
zWh@`;Iv*H1sr~NBc-rc)u#{G>M;65uDag1GoA6*#j?%JIG-5k<Y9>t*+@cpZL)Ft7
zy3}$ISM-oN+1yELX>W_;#1!|m^w=IyRh@}zX|&jS!tY><Igsg3PnVzY-61(i<<<E*
zbnrJZJ@*$QL?h878BrQl7I2U*Y}duo;p?0#l$OTHfq`dvXL>P<Himdd=@nQ>_3gDm
zqTgN}C=UFMZPRcuqNrx`Hesg30qTT`2>IUh-q0XDt*(Bi137YkwtNx)Lh@wqTvkF4
z-%=R^?B8q_3PH@r{1N~2F58)<^ydNt{^&_-%Iv~v36r0WX?(TBKWz<``4MgnXspH?
z=0^KUcyD^Y%Vu+*rV(rT=I*XOeLpjHrw5&{N4>nIM&@I6?ex(7`kA4%;q*D{lwzwo
zK1Lc~B^eRPB>`=b1ARI1>wS6pPIMf`HBb!FD@u(lO*t(}_Q7mz!IU&o3Qq~!r?=9=
z3d=j~Zh4-jPxAM><OH?(4o>D@s;i!)wJz*#PKUjsz4uV^-@UD9=hpQ9R<DuZ_n~l&
zsgWsV3Z~7ni+xp3w^;CP&grysDOZ|CqNPhVx-3-BS@NU?X0#v=Dz>5CE9PF!`Kk+8
zVA$=H5<vpdahzFIpi-`W;&F#O+bGDN2z39TUDkSk*iu!CTS8Nt94Qs|ZLv~bv60h(
z#-kn|CYxKW%Bor_fs<izcPwkK=oOlZNT@C`lT67{{a*BTS;erc7qh6|@Bk{lWnjiB
z1jWaah<8cp+r4W>N)%<;e6Ep`)d51}_w2>evFfqn93cTom?>E=+Gorn7c&;{{!A>$
z7ASq2D9WB>0=xg=aa3>1yUSWw(0Pq$-~<*8=5=(wlPdBjbk~A>_X68AV3}b&{=cQ}
z|3;Ys3&VdQkpC}6ZKxLDf`eCz-d|qd4jeqWT>bqu`+rGx0ESDoC1LOyd6!>~O}vZ4
z3!6G%#fQ5<VdAd-E%D;}`g=Y&9CLoU5uViF-w$X+9K&x(ys~a>U!UM;U7&N+OCXs%
zZ?Yw-%T1<aBE!iNV=PD%5A8Np0L@RwU7iT+9al7=rKxu{Vg{45V?1L|T^&es?{ENE
zfIu2A`ymObQ*MEP5KeWC#y8QrfxPjw$t73ddULTg&wh>ZY}zMj$jv_+E|)DR%Dp+p
z;-qJ6w!3=Rf@@UlUFm{X%XmZ4FY22!Es}t5FD_8f`t<|3q_UFpG>#HoHLt7Is1$2F
zwRaAupt%6A_2Lo<#Xi_w4Vo(PnV-x9TDE{l&h*RBOs8|Lr}n#$70nhR-C)4bg}WnJ
zAtv5*vgdoK^|f=vculU|b}m5g!sXJA&(oBz=jP@vbY2Yw2u0PRa?Gza*<`GN<RwvX
zmk40Uy#3Nn6zoe!5(?YwGsrV~6zr0+tG2h-gY7}3%*O8JClXSHhHTmJ(bQo>e&h0&
zl!I}t`-N@~(Ac6j9{&wtaY1sUC`nOoK-~hxPrdA;7U3Q@Bjc^hpqdf;p^%ADk)`9`
z2DLQC%@O_nq?zU$2LrZDVAW#n8nbZI@H5{JKPj_sJF3rnta>0RLgHU68Q3n|0)ytS
zc_SGiCTHkm98Cm>g8b-htN~YXsWN?!w=q#A6z$0uu-uEtpJi!{8&)`8Yq$8~2|6nj
z<=R{@vC#}yobRe)_~f*-TJL6|p*&g_Hkm$f|FySgla6Hhcsx$Z>8V4fDd+!IWfk)w
zRYWAYiIZ<&HBwhUckfrG^RlA((kqmC|DFwwsigTD=!T@ob`w>mpLM<@lrr<CD)ONv
zKi_JdSk#fZ%Is=e6&UWnN41)Ru7LvjRe!%J|67(AO1ZE4<L0^{i+Au`fxZ77n6RVa
zs>ikVyIJOwiwAK)bm!ytoEIN@5)_ER6+cawkCE>_7CO-9`xgl0J6vaqyZaL~lzWB*
z$QQ@p@=1;=)Ll9#%OAoIH2ts^SJ)uAOPM-#vvP0aVxQ#?YfR;A%bm_WWZ#13b-;8k
zm0oRX0HC6Vqaog*5h=n+g=bMHMPk@DQ~1jD@x(?pT2xi%Mdud@3j8y)fw-*C4OouL
z3Jsz`bMY3h^tEs@U?I24|HxTq8q2t*y<w(G)&7Sb$%6MP6C(3J9G%=86uMZsd8v5d
z`0MP-2d*Fj-QN@EujAk(ZHG4`0YNoir?MkDVk(SnPHpK8WQ;j)52dKjZ5`ZZ5kk70
z!*qY`>(zIF+Omn4ztoa8Kb*O$d1koSbT~P3S%+@7<1dG({N7b6Q8{{HOl<cED?s%&
zKSN@-iZsX&=ZB04-6wm!cJ*ube!x*?${$lT;{i3Az)j5ak@+fdxAgwWnJVWJ=A0@U
z{7%<n*A?s=h$P^D>c3}zYS^s1OEJT@g^s&tU0d&X)OP;u4RP;_pf$#Fp-_0ky|Tbq
z-ho7bi158~c~!^o#h@eyD0Z2dnLzAs!tJP148#v1HNCyPKZRCP{caL7mZ#ombSOZ_
z!CA`aP_EgipURMjx7gkK0qQpg@a@_ThN~yDjmPS<&%h1j4%jURP(<QlPhDG@(yfRL
zZ%X=1k5~6ZbEH<+%(ZEIB+pU|D%DR<AM%zSOP!d{R?fRu8V;7^>T|tqQD2ciiEh53
z%Q~2!U;zykXHE?sP}`IBzjo~zG@lChTrBhnma`WC;7YXg4F$}(oq#z?k2#O~M%#pD
zlKI^{i%wT<9qJmgrbMa_qGojVKdNhfti3eECq=GgS|9eoQ80K_X*eMhj>%SEyE9*@
z%&6G*t?%Idg9nDsjQ|+sb`|C<Jy!S!Pg_`vj92%07uNCQ#{<bhiToye@npA_%I7qo
z7~+ipJc4+aM9>iDS>3KfL;&NxegcmXu4qLWr1@b$1>+$MkckU&^La(HcMLxSKAA|g
z1_wT$1_2G?lJ?&woENDy%!=G}+}}Yb0RxK4*J~buwBY~v^zkpGi~oV@cYX~0Pamcc
zk#sIm6BoWPJtVHbXYf&I`DR6iq0@-*@s-`(-G;?pY&2)xLomzyF8k$^&NDI&=t%%T
zZLtXLGwkf@YK)%~#Y(cpfNowZ#BohODqsKjO<q5n;6o<^dQ)oS0uZ4?M`WRgO=fr+
zmD!z-`B^tK_lEtSS`zq$9#oU&CkLuMH>AX@@`<(mAS4eFKM79{{y}((N<-{*k?u4z
z>?N6u@ifZtr=N_5<leKlAg2tN%-#v6GdHjKR1C;=0}`0(Kb25-py>ZNYrSMNeC4*S
d9+109t9(rVK-wSD1NISe%I@s(;-eS-_8)LbA7%gm

literal 0
HcmV?d00001


From 2e5efae08701e5de1348492ff04f42c79e435734 Mon Sep 17 00:00:00 2001
From: Christopher Jennings
 <1398135+ChristopherJennings@users.noreply.github.com>
Date: Wed, 12 Feb 2020 11:50:40 -0500
Subject: [PATCH 2/4] Update script reference

---
 switch.html | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/switch.html b/switch.html
index 895773f..fa427ac 100644
--- a/switch.html
+++ b/switch.html
@@ -5,9 +5,9 @@
     <title>Switch</title>
     <!-- Include jQuery library -->
 	<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
-	
+
     <!-- Include the Custom Elements API-->
-    <script src="https://app.kenticocloud.com/js-api/custom-element.js"></script>
+    <script src="https://app.kontent.ai/js-api/custom-element/v1/custom-element.min.js"></script>
 
     <!-- Custom element CSS styles -->
     <style>
@@ -81,7 +81,7 @@
 		input:checked~.switch__label{
 		  color:#2196f3;
 		}
-      
+
         	.disabled_overlay {
             		position: fixed;
 			background-color: #777;
@@ -106,7 +106,7 @@
     <!-- Custom logic of the Custom element -->
     <script>
         var isDisabled = false;
-      
+
         function updateDisabled(disabled) {
             isDisabled = disabled;
             if (disabled) {
@@ -116,11 +116,11 @@
                 $('.disabled_overlay').hide();
             }
         }
-      
+
         function setup(value,checked,label) {
 		if (!value && checked) {
 			$("#switchId").prop("checked", true);
-			CustomElement.setValue("true"); 
+			CustomElement.setValue("true");
 		}
 		else {
 			$("#switchId").prop("checked", (value=="true"));
@@ -128,39 +128,39 @@
 
 		$("#switchLabel").text(label);
 
-		$("#switchId").change(function() {			 
-			CustomElement.setValue($(this).is(":checked").toString());   
+		$("#switchId").change(function() {
+			CustomElement.setValue($(this).is(":checked").toString());
 		});
         }
-      
+
         function updateSize() {
             // Update the Custom element height in the Kentico Cloud UI
             const height = $("html").height();
             CustomElement.setHeight(height);
         }
-      
+
         function initCustomElement() {
             try {
                 CustomElement.init((element, _context) => {
 				  var value = (element.config?element.config.default:false);
 				  var label = (element.config?element.config.label:"");
                   // Setup with initial value and disabled state
-                  setup(element.value, value, label);  
+                  setup(element.value, value, label);
                   updateDisabled(element.disabled);
                   updateSize();
                 });
                 // React when the disabled state changes (e.g. when publishing the item)
                 CustomElement.onDisabledChanged(updateDisabled);
             } catch (err) {
-                // Initialization with the Custom elements API failed 
+                // Initialization with the Custom elements API failed
                 // (page displayed outside of the Kentico Cloud UI)
                 console.error(err);
                 updateDisabled(true);
             }
         }
-      
+
         initCustomElement();
-      
+
     </script>
 </body>
 </html>

From 495a43edbabb76710a010ac7ecac22f93647ba2c Mon Sep 17 00:00:00 2001
From: Christopher Jennings
 <1398135+ChristopherJennings@users.noreply.github.com>
Date: Wed, 12 Feb 2020 11:50:52 -0500
Subject: [PATCH 3/4] Update Readme to add deploy info

---
 README.md | 39 +++++++++++++++++++++++++++------------
 1 file changed, 27 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 586afcb..e1428aa 100644
--- a/README.md
+++ b/README.md
@@ -1,23 +1,38 @@
-# kc_inputs
+# Toggle Switch Custom Element for Kentico Kontent
 
-This KC custom element is jsut a simple switch -> on/off
+This is a [custom element](https://docs.kontent.ai/tutorials/develop-apps/integrate/integrating-your-own-content-editing-features) for [Kentico Kontent](https://kontent.ai) that allows you to toggle a switch on or off.
 
-You can test it by configuring https://amend.cz/inputs/switch.html url for your custom element.
+![screenshot](ToggleSwitch.png)
 
-![screenshot](https://amend.cz/inputs/switch.png)
+## Setup
 
-You can specify the Parameters {JSON} part of the configuration to configure the default state or a lable.
-Possible configurations:
+1. Deploy the code to a secure public host
+    * See [deploying section](#Deploying) for a really quick option
+1. Follow the instructions in the [Kentico Kontent documentation](https://docs.kontent.ai/tutorials/develop-apps/integrate/integrating-your-own-content-editing-features#a-3--displaying-a-custom-element-in-kentico-kontent) to add the element to a content model.
+    * The `Hosted code URL` is where you deployed to in step 1
+    * Pass any desired optional parameters as directing in the [JSON Parameters configuration](#json-parameters) section of this readme.
 
-(empty)
+## Deploying
 
-{ "default": true }
+Netlify has made this easy. If you click the deploy button below, it will guide you through the process of deploying it to Netlify and leave you with a copy of the repository in your GitHub account as well.
 
-{
-    "label": "Confirmed"
-}
+[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/hzik/kc_inputs)
+
+## JSON Parameters
+
+You are not required to specify any parameters to use this custom element. If desired, you can configure the default state or a label for the toggle.
 
+`default` is an optional boolean value indicating the default state of the toggle on first load.
+
+`label' is an optional string value used as the label to the right of the toggle to provide additional context to an editor.
+
+```Json
 {
     "default": true,
-    "label": "Accepted"
+    "label": "Featured"
 }
+```
+
+## Saved Value
+
+The value is saved as a string of true or false representing the switch's state.

From ec29207c562a9101f39719a94256794144864e92 Mon Sep 17 00:00:00 2001
From: Christopher Jennings
 <1398135+ChristopherJennings@users.noreply.github.com>
Date: Wed, 12 Feb 2020 12:20:56 -0500
Subject: [PATCH 4/4] Rename for easily deploy referencing

---
 switch.html => index.html | 332 +++++++++++++++++++-------------------
 1 file changed, 166 insertions(+), 166 deletions(-)
 rename switch.html => index.html (96%)

diff --git a/switch.html b/index.html
similarity index 96%
rename from switch.html
rename to index.html
index fa427ac..0022054 100644
--- a/switch.html
+++ b/index.html
@@ -1,166 +1,166 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Switch</title>
-    <!-- Include jQuery library -->
-	<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
-
-    <!-- Include the Custom Elements API-->
-    <script src="https://app.kontent.ai/js-api/custom-element/v1/custom-element.min.js"></script>
-
-    <!-- Custom element CSS styles -->
-    <style>
-        /* We recommended you always set margin to zero to avoid problems when displaying the element in UI */
-		@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic);
-		html{
-		  font-family:sans-serif;
-		  -ms-text-size-adjust:100%;
-		  -webkit-text-size-adjust:100%;
-		}
-        	body {
-            		margin: 0;
-			padding: 10px;
-       		 }
-		.switch-wrapper{
-		  display:flex;
-		  align-items:center;
-		}
-		.switch{
-		  position:relative;
-		  display:inline-block;
-		  width:40px;
-		  height:16px;
-		  margin:4px 4px 4px 6px;
-		  vertical-align:middle;
-		  cursor:pointer;
-		  background:#e0e0e0;
-		  border-radius:8px;
-		}
-		.switch,.switch:before{
-		  transition:.25s cubic-bezier(.23, 1, .32, 1) 50ms;
-		}
-		.switch:before{
-		  position:absolute;
-		  top:-4px;
-		  left:-4px;
-		  width:24px;
-		  height:24px;
-		  background:#fff;
-		  border-radius:50%;
-		  content:"";
-		  box-shadow:0 1px 3px 1px rgba(0, 0, 0, .2);
-		}
-		input:checked+.switch{
-		  background:rgba(33, 150, 243, .5);
-		}
-		input:checked+.switch:before{
-		  left:20px;
-		  background:#2196f3;
-		}
-		input:disabled+.switch{
-		  cursor:not-allowed;
-		  background:#e0e0e0;
-		}
-		input:disabled+.switch:before{
-		  background:#eee;
-		}
-		input:checked:disabled+.switch{
-		  cursor:not-allowed;
-		  background:rgba(33, 150, 243, .25);
-		}
-		input:checked:disabled+.switch:before{
-		  background:#90caf9;
-		}
-		.switch__label{
-		  margin-left:4px;
-		  color:#9e9e9e;
-		  white-space:nowrap;
-		  transition:.25s cubic-bezier(.23, 1, .32, 1) 50ms;
-		}
-		input:checked~.switch__label{
-		  color:#2196f3;
-		}
-
-        	.disabled_overlay {
-            		position: fixed;
-			background-color: #777;
-           		z-index: 10;
-            		cursor: not-allowed;
-            		top: 0;
-            		left: 0;
-			width: 100%;
-			height: 100%;
-			opacity: 0.1;
-        	}
-    </style>
-</head>
-<body>
-	<div class="disabled_overlay"></div>
-	<div class="switch-wrapper">
-		<input id="switchId" type="checkbox" checked="" hidden="" value="on">
-		<label class="switch" for="switchId"></label>
-		<span id="switchLabel" class="switch__label"></span>
-	</div>
-
-    <!-- Custom logic of the Custom element -->
-    <script>
-        var isDisabled = false;
-
-        function updateDisabled(disabled) {
-            isDisabled = disabled;
-            if (disabled) {
-                $('.disabled_overlay').show();
-            }
-            else {
-                $('.disabled_overlay').hide();
-            }
-        }
-
-        function setup(value,checked,label) {
-		if (!value && checked) {
-			$("#switchId").prop("checked", true);
-			CustomElement.setValue("true");
-		}
-		else {
-			$("#switchId").prop("checked", (value=="true"));
-		}
-
-		$("#switchLabel").text(label);
-
-		$("#switchId").change(function() {
-			CustomElement.setValue($(this).is(":checked").toString());
-		});
-        }
-
-        function updateSize() {
-            // Update the Custom element height in the Kentico Cloud UI
-            const height = $("html").height();
-            CustomElement.setHeight(height);
-        }
-
-        function initCustomElement() {
-            try {
-                CustomElement.init((element, _context) => {
-				  var value = (element.config?element.config.default:false);
-				  var label = (element.config?element.config.label:"");
-                  // Setup with initial value and disabled state
-                  setup(element.value, value, label);
-                  updateDisabled(element.disabled);
-                  updateSize();
-                });
-                // React when the disabled state changes (e.g. when publishing the item)
-                CustomElement.onDisabledChanged(updateDisabled);
-            } catch (err) {
-                // Initialization with the Custom elements API failed
-                // (page displayed outside of the Kentico Cloud UI)
-                console.error(err);
-                updateDisabled(true);
-            }
-        }
-
-        initCustomElement();
-
-    </script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Switch</title>
+    <!-- Include jQuery library -->
+	<script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
+
+    <!-- Include the Custom Elements API-->
+    <script src="https://app.kontent.ai/js-api/custom-element/v1/custom-element.min.js"></script>
+
+    <!-- Custom element CSS styles -->
+    <style>
+        /* We recommended you always set margin to zero to avoid problems when displaying the element in UI */
+		@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic);
+		html{
+		  font-family:sans-serif;
+		  -ms-text-size-adjust:100%;
+		  -webkit-text-size-adjust:100%;
+		}
+        	body {
+            		margin: 0;
+			padding: 10px;
+       		 }
+		.switch-wrapper{
+		  display:flex;
+		  align-items:center;
+		}
+		.switch{
+		  position:relative;
+		  display:inline-block;
+		  width:40px;
+		  height:16px;
+		  margin:4px 4px 4px 6px;
+		  vertical-align:middle;
+		  cursor:pointer;
+		  background:#e0e0e0;
+		  border-radius:8px;
+		}
+		.switch,.switch:before{
+		  transition:.25s cubic-bezier(.23, 1, .32, 1) 50ms;
+		}
+		.switch:before{
+		  position:absolute;
+		  top:-4px;
+		  left:-4px;
+		  width:24px;
+		  height:24px;
+		  background:#fff;
+		  border-radius:50%;
+		  content:"";
+		  box-shadow:0 1px 3px 1px rgba(0, 0, 0, .2);
+		}
+		input:checked+.switch{
+		  background:rgba(33, 150, 243, .5);
+		}
+		input:checked+.switch:before{
+		  left:20px;
+		  background:#2196f3;
+		}
+		input:disabled+.switch{
+		  cursor:not-allowed;
+		  background:#e0e0e0;
+		}
+		input:disabled+.switch:before{
+		  background:#eee;
+		}
+		input:checked:disabled+.switch{
+		  cursor:not-allowed;
+		  background:rgba(33, 150, 243, .25);
+		}
+		input:checked:disabled+.switch:before{
+		  background:#90caf9;
+		}
+		.switch__label{
+		  margin-left:4px;
+		  color:#9e9e9e;
+		  white-space:nowrap;
+		  transition:.25s cubic-bezier(.23, 1, .32, 1) 50ms;
+		}
+		input:checked~.switch__label{
+		  color:#2196f3;
+		}
+
+        	.disabled_overlay {
+            		position: fixed;
+			background-color: #777;
+           		z-index: 10;
+            		cursor: not-allowed;
+            		top: 0;
+            		left: 0;
+			width: 100%;
+			height: 100%;
+			opacity: 0.1;
+        	}
+    </style>
+</head>
+<body>
+	<div class="disabled_overlay"></div>
+	<div class="switch-wrapper">
+		<input id="switchId" type="checkbox" checked="" hidden="" value="on">
+		<label class="switch" for="switchId"></label>
+		<span id="switchLabel" class="switch__label"></span>
+	</div>
+
+    <!-- Custom logic of the Custom element -->
+    <script>
+        var isDisabled = false;
+
+        function updateDisabled(disabled) {
+            isDisabled = disabled;
+            if (disabled) {
+                $('.disabled_overlay').show();
+            }
+            else {
+                $('.disabled_overlay').hide();
+            }
+        }
+
+        function setup(value,checked,label) {
+		if (!value && checked) {
+			$("#switchId").prop("checked", true);
+			CustomElement.setValue("true");
+		}
+		else {
+			$("#switchId").prop("checked", (value=="true"));
+		}
+
+		$("#switchLabel").text(label);
+
+		$("#switchId").change(function() {
+			CustomElement.setValue($(this).is(":checked").toString());
+		});
+        }
+
+        function updateSize() {
+            // Update the Custom element height in the Kentico Cloud UI
+            const height = $("html").height();
+            CustomElement.setHeight(height);
+        }
+
+        function initCustomElement() {
+            try {
+                CustomElement.init((element, _context) => {
+				  var value = (element.config?element.config.default:false);
+				  var label = (element.config?element.config.label:"");
+                  // Setup with initial value and disabled state
+                  setup(element.value, value, label);
+                  updateDisabled(element.disabled);
+                  updateSize();
+                });
+                // React when the disabled state changes (e.g. when publishing the item)
+                CustomElement.onDisabledChanged(updateDisabled);
+            } catch (err) {
+                // Initialization with the Custom elements API failed
+                // (page displayed outside of the Kentico Cloud UI)
+                console.error(err);
+                updateDisabled(true);
+            }
+        }
+
+        initCustomElement();
+
+    </script>
+</body>
+</html>