Drag and Drop To-Do List
+Drag items into their corresponding spots
+ + +
@@ -388,7 +388,7 @@ 
+ + Manage your passwords +
+
+ + Manage your passwords +
+
+ + Enjoy and Jump. +
+Drag items into their corresponding spots
+ + +${task}
+ + +
+ 0
+ 
');
+ }
+ }
+
+ //start action
+ function startAction(){
+ //generate random fruit
+ $('#fruit1').show();
+
+ //choose random fruit
+ chooseRandom();
+ //random position
+ $('#fruit1').css({
+ 'left': Math.round(550 * Math.random()),
+ 'top': -50
+ });
+ //generate random step
+ step=1 + Math.round(5 * Math.random());//change steps
+ //descend fruits down by 10ms
+ action = setInterval(function(){
+ //move fruit by one step
+ $('#fruit1').css('top', $('#fruit1').position().top + step);
+
+ //check if the fruit is too low
+ if($('#fruit1').position().top > $('#fruitcontainer').height()-50){
+ //yes it is low
+ // check trails left
+ if(trialsleft > 1){
+ //generate a fruit
+ $("#fruit1").show();
+ //choose random fruit
+ chooseRandom();
+ //random position
+ $('#fruit1').css({
+ 'left': Math.round(550 * Math.random()),
+ 'top': -50
+ });
+ //generate random step
+ step= 1 + Math.round(5 * Math.random());//change steps
+
+ //reduce trials by one
+ trialsleft--;
+ //populate trails left box by one
+ addhearts();
+
+ }else{
+ //game over
+ playing=false;//we are ot playing any more
+ $("#score").hide();
+ $('#startreset').html('Start Game');
+ $('#gameOver').show();
+ $('#gameOver').html('Game Over!
Your score is '+ score + '
'); + $('#trialsleft').hide(); + stopAction();//stops Action + } + } + },10); + } + + //choose random fruits + function chooseRandom(){ + $('#fruit1').attr('src','https://raw.githubusercontent.com/Saumya-07/Fruit-Slicer/master/images/' + fruits[Math.round(9*Math.random())]+'.png'); + } + // Stop Action + function stopAction(){ + clearInterval(action); + $('#fruit1').hide(); + } +}); \ No newline at end of file diff --git a/projects/Fruit Slicer/styles.css b/projects/Fruit Slicer/styles.css new file mode 100644 index 000000000..d3443b39f --- /dev/null +++ b/projects/Fruit Slicer/styles.css @@ -0,0 +1,128 @@ +html{ + height: 100%; + background: radial-gradient(circle,#fff,rgb(189, 182, 182)); + background-image: url(https://raw.githubusercontent.com/Saumya-07/Fruit-Slicer/master/images/bg3%20-%20Copy.jpg); + background-size: cover; + font-family: cursive, sans-serif; +} +#container{ + width: 750px; + height: 600px; + margin: 10px auto; + padding: 20px; + border-radius: 10px; + position: relative; +} + +#front{ + font-size: 40px; + color: #d3901d; + width: 650px; + height: 450px; + padding: 10px; + margin: 30px auto 20px auto; + z-index: 2; + display: none; +} +#front img{ + width: 280px; +} +#instructions{ + width: 450px; + height: 50px; + margin: 10px auto; + font-size: 30px; + + background-color:#d3901d; + color: #2e1d11; + text-align: center; + line-height: 50px; + border-radius: 20px; + box-shadow: 0px 4px 0px 0px #775012; +} +#fruitcontainer{ + background: url(https://raw.githubusercontent.com/Saumya-07/Fruit-Slicer/master/images/wood-bg2.jpg) ; + background-size: cover; + width: 650px; + height: 450px; + padding: 10px; + margin: 30px auto 20px auto; + background-color: white; + color: black; + text-align: center; + font-family: cursive,sans-serif; + overflow: hidden; + border-radius: 20px; + box-shadow: 0px 4px 0px 0px #4b4b4e; + position: relative; +} + +.fruit{ + display: none; + position: absolute; +} +#score{ + display: none; +} +.scoreDisplay{ + z-index: 1; + display: flex; + background-color: transparent; + color: #888e61; + position: absolute; + font-size: 30px; + justify-items: center; +} + +#score img{ + width: 40px; + align-items: center; + padding-right: 5px; +} +#trialsleft{ + margin-top: 7px; + display: flex; + position: absolute; + left:550px; + background-color:transparent; + z-index: 1; +} +.life{ + width: 30px; + padding-right: 5px; +} + +#startReset{ + position: relative; + width: 90px; + padding: 10px; + margin: 0 auto; + + cursor: pointer; + text-align: center; + background-color:#8d8315; + box-shadow: 0px 4px 0px 0px #5c5619; + border-radius: 5px; + transition: all .2s; +} +#startReset:active{ + background-color: #69620c; + box-shadow: 0px 0px #5c5619; + top: 4px; + color: white; +} + +#gameOver{ + box-sizing: border-box; + width: 500px; + height: 300px; + background: transparent; + color:#d3901d; + text-transform: upperCase; + text-align: center; + font-size: 3em; + position: absolute; + top: 170px; + left: 150px; + z-index: 2; +} \ No newline at end of file diff --git a/projects/Password manager/R.jpg b/projects/Password manager/R.jpg new file mode 100644 index 000000000..6dadd684e Binary files /dev/null and b/projects/Password manager/R.jpg differ diff --git a/projects/Password manager/copy.svg b/projects/Password manager/copy.svg new file mode 100644 index 000000000..c144368d6 --- /dev/null +++ b/projects/Password manager/copy.svg @@ -0,0 +1,14 @@ + diff --git a/projects/Password manager/esf.jpg b/projects/Password manager/esf.jpg new file mode 100644 index 000000000..d58a70d82 Binary files /dev/null and b/projects/Password manager/esf.jpg differ diff --git a/projects/Password manager/index.html b/projects/Password manager/index.html new file mode 100644 index 000000000..c8207ed8c --- /dev/null +++ b/projects/Password manager/index.html @@ -0,0 +1,59 @@ + + + + + + + +We're thrilled to have you here. Your digital life contains a myriad of passwords, and we know how + challenging it can be to manage them all. That's why we're here to make it easy for you.
+| Website | +Username | +Password | +Delete | +
|---|
+
+
+