From 57748ff01cc35969fa05bf230dfd4ad4a88305a5 Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 6 Feb 2019 20:03:25 -1000 Subject: [PATCH 01/19] Posted information onto webpage --- css/style.css | 8 +++++++ index.html | 63 ++++++++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 68 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index e69de29b..1365f9b8 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,8 @@ +.fullMessage{ + border: 1px solid black; + margin: 10px; + +} +.date{ + text-align: right; +} \ No newline at end of file diff --git a/index.html b/index.html index a8a1aad9..d56ac891 100644 --- a/index.html +++ b/index.html @@ -5,14 +5,71 @@
- Build Me! +
\ No newline at end of file From 9d4da5e9e533708744f90c5071eb7c63bd6d7dcf Mon Sep 17 00:00:00 2001 From: unknown Date: Thu, 7 Feb 2019 17:06:12 -1000 Subject: [PATCH 02/19] restructured and added show/hide button --- css/style.css | 11 ++++---- index.html | 72 +++++++++++++++++++++++++++++---------------------- 2 files changed, 47 insertions(+), 36 deletions(-) diff --git a/css/style.css b/css/style.css index 1365f9b8..89ff5402 100644 --- a/css/style.css +++ b/css/style.css @@ -1,8 +1,9 @@ -.fullMessage{ +.messageHeader{ border: 1px solid black; - margin: 10px; - + margin: 5px; + display: flex; + justify-content: space-between; } -.date{ - text-align: right; +.messageContent{ + border: 1px solid red; } \ No newline at end of file diff --git a/index.html b/index.html index d56ac891..e8dbea20 100644 --- a/index.html +++ b/index.html @@ -2,14 +2,25 @@ - +
From a5b3c4e8af4aeab6f6cb6c2e0aa6928d15e365d7 Mon Sep 17 00:00:00 2001 From: unknown Date: Thu, 7 Feb 2019 17:38:38 -1000 Subject: [PATCH 03/19] testing event listener --- css/style.css | 3 ++- index.html | 18 +++++++++++++++++- 2 files changed, 19 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 89ff5402..6dad159b 100644 --- a/css/style.css +++ b/css/style.css @@ -6,4 +6,5 @@ } .messageContent{ border: 1px solid red; -} \ No newline at end of file + display: none; +} diff --git a/index.html b/index.html index e8dbea20..304f13f9 100644 --- a/index.html +++ b/index.html @@ -13,6 +13,7 @@ var pageTitle = document.createElement('title'); pageTitle.innerHTML = 'Gee-Mail'; document.body.appendChild(pageTitle) + //Goal: create Header Box var headerBox = document.createElement('h1'); @@ -71,9 +72,24 @@ messageElem.appendChild(bodyElem); } + //Goal: Make and implement event listener to show/hide content + + var contentButton = document.getElementsByClassName('content') + for(i=0;i From 715cb0fed2a6078f4f67f59bc0891aa5c04fa7ad Mon Sep 17 00:00:00 2001 From: unknown Date: Thu, 7 Feb 2019 20:24:53 -1000 Subject: [PATCH 04/19] eventlistener completed --- index.html | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 304f13f9..6f75f794 100644 --- a/index.html +++ b/index.html @@ -58,13 +58,13 @@ var contentButton = document.createElement('div'); contentButton.className = 'content'; contentButton.innerHTML = 'Show/Hide'; - messageHeader.appendChild(contentButton); + document.body.appendChild(contentButton); //Goal: add message block and content var messageElem = document.createElement('div'); messageElem.className = 'messageContent'; - document.body.appendChild(messageElem); + contentButton.appendChild(messageElem); var bodyElem = document.createElement('div'); bodyElem.className = 'body'; @@ -80,15 +80,19 @@ } function showHide(){ - var contentMessage = this.querySelectorAll('.messageContent')[0] + var contentMessage = this.querySelectorAll('.messageContent')[0]; if (contentMessage.style.display === 'none'){ contentMessage.style.display = 'block'; } else { contentMessage.style.display = 'none'; } } - + + //Goal: Create inbox with numbers + var inbox = document.createElement('h3'); + inbox.innerHTML = 'inbox: ' + widow.geemails.length; + headerBox.appendChild(inbox) }; From f746302ae55b343378c3e94bed68454cbe1c38d4 Mon Sep 17 00:00:00 2001 From: unknown Date: Sat, 9 Feb 2019 01:13:16 -1000 Subject: [PATCH 05/19] added inbox --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 6f75f794..0f1c4e29 100644 --- a/index.html +++ b/index.html @@ -90,8 +90,8 @@ //Goal: Create inbox with numbers - var inbox = document.createElement('h3'); - inbox.innerHTML = 'inbox: ' + widow.geemails.length; + var inbox = document.createElement('h4'); + inbox.innerHTML = 'inbox: ' + window.geemails.length; headerBox.appendChild(inbox) }; From aa5495e8350a5c859b2f9914fbda28efc213e418 Mon Sep 17 00:00:00 2001 From: unknown Date: Sat, 9 Feb 2019 20:57:05 -1000 Subject: [PATCH 06/19] added setinterval --- index.html | 31 +++++++++++++++++++++---------- 1 file changed, 21 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 0f1c4e29..46da0ae4 100644 --- a/index.html +++ b/index.html @@ -6,9 +6,19 @@ 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 - // console.log(window.geemails) - //Goal: create page title + var inbox = window.geemails + console.log(inbox); + + + setInterval(newMessage(), 5000) + + function newMessage(){ + incomingMessage = getNewMessage(); + inbox.push(incomingMessage); + } + + // Goal: create page title var pageTitle = document.createElement('title'); pageTitle.innerHTML = 'Gee-Mail'; @@ -23,8 +33,8 @@ //Goal: input message data - for (i=0;i From 3af9738829ec1430589d5449dcb5278f1756443e Mon Sep 17 00:00:00 2001 From: unknown Date: Sat, 9 Feb 2019 23:06:17 -1000 Subject: [PATCH 07/19] setinterval work in progress --- index.html | 26 +++++++++++++++----------- 1 file changed, 15 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 46da0ae4..9b5d9e7f 100644 --- a/index.html +++ b/index.html @@ -7,16 +7,18 @@ // 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 - var inbox = window.geemails - console.log(inbox); - - - setInterval(newMessage(), 5000) + var inbox = window.geemails + // console.log(inbox); - function newMessage(){ - incomingMessage = getNewMessage(); - inbox.push(incomingMessage); - } + //Goal: get setinterval to work. + + setInterval(newMessage, 1000); + + function newMessage(){ + var incoming = getNewMessage(); + inbox.push(incoming) + } + console.log(inbox) // Goal: create page title @@ -28,13 +30,14 @@ var headerBox = document.createElement('h1'); headerBox.id = 'header'; - headerBox.innerHTML = 'hello world'; + headerBox.innerHTML = 'Gee-Mail'; document.body.appendChild(headerBox) //Goal: input message data for (i=0;i From 122dc02ebc9f160cb8f32c21f5e6e9c9b5579cf1 Mon Sep 17 00:00:00 2001 From: unknown Date: Mon, 11 Feb 2019 14:49:36 -1000 Subject: [PATCH 08/19] setInterval works, fixing eventlistener --- css/style.css | 10 ++++++++ index.html | 66 ++++++++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 73 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index 6dad159b..38ff791f 100644 --- a/css/style.css +++ b/css/style.css @@ -8,3 +8,13 @@ border: 1px solid red; display: none; } +.newHead{ + border: 1px solid black; + margin: 5px; + display: flex; + justify-content: space-between; +} +.newMessageContent{ + border: 1px solid red; + display: block; +} diff --git a/index.html b/index.html index 9b5d9e7f..71486e46 100644 --- a/index.html +++ b/index.html @@ -12,13 +12,60 @@ //Goal: get setinterval to work. - setInterval(newMessage, 1000); + var getMess = setInterval(newMessage, 1000); function newMessage(){ var incoming = getNewMessage(); - inbox.push(incoming) + newSub = incoming.subject + newSend = incoming.sender + newBod = incoming.body; + newDate = incoming.date + + var newMessageHeader = document.createElement('div'); + newMessageHeader.className = 'newHead'; + document.body.appendChild(newMessageHeader) + + var newDateElem = document.createElement('div'); + newDateElem.className = 'newDate'; + newDateElem.innerHTML = 'dtg: ' + newDate; + newMessageHeader.appendChild(newDateElem); + + var newSendElem = document.createElement('div'); + newSendElem.className = 'newSend'; + newSendElem.innerHTML = 'from: ' + newSend; + newMessageHeader.appendChild(newSendElem); + + var newSubElem = document.createElement('div'); + newSubElem.className = 'newSub'; + newSubElem.innerHTML = 'subject: ' + newSub; + newMessageHeader.appendChild(newSubElem); + + //Goal: add show/hide button + + var newContentButton = document.createElement('div'); + newContentButton.className = 'newContent'; + newContentButton.innerHTML = 'Show/Hide'; + newContentButton.addEventListener('click', showHide2) + document.body.appendChild(newContentButton); + + + + //Goal: add message block and content + + var newMessageElem = document.createElement('div'); + newMessageElem.className = 'newMessageContent'; + newContentButton.appendChild(newMessageElem); + + var newBodyElem = document.createElement('div'); + newBodyElem.className = 'newBody'; + newBodyElem.innerHTML = 'body: ' + newBod; + newMessageElem.appendChild(newBodyElem); + } - console.log(inbox) + + + + // Goal: create page title @@ -35,6 +82,8 @@ //Goal: input message data + + for (i=0;i Date: Mon, 11 Feb 2019 14:54:25 -1000 Subject: [PATCH 09/19] fixed event listener --- css/style.css | 2 +- index.html | 19 +++++++++---------- 2 files changed, 10 insertions(+), 11 deletions(-) diff --git a/css/style.css b/css/style.css index 38ff791f..15d31641 100644 --- a/css/style.css +++ b/css/style.css @@ -16,5 +16,5 @@ } .newMessageContent{ border: 1px solid red; - display: block; + display: none; } diff --git a/index.html b/index.html index 71486e46..28f3cf0b 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,15 @@ // console.log(inbox); //Goal: get setinterval to work. + + function showHide2(){ + var newContentMessage = this.querySelectorAll('.newMessageContent')[0]; + if (newContentMessage.style.display === 'none'){ + newContentMessage.style.display = 'block'; + } else { + newContentMessage.style.display = 'none'; + } + } var getMess = setInterval(newMessage, 1000); @@ -152,14 +161,6 @@ } } - function showHide2(){ - var newContentMessage = this.querySelectorAll('.newMessageContent')[0]; - if (newContentMessage.style.display === 'none'){ - newContentMessage.style.display = 'block;'; - } else { - newContentMessage.style.display = 'none'; - } - } //Goal: Create inbox with numbers @@ -167,8 +168,6 @@ inboxCounter.innerHTML = 'inbox: ' + inbox.length; headerBox.appendChild(inboxCounter) - - } From 1c1407589244b72c6519ab6a172446d0322ce2fd Mon Sep 17 00:00:00 2001 From: unknown Date: Mon, 11 Feb 2019 15:09:44 -1000 Subject: [PATCH 10/19] testing inbox counter --- index.html | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 28f3cf0b..7b36693f 100644 --- a/index.html +++ b/index.html @@ -21,10 +21,13 @@ } } - var getMess = setInterval(newMessage, 1000); + var newCount = inbox.length; + var intervalID = setInterval(newMessage, 1000); + function newMessage(){ var incoming = getNewMessage(); + newCount++ newSub = incoming.subject newSend = incoming.sender newBod = incoming.body; @@ -165,9 +168,12 @@ //Goal: Create inbox with numbers var inboxCounter = document.createElement('h4'); + inboxTotal = inbox.length + newCount; inboxCounter.innerHTML = 'inbox: ' + inbox.length; headerBox.appendChild(inboxCounter) + + } From a4c6010a0a45c6e26084ccc5dbca2dd41da1e10c Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 12 Feb 2019 04:46:02 -1000 Subject: [PATCH 11/19] javascript functioning, working on CSS --- css/style.css | 6 ++++++ index.html | 28 ++++++++++++++++------------ 2 files changed, 22 insertions(+), 12 deletions(-) diff --git a/css/style.css b/css/style.css index 15d31641..0e005e1e 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,9 @@ +#header{ + display: flex; + justify-content: space-between; + align-content: center; + border: 1px solid black; +} .messageHeader{ border: 1px solid black; margin: 5px; diff --git a/index.html b/index.html index 7b36693f..6cd90a96 100644 --- a/index.html +++ b/index.html @@ -21,9 +21,9 @@ } } - var newCount = inbox.length; - var intervalID = setInterval(newMessage, 1000); - + + var intervalID = setInterval(newMessage, 5000); + function newMessage(){ var incoming = getNewMessage(); @@ -32,7 +32,7 @@ newSend = incoming.sender newBod = incoming.body; newDate = incoming.date - + var newMessageHeader = document.createElement('div'); newMessageHeader.className = 'newHead'; document.body.appendChild(newMessageHeader) @@ -73,10 +73,17 @@ newBodyElem.innerHTML = 'body: ' + newBod; newMessageElem.appendChild(newBodyElem); + inboxCounter.innerHTML = 'inbox: ' + newCount; + console.log(newCount) + stop(); } + function stop(){ + if (newCount > 14){ + clearInterval(intervalID) + } + } - // Goal: create page title @@ -164,13 +171,10 @@ } } - - //Goal: Create inbox with numbers - - var inboxCounter = document.createElement('h4'); - inboxTotal = inbox.length + newCount; - inboxCounter.innerHTML = 'inbox: ' + inbox.length; - headerBox.appendChild(inboxCounter) + var newCount = inbox.length; + var inboxCounter = document.createElement('h4'); + inboxCounter.innerHTML = 'inbox: ' + newCount; + headerBox.appendChild(inboxCounter) From 32430a9589bfbb46373014a0a2ac9f07e0ac40b3 Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 12 Feb 2019 06:34:30 -1000 Subject: [PATCH 12/19] added CSS --- css/style.css | 56 +++++++++++++++++++++++++++++++++++++-------------- index.html | 28 +++++++++++++++----------- 2 files changed, 57 insertions(+), 27 deletions(-) diff --git a/css/style.css b/css/style.css index 0e005e1e..b1aca109 100644 --- a/css/style.css +++ b/css/style.css @@ -1,26 +1,52 @@ +body{ + background-color: wheat; +} #header{ - display: flex; - justify-content: space-between; - align-content: center; - border: 1px solid black; + display:block; + justify-self: center; + background-image: url("http://www.logospng.com/images/6/mail-logo-bing-images-6159.png"); + background-repeat: no-repeat; + background-size: 160px; + background-position-x: right; + background-position-y: center; + background-color: lightblue; + border-radius: 20px; } .messageHeader{ - border: 1px solid black; - margin: 5px; + border-top: 1px solid black; + border-left: 1px solid black; + border-right: 1px solid black; + column-count: 3; + column-rule-width: 10px; display: flex; - justify-content: space-between; -} -.messageContent{ - border: 1px solid red; - display: none; + background-color: whitesmoke; } .newHead{ - border: 1px solid black; - margin: 5px; + border-top: 1px solid black; + border-left: 1px solid black; + border-right: 1px solid black; display: flex; - justify-content: space-between; + background-color: whitesmoke; +} +.content{ + border-bottom: 1px solid black; + border-left: 1px solid black; + border-right: 1px solid black; + display: block; + margin-bottom: 10px; + background-color: whitesmoke; +} +.newContent{ + border-bottom: 1px solid black; + border-left: 1px solid black; + border-right: 1px solid black; + display: block; + margin-bottom: 10px; + background-color: whitesmoke +} +.messageContent{ + display: none; } .newMessageContent{ - border: 1px solid red; display: none; } diff --git a/index.html b/index.html index 6cd90a96..8a21f231 100644 --- a/index.html +++ b/index.html @@ -39,24 +39,24 @@ var newDateElem = document.createElement('div'); newDateElem.className = 'newDate'; - newDateElem.innerHTML = 'dtg: ' + newDate; + newDateElem.innerHTML = 'Date: ' + newDate; newMessageHeader.appendChild(newDateElem); var newSendElem = document.createElement('div'); newSendElem.className = 'newSend'; - newSendElem.innerHTML = 'from: ' + newSend; + newSendElem.innerHTML = 'From: ' + newSend; newMessageHeader.appendChild(newSendElem); var newSubElem = document.createElement('div'); newSubElem.className = 'newSub'; - newSubElem.innerHTML = 'subject: ' + newSub; + newSubElem.innerHTML = 'Subject: ' + newSub; newMessageHeader.appendChild(newSubElem); //Goal: add show/hide button var newContentButton = document.createElement('div'); newContentButton.className = 'newContent'; - newContentButton.innerHTML = 'Show/Hide'; + newContentButton.innerHTML = 'Show'; newContentButton.addEventListener('click', showHide2) document.body.appendChild(newContentButton); @@ -70,10 +70,10 @@ var newBodyElem = document.createElement('div'); newBodyElem.className = 'newBody'; - newBodyElem.innerHTML = 'body: ' + newBod; + newBodyElem.innerHTML = 'Body: ' + newBod; newMessageElem.appendChild(newBodyElem); - inboxCounter.innerHTML = 'inbox: ' + newCount; + inboxCounter.innerHTML = 'Inbox: ' + newCount; console.log(newCount) stop(); } @@ -121,24 +121,24 @@ var dateElem = document.createElement('div'); dateElem.className = 'date'; - dateElem.innerHTML = 'dtg: ' + messageDate; + dateElem.innerHTML = 'Date: ' + messageDate; messageHeader.appendChild(dateElem); var senderElem = document.createElement('div'); senderElem.className = 'sender'; - senderElem.innerHTML = 'from: ' + messageSender; + senderElem.innerHTML = 'From: ' + messageSender; messageHeader.appendChild(senderElem) var subjectElem = document.createElement('div'); subjectElem.className = 'subject'; - subjectElem.innerHTML = 'subject: ' + messageSubj; + subjectElem.innerHTML = 'Subject: ' + messageSubj; messageHeader.appendChild(subjectElem) //Goal: add show/hide button var contentButton = document.createElement('div'); contentButton.className = 'content'; - contentButton.innerHTML = 'Show/Hide'; + contentButton.innerHTML = 'Show'; document.body.appendChild(contentButton); //Goal: add message block and content @@ -149,7 +149,7 @@ var bodyElem = document.createElement('div'); bodyElem.className = 'body'; - bodyElem.innerHTML = 'body: ' + messageBody; + bodyElem.innerHTML = 'Body: ' + messageBody; messageElem.appendChild(bodyElem); } @@ -160,7 +160,7 @@ contentButton[i].addEventListener('click', showHide); } - + function showHide(){ var contentMessage = this.querySelectorAll('.messageContent')[0]; @@ -170,6 +170,7 @@ contentMessage.style.display = 'none'; } } + var newCount = inbox.length; var inboxCounter = document.createElement('h4'); @@ -182,6 +183,9 @@ +
+ +
From e1ea772638d72e7f46995c0d1925d278cdcdf1dc Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 12 Feb 2019 06:43:46 -1000 Subject: [PATCH 13/19] adjusted logo --- css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index b1aca109..b97ffb07 100644 --- a/css/style.css +++ b/css/style.css @@ -4,7 +4,7 @@ body{ #header{ display:block; justify-self: center; - background-image: url("http://www.logospng.com/images/6/mail-logo-bing-images-6159.png"); + background-image: url("http://i.imgur.com/v9bw6xj.png"); background-repeat: no-repeat; background-size: 160px; background-position-x: right; From 82ae9d99db3edbe918684f401d6e7fee217c27a8 Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 12 Feb 2019 07:00:38 -1000 Subject: [PATCH 14/19] added font style --- css/style.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index b97ffb07..f13d1b31 100644 --- a/css/style.css +++ b/css/style.css @@ -11,6 +11,7 @@ body{ background-position-y: center; background-color: lightblue; border-radius: 20px; + border: 1px solid black; } .messageHeader{ border-top: 1px solid black; @@ -19,14 +20,22 @@ body{ column-count: 3; column-rule-width: 10px; display: flex; + justify-content: space-evenly; background-color: whitesmoke; + font-family: 'Press Start 2P', cursive; + font-size: 20px; } .newHead{ border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; + column-count: 3; + column-rule-width: 10px; display: flex; + justify-content: space-evenly; background-color: whitesmoke; + font-family: 'Press Start 2P', cursive; + font-size: 20px; } .content{ border-bottom: 1px solid black; @@ -35,6 +44,7 @@ body{ display: block; margin-bottom: 10px; background-color: whitesmoke; + font-family: 'Press Start 2P', cursive; } .newContent{ border-bottom: 1px solid black; @@ -42,7 +52,8 @@ body{ border-right: 1px solid black; display: block; margin-bottom: 10px; - background-color: whitesmoke + background-color: whitesmoke; + font-family: 'Press Start 2P', cursive; } .messageContent{ display: none; From 11d3d43ab586da867e54874fd8a37c3f0d930580 Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 12 Feb 2019 07:25:49 -1000 Subject: [PATCH 15/19] added mascot --- css/style.css | 19 +++++++++++++++---- index.html | 4 ++-- 2 files changed, 17 insertions(+), 6 deletions(-) diff --git a/css/style.css b/css/style.css index f13d1b31..7f9fbffe 100644 --- a/css/style.css +++ b/css/style.css @@ -1,5 +1,11 @@ body{ background-color: wheat; + background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSXoXMArQvUkVHZbz-l9aUD8ylswV9Mw7uw4Wrq9HY_QFfUNbvF'); + background-repeat: no-repeat; + background-size: 350px; + background-position-x: 20px; + background-position-y: 200px; + background-attachment: fixed; } #header{ display:block; @@ -17,25 +23,23 @@ body{ border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; - column-count: 3; - column-rule-width: 10px; display: flex; justify-content: space-evenly; background-color: whitesmoke; font-family: 'Press Start 2P', cursive; font-size: 20px; + margin-left: 25%; } .newHead{ border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; - column-count: 3; - column-rule-width: 10px; display: flex; justify-content: space-evenly; background-color: whitesmoke; font-family: 'Press Start 2P', cursive; font-size: 20px; + margin-left: 25%; } .content{ border-bottom: 1px solid black; @@ -45,6 +49,7 @@ body{ margin-bottom: 10px; background-color: whitesmoke; font-family: 'Press Start 2P', cursive; + margin-left: 25%; } .newContent{ border-bottom: 1px solid black; @@ -54,6 +59,7 @@ body{ margin-bottom: 10px; background-color: whitesmoke; font-family: 'Press Start 2P', cursive; + margin-left: 25%; } .messageContent{ display: none; @@ -61,3 +67,8 @@ body{ .newMessageContent{ display: none; } +#sideImg{ + position: sticky; + left: 0px; + top: 25%; +} \ No newline at end of file diff --git a/index.html b/index.html index 8a21f231..e562ea1c 100644 --- a/index.html +++ b/index.html @@ -22,7 +22,7 @@ } - var intervalID = setInterval(newMessage, 5000); + var intervalID = setInterval(newMessage, 3000); function newMessage(){ @@ -183,7 +183,7 @@ -
+
From 4c97cbd177fa18afeaace3017d8265cfdda8d9a0 Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 12 Feb 2019 20:36:09 -1000 Subject: [PATCH 16/19] removed flexboxes --- css/style.css | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/css/style.css b/css/style.css index 7f9fbffe..342be51e 100644 --- a/css/style.css +++ b/css/style.css @@ -23,19 +23,17 @@ body{ border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; - display: flex; - justify-content: space-evenly; + display: block; background-color: whitesmoke; font-family: 'Press Start 2P', cursive; font-size: 20px; - margin-left: 25%; + margin-left: 25%; } .newHead{ border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; - display: flex; - justify-content: space-evenly; + display: block; background-color: whitesmoke; font-family: 'Press Start 2P', cursive; font-size: 20px; @@ -49,7 +47,7 @@ body{ margin-bottom: 10px; background-color: whitesmoke; font-family: 'Press Start 2P', cursive; - margin-left: 25%; + margin-left: 25%; } .newContent{ border-bottom: 1px solid black; @@ -59,7 +57,7 @@ body{ margin-bottom: 10px; background-color: whitesmoke; font-family: 'Press Start 2P', cursive; - margin-left: 25%; + margin-left: 25%; } .messageContent{ display: none; From 1b64e8cf109f13de68b32a484d66e34884ea2cdd Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 13 Feb 2019 16:39:06 -1000 Subject: [PATCH 17/19] fixed CSS --- css/style.css | 36 ++++++++++++++++++++++++++++++++---- index.html | 10 ++++++---- 2 files changed, 38 insertions(+), 8 deletions(-) diff --git a/css/style.css b/css/style.css index 342be51e..280c3237 100644 --- a/css/style.css +++ b/css/style.css @@ -1,15 +1,21 @@ body{ background-color: wheat; - background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSXoXMArQvUkVHZbz-l9aUD8ylswV9Mw7uw4Wrq9HY_QFfUNbvF'); + background-image: url('data:image/jpeg;base64,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'); background-repeat: no-repeat; background-size: 350px; background-position-x: 20px; background-position-y: 200px; background-attachment: fixed; } +/* #bgImg{ + height: 350px; + width: 350px; + background-position-x: 40px; + background-position-y: 400px; + position: sticky; +} */ #header{ display:block; - justify-self: center; background-image: url("http://i.imgur.com/v9bw6xj.png"); background-repeat: no-repeat; background-size: 160px; @@ -23,7 +29,8 @@ body{ border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; - display: block; + display: flex; + justify-content: space-between; background-color: whitesmoke; font-family: 'Press Start 2P', cursive; font-size: 20px; @@ -33,7 +40,8 @@ body{ border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; - display: block; + display: flex; + justify-content: space-between; background-color: whitesmoke; font-family: 'Press Start 2P', cursive; font-size: 20px; @@ -69,4 +77,24 @@ body{ position: sticky; left: 0px; top: 25%; +} +.date{ + flex:2; + margin-right: 20px; +} +.sender{ + flex:1; +} +.subject{ + flex:1; +} +.newdate{ + flex:2; + margin-right: 20px; +} +.newsend{ + flex:1; +} +.newsub{ + flex:1; } \ No newline at end of file diff --git a/index.html b/index.html index e562ea1c..a9122a7d 100644 --- a/index.html +++ b/index.html @@ -177,16 +177,18 @@ inboxCounter.innerHTML = 'inbox: ' + newCount; headerBox.appendChild(inboxCounter) - + // var backgroundImg2 = document.createElement('img'); + // backgroundImg2.id = 'bgImg'; + // backgroundImg2.src = 'https://cdn1.iconfinder.com/data/icons/trash-bin-cartoon/512/g10296-512.png'; + // document.body.appendChild(backgroundImg2); } - - -
+
From cac4b7204bdf6dc5ebe26e24613554350bab24d2 Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 13 Feb 2019 17:02:45 -1000 Subject: [PATCH 18/19] Removed comments/clearInterval --- css/style.css | 7 ------ index.html | 62 ++++----------------------------------------------- 2 files changed, 4 insertions(+), 65 deletions(-) diff --git a/css/style.css b/css/style.css index 280c3237..745c3e24 100644 --- a/css/style.css +++ b/css/style.css @@ -7,13 +7,6 @@ body{ background-position-y: 200px; background-attachment: fixed; } -/* #bgImg{ - height: 350px; - width: 350px; - background-position-x: 40px; - background-position-y: 400px; - position: sticky; -} */ #header{ display:block; background-image: url("http://i.imgur.com/v9bw6xj.png"); diff --git a/index.html b/index.html index a9122a7d..b3b8fed8 100644 --- a/index.html +++ b/index.html @@ -4,13 +4,7 @@ - - - -
\ No newline at end of file From 137a8952c08fda33fb9d1cfbc5f4bd8fd581bcbf Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 13 Feb 2019 17:15:08 -1000 Subject: [PATCH 19/19] fixed show/hide functions --- index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index b3b8fed8..cb36bae5 100644 --- a/index.html +++ b/index.html @@ -8,10 +8,10 @@ function showHide2(){ var newContentMessage = this.querySelectorAll('.newMessageContent')[0]; - if (newContentMessage.style.display === 'none'){ - newContentMessage.style.display = 'block'; - } else { + if (newContentMessage.style.display === 'block'){ newContentMessage.style.display = 'none'; + } else { + newContentMessage.style.display = 'block'; } } @@ -121,10 +121,10 @@ function showHide(){ var contentMessage = this.querySelectorAll('.messageContent')[0]; - if (contentMessage.style.display === 'none'){ - contentMessage.style.display = 'block'; - } else { + if (contentMessage.style.display === 'block'){ contentMessage.style.display = 'none'; + } else { + contentMessage.style.display = 'block'; } }