| <html> | |
| <head> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>ParticleSlider</title> | |
| </head> | |
| <body id="particle-slider"> | |
| <div class="slides"> | |
| <div id="first-slide" class="slide" | |
| style="width: 100%; height 100%" | |
| data-noise="100" | |
| data-width="550" | |
| data-height="270" | |
| data-min-width="2500" | |
| data-min-height="2500" | |
| data-src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDUwMCAzMDAiIHdpZHRoPSI1MDBwdCIgaGVpZ2h0PSIzMDBwdCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJfY2xpcFBhdGhfUEVjUUk3V0lwY1ppY3kySXBwdWtyWDc5V3dJSVlhbEEiPjxyZWN0IHdpZHRoPSI1MDAiIGhlaWdodD0iMzAwIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF9QRWNRSTdXSXBjWmljeTJJcHB1a3JYNzlXd0lJWWFsQSkiPjxjbGlwUGF0aCBpZD0iX2NsaXBQYXRoX0UzVFFIRlU4aDRhWllSZnNSTVkya2I4blhsa0YxOVdjIj48cmVjdCB4PSIxNDcuODQ5IiB5PSItNTYiIHdpZHRoPSI0MTIuMTUxIiBoZWlnaHQ9IjQwNiIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLDApIiBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIi8+PC9jbGlwUGF0aD48ZyBjbGlwLXBhdGg9InVybCgjX2NsaXBQYXRoX0UzVFFIRlU4aDRhWllSZnNSTVkya2I4blhsa0YxOVdjKSI+PHBhdGggZD0iIE0gMzA5LjQ5IDIzMi4zMjggTCAzMDkuNDg2IDIzMi4zMzggTCAyNjkuMzg0IDIzMi4zMzggTCAyNjkuMzY1IDIzMi4zMzggTCAzNjguNzY2IDMzLjU3NyBMIDM1My44OTYgMy44MDYgTCAyMjYuMzIgMjU4Ljk3MiBMIDM1Ny41NjkgMjU4LjkxNyBMIDQxMS4zNzggMjU4Ljg4OSBMIDM5OC4wNzIgMjMyLjMwNSBMIDMwOS40OSAyMzIuMzI4IFogIiBmaWxsPSJyZ2IoNDMsOTUsMTYxKSIvPjxwYXRoIGQ9IiBNIDM3MS4yNDcgOTguNDg5IEwgMzcxLjI0NyA5OC40ODQgTCA0NjcuMTIzIDI5MC4xOTQgTCA0OTcuMTEyIDI5MC4xOTQgTCAzNzEuMzgxIDM4LjczMyBMIDI3Ni44NTIgMjI3LjcyNiBMIDMwNi42MzggMjI3LjcxNiBMIDM3MS4yNDcgOTguNDg0IEwgMzcxLjI0NyA5OC40ODkgWiAiIGZpbGw9InJnYig0Myw5NSwxNjEpIi8+PHBhdGggZD0iIE0gMjc2Ljg1MSAyMjcuNzI0IEwgMzA2LjYzNyAyMjcuNzI0IEwgMzA2LjYzNyAyMjcuNzE1IEwgMjc2Ljg1MSAyMjcuNzI0IFogIiBmaWxsPSJyZ2IoNDMsOTUsMTYxKSIvPjxwYXRoIGQ9IiBNIDQxOC44NjggMjYzLjUwMyBMIDQxOC44NDUgMjYzLjUwMyBMIDQxOC44NDUgMjYzLjUwNyBMIDM3NS4wNjEgMjYzLjUyNiBMIDIyNC4wMzQgMjYzLjYgTCAyMTAuNzM4IDI5MC4xOTMgTCA0NjEuOTU1IDI5MC4xOTMgTCAzNzEuMjQ2IDEwOC44MDcgTCAzNTYuMzgxIDEzOC41NTYgTCA0MTguODY4IDI2My41MDMgWiAiIGZpbGw9InJnYig0Myw5NSwxNjEpIi8+PHBhdGggZD0iIE0gMzc1LjA2MSAyNjMuNTI1IEwgNDE4Ljg0NCAyNjMuNTA2IEwgNDE4Ljg0NCAyNjMuNTAyIEwgMzc1LjA2MSAyNjMuNTI1IFogIiBmaWxsPSJyZ2IoNDMsOTUsMTYxKSIvPjxwYXRoIGQ9IiBNIDQ2MS45NTggMjkwLjE5MyBMIDM3MS4yNSAxMDguODA0IEwgMzcxLjI0NSAxMDguODA4IEwgNDYxLjk1NCAyOTAuMTkzIEwgNDYxLjk1OCAyOTAuMTkzIFogIiBmaWxsPSJyZ2IoNDMsOTUsMTYxKSIvPjwvZz48ZGVmcz48bWFzayBpZD0iX21hc2tfRFY5OTlpRXdXMGtsVHdVUGJ0VlJwRmNsb3FjNXdsWEIiPjxwYXRoIGQ9Ik0gMCAtMSBMIDI5NC4zODQgLTEgTCAyOTQuMzg0IDMwNiBMIDAgMzA2IEwgMCAtMSBaIiBzdHlsZT0ic3Ryb2tlOmJsYWNrO2ZpbGw6d2hpdGU7c3Ryb2tlLW1pdGVybGltaXQ6MTA7Ii8+PC9tYXNrPjxtYXNrIGlkPSJfbWFza19CcmxSRlBIb21TZzVESlVsSXl1ME9YMHFlU0hBSjROTiI+PHBhdGggZD0iTSAwIC0xIEwgMjk0LjM4NCAtMSBMIDI5NC4zODQgMzA2IEwgMCAzMDYgTCAwIC0xIFoiIHN0eWxlPSJzdHJva2U6YmxhY2s7ZmlsbDp3aGl0ZTtzdHJva2UtbWl0ZXJsaW1pdDoxMDsiLz48L21hc2s+PC9kZWZzPjxnIG1hc2s9InVybCgjX21hc2tfQnJsUkZQSG9tU2c1REpVbEl5dTBPWDBxZVNIQUo0Tk4pIj48ZyBtYXNrPSJ1cmwoI19tYXNrX0RWOTk5aUV3VzBrbFR3VVBidFZScEZjbG9xYzV3bFhCKSIvPjwvZz48ZyBtYXNrPSJ1cmwoI19tYXNrX0RWOTk5aUV3VzBrbFR3VVBidFZScEZjbG9xYzV3bFhCKSI+PHVzZSB4bGluazpocmVmPSIjaW1nX3lBR2JUOVROZGQ3c25sZ0libXhCUGNEM2Ric3pzYVp3IiB0cmFuc2Zvcm09Im1hdHJpeCg0LjIwNSwwLDAsNC4yMDUsLTY0Ny42NDQsLTEpIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBzdHlsZT0iIi8+PC9nPjwvZz48ZGVmcz48aW1hZ2Ugd2lkdGg9IjQwNiIgaGVpZ2h0PSI3MSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFaWUFBQUJIQ0FZQUFBQWs3V0dvQUFBVG9FbEVRVlI0MnUyZGVaUmNaWlhBZi9lOTZpWXJFQUpDNkd5ZENnRVYyVGNWSmpnb3F5ekhEQmtnSVFsQ1luQWRSUjFSRHdnY0hVYkdZWmxoWkJSSUlHRkhZQmlSeGVXd3lnRmxHVUdFOUZMcEpnR1NrQUFoZ1hUM2U5K2RQOTdycExwU3IzcXI3dHJ1NzV3K09YbnZWZFczM08rNzMzM2YvZTRGdzZnaDJsbzR2NjJaUTZ3bERHUG84S3dKakZwQkZVL2hja1JPdHRZd0RGTXNoakZvVnJZd3U3T0RIVlgxTkdzTnd6REZZaGlEUm9RditTbHdqdjB5VFJ4dkxXSVlwbGdNWThDMHRYQ1VPbzVPK2FDeGtyRldNWXloSVdWTllOUUNUcGtYT3ZCODhIMUFPUzJUNFlER1JsNjAxakVxQVZXZENFd0hwZ0FUZ0hIQUdLQXVmcVFUMkFTc0I5NEFWZ0xOSXJLbUpJcEZWZXVBOGQzbEg4emJCc0FCVzREM1JVUnJYQkRHQURzQlFZNlZ1RUZFT215b0RBOHRMVXhHT1N2bHgwSXFFQVRnd3p5b2JzV2lxcU5qR1F3cnNQZ1N6MGZyUlNTb3dmbGpLbkE4TUJNNEdKZ0crUDM4bWs1VmJRTCtCRHdLUENJaWJ3NUh4NkdxQndMUHhFcWhZNURmMS8wZG00QjFzZFpjQWZ3RmVGWkUybXRJTUg0RVhBeHN6RklxWTREVFJPUi9iTW9mSGpKTlhCSTZMcXFyeTdKZ0hJaXlKdlRZTzUzbXZTcVd3ZThBUHdYZUgrU2lzUlNNQWpZRGg0bklpaHFaTThZQ2M0QUZ3T0ZEOEJNaDhCaXdCTGhUUkRxSHpHSUI2clBNcVIySzlOMGZpVFhzNFRrTjl5SndEN0JFUkZaVnVaeU1pUC9kTWVkNm5VMzN3NlJVTW96QXNTQjNNOUh6SU9oaWR4L21BdGRXY1JPTWp2OGRXNkhsMzJrQXEvUktWQ2g3QU44REZzWUtkYWp3Z2IrUC82NVcxV3VBSzBWa1l6Ri94TXZTWXNQRkFjQ2x3T3VxZW91cVRxbG1lYkdwdmNRZEVERGJCVXoyODB4TklvQndYcFUzUVZBRlk2aHF4NUdxamxiVks0ajJSTDR4eEVvbGwxMkFId0ZyVlBXZlZWV0tyVmhLeFZuQVNsWDlvVTJCeGxEZ0NZc2xZYmpFcnNjSHREWnhuTFdVVVFLbE1ndG9CNzVOdkMzUlJ6WUNyd0tQQXc4QTl3TDNBYjhCbmdLYWlMWWkrc29JNEhJZ282cC9WNHk2bFl0WDJHV3FlZ3p3ZVJIWmJDSm5GSVBXVm81eklaLzBVNFVHTjRnd0gzaTRTcHVodnNMTEwxVFpxN0RZV2VwbTRJeStpakx3MjFocHZBUmtST1M5WG41alBKQUc5Z09PQWo0TDdObkw3MHdCSGxQVkswWGtXME9wV0I0SExnUjI3b2QxbzBSN0NMdkVCZjBZY0Jnd3VaZlBIUTA4cWFwSG1uSXhpaklqT2M1eHJ1ZTA1RnkwdjVKdHRhaHllbk16RjArZlRsTVZOc015NEs5RW0rREY0TDE0VFA4OHp5cjdPZUNiUkE0cXhWQUdQdEZyK3JZcVVpcnBlQkdUN3VYUkQrSyt1MUZFbnUyMzdJdXNKM0k3ZmhhNFhsVzllSTQ5RHppOWw3bi9tNnA2Ukx6UTN6QVVpbVdsaVB5eFNBMTZLSEFPa2JmRHlJVEhEaURhMkxkWEU4YWd5THhhdnc5MHpmWlRtbTJkQkNLc1ZKVzBTUFErT1hZOVRua3B2aGd2b3FwTHVZbzB4YTlHaWprNXRnRmRlYXloTlNMeWhFbGZZcnQ5Q25pRWJRNFYrZmdRdUFMNFdURTMxRVhFQVg4QS9xQ3Ezd0srRDN5bGdNSHdTZUFGVlQxR1JKcjcrM3U5V1NIMVJhelluMFRreThBazRLNENqeDZycXBlWUdCcURrcmRVNTZJd1ZPbmVYM0VPVUZvOU9FdlJONXpMR2dRZUNNeHRiMDljOEJnOUdVRit6MGFMNUpHc1ZHWVN2UUVxcEZTV0F3MGljbkd4dmJSeTV1SzNST1Ryd0ZUZ29RS1BUZ2IrcUtyN0ZGdXhERVdsMW92SWJPQ3JCUjY3U0ZYM05YRTBCa0o3KzQ2N3FEQXYyeFBNUlg2UHY1NmM1ay9pZU5obCtVSDZQcmlBaVc0TFg3RFdNNFpBcVJ4STlQb3I2ZlhndThBSkluSzJpTHd6akhQeDZ5SnlBakNmWk8vQjNZRGZxV3BEV1N1V3JFcGRDNXhmNEpGdm0wZ2FBeUhzMm5oR0dEQytleTlGTlFybEVncExBVUtQcFY2dTVBdmdjYTYxbmxGa3BiSUhjRC9KNXdPZkEyYUl5RU1sbkl0dkJ2WWw4bERMUndOd3Y2cjIrUTFXU1UxWEVia08rRVhDN2RtcU9zbEUwK2ovYUdaUnR1SUlReERod1hTYWx3RFNhWjVBZUNZTWVsb3RxbnltcllVanJRR05JbklyTURIaDNvUEFvU0t5cnRTRkZKSFhpRHpJa2tJY0hRVGNVQkdLSmVZSFFEN3pieVR3R1pOTG96K3NiR0dXYyt5ZmV5QlNsZXQ3RENTUFc3VEh3SUxRZ1hOVmYyRFNHRDVyNVpJQ2M5aURJbkppT2NWVGpGMllqeXlnWE9hcTZxS0tVQ3dpOGpad1U4THRUNXQ0R3YzQ2NXNzJPZTB3Qk0vakw0M1R1U2Y3c2JvZHVNM3plVHQ3RTkvM0FXSFd5bGVZWUExcERGS3BIQVpjbEhEN3o4Q3A1Vmp1K0tqSENjRHFoRWYrclMvUlVzckZpeU1wSUdQYVJOVG9zN1hTeEVFcW5KQjlJTkk1VUxneDk5bUdCdDdHY1d2MkpyN25nUXNaNCtxWVk2MXBESktmSmx4L0I1Z3RJbDNsV25BUmVRdjR4NFRiWTRHZlZJcGllWlg4SVFnbXhRZDdES1AzVmFLd09ONVAyYXBVVWlrMnFuQjcvZy9VTGZXaXZaVnRnOG9EVCtSY1ZjUmExQmlndFRLSEtOUjlQczRYa1V5NTEwRkVuZ0srbTNEN0xGVTl1dXdWUzZ3aDgrVUkySkZ0RVlJTkk1R21KaVlCYzdQM1ZzSVFITnlTVHBNMzBWSGpqSzRYRUg0ZjVyZ2VoMDczeVRSenVyV3FNVUNTUEZwdkY1RTdLcVVTSW5JRlVSaVovdFN4ckN3V2lMS2Y1WktpQmtKbUc0TW41VEVuREJtWjdXS2M4a0ZDZmxsNGVjbnl2QVBEWTc2MXFqRkFhK1dBUExlNlNONXpLV2VTQWdTZlZDaGdaVGtwbG53KzBnR1ZtZm5PR0VaZWZwbDZWTTdyNFdJY2dDb1BOTTdnaFlKQ041STdmWi8yWEtzRjVjU1dscnBQV09zYS9TVEpxL0EvNC9BNkZZV0lQQXI4S3VIMm9ySldMS3E2TzdCSG5sdnZpc2dISnF0R0lVYVBZSTV6bXU3aFlpeWdmcUszNFZZYUd2Z0FaVm0yZDVnSUJDRjRyc3NPVEJyOW1jY09KZ3IwbUVzbmNFMEZWKzJxaE91bnF1cUVjclpZWnBBL3c5MUtFMWVqOTJVVlg4eitieGlDZUx6YTJNamRmZmw0QURmNXZtajJKbjdzZW56MjZsZloxUnJZNkNOSklZRitKU0lWTzVlSnlKTkVjYzV5R1FPY1VzNks1ZmlFNnl0TVZvMUN0SzVncGpxT1RHVlpLK3JBVTI0UTZWdm13U2hjdnQ2ZmZSTGY4eUFNMldXTDMrZWNHWVp4WXNMMTI2cWdicmNuWEQrNUxCV0xxbzRHNWlYY2Z0eGsxZWpGV2xtc3l0Yk1JTTZCbCtLOVFFYmYzTDlWbWI4ODE4SFlFL0NFczYyUmpUN01ZL3VUZjlQK2RhSlErWlhPQThDV1BOYy9yYXE3bHFQRjhrUHl4OUpaUzVRL3dERHlzbklGSC9NOHpzaDFNVWE1YS9yMHpXdjc4MTFUcG9XLzhqMWU2N0dKSHlVQk82eDFCY2RhYXh1OWNIakM5ZCtMU0VmRnI5OUUyb0VuODl6YUdUaWtyQlJMblBQNWV3bTNsdzluQ0dtakFsZUp3cnd3MkhZZ1VuV3JSOWVOL1I4NHFEcVdxc3Y1RFFmaXlVSnJiYU1YamtpNFhrMkp6NTdxYTkxTHBsaFU5VXhJM0Z6ZEJGeHRzbW9ra2Nuc3REUENQQy9YV29GSEd2Zmk2WUY4WndxV2V6NGY5b2dmbGdMUVdaa00rMWlyR3dWSWtvOW5xcWlPVC9lMTdzT3VXRlIxZDFXOWxTaWNkQklYeGFhWFllU1hvL0Q5K1M1a1FtNWVGU2U5SElnc3dLUVpyQkxoM3V6NFlTSVFob2dMT010YTNVaVkwM1lpOG16TlpSWFFXa1ZWWFVIK2crd2Y3NjlpNlNoU3c0OVgxWk5qaGJJS09MUEE0M2VMeUpVbXJrWWhSTnk1a3BOenhmTnBtVGFOK3dZbHF4N0xKR2RVK0I3NEltZTN0MCswMU1WR1BqNENqTXR6dlUxRVBxeWVNU2NaOGtjOTNqVjJ3c3EyL2d0eXFLcGVDSXpxaDNXajhiT2pnUW5BWHJHcDFKZVlYNDhEczAxT2pVSzByT0R6R3ZLSjNDakdLV0dwU0dLSzFUN1IyTWhEbVdhZUR3TU82djUrejRjZzBLbmF1ZW9NWUluMWdKSERuZ256NDZvcXJPc2JRR091WWlFNjRON1NWOFh5TWZvUUlybEkzQXZNS3FmRU4wWjU0b3VjSDJhZFpuUU9mSjlOdmh1NUZBYS9RQlRsUnFjY3RQMktqWVdtV0l3ODdKSncvYTBxckd1K09xV0l2TU8yVWc3dXhnSHdaUkg1Z2lrVm96ZGFXemxjUlUvMHQ5KzB2M1hTakErTHNrTDBPcmpOODltUW13Uk1IWiswMU1WR0hrWW5YSCszQ3V1NnNTOXRVRXJGRWdEWEFRMGk4bk9UVGFOUDFrUW81N2h3ZXhkamdadUw5UnVUOTJVRGNIZVlzNG52SERnbkM2d1hqQnpxRTY1dnFjSzZKdFVwbFUreHBJYXBVQjNBWThBM2dBa2ljcjZJcksxaWdiTmtVVVhrOVdiMmNxcm5hbXlsaENGMGRvTENvMU9uSi9yWUQ4eHFFWmFKUUJCcyt5MEZuT29YTXhrK1d1TmQ0U1hJZG4wTnR3Y21FOXRybVUxQUJuQnNjeWRMQWU4VG5ZRHZUMDRVSVJxRFhmSDN2ZzAwQXk4RHo0dkkraHBxN0RXeGhzOWtOZjV1QmN4Sm81Q0pLM3pXOXhHQjF4QUU4SHlmM1p3cmZ1VFlLV21lWE5uQ25TSWNGL2Nqdm9jaXBBbVpDZnl0aHJ0aUMvQUtrVk5QOTZaV1F6ek9hNUYxd0h0RXlRcTdYK2RQamE5VkcyOERId0J0V1hwaWJKWFcxYWdGVnE5bWxHcXBvMFhnclY3TktPc05vM2RaVVh0allSaUdZUmlHWVJpR1lSaUdZUmlHWVJpR1lSaUdZUmlHWVJpR1lWUUJBcUNxZXdMbkUvbGdkd2Z4R3djOElTTDNXRE1OREZVOUJqaVZ5UGU3dTczSEFEZUt5TitzaFFyVDFzWTQ3ZUxyQ0NNa09sK2x3RGc4THpPbDBWMDFuR1ZaMmN5bkVlWUtzZ2EydXBHT0VuaHIwanRjSTRmUVZVTnlQUjc0TXRHQnlPNTY3d3o4V1VSdXJkR3hQaldlUXo4a09nOEkwZm1PRmhHNXJncnF0d1B3TldBODI4NHUxUUVoY0kySWJNaCt2dnVBNUZTaUZNRzVUQUpNc1F5Y3o4V2RrY3N6MVBZQnU3N1J4ZXpPRG42VUhjVzRxeE5TTzdqL0tNRUtiRXRYRjR0QmU0U1RVWVcyY2J3Ry9McUdldVlqd0tWNXJqOUc0VHhMMVV3UWovV1JlU2JseDBYa2xRcXYzOUhBRlhtdXR3TS96cjNZZmRpc00zRm9HNE5TOU5ZRUE4ZkJ3bFFkZFAvNVBvd1lSV2Vxbm1IUDF6TmxPcy81S2U0UTJWYWV1bnJ3UEZCbFhvMTFUWmdnMngvV3FxeUt5S29DaTR0cVNBVnlSc0wxTzBXa0swbXhHRVpaMGRya242cU9nN090bFRBRVZlNmFPblZyaUp6aFZYU09HN1pMQWhhVjd3dE5UVXkzWHF0NTdrMjRQazlWS3phT21xcE9LcUFjOHliV004VmlsT2NLMEFzWGFnL2hqcXdESi94M3FjcVVuc0Z2UlhndURMSlhxaENHK0w0bjUxcXYxVHozQTYvbnVkNElGWjNhZWdIa0RXUDBqSWc4WllyRnFBaGFXdGdQNWFUY25Dc3FQSnBPODBSSkMrZTRSWE5lQXZrZWVNcUNkZXZHajdYZXErSEZrTWhtNEthRTJ4ZFVZdXd3VmQwZCtIckM3UnVTUG1lS3hTZzdmTWVYc25PdVJCSmUzSndyQThYYmdUdjhGTzluSndIemZBaEQzV1BUZSt2L3dYcXY1bGxLL3IzcGZZRnZWbUI5TGlSS1BaekxtOEJ0cGxpTWlxQzluUVk4NW5rNTFvcVg0dlg2a2R4UjZ2Sk5tY0licXR5ZW5RUXNXcTRDTU45NnNPYXRsaFpJZkYxN3FhcE9xeUJyNVNpaTNGbjV1RXBFTnBsaU1TcUNvSk01WWNBWUwwc3luUU1jU3hvYStLQThSbHhxaWU5SCt6NWJyU3dmVUdhMnRIQ1U5V0xOODY5RXVhaHlHUTFVUkxaY1ZSMEIvRmZDN1ZiZzZvS1d2Y21BVVQ3Q2pPL0JPZG1lVjFIcVllbFVueHZMcFp5TmV3VlBBNC9uUzEyY1VsbG9QVm56VnNzcThwenRpRGxXVlg5U0FkWDRKZEhydTN4Y0xDSWRwbGlNaXFDdGxUTkR4ejdabS9aQkFLcDZ6N1JwV3pQV2xZc1NYSjU3a3NQelFkSFRXMXFZYkwxWjg4cmxjdURaaE5zWHF1cVh5dGhhdVF5WW0zRDdQaEZaM3R0M21HSXh5bW15WHBUemZ6d1BmSzk4ckpXdEUwZUt1L3lVck91eGllOUJFREpDTlBFd21WRmJkSWZKeXNkMXFqcS8vTWFnZnAvOFVWZ2dDazMxMWI1OGp5a1dveXhZMmNTblVJN0tkVEgyUko2ZWt1YTM1VmJleGtiZWRhckxjemZ4UFE4OFdLQ0twYVUxcStWNVlIR0JSNWFxNmorVmtWTDVLY212OEFBV2lNaHFVeXhHNVZncndtTG50bmN4VnZRWFpWem1KYWs4bS9qTzhkSDI1cW9JNDJFTVhybjhBdmozQW85Y3FhcExTcXhRUnFucWI0RHZGSGpzV3lMeVFGKy8weFNMVVhKYVc5a2JPQ3M3ZklzTHdmUGx6YzFiZHJ1N1hNdWRUdk9TVTNrdzEycFJ3QWwyRXQvb1ZpNFhVUGdNMWdKVmJWSFZJMHFnVkU0aUNpUjVRb0hIL2tWRStoV2Z6eFJMYVFpc0NiSnd6QTlEL0d4ckpYU0E2UEo5OTEyM3Fid25EVjJXZXkxK25mZTV6QW9PdE00MVl1VXlIMWhXNEpGcHdOT3FlcHVxVGh3R2hmSlJWWDJZS0hEbStGNlV5dmY3Ky8ybVdFcURiMDBRc2VabHhnaWM3ZWU0R0tkOFFnZlhsM3Y1dXh6MytCNXQyN2tlaDRDd3dIcll5Rkl1OHlqOFdneWlLTUx0cXJwTVZZdStNRkhWSTFYMWZ1QVY0TmhlSHI5Z0lFb0Z0dVZqTVlhWGExVDFFcUpFT1VNdXo4Q2V3RGRFNUlaeWE0Z1BSbnJ6WE9BbXBySmFJZ2pBODdnalBaMFY1ZDZSTTJiUWtXbmhKaGR5VWJialFSUTVRT1kyTit1UHAwOW5yWW04RVN1WEMxVDFKV0JKTDJOMkxqQlhWZjhDM0FYOERuaFJSTGIwVTVHTUJRNEdqZ05tQVh2MTRXT2JnVmtpOHZCQTYybUtwVFRzR2Y4Tko3dVc1VURETGNvTlJlOEpvSW5CL01vT0wrQW04YmxRbGJydTEzbWVCMEdYN3VLbk9CdjRtWW04a2FWY2xxcnFVOEFkME92cjB2M2l2OHVBOWFyNk12QWEwYjdJT21BajIvSnA3UURzUkpTSWJTcXdEL0J4WU1kK0ZPOFJZSTZJdkQyWU9wcGlxUjFjdVJVbzA4d0pMbVQvSGpsWEFoQ2Y1eHJUUEZJcERUdGxiMW96elhLZkMvVDBiTXRMUEJDWVk0ckZ5S05jbW9DRFZQVXJ3T1ZFS2N0N1l6d3dNLzRyTm11QnI0bkluVVZaYkZrWEd5VmtjVzRJK2lqZHIvZkxTcXVJSjdwTWNrNnUrRDY0a0FNenpRVTlib3phVmpEWEFnMnhjdGxjZ2lKc0FMNExUQ3lXVXNsV0xIVm0wUXlOM0pSUldjcktZU0RUeEdlQ2dGT1VhRThsQ0tDakE4Umo5Y2pSYm5tbGRmU1VOUCtMOEVySGxtMzFDUUxvNmdMbitHNlZ5YldYSU5zamJNZ1BTTGxzRkpFTGdRbEVvZlZmSFlhZmZSNDRENWdnSWxma1N5ODhHTG9WUnpQd0ZTSVgvRzcvbGgyQkY2emJCOFU5OFlyZzNSS1hZeXpSNWwvWjREdzIxM3Y4UUdHdFNMVEFxZk1acS9CL0V5YVVaT1UyK05tMmpvWDFQcCtTNkwxM3Q5VlNMMEpYZS92RWtaTW5yNnFXblBCdkFvdmlCV21RSldPdjJKQWZsSUo1SDdnS3VFcFZEd0pPQVk0RzlnZDJIdVRYcndWZUJQNEEzQzhpZjZ1VkZiVmhHSWFSUTN5dTVYRGdBS0lOK2NuQTdzQTRvbEQ4M1c4akFxSncvUnVBTlVBYjhOZFlvVHdySXNQbW5mai9MeTV1ajgzMHJLWUFBQUFBU1VWT1JLNUNZSUk9IiBpZD0iaW1nX3lBR2JUOVROZGQ3c25sZ0libXhCUGNEM2Ric3pzYVp3Ii8+PC9kZWZzPjwvc3ZnPg=="> | |
| </div> | |
| </div> | |
| <canvas class="draw"></canvas> | |
| </body> | |
| </html> |
Interactive CodePen Logo. Created with ParticleSlider.
Responsive & lowers quality for mobile devices.
Hover over logo to interact with particles. Click to randomize Particles. Raise Particle-Gap for better performance.
See http://particleslider.com for more information Issue-Tracker & Feature-Requests: http://dev.zaku.eu/particleslider/issues
| // Tamino Martinius - All rights reserved | |
| // Copyright © 2013 Tamino Martinius (http://zaku.eu) | |
| // Copyright © 2013 Particleslider.com (http://particleslider.com | |
| // Terms of usage: http://particleslider.com/legal/license | |
| var init = function(){ | |
| var isMobile = navigator.userAgent && | |
| navigator.userAgent.toLowerCase().indexOf('mobile') >= 0; | |
| var isSmall = window.innerWidth < 1000; | |
| var ps = new ParticleSlider({ | |
| ptlGap: isMobile || isSmall ? 2 : 0, | |
| ptlSize: isMobile || isSmall ? 1 : 1, | |
| width: window.innerWidth, | |
| height: window.innerHeight, | |
| noise: 1e9, | |
| // monochrome: false, | |
| // showArrowControls: false, | |
| // gravity: 1, | |
| mouseForce: 5e4, | |
| renderer: 'webgl', | |
| }); | |
| var gui = new dat.GUI(); | |
| gui.add(ps, 'ptlGap').min(0).max(1000).step(1).onChange(function(){ | |
| ps.init(true); | |
| }); | |
| gui.add(ps, 'ptlSize').min(1).max(1000).step(1).onChange(function(){ | |
| ps.init(true); | |
| }); | |
| gui.add(ps, 'restless'); | |
| gui.addColor(ps, 'color').onChange(function(value){ | |
| ps.monochrome = true; | |
| ps.setColor(value); | |
| ps.init(true); | |
| }); | |
| (window.addEventListener | |
| ? window.addEventListener('click', function(){ps.init(true)}, false) | |
| : window.onclick = function(){ps.init(true)}); | |
| } | |
| var initParticleSlider = function(){ | |
| var psScript = document.createElement('script'); | |
| (psScript.addEventListener | |
| ? psScript.addEventListener('load', init, false) | |
| : psScript.onload = init); | |
| psScript.src = 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/23500/ps-0.9.js'; | |
| psScript.setAttribute('type', 'text/javascript'); | |
| document.body.appendChild(psScript); | |
| } | |
| (window.addEventListener | |
| ? window.addEventListener('load', initParticleSlider, false) | |
| : window.onload = initParticleSlider); |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.min.js"></script> |
| @hintImg: url(''); | |
| html, body { | |
| background-color: black; | |
| width: 100%; | |
| height: 100%; | |
| margin: 0; | |
| padding: 0; | |
| overflow: hidden; | |
| .slides, & > .dg { | |
| display: none; | |
| } | |
| } | |
| @media (min-width: 1000px) { | |
| body { | |
| background-image: @hintImg; | |
| background-repeat: no-repeat; | |
| & > .dg { | |
| display: block; | |
| } | |
| } | |
| } |