altDaemon · altDaemon · Oct 6, 2018 · Oct 7, 2018 · Oct 7, 2018 · Oct 7, 2018
diff --git a/.gitignore b/.gitignore
@@ -3,3 +3,4 @@
 .idea/hacktoberfest.iml
 .idea/modules.xml
 .idea/misc.xml
+*.sublime-workspace
diff --git a/Flappy.html b/Flappy.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <!--
+		__  __              __    __          __                 ____             __
+	  / / / /____ _ _____ / /__ / /_ ____   / /_   ___   _____ / __/___   _____ / /_
+	  / /_/ // __ `// ___// //_// __// __ \ / __ \ / _ \ / ___// /_ / _ \ / ___// __/
+	/ __  // /_/ // /__ / ,<  / /_ / /_/ // /_/ //  __// /   / __//  __/(__  )/ /_
+	/_/ /_/ \__,_/ \___//_/|_| \__/ \____//_.___/ \___//_/   /_/   \___//____/ \__/
+												i just want a t-shirt at this point
+	-->
+<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+<style>
+canvas {
+    border:1px solid #d3d3d3;
+    background-color: #f1f1f1;
+}
+</style>
+</head>
+<body onload="startGame()">
+<script>
+
+var myGamePiece;
+var myObstacles = [];
+var myScore;
+
+function startGame() {
+    myGamePiece = new component(30, 30, "Blue", 10, 120);
+    myGamePiece.gravity = 0.05;
+    myScore = new component("30px", "Consolas", "black", 280, 40, "text");
+    myGameArea.start();
+}
+
+var myGameArea = {
+    canvas : document.createElement("canvas"),
+    start : function() {
+        this.canvas.width = 480;
+        this.canvas.height = 270;
+        this.context = this.canvas.getContext("2d");
+        document.body.insertBefore(this.canvas, document.body.childNodes[0]);
+        this.frameNo = 0;
+        this.interval = setInterval(updateGameArea, 20);
+        },
+    clear : function() {
+        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+    }
+}
+
+function component(width, height, color, x, y, type) {
+    this.type = type;
+    this.score = 0;
+    this.width = width;
+    this.height = height;
+    this.speedX = 0;
+    this.speedY = 0;    
+    this.x = x;
+    this.y = y;
+    this.gravity = 0;
+    this.gravitySpeed = 0;
+    this.update = function() {
+        ctx = myGameArea.context;
+        if (this.type == "text") {
+            ctx.font = this.width + " " + this.height;
+            ctx.fillStyle = color;
+            ctx.fillText(this.text, this.x, this.y);
+        } else {
+            ctx.fillStyle = color;
+            ctx.fillRect(this.x, this.y, this.width, this.height);
+        }
+    }
+    this.newPos = function() {
+        this.gravitySpeed += this.gravity;
+        this.x += this.speedX;
+        this.y += this.speedY + this.gravitySpeed;
+        this.hitBottom();
+    }
+    this.hitBottom = function() {
+        var rockbottom = myGameArea.canvas.height - this.height;
+        if (this.y > rockbottom) {
+            this.y = rockbottom;
+            this.gravitySpeed = 0;
+        }
+    }
+    this.crashWith = function(otherobj) {
+        var myleft = this.x;
+        var myright = this.x + (this.width);
+        var mytop = this.y;
+        var mybottom = this.y + (this.height);
+        var otherleft = otherobj.x;
+        var otherright = otherobj.x + (otherobj.width);
+        var othertop = otherobj.y;
+        var otherbottom = otherobj.y + (otherobj.height);
+        var crash = true;
+        if ((mybottom < othertop) || (mytop > otherbottom) || (myright < otherleft) || (myleft > otherright)) {
+            crash = false;
+        }
+        return crash;
+    }
+}
+
+function updateGameArea() {
+    var x, height, gap, minHeight, maxHeight, minGap, maxGap;
+    for (i = 0; i < myObstacles.length; i += 1) {
+        if (myGamePiece.crashWith(myObstacles[i])) {
+            return;
+        } 
+    }
+    myGameArea.clear();
+    myGameArea.frameNo += 1;
+    if (myGameArea.frameNo == 1 || everyinterval(150)) {
+        x = myGameArea.canvas.width;
+        minHeight = 20;
+        maxHeight = 200;
+        height = Math.floor(Math.random()*(maxHeight-minHeight+1)+minHeight);
+        minGap = 50;
+        maxGap = 200;
+        gap = Math.floor(Math.random()*(maxGap-minGap+1)+minGap);
+        myObstacles.push(new component(10, height, "green", x, 0));
+        myObstacles.push(new component(10, x - height - gap, "green", x, height + gap));
+    }
+    for (i = 0; i < myObstacles.length; i += 1) {
+        myObstacles[i].x += -1;
+        myObstacles[i].update();
+    }
+    myScore.text="SCORE: " + myGameArea.frameNo;
+    myScore.update();
+    myGamePiece.newPos();
+    myGamePiece.update();
+}
+
+function everyinterval(n) {
+    if ((myGameArea.frameNo / n) % 1 == 0) {return true;}
+    return false;
+}
+
+function accelerate(n) {
+    myGamePiece.gravity = n;
+}
+</script>
+<br>
+<button onmousedown="accelerate(-0.2)" onmouseup="accelerate(0.05)">Jump</button>
+</body>
+</html>
diff --git a/README.md b/README.md
@@ -1,28 +1,31 @@
 # Hacktoberfest ([Live Website](https://hacktoberfest.lingonsaft.com/))
 
-This is a beginner-friendly project to help you get started with your 
-[hacktoberfest](https://hacktoberfest.digitalocean.com/). If you don't 
-know where to start, feel free to watch the videos linked below, and 
+This is a beginner-friendly project to help you get started with your
+[hacktoberfest](https://hacktoberfest.digitalocean.com/). If you don't
+know where to start, feel free to watch the videos linked below, and
 read the contribution rules. Happy hacking <3 !!
 
-P.S.: Star and share this repository, if you had fun! :*
+P.S. Star and share this repository, if you had fun! :*
+
 
 # Videos
 
 - [Hacktoberfest Intro](https://youtu.be/OsAFX_ZbgaE)
 - [How to pull request [Overview]](https://youtu.be/DIj2q02gvKs)
 - [Merge Conflict / comment](https://youtu.be/zOx5PJTY8CI)
 
+
 # Contribution rules
 
 - The project must work when opening index.html
 - You are allowed to make pull requests that break the rules. We just won't merge it ;)
 - Do NOT add any build steps e.g npm install (we want to keep this a simple static site)
 - Do NOT remove Videos, Rules, FAQ or any other helpful content.
 - Styling/code can be pretty, ugly or stupid, big or small as long as it works
-- Add your name to the contributers.html file
+- Add your name to the contributors.html file
 - Try to keep pull requests small to minimize merge conflicts
 
+
 ## Getting Started
 
 - Fork this repo (button on top)
@@ -49,14 +52,15 @@ git push origin my-new-branch
 
 - Create a new pull request from your forked repository
 
+
 ## Avoid Conflicts (Syncing your fork)
 
-You want to avoid conflicts as chanses are other PR's will be merged when you're working on your branch/fork.   
+You want to avoid conflicts as chances are other PR's will be merged when you're working on your branch/fork.
 An easy way to do so, is to add an 'upstream' for your git repo.
 
 ```terminal
 git remote add upstream https://github.com/lingonsaft/hacktoberfest
-``` 
+```
 
 You can verify that the new remote has been added by typing
 ```terminal
@@ -68,14 +72,15 @@ To pull any new changes from your parent repo simply run
 git merge upstream/master
 ```
 
-This will give you any eventual conflicts and allows you to easily solve them in your repo. It's a good idea to use it frequently inbetween your own commits to make sure that your repo is up to date with it's parent.
+This will give you any eventual conflicts and allows you to easily solve them in your repo. It's a good idea to use it frequently in between your own commits to make sure that your repo is up to date with it's parent.
 
 For more information on syncing forks [read this article from Github](https://help.github.com/articles/syncing-a-fork/).
 
+
 # FAQs
 
 - Who can contribute?
-  - Anyone with a github account and who is signed up for 
+  - Anyone with a github account and who is signed up for.
 [hacktoberfest](https://hacktoberfest.digitalocean.com/) :)
 - Are you getting paid for this?
   - Sadly no. But we think we should. This is 100% unofficial and we do it for fun, fame and glory.
@@ -90,11 +95,10 @@ For more information on syncing forks [read this article from Github](https://he
 - Should I come closer to the text saying 'Don't come closer' on the left side of the home tab ?
   - Nope.
 - How many pull request (PR) must be made, if I can get a awesome shirt from Hacktoberfest 2018?
-  - 5 
+  - 5
 - How do I track my progress to get an awesome shirt from Hacktoberfest 2018?
-  - go to : https://hacktoberfest.digitalocean.com/stats/username 
-
+  - go to : https://hacktoberfest.digitalocean.com/stats/username
 
 
-###### *We will do our best to merge as much as possible from everyone. However, time is limited and the merge conflicts are horrible <3*
 
+###### *We will do our best to merge as much as possible from everyone. However, time is limited and the merge conflicts are horrible <3*
diff --git a/contributors.html b/contributors.html
@@ -48,6 +48,7 @@
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
 	<link rel="stylesheet" href="css/explosion.css" />
 	<link rel="stylesheet" href="./css/terminal.css" />
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
 	<title>Hacktoberfest 2018 - Contributors</title>
 </head>
 
@@ -85,8 +86,8 @@
   <div class="content">
     <div class="container">
       <div class="heart"></div>
-      <h1>Contributors</h1>
-	<p>Add yourself to the list if you contribute.</p>
+      <h1 class ="animated rubberBand delay-4s">Contributors</h1>
+			<p class ="animated rubberBand delay-4s">Add yourself to the list if you contribute.</p>
       <div class="box mx-auto">
 	 <!-- Add to the bottom of the list -->
 	<p class="box-item"><a href="https://github.com/philson-philip">Philson Philip</a></p>
@@ -109,7 +110,8 @@ <h1>Contributors</h1>
         <p class="box-item"><a href="https://github.com/BennyCarlsson">BennyCarlsson</a></p>
         <p class="box-item"><a href="https://github.com/pvn6396">Pavan Choudhary</a></p>
         <p class="box-item"><a href="https://github.com/amrs-tech">Ahamed Musthafa</a></p>
-				<p class="card-item"><a href="https://github.com/Casey-McCray">Casey-McCray</a></p>
+				<p class="box-item"><a href="https://github.com/Casey-McCray">Casey-McCray</a></p>
+        <p class="box-item"><a href="https://github.com/Casey-McCray">Casey-McCray</a></p>
         <p class="box-item"><a href="https://github.com/ahmedkrmn">Ahmed Karaman</a></p>
         <p class="box-item"><a href="https://github.com/HackedByMKN">MKN</a></p>
         <p class="box-item"><a href="https://github.com/leighayanid">Leigh Dinaya</a></p>
@@ -219,23 +221,34 @@ <h1>Contributors</h1>
         <p class="box-item"><a href="https://github.com/viveksdf">viveksdf</a></p>
         <p class="box-item"><a href="https://github.com/Poeschl">Markus Pöschl</a></p>
         <p class="box-item"><a href="https://github.com/silvericarus">silvericarus</a></p>
-        <p class="card-item"><a href="https://github.com/joseprb">Jose Purba</a></p>
+        <p class="box-item"><a href="https://github.com/joseprb">Jose Purba</a></p>
         <p class="box-item"><a href="https://github.com/niklasmtj">niklasmtj</a></p>
         <p class="card-item"><a href="https://github.com/YazanRi">Yazan Rihani</a></p>
         <p class="box-item"><a href="https://github.com/joseprb">Jose Purba</a></p>
         <p class="box-item"><a href="https://github.com/RPraneetha">RPraneetha</a></p>
         <p class="box-item"><a href="https://github.com/shubhamcr">Shubham Prasad Singh</a></p>
         <p class="box-item"><a href="https://github.com/olgierdg">Olgierd</a></p>
         <p class="box-item"><a href="https://github.com/DataSecs">DataSecs</a></p>
-	<p class="box-item"><a href="https://github.com/sharunspi">sharun k k</a></p>
-        <p class="box-item"><a href="https://github.com/moogacs">mooga</a></p>          
+	      <p class="box-item"><a href="https://github.com/sharunspi">sharun k k</a></p>
+	      <p class="box-item"><a href="https://github.com/sharunspi">sharun k k</a></p>
+        <p class="box-item"><a href="https://github.com/moogacs">mooga</a></p>
         <p class="box-item"><a href="https://github.com/thanutchai/">Thanutchai Saelim</a></p>
         <p class="box-item"><a href="https://github.com/Jossdz">Joss Dz</a></p>
         <p class="box-item"><a href="https://github.com/afro-code">LashDJ</a></p>
         <p class="box-item"><a href="https://github.com/cnettelblad">Carl Nettelblad</a></p>
         <p class="box-item"><a href="https://github.com/SarathSantoshDamaraju">Krishna</a></p>
 	<p class="box-item"><a href="https://github.com/ADI10HERO">ADI10HERO</a></p>
-	<!-- 
+	<p class="box-item"><a href="https://github.com/altDaemon">Mary Ann</a></p>
+		<p class="box-item"><a href="https://github.com/ADI10HERO">ADI10HERO</a></p>
+		<p class="box-item"><a href="https://github.com/StTsk">Tsk</a></p>
+	      <p class="box-item"><a href="https://github.com/ADI10HERO">ADI10HERO</a></p>
+	      <p class="box-item"><a href="https://github.com/pidddgy">pidddgy</a></p>
+        <p class="box-item"><a href="https://github.com/raunak-sharma">Raunak Sharma</a></p>
+        <p class="box-item"><a href="https://github.com/anacdf">Ana Carolina D. Ferreira</a></p>
+        <p class="box-item"><a href="https://github.com/Arisdolanan">Aris Kurniawan</a></p>
+	<p class="box-item"><a href="https://github.com/shekhuverma">Shekhar Verma</a></p>
+	<p class="box-item"><a href="https://github.com/lakinduakash">Lakindu Akash</a></p>
+	<!--
 	Add here
 	format : <p class="box-item"><a href="https://github.com/<your-username>">Your Name</a></p>
 	-->

diff --git a/css/index.css b/css/index.css
@@ -23,6 +23,59 @@
   outline: none!important;
 }
 
+//Begin hover for social media sidebar
+.icon-bar {
+  position: fixed;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+}
+
+.icon-bar a {
+  display: block;
+  text-align: center;
+  padding: 16px;
+  transition: all 0.3s ease;
+  color: white;
+  font-size: 20px;
+}
+
+.icon-bar a:hover {
+  background-color: #000;
+}
+
+.facebook {
+  background: #3B5998;
+  color: white;
+}
+
+.twitter {
+  background: #55ACEE;
+  color: white;
+}
+
+.insta {
+  background: #dd4b39;
+  color: white;
+}
+
+.linkedin {
+  background: #007bb5;
+  color: white;
+}
+
+.youtube {
+  background: #bb0000;
+  color: white;
+}
+
+.content {
+  margin-left: 75px;
+}
+//End hover for social media sidebar
+
+
 html {
   overflow-x: hidden;
 }
@@ -145,6 +198,11 @@ a:hover {
   border: 1px solid rgba(0, 0, 0, .125);
   padding: 1rem;
   border-radius: 4px;
+  transition: all 0.3s;
+}
+
+.single-faq:hover {
+    transform: scale(1.02);
 }
 
 .single-faq h5 {
@@ -476,3 +534,14 @@ div#content div#contribution-rules ul, div#content div#contribution-rules ul li{
 .index .twist-btn{
   margin-top: 20px;
 }
+
+#twist {
+  margin-top: 50px;
+  margin-bottom: 50px;
+  background-color: #FF0844;
+  color: white;
+  border-radius: 2rem;
+  font-weight: 600;
+  padding: .75rem 4rem .75rem 4rem;
+  border-radius: 2rem;
+}