From f06f08edf63b0e6d87c97532a6a6bb629e602ebc Mon Sep 17 00:00:00 2001 From: vandevildog <47625752+vandevildog@users.noreply.github.com> Date: Fri, 22 Feb 2019 15:09:49 -1000 Subject: [PATCH 1/2] complete coding challenge --- css/style.css | 3 ++ index.html | 140 ++++++++++++++++++++++++++++++++++++++++++++------ 2 files changed, 127 insertions(+), 16 deletions(-) diff --git a/css/style.css b/css/style.css index e69de29b..087e5518 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,3 @@ +.card-temp { + background-color: yellow; +} \ No newline at end of file diff --git a/index.html b/index.html index a8a1aad9..2b74f9b7 100644 --- a/index.html +++ b/index.html @@ -1,18 +1,126 @@ - - - - - - -
- Build Me! -
- + +

+ + + + + + + +
+ +
+ \ No newline at end of file From 88cbf386713bbe277e019820001bab5a33e322f8 Mon Sep 17 00:00:00 2001 From: phi nguyen Date: Fri, 31 May 2019 18:10:24 -1000 Subject: [PATCH 2/2] first finshed version --- css/style.css | 70 +++++++++++- index.html | 253 +++++++++++++++++++++++-------------------- js/mail-generator.js | 1 + 3 files changed, 204 insertions(+), 120 deletions(-) diff --git a/css/style.css b/css/style.css index 087e5518..afa15121 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,67 @@ -.card-temp { - background-color: yellow; -} \ No newline at end of file + +#header{ + display:block; + justify-self: center; + background-size: 20px; + background-position-x: right; + background-position-y: center; + background-color: cornflowerblue; + border-radius: 20px; + border: 1px solid black; +} +.messageHeader{ + border-top: 1px solid black; + border-left: 1px solid black; + border-right: 1px solid black; + display: block; + background-color: teal; + 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; + display: block; + background-color: cornflowerblue; + font-family: 'Press Start 2P', cursive; + font-size: 20px; + margin-left: 25%; +} +body{ + background-color: rgba(56, 185, 105, 0.534); + background-image: url('https://i.kym-cdn.com/photos/images/original/001/331/213/35a.jpg'); + background-repeat: no-repeat; + background-size: 350px; + background-position-x: 200px; + background-position-y: 20px; + background-attachment: fixed; +} + +.content{ + border-bottom: 1px solid black; + border-left: 1px solid black; + border-right: 1px solid black; + display: block; + margin-bottom: 10px; + background-color: grey; + font-family: 'Press Start 2P', cursive; + margin-left: 25%; +} +.newContent{ + border-bottom: 1px solid black; + border-left: 1px solid black; + border-right: 1px solid black; + display: block; + margin-bottom: 10px; + background-color: teal; + font-family: 'Press Start 2P', cursive; + margin-left: 25%; +} +.newMessageContent{ + display: none; +} +.messageContent{ + display: none; +} diff --git a/index.html b/index.html index 2b74f9b7..0a5bfaec 100644 --- a/index.html +++ b/index.html @@ -1,126 +1,145 @@ - -

- - - - - + + - - -
- -
- + let newCount = inbox.length; + let inboxCounter = document.createElement('h4'); + inboxCounter.innerHTML = 'inbox: ' + newCount; + headerBox.appendChild(inboxCounter) + + } + + + + \ No newline at end of file diff --git a/js/mail-generator.js b/js/mail-generator.js index 52d3ba66..0fd72dc3 100644 --- a/js/mail-generator.js +++ b/js/mail-generator.js @@ -47,3 +47,4 @@ window.getNewMessage = getNewMessage; loadGeeMails(); })(); +