From 3d8eba76bff09092ef702f74ffd9c9729fb2cf80 Mon Sep 17 00:00:00 2001
From: Edouard Dupin <yui.heero@gmail.com>
Date: Tue, 30 Aug 2011 11:37:44 +0200
Subject: [PATCH] basic pages

---
 forkMe.png | Bin 0 -> 8146 bytes
 index.html | 127 +++++++++++++++++++++++++++++++++-
 modele.css | 195 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 script.js  |  53 +++++++++++++++
 4 files changed, 374 insertions(+), 1 deletion(-)
 create mode 100644 forkMe.png
 create mode 100644 modele.css
 create mode 100644 script.js

diff --git a/forkMe.png b/forkMe.png
new file mode 100644
index 0000000000000000000000000000000000000000..3aacaefd14818b996a8396b056a1c4d9cd3111b9
GIT binary patch
literal 8146
zcmV;@A1&aCP)<h;3K|Lk000e1NJLTq005N$005N;1^@s6QKGm{0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBV6bV)=(RCwC#U1xMu*R|d=qmGb45~_$Y
zBW!HbF})e%2FBn9PU4n0ZM~J`htuH2cI@Z(Bj%;q4sjkfBd-@Hc91cyfw+Ld#2o{s
zN&-o!gCx`opfYcNhja1K)t!+vqpq{py6cXn>5BWY_jh*rj?LrokhZRwjm>x{54$`Z
zd<2<}U>tLZVtyVI^S9W^lT#g`p;VWhO?4+v`h5)^)48+HS-loIY81sST11YB2&y`K
zn2Nso>bL(v^aQ`u!bht-d*tIbUt@)zAPtco0aUPhTthVK$3!p0&77Hv8(6q?E47|K
z-!A}#bJC4BQdnXlWj^~XRW>yI;U`4DQU1Ozn+8?S04l^d&tO3PV#J6SqFpXma8wjk
ze(^<*1FExN3yF!LkyEBnNOUxn?A%FZ4Gm8}M6@B$e<uy9?gdnc0;-VdL~#$<?VFPq
zFLrraTBww7TvK&*p8-le+Z+xWbH^Rj+T2XJTeeV1W#yk4P`@*M+~eh|eVSdvrAGi2
z3PAmo0hKUqT54!)EL9yiKo=@2$<x}}Er9ZLaMwEmRQ%$_6rPksXZGx&{L<2AA8Km)
zo#ad%0jWc9*)&n_RzQW~@iYe1`Vk}CiL+-r@xi*REUG_sDj+cV>y^yUg^V0Y$;+1u
zf?aX&AY~puzG*$t@A)Of<O_T>$)i~z>a7+S_Da;Xr|JPf{gmkW_$gDI@C4-_ei$&I
zJlzB+Sp1SD6zOzQ{u^)5@#DvzXFxq|0*^Nkb=v!APSwqT`p@WScg%zd&fpOv=<Fw-
zP|LY<{bGd|#;eYe)29<capCsul;6;>`C+1Gq(^F2JX4EBbnQ|&)1c~R50$)NfzuWo
zOlRJGmzwMA`+S9GoJX%-O?JMnoR?mryt=wH2GpM{LS2i6x1z3kD;@s22~fWX4;Q2y
z9txzqxvma`quU61SHPwoK@kxY$D}-rJ=AF?<)^Bv-M?ySc}DW53ks;LfYoI$rHOhs
z0qU2Lk(*PNEOE6qHBrrxBh*+@(rtk92BOZqKX~|X8gu8J)Oz6pm45muW##3iNkE<V
zLd=_~Z3ewVPNj)@Pm%ITlU&G1SA6yvH5M0l8Bm@s0?Jo9L4E(I1q&#0+&C)YP@I{Q
z<L+)iX;0M?q&zm(J?hFUok5Y2RG*zqwOLtxPRL=Qad9+i?p#7Bt~`90jvP4PmK>_v
z0i|ny-Rz+fXU%d3Uv?Q4zy7*d<#qPIr>zGGInK#9-%Oz~F_ih-bCh3S-(!H%tG{jp
z)VioBcZ|#B6t%oBzocf1w1KCK9?C}kms|{kXNsOS?P4u&*RDPR)Q}E;{sQXfAt9T`
z-F&kk<tPrHuc)|GdhvK!wOM&7vH+7U06^J7LdbRh{nWywy!gHMD5tzU?N?1rJ<g#t
zQSS~?K6$bWoTY02emY-X-VRV6<xUxAb-iw0x3`!+*V%M}8FcXr7gEIN(R6zEZaP^~
z;`SF%o^J3mL(WtAUCSFe(w#74h7-kDG}qPV<g~fDttN1It97Wq)Mjyby6CZxAy2&S
zI<f@?QRSgSbmYhp_alCWJOfZ){}X9X)uSFNVfu7ucycn8?b&k)P*ykFxLYG;&J=gA
z$#hqZJKJRPSpL@c5|%Ed;Vu{Dz4ltS0IEC8t^w6?EiY--tW>P>kcYBruv5Jg?pEp#
zen6}C?V|~NHqzGd*I!SQ*R2zWZRE%{ces^&_ndh3Q2d=(<rTg24&^sC_6tA_nbluF
zwY-H3o%{u&!A_K3e5~*caFz0k@O)(@E!nh5+|dg5Y_~IcHtcE!+m5ws#mdnmf4NP5
z)-KN-g}^bl-!9Il($ncwZEaeA0o0J-RDrDW;;y>NHG-GurMx_E$j`R~lN$0`l+cFo
zcN+sKjJ?un2G0nmlXm>@hm^?A&t-3QjzRZV4qL5!4w4t+uvi_Me;0-(VrI`4O?J7j
zyh0gSS>5iT0_9YL8dQPgp_1p%cVcB%n~_2F3ZQ)PsAdy)ie><<mB2d20C<(X6Mp%!
zC!Z9+`e^-n`f9@l@yi{`#hKF!#_tK?5IlO-D)KZpQyBv_^W;hQ!>z5|?x8eM?}3mP
zH))b+utPsog9%U`h5xje4mE8slR;C=H~#N8+#tNtRcqGJbPjv?+;IjNEQL8yXHo~o
zfm+^h_IL$5b_fsE6M)j3s=G;fY^*!>^2?oQxh?<bBWkX#wagh=r4P)2TFBlA9hPr#
z$ooGA*8S|URx-zm=I3z0^51{IUE<R!t$@5(?5tU$(Jue3x9C(=mAgN2s6ik80`XAe
zZ@DEE1C=FjzfCQTjb6I~%zd|pr!vw6K@7^f7(@vi{=R(fIeL?UmBf!9kf9KsD~r9=
z#~l7Vl2h4zaH`aAf16MeI+2!!2D=^yln#I0#Gw+VPZwzeWXhW@0A(iQ#-ZNPYuOWB
z#UZYqf$|c2rxFf-Gm&24=g%miu$otcI~i!r{MhCrb%5(hSh7T<4N7+J?iE03Pt^^8
z`bAjS=CL>2aIu!hfVxm#POZuql{c@nfPsRacQH8d^JwNrcgeKD%M6}u4sGyC_waLA
z@f~1~^$x!`nIG3NsG6mR3Nl@+@dwz$!^w5eJ)&5Rj?I&&Pp3WHOQjd>si+%jdGYZg
zXLP=_w9Q<eIpi644vEYw*#jZpWaOewGKi2efZd*+PUHDK@JhQl#KAz)XYf&ut_FVI
zp_FRurm!b!c}&Vt%R{$8RzZRL;XbV84LMI0NTxh~>QphLfU=7!mSI&KZZ?%yCNe;7
zU_im(g|MQ7cLH#3k<Wj!VS@k{a#SBOxQ_Ar97;~gxJXh!1u~w<A<rHfN)>3ZJ9NnX
zXfKDnA)TiR#6xk&OU0^670a;VQL2ZU#H+f`87RixoWcNFE&&94k;7gN1IvX_$leO!
z4+cQ(=g+Bx+zL=I=QqAV!^VuE;~O_pUPD8#1FAbf6*SZUg>Hiwr}JWi-M)R)Vyfkt
z0cCKg`I3Z3$jmsN`+_~s6>HXzQ|6nHi^^qC<?->qE|>VZhP_}B{~TljlU?B-VlFQ>
zmZGOj5v05r-_b{a8nWTfUqJoLZhwCK%9W|$P38aoH#OJPv?1l*0A-Y2R?CzC!X5HY
zD;Q|kFwo$g3}Ee-gj_AX7#C$X5pn}icDtQYzx!R0DbIiVZRDZS`jSHpIil`&EiX8D
zGjpg^$mdiYJV;GdRhIyzX34Dpg*%Asc)CmpfOP*PJ6iy1AA<<V&9@{;2d4tqItwTV
zb2`lBMI<Cp$%h|OPFdN2BIN_#Qw1WHku+z{#abT3GV<~)Nx7MrtDrLOY8-p4d!)yz
z<k0p<4s*r@%#?tFArEz&0jB~=y=X%$BjuJ`2r@(E2M*BjjEsH}@`jA33aFMhd9pJM
zVi_FrR6tqfpR87TOBpE0Lw$q6grEP)o~e;N)=1`8tNAtKA`UZ%-eoWy!D`R~P<B)K
zC1KGbF_(wZOMd~>knvOj)$&qPosdL?hpNfUv`iVOVGl%nH52#(=1JSvuB9X;sR=`v
zL&!tf1@*je$+6y*JSxZ{<k?LBd&7Cv8N;6sPfVn<9EuO`-`}qQHRwH6Kn-^D<_Qml
zekfzm)8mDZtLIRJB?c3I#%iugwhzNQfm^{)f_YKlSj(lyG9PB)OgtXFa;5N4xm&l=
zk%I>ZjfWZ#pz>SWAR^*xu?+SEP+u|r{k^U53=RdJgyy-IuDOO{*_$kS@=39x!vU`Z
z?}SndE~1G6^|Az(P4P|+YCqTja||0MRDhA-Jk6v$ucpTRNIz{~8I<8K5J06YUD{48
z!>Yr;08|2drP&M~*c%KI6om2ooeZF{{Mvq*Lcq%IR`y5$(MKCL2x5+8C_*K&@>XHb
z_#-eHKmM+}sD-bq^y7~yD?dN&5kIvJdKyrJGWi)GDHmcHMX$apG&Zdgo9ZfWBzv7(
z7(D1HKg!?<W^aTRU%dVXb1HOh0!#*<!o{F3YMBHfeuoMun+2fo`{L%$r^xZ+>DZtD
zOgW{cgD&LtYflxhSO$j}++?#@hPQ^gyR)+?iplxw?4j~x)0`^M1dx4Gb{fEAZI_(}
zNOmGyjy`d3wLBas1;x*sC;Fi(*>fH`aKQcReh#QXRr?FXLyf!Xrc`JM6hSPbv9bLh
zPwk7t4hGD(D=NhF3pkY8(TVphVQ=&?hd2EEEeWiH46OGUSPo^S=dcKQM(QB--g_yG
zftA7DEw8@5-veq;t^NX10iH4A;#?kTc@}^&gUdLdm*Ei!O(Y`K^unBV>%?#Zz=VtV
z2YWJ1#Y|kYMzjMvd;kgtfG1vitvDC+>T{p~YS4tgKuRy;mM?dqW_I?o&%|oXtW&On
z$f|R5C4&a(0}yU>6SOLc(c99~1&B_|5)Cdah5?01mLMM-3fh{f4?I8~Cgp|iyhAx>
z&!#;xkoutpx~K9x<k@VHm3CoLw-UnlXU|$T*r}OwHQ8w#`!-zMHDflWhb195KKFra
zutPu8wHyl3Tvx6DO6@DRef<Xsv5aBK$y9Q&W7GY}0I%f@s6165A#d!mWuiD-`oRZu
z4rv1~W*(<%H4$;71KyX#;G3BDEN1Yau7`^;rd|#)kJ=@9l*30J3T-RSyYHs(gakUZ
zbt`3_IyGcMUcU%`fspc)Yp+cmhML*SFMHKCFaye}zNZ3gveL<kJQM~M#>$ppkoY>8
zHgH&E%#GhS?#?^uvWXMv$RGa*o$>(-r~$e93rP4rHPwkc6efpjWi78OfHLomp>imI
zXcmXTv9dP`Q!oEqyH<oeUw}e}JZ9Q7k%ubd#R6)11KC3jI8X)Rp`5E$rP}OvI<s>p
zwV?Fkg_K)O5F22EQpzY^?csHF6~Gg<QKaMJG7ftv$$*gCELM2t(ex|6_dT*Z9F)Cf
z3+2_;rajtEGv$L4RDq09jhZ;oHDc;iD&4)C8kF{xjsT_hMWN$BRbK(1w(_d3RDwrs
zpfg{fd4(rl3k#z-h-EM_KecTe9m~iV6dY>6fXeSd&*8(}qZci5VqdzNW5=kmsHmMz
zxwp;(wJ!=IRg?ID7ec!)R&+>i0$8syu;7)fdY^1w02LG!MdNS3U1)5Uef~LR=H|K|
z9VEr!0a5!4xWSG&RN*VHP*Y8f&xEE`u^4v}W9SRysxE`S=O`aG>8Y^dL*e)}2G&^#
zEQf{1GHV<puy+E7I{Ng}lv`OjBv*NTmQo0$mN$Cg!qkuvBdC1uUax>MSXGOu#L}$X
z(K-gt7TKbLWac!fzH(4D*8yx0)KK$I4r)K>i8D$rV{g4xkn_AZ-q3)uu%Q0xq0m!~
z;&Aa>Z+R`fcsj_M!$VDA5TUsa-U&^0_pw((AGuBDpAO3bPopqwqxMB%_4`v+tPmOp
znVUBYopKGRUd&SkDtsR`aUxZG@kN`-;m#6s9O_6F44s<B#LNBid2p+vvX?yAONQJ4
z6$Hm1e2+F@%;jNnc(4MhUlMh{S9zhKo5$XGqYI=Q+6EUCopP)4i$@84>Lf7^^hlvl
zjKNQYyes)Y_<P3XqF5&BC=??PwT-=3tJF4dQ2Tyz7$gy0_uVH*IkXK<o;j2D=pZh=
z^t;+$pbd6HEMwokc48T-SMr$nlbRVfR)Ax!zh3l~XGmE@^g_Wq-N4)lDTG%TOaK(>
zc~*p61+A#%8DbfQh3-d(SS_zl!(TvR8PldYAux~KsOtFeM#!xuVXU&|tJo6(SnyPs
zcES4|WUyka>QB+pZ6;s5>1|>ZJ#pz$vWJ9F1%&SpA9g=B1UOW`Nht&*d_QA`NE;NS
zr~9nsS&dYgCt{3a@A~y3Re&iMWXIvP04Q{KS`~)PfWkRx*)kfAw81ma2yKJMG%4>r
zPZf|@29xrLF=MFa=uxk=JWmHeY9Z^fb@WNys;I9RiB6+^#cq*0z;}eRhZ;F`DqVK@
z<y89FXLM-){vidZJ}2sd*7A@YFWb9Uh-FxDDAhxm!<<3RF-ir%R4Mz#7zex*GU>Rm
zlgzJb`8{?EKq-HasO90hPQCs*_8d+dY8<LhK@~{HX56GnLiqj+hp5KFLa!@4GjCFN
zq(YB51n}b-RIp424KxglHesutCvz=N1r)?GM$Mlu#?f=OY@y>PP7KMA*Jqq6VB!0g
z7O^#lH$Yjf@S05rdY}NPe=(58ai~M;0Dv+E6KodXG1v4A3mq|nQdX`MVi`FM&Y=pZ
zJ}c7%q_H`5st~@1PPvuvy{`#k^NtEBvWc#oLmEJZUh>^c&<zfyUX<NprKc_cuq_9K
z@AKY%n~rB@YC!cSr~;|wCC{5Drd|N3mWGB-c_<Z3<}J>0qyq5090D<}4oPX;>3jF>
zyA%@bri(OZ%TdcqS-xDP4<I;}S6izA6`%$6mWN83JJ;z53!~FJb_i_)Ux4zaS&qG4
zmTlT3fCSNd$Ri@;L4l=F3S~eN5$!E_k5wCs`S*_DkQWplPFXL$NcnYj8c@BNQV2xb
zAohwYTv1nDCH8vpwgF?SMaji1I`&|8w&;U03<@kzvAa7x{gON)?0rRW%xZ-v`k^8t
zDQ3nD8Z~z=6>Q&5M~@uQfa=ZFpWn5-@bJxJmMwE({;le(uiBJeJYEu;=CO3#*<lQ%
z8SB=GmX-IJGr>zi%K-9-#ZuA-^}J#1oscqUkV6W=)VAxu_yeH6f~gnO@=ovFOD75o
z(|$d`TYv}D>MtNtK4pq4EIyu!UVDu$R8+J}7kDf}V5=zvLd)P=%#jT8ohbXu4Y3R;
zub}Gy{Zf^(FdRf}+gHpR2toK>$V&g^FO+@ejP_8y$*BS%<=EZ~)qU(a3_y9jggbA5
zYL!XNC6Ys7=LD?qu4c}JatplEKN(oK7<3?Da@fd}TQ%5;L@1MT<e(hPq0m#V0oBW#
zDqyjUm>4R2^;J>Jvl6}UOp<dU18S0-8vcEBw9t*hZVK>D=#PTn7)ISe)X!RsQJKm4
z1c+rMB+#*q8>!&jISr^D3V-(Q1e6fVm^m{wX!vl^V5b&`tvU-@Ebg9K+rv~ax-(%=
z1O{h<ln>fi5C-pHf{qJ0t9U3YKw)w?>ALHL2nQPMG@yDp{P`_>?{GXndhy~*newLU
zYRiPCS^vrGsmy1r<ZzzK-U+~hcS6P-0D}&Ks$OTc(z6Ez(fB*=ASml$F7H%jWts+5
zFD5?&*-3#(c`C#*svwpj)mMDAtl*BJ<+oYhStGfLdS0^vHk$<2SL~gzDI+>IBjK^u
zt`#0Cn5?@E#Aoex(O?&mltjf4zK4RHZm{b;Pz4h5#w=Tw3R!80Wi%ESdnM#5ps?2q
zT7Cg615hC4NN}pHEXKtcp%979k%~T)m50LTLYad(8F&$iiIlT-D`n;6=#bZ&pb9W;
z;0#Yr7GqTPxw#$YpbRbr0Srh>V>ki2o5)3>KpZPU)uLRa0iHb!EC{_;nmCkIUwHy*
zc`g^7dh<;>cJ!zQRBwVRkQU&i*|SrTM>_lIr<ca4eC<}Q*7OcZnM0%tAlB-Tc_=mc
z*{UWi<waE}lf+hl!aQCw123G<1^@aN71Y;jK=t<O(R6ga!S2>uQ_)j?hF4R~b#<3y
zrOiMhYA=*wggYF@o_XgKC1GsHh@H?2`Djvh@w8i9uz5$%D;|8193dfe@*n@8{MuTb
zDet3{LYKudgz!E3zOfrsZ7sF(7kg8xYawfW13Z3U-#+pD+tOp<Fbcz~)6?lk6%}*~
zpW~z$zPUe2{nN2ad*Y%+6doThcB9Ixs&Z>U^<7G#^TpxF$jvE>7mK+(Y|YV7RMgHp
z5w&jvHVcjckN^!<b0`qMyMDcR@2zr30WB<8;bE&-TwIw<Y}!o!6O7-7yqJ+T$l>qJ
z%FWdwuaCoDaA!ka^4z(pQIjSKv5X7V)$O<vS$Hb5hr)s4@M0-$zkye24Kno2Vh^=a
zhQf4ZK*4H^O1059-9&No=F!oO8!5NETmz~fguhOUWx&H=m8Swq&48=j1!f?r2R5wU
zFEi!PHi(eDPlotC!XWyjyp2y8hFabjh-Gld%i~pEjs{e}@l+8Vd8l#Am#1RKf?~dL
zSml{}pR8u_RDNZE3_1iD@I1nv?rcs@n>ya#WE~Fx!p7Exa^GRA4TKDvaR2>6ryOD#
zd3AN}$2Fk(ji)jI6)cYsQic=~rcW0wz?J*=3qV<wRn(ybqz14ndK0y60mep*_c1Yt
z(AbZ%vuQrR=S}uXU&=b(eX_QP3sC`Ow^-p}cP!+gP}3{fy;}pS9}@K-6-@9_VvH&z
zWOK@rB|^atwY>AtDfdCbn<W8XA%!vU90c$2ItCO_yTkZ7n(EMCcfI6PM*9j@eCXcH
zmXbc+WD(I$GycvyFOl->($X{ysQ#BxZ{ww=6O9s?aw(Qk#UAQhSy`J}9#Q+L7XWId
z1QZgR;7vx@i<3hL7*xQnp2l{u09K5YON92O3MhvcPZf{ds8UjdhdNPI<o>m;<@IY&
z0Z?)4qodQt7{d3vc2VP*Gi@^DWU<l<QUHa4PR!vMo(oFA#%`Vnc}N*xlxn-wibB&J
zE}%ea9C#}ZW7-9^JP6;5T3&v>4tf0;RKiQmU=Q^W(PpTxU@i|Gn{~<<xfxLAje|-h
zaK=hWY4k2(BWrXORPgugSGW_1xG|`J%(;0s&uSCvq@_#67HSwp$B=>sRR88w!PhXL
zei;+<LbTKA61!1-{yDYC20M=zFsaK&93Qaf!Cgez<(qO2&)6dmk9W#_US`O?C>YvV
z%DvR`+6doIohnFq!MpELL1Uu^RDWMR&LNufW1<(wuUa($Pe7*}wLEh_l=*BPMK|s!
zR(Vrp3-B=xh1)n}kpdQE$&;j@2BZ<y$ziLU)Ro`=zNjnaY}-b8)zxW_>C#KTPbt`5
z3JJ-Iz54125WYWy(o256&v2)5DFawdCU9LZfhG2JVFG?e5x+O9|9aDivhyl0e$E^*
zr~m?=k(H%A)Ib5%hs&3HuwPzHMg}z$6m$qEE4>4C@Y6^ysK82>z%r)_tct@nnTHy;
zYL!SEpzfyuHNcXe;faY<{>djD0?OOGp6YFkIvvhCWv8amF9l-mi;$}!FA>7`*d=TG
zb`7Y3NYu+d`sgBu^5T`Op0mljs19lxDk|!33A^OLCptRO0$f7YTXY!Tfg0YZYp$VC
zDVA}ny4w9;8c+kz(``|9dhrD;tJhmi9LqdrW!&KuS<AB$AybDvulUY)C^#~bGGBN>
zlwLHT24?sR>I|Sd<FV9GsD?5e#WJy}_Cu+o=%G<jV!u434Y2312GqdMQ~3obGqB7Y
ztJTEA3;>w{6&w*k<JYVac`?-TP8JoVX+RBZvv-D&cLX+-Tba8v?LIsdOo(Nqq)^e$
zouc%j^H4+3Q~B~(9@AsH5+2R!E69{5E?!I!Ld)H@jZT)7=#V#9K-C?9>IiIB?;FkJ
z9Ukfk#4;KhG@vx6@_n|_gfc9g$vA}XF+p7T-g_EQL%~x83M`*sv)gIx9d`&>X_Q{_
zDl0W9AB;rZA8+K(YfxW73vfh20u}GxEyOZ(gPrD7etRltCX8OOf+5l>JXB^*jt+T4
z$y0g!Oe^?$O^9WTA5Xb&zDdV3GBltxr|KMttX_xkea!Uf1eqZehar}s0i{=e0eLL!
zif)5g#^3)ggzq(=hDiA9NczVgKtZP*iA{7Hl<e6<c{Mfe$6H%9poX%i@|Qn}FN};N
zCu(^YE>L!QI-SVR*J%Uosr)D8VmGP<3q*q*h7>Y$bKQ^YTAub)o$*Fi?}u0hlvhHc
zqA2&Z*C?l~%>9J+P<r(j2(TdMgCg;<O`9m6S9uyx+Ee)*0+HB^mUDSUyLM?nX$!3O
zXAcghaZ)S;!uPr5<!KsF+U&kaw@<LyY+@#FSaPzc<)I(yF<r~k=C7v;!(K1Y<Fwl^
zie=>G>5!+bJ*YYhC^44@u?&}s4n6gh=!epP($<cscb2S&O0f)hs(c9FYd~oWboDoG
z^=c9FPNt_*eoc)g<=U)?dS?J-4+|5uJP6+x@7aUx&2*+*Th~05`WULj<8Hf+T97ti
z50#OftwWx+u6ru=K-vHeb_F|j(D4%|+)wCk18x3tDpAXuJzHeTvAtPtRh9d{wTIHy
zm6U?{JZ8lTf>dLM+by&WG@!Kk?Wsakv5fcL(}2<zn5V)B`uMx<x>(C&Ql4}AGywIC
z1d;}nw$2fC)l;FtZur=-RP@0IbfTc(`Nx`?p3)vln_r$vh-EBUBDUzr-nNZ$3JW(q
zLG(0ztqt3x0i~@=oGR(M>nLj6I6Ay>Bb~0VfA(>rr>OnzY8p`5ItME3q!1n(E4J|{
zt*_tsDADi9dJ8`dC~chs6%v~#wrruY>gs16Ci*S4-L}uXr?v)^wvItnymv2^mzV!x
z9nl75A*h1NeAa-{=F@B(>;C6wM88p<Q$b}0SQ|h+r6?P#tH{niR)6;PJazJWygjGQ
zw>=!-=Ph@9;3JaS3*M<Zux15okG_Z6e1R%RdLR{49UU4_+B!@rw0em~9_n}(5pCMM
zdMffkbvmLl+O)L;RaZH+Hf>!Bf20>x+PVW&8bsQ9H2i7P7O>g%KY=z4DsBBg{OQu2
sHtngjX;5j?pwgyIgGyWfv;P-h0PyYyV)^yo!2kdN07*qoM6N<$f?BP3bN~PV

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 03f9801..105dc35 100644
--- a/index.html
+++ b/index.html
@@ -1 +1,126 @@
-My GitHub Page
+<DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<title>edn - new IDE for Linux</title>
+	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
+	<script type="text/javascript" src="script.js"></script>
+	<link rel="stylesheet" type="text/css" href="modele.css"/>
+	<script>
+		setInterval(function(){
+			$('.highlight').animate({
+				opacity: 0.5
+			}, 500).animate({
+				opacity: 1
+			}, 500)
+		},1000)
+	</script>
+</head>
+<body>
+	<a href="http://github.com/coreh/nide">
+		<img style="position: absolute; top: 0; left: 0; border: 0; z-index: 1" src="forkMe.png" alt="Fork me on GitHub">
+	</a>
+	<div id="gallery">
+		<div id="menu">
+			<ul class="menu">
+				<li class="menuItem"><a href="">About</a></li>
+				<li class="menuItem"><a href="">The Features</a></li>
+			</ul>
+		</div>
+		<div id="wrapper">
+			<div id="slides">
+				<div class="slide initial">
+					<h1>Edn</h1>
+					<h2>new IDE for Linux</h2>
+					<div class="description">
+						<p><code>edn</code> is a gtk+ based IDE for linux, Simplicity for writing and moving inside code.</p>
+						<p>The current version is not fully stable.</p>
+					</div>
+					<br>
+					<h2>Try it out!</h2>
+					<div class="description">
+						<p>todo ...</p>
+					</div>
+					<br>
+					<h2>Spread the word</h2>
+					<div class="description wide">
+					<p>Spread the word about Edn on <!--Facebook, Twitter or--> Google+:</p>
+					<!-- FaceBook -->
+					<!--
+					<p>
+						<iframe src="http://www.facebook.com/plugins/like.php?href&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=recommend&amp;colorscheme=light&amp;font=lucida+grande&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true">
+						</iframe>
+					</p>
+					-->
+					<!-- Tweeter -->
+					<!--
+					<p>
+						<a href="http://twitter.com/share"
+						   class="twitter-share-button"
+						   data-count="horizontal">
+							Tweet
+						</a>
+						<script type="text/javascript" src="http://platform.twitter.com/widgets.js"/>
+					</p>
+					-->
+					<!-- Google + -->
+					<p>
+						<div class="g-plusone" data-annotation="inline"></div>
+						<script type="text/javascript">
+							(function() {
+								var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+								po.src = 'https://apis.google.com/js/plusone.js';
+								var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+							})();
+						</script>
+					</p>
+				</div>
+			</div>
+			<div class="slide">
+				<h2 class="top">Features</h2>
+				<div class="description">
+				<ul>
+					<li>Open file in list
+					<li>Internal syntax highlighted code editing
+					<li>Ctag search
+				</ul>
+			</div>
+			<h2>License</h2>
+			<div class="description">
+				<p>You can:
+					<ul>
+						<li>Redistribute the sources code and binaries.
+						<li>Modify the Sources code.
+						<li>Use a part of the sources (less than 50%) in an other software, just write somewhere "Edn is great" visible by the user (on your product or on your website with a link to my page).
+						<li>Redistribute the modification only if you want.
+						<li>Send me the bug-fix (it could be great).
+						<li>Pay me a beer or some other things.
+						<li>Print the source code on WC paper ...
+					</ul>
+					You can NOT:
+					<ul>
+						<li>Earn money with this Software (But I can).
+						<li>Add malware in the Sources.
+						<li>Do something bad with the sources.
+						<li>Use it to travel in the space with a toaster.
+					</ul>
+					I reserve the right to change this licence. If it change the version of the copy you have keep its own license
+				</p>
+			</div>
+		</div>
+	</div>
+	<script type="text/javascript">
+
+		var _gaq = _gaq || [];
+		_gaq.push(['_setAccount', 'UA-25417303-1']);
+		_gaq.push(['_trackPageview']);
+		(function() {
+			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+		})();
+
+	</script>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/modele.css b/modele.css
new file mode 100644
index 0000000..22df586
--- /dev/null
+++ b/modele.css
@@ -0,0 +1,195 @@
+html {
+	background: #fafafa;
+}
+
+body {
+	font-family: 'Lucida Grande', 'Segoe UI', 'Ubuntu', sans-serif;
+	text-align: center;
+	width: 968px;
+	margin: 0 auto;
+	padding: 0;
+	text-shadow: 0 1px 0 white;
+	position: relative;
+	color: #111;
+}
+
+h1 {
+	font-family: 'Myriad Pro', 'Lucida Grande', 'Segoe UI', 'Ubuntu', sans-serif;
+	font-size: 200px;
+	margin: 150px 0 0 100px;
+	padding: 0;
+	line-height: 0.7em;
+}
+h1.fit {
+	font-size:150px;
+}
+
+h2 {
+	margin: 0 100px 0 100px;
+	padding: 0;
+}
+
+h2.top {
+	margin-top: 75px;
+}
+
+.description {
+	margin: 0 0 0 100px;
+	width: 400px;
+}
+
+.description.wide {
+	width: 800px;
+}
+
+a {
+	color: #12c;
+}
+
+p.center {
+	text-align: center;
+}
+
+/* Gallery styles */
+
+#gallery{
+
+	/* CSS3 Rounded Corners */
+
+	-moz-border-radius-bottomleft:4px;
+	-webkit-border-bottom-left-radius:4px;
+	border-bottom-left-radius:4px;
+
+	-moz-border-radius-bottomright:4px;
+	-webkit-border-bottom-right-radius:4px;
+	border-bottom-right-radius:4px;
+
+	/* The width of the gallery */
+	width:968px;
+	overflow:hidden;
+}
+
+#slides{
+	/* This is the slide area */
+	height:1360px;
+
+	/* jQuery changes the width later on to the sum of the widths of all the slides. */
+	width:968px;
+	overflow:hidden;
+}
+
+#wrapper {
+	background: white;
+	border-radius: 5px;
+}
+
+.slide{
+	float:left;
+	min-height: 600px;
+	width: 968px;
+	text-align: left;
+	position: relative;
+}
+
+
+ul.menu{
+	margin: 20px 0 20px;
+	padding: 0;
+	background: #ddd;
+	box-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 -30px 20px -10px rgba(0,0,0,0.1) inset;
+	border-radius: 3px;
+}
+
+ul.menu li{
+	/* Every thumbnail is a li element */
+	width:120px;
+	display:inline-block;
+	list-style:none;
+	overflow:hidden;
+	padding: 8px;
+	margin: 0;
+}
+
+ul.menu li.inact:hover{
+}
+
+ul.menu li.act,li.act:hover{
+	background: rgba(0,0,0,0.35);
+	color: #eee;
+	text-shadow: 0 1px 1px black;
+	box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
+}
+
+ul.menu li.act a{
+	cursor:default;
+}
+
+li a{
+	display:block;
+	text-decoration: none;
+	padding: 4px;
+	color: inherit;
+}
+
+a img{
+	border:none;
+}
+
+.initial {
+	background: url('main.jpg') right top no-repeat;
+}
+
+.highlight {
+	position: absolute;
+	width: 10px;
+	height: 10px;
+	background: #e11;
+	border-radius: 100px;
+	border: 5px solid white;
+	box-shadow: 0 0 2px 2px rgba(240, 18, 18, 0.5);
+	overflow: hidden;
+	cursor: pointer;
+}
+
+.highlight:hover {
+	overflow: visible;
+	opacity: 1 !important;
+	z-index: 1;
+}
+
+.highlight .highlight-content {
+	position: absolute;
+	left: -25px;
+	top: 10px;
+	padding: 8px;
+	background: rgba(0,0,0,0.8);
+	border-radius: 4px;
+	opacity: 0;
+	color: white;
+	text-shadow: 0 1px black;
+	min-width: 250px;
+	font-size: 90%;
+}
+
+.highlight .highlight-content.right {
+	left: -200px;
+}
+
+.highlight:hover .highlight-content {
+	opacity: 1;
+	-webkit-transition: 1s ease opacity;
+	-moz-transition: 1s ease opacity;
+	-ms-transition: 1s ease opacity;
+	-o-transition: 1s ease opacity;
+	transition: 1s ease opacity;
+}
+
+.description li {
+	margin: 10px 0
+}
+
+#vote {
+	position: absolute;
+	right: 0;
+	top: 10px;
+}
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..0f420b1
--- /dev/null
+++ b/script.js
@@ -0,0 +1,53 @@
+$(document).ready(function(){
+	/* This code is executed after the DOM has been completely loaded */
+	
+	var totWidth=0;
+	var positions = new Array();
+	
+	$('#slides .slide').each(function(i){
+		
+		/* Traverse through all the slides and store their accumulative widths in totWidth */
+		
+		positions[i]= totWidth;
+		totWidth += $(this).width();
+		
+		/* The positions array contains each slide's commulutative offset from the left part of the container */
+		
+		if(!$(this).width())
+		{
+			alert("Please, fill in width & height for all your images!");
+			return false;
+		}
+		
+	});
+	
+	$('#slides').width(totWidth);
+
+	/* Change the cotnainer div's width to the exact width of all the slides combined */
+
+	$('#menu ul li a').click(function(e,keepScroll){
+
+			/* On a thumbnail click */
+
+			$('li.menuItem').removeClass('act').addClass('inact');
+			$(this).parent().addClass('act');
+			
+			var pos = $(this).parent().prevAll('.menuItem').length;
+			
+			$('#slides').stop().animate({marginLeft:-positions[pos]+'px'},450);
+			/* Start the sliding animation */
+			
+			e.preventDefault();
+			/* Prevent the default action of the link */
+			
+			
+			// Stopping the auto-advance if an icon has been clicked:
+			if(!keepScroll) clearInterval(itvl);
+	});
+	
+	$('#menu ul li.menuItem:first').addClass('act').siblings().addClass('inact');
+	/* On page load, mark the first thumbnail as active */
+	
+
+
+});
\ No newline at end of file