//:I WOULD THE CHANGE WORLD

') .tiType('

BUT THEY WON\'T GIVE ME THE SOURCE CODE...

') .tiPause(1500) .tiSettings({speed: 50}) .tiDelete() .tiPause(1000) .tiSettings({speed: 80}) .tiType('

TALK IS CHEAP

') .tiType('

SHOW ME THE

') .tiType('

\x3C / CODE \x3E

') .tiPause(1500) .tiSettings({speed: 50}) .tiDelete() .tiPause(1000) .tiType('

while(noSuccess)

') .tiType('

{

') .tiType('

tryAgain();

') .tiType('

if(Dead)

') .tiType('

break;

') .tiType('

}

') .tiPause(1500) .tiSettings({speed: 50}) .tiDelete() .tiPause(1000) .tiSettings({speed: 100}) .tiType('

while(alive){

') .tiType('

eat();

') .tiType('

sleep();

') .tiType('

code();

') .tiType('

repeat();

') .tiType('

}

') .tiPause(1500) .tiSettings({speed: 50}) .tiDelete() .tiPause(1000) .tiSettings({speed: 100}) .tiType('

Think onc

') .tiPause(1000) .tiDelete() .tiSettings({speed: 100}) .tiType('

Think twice

') .tiType('

Code once

') .tiPause(2500) .tiType('

') .tiType('

Soo...

') .tiPause(1000) .tiType('

Welcome and keep testing this code.

') .tiType('

I hope you enjoy it

') .tiType('

as I enjoyed writing it...

') ; },500); }); /*********************/ $("#musicLogo").on("click",function (){ document.getElementById("musicBox").style="z-index:3; height:98%; width:98%; left:0;" setTimeout(function(){ document.getElementById("closeBtn").style.display="block"; $("#musicLogo").fadeOut(500); },1000); setTimeout(function(){ $("#musicSubBox").fadeIn(1000); },1500); }); $("#gameLogo").on("click",function (){ document.getElementById("gameBox").style="z-index:3; height:98%; width:98%; top:0;" setTimeout(function(){ document.getElementById("closeBtn").style.display="block"; $("#gameLogo").fadeOut(500); },1000); setTimeout(function(){ $("#mainCardBox").fadeIn(1000); newGame(); },1500); }); $("#drawLogo").on("click",function (){ document.getElementById("drawBox").style="z-index:3; height:98%; width:98%; top:0; left:0; "; setTimeout(function(){ document.getElementById("closeBtn").style.display="block"; $("#drawLogo").fadeOut(500); },1000); setTimeout(function(){ $("#drawPage").fadeIn(500); goToDraw(); },1500); }); } function closeMenu(){ document.getElementById("t").style="display:none;"; document.getElementById("msgBox").style="z-index:2; height:48%; width:48%;"; document.getElementById("musicSubBox").style="display:none;"; document.getElementById("musicBox").style="z-index:2; height:48%; width:48%; left:50%;"; document.getElementById("gameBox").style="z-index:2; height:48%; width:48%; top:50%;" ; document.getElementById("mainCardBox").style="display:none;"; document.getElementById("drawBox").style="z-index:2; height:48%; width:48%; top:50%; left:50%;"; document.getElementById("closeBtn").style.display="none"; document.getElementById("msgLogo").style.display="block"; document.getElementById("musicLogo").style.display="block"; document.getElementById("gameLogo").style.display="block"; document.getElementById("drawPage").style.display="none"; document.getElementById("drawLogo").style.display="block"; } function logoutFinal(){ closeMenu(); setTimeout(function(){ $("#final").slideToggle(1000); $("#containerSign").fadeIn(50); $("#containerReg").fadeIn(50); },1000); } /******************************/ /** Bolero & MUSICBOX **/ /******************************/ var tag = document.createElement('script'); tag.id = 'iframe-demo'; tag.src = 'https://www.youtube.com/iframe_api'; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubeIframeAPIReady() { player = new YT.Player('videoMusic', { events: { 'onReady': onPlayerReady, onStateChange: function(e){ if (e.data === YT.PlayerState.ENDED) { player.playVideo(); } } } }); } function onPlayerReady(event) { event.target.setVolume(50); event.target.playVideo(); $(document).ready(function() { $('#main').on('click', function () { player.setVolume(50); player.playVideo(); $( "#main" ).unbind( "click" ); }); }); $('#btnMusic').on('click', function () { if(player.getPlayerState()==1){ player.pauseVideo(); }else{player.playVideo();} }); $('#song1').on('click', function () { player.loadVideoById("jGtiYJ5zFWg", 4); // try - pink }); $('#song2').on('click', function () { player.loadVideoById('wgboeBdbr60'); // new rules (remix) - dua lipa }); $('#song3').on('click', function () { player.loadVideoById('NreM_D7w3uw'); // milion reasons - lady gaga }); $('#song4').on('click', function () { player.loadVideoById('OEl9ISp66M0'); // layla - eric clapton }); $('#song5').on('click', function () { player.loadVideoById('b4jwprFiDeU'); // you are so beautiful - joe cocker }); $('#song6').on('click', function () { player.loadVideoById('x7bIbVlIqEc'); // nothing else matters - metalica }); $('#song7').on('click', function () { player.loadVideoById('4T_G20bPZqQ', 139); //the phantom in the opera - sarrah b. & antonio b. }); $('#song8').on('click', function () { player.loadVideoById('KJ_HHRJf0xg'); // habanera carmen - bizet }); $('#song9').on('click', function () { player.loadVideoById('r30D3SW4OVw'); // bolero - Raveli }); } function setVolume (val){ player.setVolume(val); } $(document).ready( function() { $('input').bind('keydown', function(event) { if (event.keyCode === 13) { event.preventDefault(); if($("#sign").css("display") === "none") getData(); else signIn(); } }); }); /**************************/ /***********GAME**********/ /*************************/ var srcImg = [ "https://img.icons8.com/color/50/bosnia-and-herzegovina.png", //bih "https://img.icons8.com/color/50/germany.png", // germany "https://img.icons8.com/offices/50/india.png", // india "https://img.icons8.com/color/50/czech-republic.png", //czech "https://img.icons8.com/color/50/spain.png", //spain "https://img.icons8.com/color/50/burkina-faso.png", // burkina faso "https://img.icons8.com/color/50/norway.png", // norway "https://img.icons8.com/color/50/great-britain.png" // gb ]; var counter = 0; var cardSrc = "#cardBox"; var opId = ""; var opImg = ""; var foundImg = 0; $(function() { for (var i = 1; i < 3 ; i++) { $.each(srcImg, function(j, k) { $(cardSrc).append("

"); }); } $(cardSrc + " div").click(playMemo); setImagesOnCard(); }); function setImagesOnCard() { var allImg = $(cardSrc).children(); var currImg = $(cardSrc + " div:first-child"); var arrImg = new Array(); for (var i = 0; i < allImg.length; i++) { arrImg[i] = $("#" + currImg.attr("id") + " img").attr("src"); currImg = currImg.next(); } currImg = $(cardSrc + " div:first-child"); for (var z = 0; z < allImg.length; z++) { var numRand = funRand(0, arrImg.length - 1); $("#" + currImg.attr("id") + " img").attr("src", arrImg[numRand]); arrImg.splice(numRand, 1); currImg = currImg.next(); } } function playMemo() { var id = $(this).attr("id"); if ($("#" + id + " img").is(":hidden")) { $(cardSrc + " div").unbind("click", playMemo); $("#" + id + " img").slideDown('slow'); if (opImg == "") { opId = id; opImg = $("#" + id + " img").attr("src"); setTimeout(function() { $(cardSrc + " div").bind("click", playMemo) }, 300); } else { currentOpen = $("#" + id + " img").attr("src"); if (opImg != currentOpen) { setTimeout(function() { $("#" + id + " img").slideUp('200'); $("#" + opId + " img").slideUp('200'); opId = ""; opImg = ""; }, 400); } else { foundImg++; opId = ""; opImg = ""; } setTimeout(function() { $(cardSrc + " div").bind("click", playMemo) }, 400); } counter++; $("#counter").html("" + counter); if (foundImg == srcImg.length) { $("#counter").prepend('Total '); } } } function newGame() { setImagesOnCard(); $(cardSrc + " div img").hide(); $(cardSrc + " div").css("visibility", "visible"); counter = 0; $("#bingo").remove(); $("#counter").html("" + counter); opId = ""; opImg = ""; foundImg = 0; return false; } function funRand(mxv, mnv) { return Math.round(Math.random() * (mxv - mnv) + mnv); } /**************************/ /********* DRAWING *******/ /*************************/ function goToDraw(){ var el=document.getElementById("mainBox"); var el1=document.getElementById("content"); var w=el.offsetLeft+el1.offsetLeft; var h=el.offsetTop+el1.offsetTop-10; var ctx, color; $(document).ready(function () { $("#new").on("click", function(){ newCanvas(); }); newCanvas (); $("#replacerClassName").spectrum({ replacerClassName : "awesome", showPaletteOnly: true, togglePaletteOnly: true, togglePaletteMoreText: 'more', togglePaletteLessText: 'less', color: 'green', show: function(color) { ctx.beginPath(); ctx.strokeStyle = color.toHexString(); }, move: function (color) { ctx.beginPath(); ctx.strokeStyle = color.toHexString(); }, change: function() { }, palette: [ ['black', 'grey','blanchedalmond', 'rgb(255, 128, 0);', 'hsv 100 70 50'], ['red', 'yellow', 'green', 'blue', 'violet'] ] }); var t = $("#replacerClassName").spectrum("get"); color=t.toHexString(); ctx.beginPath(); ctx.strokeStyle = color; $("#new").click(function() { newCanvas(); }); }); function newCanvas(){ var canvas = '

'; $("#content").html(canvas); $("#eraser").on("click", function(){ ctx.strokeStyle = '#DCDCDC'; }); ctx=document.getElementById("canvas").getContext("2d"); document.getElementById("canvas").style="background:url(https://www.seekpng.com/png/detail/171-1715427_draw-a-bearded-dragon.png) no-repeat; background-size:120% 100%;"; ctx.strokeStyle = color; ctx.lineWidth = 3; $("#canvas").drawTouch(); $("#canvas").drawPointer(); $("#canvas").drawMouse(); } $.fn.drawTouch = function() { var start = function(e) { e = e.originalEvent; ctx.beginPath(); x = e.changedTouches[0].pageX-w; y = e.changedTouches[0].pageY-h; ctx.moveTo(x,y); }; var move = function(e) { e.preventDefault(); e = e.originalEvent; x = e.changedTouches[0].pageX-w; y = e.changedTouches[0].pageY-h; ctx.lineTo(x,y); ctx.stroke(); }; $(this).on("touchstart", start); $(this).on("touchmove", move); }; $.fn.drawPointer = function() { var start = function(e) { e = e.originalEvent; ctx.beginPath(); x = e.pageX-w; y = e.pageY-h; ctx.moveTo(x,y); }; var move = function(e) { e.preventDefault(); e = e.originalEvent; x = e.pageX-w; y = e.pageY-h; ctx.lineTo(x,y); ctx.stroke(); }; $(this).on("MSPointerDown", start); $(this).on("MSPointerMove", move); }; $.fn.drawMouse = function() { var clicked = 0; var start = function(e) { clicked = 1; ctx.beginPath(); x = e.pageX-w; y = e.pageY-h; ctx.moveTo(x,y); }; var move = function(e) { if(clicked){ x = e.pageX-w; y = e.pageY-h; ctx.lineTo(x,y); ctx.stroke(); } }; var stop = function(e) { clicked = 0; }; $(this).on("mousedown", start); $(this).on("mousemove", move); $(window).on("mouseup", stop); }; }

Music, game, drawing