From 30d0e9e75562d4ba5c78fbad388ffb8cd356296a Mon Sep 17 00:00:00 2001 From: Lewis Nozaki Date: Tue, 12 Mar 2019 00:50:50 -1000 Subject: [PATCH 01/10] Initial Commit: HTML & CSS --- css/style.css | 48 ++++++++++++++++++++++++++++++++++++++++++++ index.html | 22 +++++++++++++++++--- js/mail-generator.js | 35 +++++++++++++++++++++++++++++--- 3 files changed, 99 insertions(+), 6 deletions(-) diff --git a/css/style.css b/css/style.css index e69de29b..19dcc78f 100644 --- a/css/style.css +++ b/css/style.css @@ -0,0 +1,48 @@ +.header { + margin: -10px 100px 0px 100px; + background-color: #d44638; + color: white; + padding: 20px; + font-size: 15px; +} + +body { + font-family: "roboto", sans-serif; + background-color: #eeeeee; +} + +.menu { + height: 70%; + width: 160px; + position: relative; + z-index: 1; + top: 0; + left: 0; + background-color: #fff; + overflow-x: hidden; + padding-top: 0px; + border: 1px solid #c6c6c6; + margin-left: 100px; +} + +.menu a { + padding: 20px 8px 20px 30px; + text-decoration: none; + font-size: 20px; + color: #818181; + display: block; +} + +.menu a:hover { + background-color: #e2e2e2; + color: #ffffff; +} + + +.main-body { + +} + +.main-body a { + +} \ No newline at end of file diff --git a/index.html b/index.html index a8a1aad9..25ece73f 100644 --- a/index.html +++ b/index.html @@ -8,11 +8,27 @@ // 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 }; - + + + -
- Build Me! + + +
+

Ghee - Mail

+ + +
+ New + Inbox + Sent + Spam + Deleted +
+ + + \ No newline at end of file diff --git a/js/mail-generator.js b/js/mail-generator.js index 52d3ba66..55a75830 100644 --- a/js/mail-generator.js +++ b/js/mail-generator.js @@ -3,9 +3,36 @@ //Gee Mail message stub data - var subject = ['Call Your Mother', 'Cheap Online Meds', 'Change Your Life Today', 'Sppoky Stories', 'Meet Singles In Your Area', 'Have You Heard?', 'Yo', 'RE: Looking for a three legged cat', 'Get Rich Quick!', 'FW: Token Chain Email']; - var sender = ['Mary Monster', 'Dave Danger', 'Spam Master', 'Spike Spurner', 'Ray Ranger', 'Catherine Chaos', 'Van Pire', 'Andy Argye', 'Rick Roger', 'Sue Mee']; - var body = ['I am never gonna see a merman, ever. You haven\'t seen my drawer of inappropriate starches?','I\'ll kill a man in a fair fight. Or if I think he\'s gonna start a fair fight. Or if he bothers me. Or if there\'s a woman. Or if I\'m getting paid. Mostly when I\'m getting paid. I thought all children despise effort and enjoy cartoons. Don\'t be ridiculous. Martha Stewart isn\'t a demon. She\'s a witch. Someone else\'s loss is my chocolatey goodness. I don\'t want to use the word genius, but I\'d be ok if you wanted to. What did I say to you about barging into my shuttle? Now you can luxuriate in a nice jail cell, but if your hand touches metal, I swear by my pretty floral bonnet: I will end you. Oh Spike, devour me! You\'re gonna die screaming but you won\'t be heard. Eyeballs to entrails, my sweet.','We need to save Buffy from Hansel and Gretel. Well, you were busy trying to get yourself lit on fire. The only thing Willow was ever good for, the only thing I ever had going for me were those moments, just moments, where Tara would look at me and I was wonderful. Everyone\'s a hero in their own way, in their own not that heroic way. Planet\'s coming up a mite fast.','Better to cut you down to size, grandma. I\'m the one who brings about the thought-pocalypse. Yeah, it was sexy the way she touched me real hard with her fists. I dislike that Anya. She\'s newly human and strangely literal.','Yeah, well, I\'m not the one who wanted Wind Beneath My Wings for the first dance. She\'s a truck-driving magic mama! And I\'m a huge fan of the way you lose control and turn into an enormous green rage monster. We\'re outlaws with hearts of gold. Or even worse, a sneezure.','Oh my god! Did it sing? Turns out I suddenly find myself needing to know the plural of apocalypse. It\'s about women. It was like the Heimlich, with stripes! First of all, Feng Shui up the yin yang, also I designed parts of it but I did not design the stone cold foxes in the small clothes and the ample massage facilities. That girl will rain destruction down on you and your ship. Sweetie, if he had a tussle with that Sasquatch, we\'d be in the dirt right about now, scooping up the Captain\'s teeth. You can\'t spend the rest of your life waiting for Xander to wake up and smell the hottie. Either blow us all up or rub soup in our hair. It\'s a toss-up. I think calling him that is an insult to the psychotic lowlife community.','Xander, that\'s not the North Star, it\'s an airplane. You can\'t open the book of my life and jump in the middle. What do they need such good eyesight for anyway? Well we could grind our enemies into talcum powder with a sledgehammer but, gosh, we did that last night. The gentlemen are coming by. You can\'t take the sky from me. Okay, at this point you\'re abusing sarcasm. Well, I haven\'t been to a hell dimension just of late, but I do know a thing or two about torment.','And now the one person who should be here is gone, and a waste like you gets to live. The human mind is like Van Halen; if you just pull out one piece and keep replacing it, it just degenerates. Turns out I suddenly find myself needing to know the plural of apocalypse. It\'s a real burn, being right so often. Who\'s calling me? Everybody I know lives here.','Looking in windows, knocking on doors. Well, look at me. I\'m all fuzzy. And what\'s with all the carrots? That girl will rain destruction down on you and your ship. If I could make you purtier, I would. I wanna hurt you, but I can\'t resist the sinister attraction of your cold and muscular body! Seems odd you\'d name your ship after a battle you were on the wrong side of.','I\'m a comfortador also. You\'re a hell of a woman. Passion rules us all. You\'re gonna die screaming but you won\'t be heard. How did your brain even learn human speech? I\'m just so curious. Occasionally, I\'m callous and strange.']; + var subject = ['Call Your Mother', + 'Cheap Online Meds', + 'Change Your Life Today', + 'Sppoky Stories', + 'Meet Singles In Your Area', + 'Have You Heard?', + 'Yo', + 'RE: Looking for a three legged cat', + 'Get Rich Quick!', + 'FW: Token Chain Email']; + var sender = ['Mary Monster', + 'Dave Danger', + 'Spam Master', + 'Spike Spurner', + 'Ray Ranger', + 'Catherine Chaos', + 'Van Pire', + 'Andy Argye', + 'Rick Roger', + 'Sue Mee']; + var body = ['I am never gonna see a merman, ever. You haven\'t seen my drawer of inappropriate starches?', + 'I\'ll kill a man in a fair fight. Or if I think he\'s gonna start a fair fight. Or if he bothers me. Or if there\'s a woman. Or if I\'m getting paid. Mostly when I\'m getting paid. I thought all children despise effort and enjoy cartoons. Don\'t be ridiculous. Martha Stewart isn\'t a demon. She\'s a witch. Someone else\'s loss is my chocolatey goodness. I don\'t want to use the word genius, but I\'d be ok if you wanted to. What did I say to you about barging into my shuttle? Now you can luxuriate in a nice jail cell, but if your hand touches metal, I swear by my pretty floral bonnet: I will end you. Oh Spike, devour me! You\'re gonna die screaming but you won\'t be heard. Eyeballs to entrails, my sweet.', + 'We need to save Buffy from Hansel and Gretel. Well, you were busy trying to get yourself lit on fire. The only thing Willow was ever good for, the only thing I ever had going for me were those moments, just moments, where Tara would look at me and I was wonderful. Everyone\'s a hero in their own way, in their own not that heroic way. Planet\'s coming up a mite fast.', + 'Better to cut you down to size, grandma. I\'m the one who brings about the thought-pocalypse. Yeah, it was sexy the way she touched me real hard with her fists. I dislike that Anya. She\'s newly human and strangely literal.', + 'Yeah, well, I\'m not the one who wanted Wind Beneath My Wings for the first dance. She\'s a truck-driving magic mama! And I\'m a huge fan of the way you lose control and turn into an enormous green rage monster. We\'re outlaws with hearts of gold. Or even worse, a sneezure.', + 'Oh my god! Did it sing? Turns out I suddenly find myself needing to know the plural of apocalypse. It\'s about women. It was like the Heimlich, with stripes! First of all, Feng Shui up the yin yang, also I designed parts of it but I did not design the stone cold foxes in the small clothes and the ample massage facilities. That girl will rain destruction down on you and your ship. Sweetie, if he had a tussle with that Sasquatch, we\'d be in the dirt right about now, scooping up the Captain\'s teeth. You can\'t spend the rest of your life waiting for Xander to wake up and smell the hottie. Either blow us all up or rub soup in our hair. It\'s a toss-up. I think calling him that is an insult to the psychotic lowlife community.', + 'Xander, that\'s not the North Star, it\'s an airplane. You can\'t open the book of my life and jump in the middle. What do they need such good eyesight for anyway? Well we could grind our enemies into talcum powder with a sledgehammer but, gosh, we did that last night. The gentlemen are coming by. You can\'t take the sky from me. Okay, at this point you\'re abusing sarcasm. Well, I haven\'t been to a hell dimension just of late, but I do know a thing or two about torment.', + 'And now the one person who should be here is gone, and a waste like you gets to live. The human mind is like Van Halen; if you just pull out one piece and keep replacing it, it just degenerates. Turns out I suddenly find myself needing to know the plural of apocalypse. It\'s a real burn, being right so often. Who\'s calling me? Everybody I know lives here.', + 'Looking in windows, knocking on doors. Well, look at me. I\'m all fuzzy. And what\'s with all the carrots? That girl will rain destruction down on you and your ship. If I could make you purtier, I would. I wanna hurt you, but I can\'t resist the sinister attraction of your cold and muscular body! Seems odd you\'d name your ship after a battle you were on the wrong side of.', + 'I\'m a comfortador also. You\'re a hell of a woman. Passion rules us all. You\'re gonna die screaming but you won\'t be heard. How did your brain even learn human speech? I\'m just so curious. Occasionally, I\'m callous and strange.']; function loadGeeMails(){ @@ -47,3 +74,5 @@ window.getNewMessage = getNewMessage; loadGeeMails(); })(); + + From 106763fe5a8354295fd8b4af9d0f70c5665c15bf Mon Sep 17 00:00:00 2001 From: Lewis Nozaki Date: Tue, 12 Mar 2019 18:15:07 -1000 Subject: [PATCH 02/10] additional changes to layout --- assets/search.png | Bin 0 -> 13162 bytes css/style.css | 66 +++++++++++++++++++++++++++++++++++----------- index.html | 28 +++++++++++++++++--- 3 files changed, 74 insertions(+), 20 deletions(-) create mode 100644 assets/search.png diff --git a/assets/search.png b/assets/search.png new file mode 100644 index 0000000000000000000000000000000000000000..6213eba21f7a5d4f77c8c75c1e7b1c28158a1671 GIT binary patch literal 13162 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 literal 0 HcmV?d00001 diff --git a/css/style.css b/css/style.css index 19dcc78f..69efba3e 100644 --- a/css/style.css +++ b/css/style.css @@ -1,48 +1,82 @@ +* { + box-sizing: border-box; +} + +.container { + max-width: 800px; + margin: 30px auto; +} + .header { - margin: -10px 100px 0px 100px; + margin-top: -30px; background-color: #d44638; color: white; - padding: 20px; + padding: 20px 20px 20px 40px; font-size: 15px; } +#search { + float: right; + width: 80%; + background-color: rgb(247, 243, 243); + background-image: url("/assets/search.png"); + background-position: 7px; + background-size: 5%; + background-repeat: no-repeat; + padding-left: 50px; + height: 40px; + border-right: 1px solid #c6c6c6; +} + body { font-family: "roboto", sans-serif; background-color: #eeeeee; } .menu { - height: 70%; - width: 160px; - position: relative; - z-index: 1; - top: 0; - left: 0; + height: 500px; + float: left; + width: 20%; background-color: #fff; - overflow-x: hidden; + overflow-x: auto; padding-top: 0px; - border: 1px solid #c6c6c6; - margin-left: 100px; + border-right: 1px solid #c6c6c6; } .menu a { padding: 20px 8px 20px 30px; text-decoration: none; - font-size: 20px; + font-size: 15px; color: #818181; display: block; } .menu a:hover { - background-color: #e2e2e2; + background-color: #e49e9e; color: #ffffff; + border-top-right-radius: 50px; + border-bottom-right-radius: 50px; } +.emails { + float: right; + width: 80%; + height: 460px; + overflow: auto; + background-color: #fff; + padding-top: 0px; + border-left: 1px solid #c6c6c6; +} -.main-body { - +#compose:hover { + background-color: cornflowerblue; } -.main-body a { +#plus { + color: turquoise; + font-size: 20px; +} +.clear { + clear: both; } \ No newline at end of file diff --git a/index.html b/index.html index 25ece73f..2d57b3c5 100644 --- a/index.html +++ b/index.html @@ -13,22 +13,42 @@ - +
+
-

Ghee - Mail

+

Gee-mail

+
+ + +
+
- New + + Compose Inbox Sent Spam Deleted + Starred + Categories + Draft
- +
+
+ + +
+ + +
+

Copyright © DevLeague 2019

+
+ +
\ No newline at end of file From 11cc78417ca21901c5938993ea19a3ddeeaae6cd Mon Sep 17 00:00:00 2001 From: Lewis Nozaki Date: Tue, 12 Mar 2019 22:54:54 -1000 Subject: [PATCH 03/10] javascript --- assets/mail.png | Bin 0 -> 26174 bytes assets/plus.png | Bin 0 -> 848 bytes css/style.css | 37 ++++++++++++++- index.html | 124 ++++++++++++++++++++++++++++++++++++++++++++++-- 4 files changed, 155 insertions(+), 6 deletions(-) create mode 100644 assets/mail.png create mode 100644 assets/plus.png diff --git a/assets/mail.png b/assets/mail.png new file mode 100644 index 0000000000000000000000000000000000000000..d290e2ee650be1234d6801f874a0eacd1e25c781 GIT binary patch literal 26174 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 z

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 literal 0 HcmV?d00001 diff --git a/assets/plus.png b/assets/plus.png new file mode 100644 index 0000000000000000000000000000000000000000..5d4a58099e15b34e3b4c106c60e4211892e95e93 GIT binary patch literal 848 zcmeAS@N?(olHy`uVBq!ia0y~yVEh8Y96$kvcY7Pc7#NtvJzX3_DsH{KX~@N(z{BFm z{O|wijo%p6J<_aKAMkzoZfRz&u!DGsBUaR|_o4|a;)}h&iWSN3TELAJS>dokyyS&i z16DhLg4DC-dcl`n^Lep487N4OtFZ@+-U}Q76MJDHBw*B6|K~SF4-9ZH%jtdBk6h1( w9u)%<2^XcXMk83z8Eawz3ev@?)UZWKHXxn%e0LL<4=Ag6y85}Sb4q9e0Mg1(Z~y=R literal 0 HcmV?d00001 diff --git a/css/style.css b/css/style.css index 69efba3e..a72b499b 100644 --- a/css/style.css +++ b/css/style.css @@ -12,7 +12,23 @@ background-color: #d44638; color: white; padding: 20px 20px 20px 40px; - font-size: 15px; + font-size: 20px; +} + +#logo { + text-shadow: 5px 5px 5px #701616; +} + +#log-out { + margin-top: -70px; + float:right; + font-size: 10px; + border: 2px solid white; + padding: 10px; + border-radius: 50px; + background-color: white; + color: #d44638; + box-shadow: 2px 2px #c6c6c6; } #search { @@ -79,4 +95,21 @@ body { .clear { clear: both; -} \ No newline at end of file +} + +.subject { + font-size: 13px; + list-style-type: none; + padding: 17px 10px 10px 50px; + border-bottom: 1px dotted #818181; + background-image: url("/assets/plus.png"); + background-position: 7px; + background-size: 5%; + background-repeat: no-repeat; +} + +.message, .sender, .date { + /* border-top: 1px solid #9c9c9c; */ + padding: 10px; + display: none; +} diff --git a/index.html b/index.html index 2d57b3c5..e1ab822c 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,114 @@ @@ -17,7 +123,10 @@

-

Gee-mail

+

+ geeMail +

+ Log Out
@@ -28,7 +137,7 @@

Gee-mail

+ Compose - Inbox + Inbox Sent Spam Deleted @@ -39,6 +148,13 @@

Gee-mail

+
From bbe36d4321c7c86d9268b1e1adf2d0dca363c5d5 Mon Sep 17 00:00:00 2001 From: Lewis Nozaki Date: Wed, 13 Mar 2019 00:19:02 -1000 Subject: [PATCH 04/10] more edits --- css/style.css | 17 +++++++++++------ index.html | 36 ++++++++++++++++++++++++++++++++---- 2 files changed, 43 insertions(+), 10 deletions(-) diff --git a/css/style.css b/css/style.css index a72b499b..40547259 100644 --- a/css/style.css +++ b/css/style.css @@ -50,7 +50,7 @@ body { } .menu { - height: 500px; + height: 480px; float: left; width: 20%; background-color: #fff; @@ -77,7 +77,7 @@ body { .emails { float: right; width: 80%; - height: 460px; + height: 440px; overflow: auto; background-color: #fff; padding-top: 0px; @@ -103,13 +103,18 @@ body { padding: 17px 10px 10px 50px; border-bottom: 1px dotted #818181; background-image: url("/assets/plus.png"); - background-position: 7px; - background-size: 5%; + background-position: 10px; + background-size: 6%; background-repeat: no-repeat; } .message, .sender, .date { /* border-top: 1px solid #9c9c9c; */ - padding: 10px; - display: none; + padding: 17px 10px 10px 50px; + font-size: 13px; + /* display: none; */ +} + +.content { + /* display: block; */ } diff --git a/index.html b/index.html index e1ab822c..ca32b15e 100644 --- a/index.html +++ b/index.html @@ -94,26 +94,54 @@ // Set ID & Append Child UIsubject.className = "subject"; UIsubject.textContent = geemails[i].subject; + emailContainer.appendChild(UIsubject); + UIsubject.style.display = "block"; + UIdate.className = "date"; UIdate.textContent = geemails[i].date; UIsubject.appendChild(UIdate); + UIdate.style.display = "none"; + UIsender.className = "sender"; UIsender.textContent = geemails[i].sender; UIsubject.appendChild(UIsender); + UIsender.style.display = "none"; + UIbody.className = "message"; UIbody.textContent = geemails[i].body; UIsubject.appendChild(UIbody); - emailContainer.appendChild(UIsubject); + UIbody.style.display = "none"; + // Append to Inbox Body inboxBody.appendChild(emailContainer); + + let w = document.body.querySelectorAll(".subject")[i]; + let x = document.body.querySelectorAll(".date")[i]; + let y = document.body.querySelectorAll(".sender")[i]; + let z = document.body.querySelectorAll(".message")[i]; + //console.log(z); + w.addEventListener('click', showMsg); + function showMsg(e) { + if(e.target.style.display === "block"){ + x.style.display = "block"; + y.style.display = "block"; + z.style.display = "block"; + } + } + w.addEventListener('dblclick', hideMsg) + function hideMsg(e){ + if(e.target.style.display === "block"){ + x.style.display = "none"; + y.style.display = "none"; + z.style.display = "none"; + } + } } } generateEmails(geemails); - - - }; + }; From a7a742226120933450caacee7ed1349ef2b2b7ff Mon Sep 17 00:00:00 2001 From: Lewis Nozaki Date: Thu, 14 Mar 2019 23:51:25 -1000 Subject: [PATCH 05/10] edits and more code. Almost done! --- assets/minus.png | Bin 0 -> 10047 bytes css/style.css | 13 +++-- index.html | 146 ++++++++++++++++++++++++++++++++--------------- 3 files changed, 108 insertions(+), 51 deletions(-) create mode 100644 assets/minus.png diff --git a/assets/minus.png b/assets/minus.png new file mode 100644 index 0000000000000000000000000000000000000000..d11223ffffde087d00eb8104c8c0bcea3ac1b6c0 GIT binary patch literal 10047 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 literal 0 HcmV?d00001 diff --git a/css/style.css b/css/style.css index 40547259..7c4a367f 100644 --- a/css/style.css +++ b/css/style.css @@ -16,15 +16,16 @@ } #logo { - text-shadow: 5px 5px 5px #701616; + text-shadow: 10px 10px 20px #701616; } #log-out { margin-top: -70px; - float:right; + margin-right: 10px; + float: right; font-size: 10px; border: 2px solid white; - padding: 10px; + padding: 10; border-radius: 50px; background-color: white; color: #d44638; @@ -74,7 +75,7 @@ body { border-bottom-right-radius: 50px; } -.emails { +#emails { float: right; width: 80%; height: 440px; @@ -115,6 +116,6 @@ body { /* display: none; */ } -.content { - /* display: block; */ +#first-email { + display: none; } diff --git a/index.html b/index.html index ca32b15e..afd474a9 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,10 @@ @@ -152,7 +208,7 @@

- geeMail + GeeMail

Log Out
@@ -165,9 +221,9 @@

+ Compose - Inbox + Inbox (0) Sent - Spam + Spam Deleted Starred Categories @@ -175,14 +231,14 @@

-
- +
  • Open this email, Young sir.

    Abraham Lincoln

    October 31, 2019

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet beatae veniam consequuntur deserunt suscipit nisi quidem explicabo voluptates? Consectetur reiciendis fugit aspernatur, itaque ad facilis quae exercitationem. Obcaecati accusantium quia saepe nesciunt qui! Tempora numquam pariatur id voluptate tenetur praesentium! Ratione dolorum quae reiciendis sint alias voluptates maiores voluptatem ipsum.

    • -
    --> +

    From 96739a65c800eaf69b57b99370184cb748d677c9 Mon Sep 17 00:00:00 2001 From: Lewis Nozaki Date: Mon, 18 Mar 2019 18:15:18 -1000 Subject: [PATCH 06/10] Final commit --- index.html | 58 +++++++++++++++++++++++++++++++++++++----------------- 1 file changed, 40 insertions(+), 18 deletions(-) diff --git a/index.html b/index.html index afd474a9..d80519dd 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@ let subject = ['Call Your Mother', 'Cheap Online Meds', 'Change Your Life Today', - 'Sppoky Stories', + 'Spooky Stories', 'Meet Singles In Your Area', 'Have You Heard?', 'Yo', @@ -79,11 +79,12 @@ window.getNewMessage = getNewMessage; loadGeeMails(); - // My Code + // My Code // + let inboxBody = document.querySelector("#emails"); function generateEmails(n) { - for(i=0; i Date: Tue, 19 Mar 2019 19:56:25 -1000 Subject: [PATCH 07/10] Final Commit Pt.2 (Really this time) --- css/style.css | 2 +- index.html | 289 ++++++++++++++----------------------------- js/mail-generator.js | 2 +- 3 files changed, 95 insertions(+), 198 deletions(-) diff --git a/css/style.css b/css/style.css index 7c4a367f..a8be33b1 100644 --- a/css/style.css +++ b/css/style.css @@ -28,7 +28,7 @@ padding: 10; border-radius: 50px; background-color: white; - color: #d44638; + color: #9c342b; box-shadow: 2px 2px #c6c6c6; } diff --git a/index.html b/index.html index d80519dd..f0e4600c 100644 --- a/index.html +++ b/index.html @@ -5,202 +5,100 @@ @@ -243,7 +140,7 @@

    + Compose - Inbox (0) + Inbox (10) Sent Spam Deleted diff --git a/js/mail-generator.js b/js/mail-generator.js index 55a75830..be2ad123 100644 --- a/js/mail-generator.js +++ b/js/mail-generator.js @@ -6,7 +6,7 @@ var subject = ['Call Your Mother', 'Cheap Online Meds', 'Change Your Life Today', - 'Sppoky Stories', + 'Spooky Stories', 'Meet Singles In Your Area', 'Have You Heard?', 'Yo', From b2cd50ce2a02c0ca435803b45a145429fed706b7 Mon Sep 17 00:00:00 2001 From: Lewis Nozaki Date: Wed, 20 Mar 2019 18:36:46 -1000 Subject: [PATCH 08/10] Okay, really this time. Final Commit. Pt.3! --- css/style.css | 29 ++++++++++++++++++++++++++--- index.html | 32 ++++++++++++++++---------------- 2 files changed, 42 insertions(+), 19 deletions(-) diff --git a/css/style.css b/css/style.css index a8be33b1..f16dbf89 100644 --- a/css/style.css +++ b/css/style.css @@ -16,7 +16,7 @@ } #logo { - text-shadow: 10px 10px 20px #701616; + text-shadow: 20px 20px 20px #701616; } #log-out { @@ -24,12 +24,12 @@ margin-right: 10px; float: right; font-size: 10px; - border: 2px solid white; + border: 2px solid lightgrey; padding: 10; border-radius: 50px; background-color: white; color: #9c342b; - box-shadow: 2px 2px #c6c6c6; + //box-shadow: 2px 2px #c6c6c6; } #search { @@ -43,6 +43,7 @@ padding-left: 50px; height: 40px; border-right: 1px solid #c6c6c6; + border-radius: 10px; } body { @@ -109,6 +110,11 @@ body { background-repeat: no-repeat; } +.subject:hover{ + background: #929292; + color: white; +} + .message, .sender, .date { /* border-top: 1px solid #9c9c9c; */ padding: 17px 10px 10px 50px; @@ -119,3 +125,20 @@ body { #first-email { display: none; } +/*side bar CSS*/ +/* width */ +::-webkit-scrollbar { + width: 10px; +} + +/* Track */ +::-webkit-scrollbar-track { + box-shadow: inset 0 0 5px grey; + border-radius: 10px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: rgb(165, 165, 165); + border-radius: 10px; +} \ No newline at end of file diff --git a/index.html b/index.html index f0e4600c..2513b5da 100644 --- a/index.html +++ b/index.html @@ -79,26 +79,26 @@ generateEmails(1); - let classDiv = document.getElementsByClassName("subject"); - for (i = 0; i Date: Thu, 21 Mar 2019 19:15:50 -1000 Subject: [PATCH 09/10] Just Kidding. A Little more changes... --- index.html | 24 +++++++++++++----------- js/mail-generator.js | 3 +++ 2 files changed, 16 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 2513b5da..2d7f21ea 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ let inboxBody = document.querySelector("#emails"); - function generateEmails(n) { + function generateEmails(n, m) { for(i=0; i Date: Tue, 9 Apr 2019 21:12:32 -1000 Subject: [PATCH 10/10] update --- css/style.css | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/css/style.css b/css/style.css index f16dbf89..38eb07e5 100644 --- a/css/style.css +++ b/css/style.css @@ -24,12 +24,18 @@ margin-right: 10px; float: right; font-size: 10px; - border: 2px solid lightgrey; + border: 2px solid white; padding: 10; border-radius: 50px; background-color: white; color: #9c342b; - //box-shadow: 2px 2px #c6c6c6; + /* box-shadow: 2px 2px #c6c6c6; */ +} + +#log-out:hover { + transition: 0.3s; + background-color: #e49e9e; + color: white; } #search { @@ -74,6 +80,7 @@ body { color: #ffffff; border-top-right-radius: 50px; border-bottom-right-radius: 50px; + transition: 0.3s; } #emails { @@ -111,8 +118,11 @@ body { } .subject:hover{ - background: #929292; - color: white; + /* background: #929292; + color: white; */ + /* padding: 15px 15px 15px 50px; */ + font-size: 15px; + transition: 0.3s; } .message, .sender, .date {