From c585a61138035b9683fd26000e18a0d8188fa2a5 Mon Sep 17 00:00:00 2001 From: Sky Media Date: Fri, 31 May 2019 21:06:54 -1000 Subject: [PATCH 1/4] index.html --- index.html | 124 +++++++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 107 insertions(+), 17 deletions(-) diff --git a/index.html b/index.html index a8a1aad9..a90a00a6 100644 --- a/index.html +++ b/index.html @@ -1,18 +1,108 @@ - - - - - - - -
- Build Me! + + + + DevLeague GeeMail Challenge + + + + + + + +
+

GeeMail

+

Powered By { }

+

+ +
+ + + +
+

+

+ +
+
+
Inbox
+
Outbox
+
Drafts
+
Deleted
- - \ No newline at end of file +
+ +
+
+ + +
+
+ + + + + \ No newline at end of file From 78562fd0b15df66d58ad40178963474925cf7439 Mon Sep 17 00:00:00 2001 From: Sky Media Date: Fri, 31 May 2019 21:07:38 -1000 Subject: [PATCH 2/4] css/style.css --- css/style.css | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) diff --git a/css/style.css b/css/style.css index e69de29b..6827e2df 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,77 @@ +.mainmsg{ + border-block-style: solid; +padding-bottom: 100px; +border-radius: 25px; + + + +} +.topTabContainer { + position: absolute; + width: 100px; + background-color: rgba(250,250,250,0.35); + left:10; + float:left; + +} + + +.topTabContainer { + height: 200px; + top: 0; + width: 200px; + height: 150px; + + + +} +.topTab { + border-bottom: 1px solid #ccc; + box-shadow: 0 2px 2px #ddd; + } + .inboxTab {background-color: #ddd; +} +.tabContainer{ + height: 550px; + float: left; + width: 200px; + height: 150px; +} +.tabContainer { + position: relative; + background-color: rgba(250,250,250,0.35); + }.topTab:hover{ + cursor: pointer; + background-color: #084736; + border-radius: 25px; + } + .inboxTab {background-color:rgb(33, 104, 235); + +} +.outboxTab {background-color: rgb(33, 104, 235) +} +.draftsTab {background-color:rgb(33, 104, 235) +} +.deletedTab {background-color: rgb(33, 104, 235) +} +img{ + width: 2%; + height: auto; + +}body { + margin: 0; +} + + +header { + background: rgb(209, 199, 199); + color: rgb(192, 11, 29); + padding: 2px; +} + +#today{ + color: rgb(12, 28, 31); + +} + + From a464e98ea7ddce702603ed5f839470c7487533bf Mon Sep 17 00:00:00 2001 From: Sky Media Date: Fri, 31 May 2019 23:40:33 -1000 Subject: [PATCH 3/4] project setup --- index.html | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) diff --git a/index.html b/index.html index a90a00a6..69b00e71 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,35 @@ var mainbox= document.createElement('div'); mainbox.className= 'mainmsg'; document.body.appendChild(mainbox); +window.geemails.push(newMessage +) + +function addNewMessage(){ + var newMessage = { + date: getNewMessage().date, + sender: getNewMessage().sender, + subject: getNewMessage().subject, + body: getNewMessage().body + }; + window.geemails.push(newMessage); + + var messageHeader = document.createElement('div'); + var messageDate = getNewMessage().date + messageHeader.className = 'messageHeaders'; + messageHeader.innerHTML = getNewMessage().sender + ' ' + getNewMessage().subject + ' ' + messageDate; + main.appendChild(messageHeader); +​ + messageHeader.addEventListener('click', showHideBody); +​ + var messageBody = document.createElement('div'); + messageBody.className = 'messageBodies'; + messageBody.innerHTML = getNewMessage().body; + messageHeader.appendChild(messageBody); + counter.innerHTML = 'Messages: ' + window.geemails.length; +} + +​ +setInterval(addNewMessage, 1000) var bodybox=document.createElement('div'); @@ -26,18 +55,21 @@ var datebox=document.createElement('div'); datebox.className= 'datemsg'; datebox.innerHTML=window.geemails[i].date +datebox.addEventListener.click mainbox.appendChild(datebox) var senderbox=document.createElement('div'); senderbox.className= 'sendermsg'; senderbox.innerHTML=window.geemails[i].sender +senderbox.addEventListener.click mainbox.appendChild(senderbox) var subjectbox=document.createElement('div'); subjectbox.className= 'subjectmsg'; subjectbox.innerHTML=window.geemails[i].subject +subjectbox.addEventListener.click mainbox.appendChild(subjectbox) function allmsg(){ @@ -66,6 +98,8 @@ } }; + + From 2d67fbbeaf8602b27c0fe6e71e8e6a8d33d73700 Mon Sep 17 00:00:00 2001 From: Sky Media Date: Sun, 2 Jun 2019 20:57:45 -1000 Subject: [PATCH 4/4] project --- index.html | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 69b00e71..47543dbd 100644 --- a/index.html +++ b/index.html @@ -31,10 +31,9 @@ messageHeader.className = 'messageHeaders'; messageHeader.innerHTML = getNewMessage().sender + ' ' + getNewMessage().subject + ' ' + messageDate; main.appendChild(messageHeader); -​ - messageHeader.addEventListener('click', showHideBody); -​ - var messageBody = document.createElement('div'); + +messageHeader.addEventListener('click', showHideBody); +​var messageBody = document.createElement('div'); messageBody.className = 'messageBodies'; messageBody.innerHTML = getNewMessage().body; messageHeader.appendChild(messageBody);