From 7aecef7f0712046a59983354c985c451a950437f Mon Sep 17 00:00:00 2001
From: Davis-san <kalai808linda@gmail.com>
Date: Sun, 2 Dec 2018 14:06:28 -1000
Subject: [PATCH 1/4] need to add the inbox counter feat and email generator

---
 css/style.css |  75 +++++++++++++++++++++++
 index.html    | 161 +++++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 229 insertions(+), 7 deletions(-)

diff --git a/css/style.css b/css/style.css
index e69de29b..57a95e2e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,75 @@
+body{
+background-color: teal;
+color: whitesmoke;
+font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+text-align: center;
+margin-top: 100px;
+margin-bottom: 100px;
+margin-right: 100px;
+margin-left: 100px;
+background-image: url(https://media.giphy.com/media/xTsn2dbnc5dfO/giphy.gif)
+
+}
+
+
+
+.dates {
+    
+    color: whitesmoke;
+    border: 1px dotted white;
+    margin: 2px;
+    padding: 70px;
+    border-radius: 50px;
+    box-shadow: 8px 8px greenyellow;
+    background-image: url(https://data.whicdn.com/images/247143683/original.gif);
+    margin-top: 50px
+    
+    
+  }
+
+  
+  
+
+  .dates:hover{
+    background-color: black;
+    color: greenyellow;
+    box-shadow: 3px 3px aqua;
+    font-size: 30px
+    
+    
+
+    
+
+    
+  }
+  
+
+
+  .whosend{
+  color: aqua;
+  
+
+  }
+
+.bod{
+color: pink;
+display: none;
+
+
+}
+
+
+
+
+
+  .Subs{
+    margin-bottom: 5px;
+    color: purple;
+  }
+
+
+  .inboxCounter{
+    text-align: left;
+
+  }
+
diff --git a/index.html b/index.html
index a8a1aad9..a9df8e4a 100644
--- a/index.html
+++ b/index.html
@@ -4,15 +4,162 @@
 		<link href="css/style.css" rel="stylesheet" media="screen">
     <script>
       window.onload = function(){
-        // ALL OF YOUR JAVASCRIPT CODE SHOULD GO HERE. 
-        // We have to use window.onload so your JavaScript doesn't execute until the page has loaded and all HTML has been downloaded to your browser
-        
-      };
-    </script>
+		  
+        //window.onclick = myFunction;
+        //document.getElementsByTagName('dates')[0];
+
+		
+            
+			    console.log (geemails.length);
+                //10 messages//			
+
+
+				for (var i =0; i<geemails.length; i++){
+		     	//console.log(window.geemails[i]); 
+ 
+				 var emailBox = document.createElement('div');
+				 emailBox.className = "Emails"
+				 emailBox.addEventListener('click', showBody);
+				 main.appendChild(emailBox);
+
+
+				 var dateBox = document.createElement('div');
+				 dateBox.className = "dates";
+				 dateBox.innerHTML = "Date: " + geemails[i].date;
+				 //Box.addEventListener('click',subs);
+				 emailBox.appendChild(dateBox);
+
+							 
+				 var subjectBox = document.createElement('div');
+                 subjectBox.className = "Subs";
+                 subjectBox.innerHTML = "Subject:"+ geemails[i].subject;
+				 //subjectBox.addEventListener('click',subs);
+                 dateBox.appendChild(subjectBox);
+
+
+                 var senderBox = document.createElement('div');
+                 senderBox.className = "whosend";
+                 senderBox.innerHTML = "Sender:" + geemails[i].sender;
+				 subjectBox.appendChild(senderBox);
+
+               
+                 var bodyBox = document.createElement('div');
+                 bodyBox.className = "bod";
+                 bodyBox.innerHTML = "Body:" + geemails[i].body;
+				 //bodyBox.addEventListener('click', showBody);
+				 senderBox.appendChild(bodyBox);
+				}
+
+				//setInterval(getNewMessage, 1000);
+				//var testNewMessages = getNewMessage();
+	
+					
+			  }
+
+	  			
+					 var newEmailBox = document.createElement('div');
+				     newEmailBox.className = "emails"
+				     emails.appendChild(newemailBox);
+
+
+					 var newDateBox = document.createElement('div');
+					 newDateBox.className = "newDates";
+					 newDateBox.innerHTML = "date:"+ newDateBox.date; 
+					 newEmailBox.appendChild(newDateBox);
+
+					 var newSubjectBox = document.createElement('div');
+					 newSubjectBox.className = "newSubs";
+					 newSubjectBox.innerHTML = "Subject:"+ newSubjectBox.subject;
+					 newDateBox.appendChild(newSubjectBox); 
+
+					 var newSenderBox = document.createElement('div');
+					 newSenderBox.className = "newWhoSend";
+					 newSenderBox.innerHTML = "Sender:" + newSenderBox.sender;
+					 newSubjectBox.appendChild(newSenderBox);
+
+					 var newBodyBox = document.createElement('div');
+					 newBodyBox.className = "newBod";
+					 newBodyBox.innerHTML = "body:" + genBodyBox.body;
+					 newSenderBox.appendChild(newBodyBox);
+
+
+					 var openBody = document.getElementsByClassName('emails');
+
+					 for(i=0; openBody.length; i++){
+						 //openBody[i].addEventListener('click', showBody);
+
+					 }
+
+
+					 function showBody(){
+						 var getBody = this.querySelectorAll('.bod')[0];
+
+						 if(getBody.style.display === 'block'){
+                         getBody.style.display = 'none';
+					     }else{
+						 getBody.style.display = 'block';
+
+						 }
+
+
+					 }
+
+					 //var genInbox = document.getElementById('inboxCounter');
+
+					// genBox.innerHTML = 'inboxCounter:'+ geemails.length++
+					 //console.log(genDateBox);	
+
+
+					function showNewBod(){
+						var bodChild = this.querySelectorAll('.bod')[0];
+						if (bodChild.style.display === 'block'){
+						bodChild.style.display = 'none'
+						}else{
+						if (bodChild.style.display = 'block'){
+						bodChild.style.display = 'none';
+						}else{
+						bodChild.style.display = 'block';
+
+						}
+						} 
+
+					var allEamils = document.querySelectorAll('.emails').length;
+					var emailCount =  document.createElement('div');
+					emailCount.id = "countCalculator";
+					main.appendChild(emailCount);
+
+					
+
+					setInterval(emailGenerator, 3000)
+					//console.log(windows.geemails);
+
+
+					}
+
+
+	</script>
 	</head>
+
+
+	
 	<body>
-		<div class="container" id="main">
-			Build Me!
+		
+		<header id= "top"><h1>GEE-MAILS-DESU</h1>
+
+
+		</header>
+
+		<div id="main">
+			
+			
+		<div id="inboxCounter">
+		<h2 id="inbox">INBOX-DESU</h2>
+		</div>	
+			
+		
+
+
+
 		</div>
 	</body>
 </html>
\ No newline at end of file

From 95a11407e324dabfa693217e7635520aa2e10026 Mon Sep 17 00:00:00 2001
From: Davis-san <kalai808linda@gmail.com>
Date: Mon, 3 Dec 2018 00:12:33 -1000
Subject: [PATCH 2/4] My Geemail

---
 index.html | 139 +++++++++++++++++++++++++++++------------------------
 1 file changed, 76 insertions(+), 63 deletions(-)

diff --git a/index.html b/index.html
index a9df8e4a..e5a139c4 100644
--- a/index.html
+++ b/index.html
@@ -7,55 +7,82 @@
 		  
         //window.onclick = myFunction;
         //document.getElementsByTagName('dates')[0];
+			    // console.log (geemails.length);
+                //getting first 10 messages//			
 
-		
-            
-			    console.log (geemails.length);
-                //10 messages//			
 
 
-				for (var i =0; i<geemails.length; i++){
-		     	//console.log(window.geemails[i]); 
- 
+				for( i=0; i < geemails.length; i++){
+				 // 1
 				 var emailBox = document.createElement('div');
-				 emailBox.className = "Emails"
-				 emailBox.addEventListener('click', showBody);
+				 emailBox.className = "emails";
+				 //emailBox.addEventListener('click', showBody);
+				 
 				 main.appendChild(emailBox);
 
 
 				 var dateBox = document.createElement('div');
 				 dateBox.className = "dates";
-				 dateBox.innerHTML = "Date: " + geemails[i].date;
+				 dateBox.innerHTML = geemails[i].date;
 				 //Box.addEventListener('click',subs);
 				 emailBox.appendChild(dateBox);
 
 							 
 				 var subjectBox = document.createElement('div');
                  subjectBox.className = "Subs";
-                 subjectBox.innerHTML = "Subject:"+ geemails[i].subject;
+                 subjectBox.innerHTML = geemails[i].subject;
 				 //subjectBox.addEventListener('click',subs);
                  dateBox.appendChild(subjectBox);
 
 
                  var senderBox = document.createElement('div');
                  senderBox.className = "whosend";
-                 senderBox.innerHTML = "Sender:" + geemails[i].sender;
+                 senderBox.innerHTML = geemails[i].sender;
 				 subjectBox.appendChild(senderBox);
 
                
                  var bodyBox = document.createElement('div');
                  bodyBox.className = "bod";
-                 bodyBox.innerHTML = "Body:" + geemails[i].body;
+                 bodyBox.innerHTML = geemails[i].body;
 				 //bodyBox.addEventListener('click', showBody);
 				 senderBox.appendChild(bodyBox);
 				}
 
+				// 2
+
+				var superClickBox = document.getElementsByClassName("emails");
+
+				for (var i =0; i<superClickBox.length; i++){
+					superClickBox[i].addEventListener('click', showNewBod);
+		     	//console.log(window.geemails[i]); 
+				}
+					function showNewBod(){
+						var bodChild = this.querySelectorAll('.bod')[0];
+						if (bodChild.style.display === 'block'){
+						bodChild.style.display = 'none';
+						}else{
+						bodChild.style.display = 'block';
+						}
+							}
+					// 3
+					var allEmails = geemails.length;
+					var emailCount =  document.createElement('div');
+						emailCount.id = "countCalculator";	
+						emailCount.innerHTML = allEmails;
+						inboxCounter.appendChild(emailCount);
+
+			
+					
+
 				//setInterval(getNewMessage, 1000);
 				//var testNewMessages = getNewMessage();
 	
 					
-			  }
+			  
+			  	// email counter //
 
+							function wtf(){
+								var wtf2 = getNewMessage();
 	  			
 					 var newEmailBox = document.createElement('div');
 				     newEmailBox.className = "emails"
@@ -63,78 +90,59 @@
 
 
 					 var newDateBox = document.createElement('div');
-					 newDateBox.className = "newDates";
-					 newDateBox.innerHTML = "date:"+ newDateBox.date; 
+					 newDateBox.className = "dates";
+					 newDateBox.innerHTML = "date:"+ wtf2.date; 
 					 newEmailBox.appendChild(newDateBox);
 
 					 var newSubjectBox = document.createElement('div');
-					 newSubjectBox.className = "newSubs";
-					 newSubjectBox.innerHTML = "Subject:"+ newSubjectBox.subject;
+					 newSubjectBox.className = "subs";
+					 newSubjectBox.innerHTML = "Subject:"+ wtf2.subject;
 					 newDateBox.appendChild(newSubjectBox); 
 
 					 var newSenderBox = document.createElement('div');
-					 newSenderBox.className = "newWhoSend";
-					 newSenderBox.innerHTML = "Sender:" + newSenderBox.sender;
+					 newSenderBox.className = "whoSend";
+					 newSenderBox.innerHTML = "Sender:" + wtf2.sender;
 					 newSubjectBox.appendChild(newSenderBox);
 
 					 var newBodyBox = document.createElement('div');
-					 newBodyBox.className = "newBod";
-					 newBodyBox.innerHTML = "body:" + genBodyBox.body;
+					 newBodyBox.className = "bod";
+					 newBodyBox.innerHTML = "body:" + wtf2.body;
 					 newSenderBox.appendChild(newBodyBox);
 
+					 emailCount.innerHTML = ++allEmails;
 
-					 var openBody = document.getElementsByClassName('emails');
-
-					 for(i=0; openBody.length; i++){
-						 //openBody[i].addEventListener('click', showBody);
-
-					 }
-
-
-					 function showBody(){
-						 var getBody = this.querySelectorAll('.bod')[0];
+							}
+					//  var openBody = document.getElementsByClassName('emails');
 
-						 if(getBody.style.display === 'block'){
-                         getBody.style.display = 'none';
-					     }else{
-						 getBody.style.display = 'block';
+					//  for(i=0; openBody.length; i++){
+					// 	 //openBody[i].addEventListener('click', showBody);
 
-						 }
-
-
-					 }
+					//  }
+            			
+					 
 
 					 //var genInbox = document.getElementById('inboxCounter');
 
 					// genBox.innerHTML = 'inboxCounter:'+ geemails.length++
 					 //console.log(genDateBox);	
+	
 
+			    	// var allEamils = geemails.length;
+					// var emailCount =  document.createElement('div');
+					// emailCount.className = "countCalculator";	
+					// emailCount.innerHTML = allEamils;
+					// inboxCounter.appendChild(emailCount);
 
-					function showNewBod(){
-						var bodChild = this.querySelectorAll('.bod')[0];
-						if (bodChild.style.display === 'block'){
-						bodChild.style.display = 'none'
-						}else{
-						if (bodChild.style.display = 'block'){
-						bodChild.style.display = 'none';
-						}else{
-						bodChild.style.display = 'block';
-
-						}
-						} 
+					//emailCount.innerHTML = ++allEmails;
+					// }
+					setInterval(wtf,3000);
+					//console.log(windows.geemails);
 
-					var allEamils = document.querySelectorAll('.emails').length;
-					var emailCount =  document.createElement('div');
-					emailCount.id = "countCalculator";
-					main.appendChild(emailCount);
 
-					
+					};
 
-					setInterval(emailGenerator, 3000)
-					//console.log(windows.geemails);
 
 
-					}
 
 
 	</script>
@@ -144,16 +152,21 @@
 	
 	<body>
 		
+			
+		<img src="https://thumbs.gfycat.com/UnhealthyLargeChital-size_restricted.gif" width="15%" alt="neon" id="icon">
 		<header id= "top"><h1>GEE-MAILS-DESU</h1>
+		</header>
+	
+      </div>
 
 
-		</header>
+		
 
 		<div id="main">
 			
 			
-		<div id="inboxCounter">
-		<h2 id="inbox">INBOX-DESU</h2>
+		<div id="inboxCounter">INBOX-DESU
+		
 		</div>	
 			
 		

From 95890a5c5fdd8966933fad0c1544084aad850e33 Mon Sep 17 00:00:00 2001
From: Davis-san <kalai808linda@gmail.com>
Date: Mon, 3 Dec 2018 00:13:48 -1000
Subject: [PATCH 3/4] my geemail css part

---
 css/style.css | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/css/style.css b/css/style.css
index 57a95e2e..14817597 100644
--- a/css/style.css
+++ b/css/style.css
@@ -3,7 +3,7 @@ background-color: teal;
 color: whitesmoke;
 font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 text-align: center;
-margin-top: 100px;
+margin-top: 30px;
 margin-bottom: 100px;
 margin-right: 100px;
 margin-left: 100px;
@@ -29,7 +29,6 @@ background-image: url(https://media.giphy.com/media/xTsn2dbnc5dfO/giphy.gif)
 
   
   
-
   .dates:hover{
     background-color: black;
     color: greenyellow;
@@ -37,9 +36,7 @@ background-image: url(https://media.giphy.com/media/xTsn2dbnc5dfO/giphy.gif)
     font-size: 30px
     
     
-
-    
-
+  
     
   }
   
@@ -53,21 +50,16 @@ background-image: url(https://media.giphy.com/media/xTsn2dbnc5dfO/giphy.gif)
 
 .bod{
 color: pink;
-display: none;
-
+display: none; 
+transition: 1s;
 
 }
 
-
-
-
-
   .Subs{
     margin-bottom: 5px;
     color: purple;
   }
 
-
   .inboxCounter{
     text-align: left;
 

From 5e17b1fdbeb7e2070d7bb6582165656bd328925a Mon Sep 17 00:00:00 2001
From: Davis-san <kalai808linda@gmail.com>
Date: Mon, 3 Dec 2018 19:41:50 -1000
Subject: [PATCH 4/4] final

---
 index.html | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index e5a139c4..725add72 100644
--- a/index.html
+++ b/index.html
@@ -85,8 +85,8 @@
 								var wtf2 = getNewMessage();
 	  			
 					 var newEmailBox = document.createElement('div');
-				     newEmailBox.className = "emails"
-				     emails.appendChild(newemailBox);
+				     newEmailBox.className = "emails";
+				     main.appendChild(newEmailBox);
 
 
 					 var newDateBox = document.createElement('div');
@@ -109,9 +109,24 @@
 					 newBodyBox.innerHTML = "body:" + wtf2.body;
 					 newSenderBox.appendChild(newBodyBox);
 
-					 emailCount.innerHTML = ++allEmails;
+
+					 //emailCount.innerHTML = ++allEmails;
+
+					newEmailBox.addEventListener('click', showNewBod);
+					function showNewBod(){
+
+						var bodChild = this.querySelectorAll('.bod')[0];
+						if (bodChild.style.display === 'block'){
+						bodChild.style.display = 'none';
+						}else{
+						bodChild.style.display = 'block';
+						}
+							}
+							emailCount.innerHTML = ++allEmails;
+
 
 							}
+
 					//  var openBody = document.getElementsByClassName('emails');
 
 					//  for(i=0; openBody.length; i++){