From 67ce09d8bcde2da92280f741e724966fe17dcd01 Mon Sep 17 00:00:00 2001 From: jarrydstan Date: Mon, 29 Aug 2022 20:47:09 +1000 Subject: [PATCH 1/2] [FEAT] Added extra chat members --- chat-styles.css | 106 +++++++++++++++++++++++++++--------------------- 1 file changed, 60 insertions(+), 46 deletions(-) diff --git a/chat-styles.css b/chat-styles.css index 53b9aed..7ea863a 100644 --- a/chat-styles.css +++ b/chat-styles.css @@ -1,74 +1,88 @@ #chat_container::before { - content: "START CHATTING"; - font-style: italic; - color: #c1c1c1; - font-weight: 500; + content: "START CHATTING"; + font-style: italic; + color: #c1c1c1; + font-weight: 500; } #chat_container { - font-family: "Roboto"; - font-weight: 400; - background: rgba(0, 0, 0, 0.65); - padding: 32px; - margin: 16px; - box-sizing: border-box; - margin-top: 0px; - display: flex; - flex-direction: column; - justify-content: flex-end; - max-height: 250px; - width: fit-content; - max-width: 1950px; + font-family: "Roboto"; + font-weight: 400; + background: rgba(0, 0, 0, 0.65); + padding: 32px; + margin: 16px; + box-sizing: border-box; + margin-top: 0px; + display: flex; + flex-direction: column; + justify-content: flex-end; + max-height: 800px; + width: fit-content; + max-width: 1950px; - border-style: solid; - border-width: 12px; - border-image: radial-gradient( - circle, - rgba(255, 214, 0, 1) 12%, - rgba(254, 6, 114, 1) 64%, - rgba(255, 98, 46, 1) 100% - ) - 1; + border-style: solid; + border-width: 12px; + border-image: radial-gradient( + circle, + rgba(255, 214, 0, 1) 12%, + rgba(254, 6, 114, 1) 64%, + rgba(255, 98, 46, 1) 100% + ) + 1; } div[data-nick="nordicaussie"] .nick::before { - content: " King "; - color: green; + content: " King "; + color: green; } div[data-nick="nordicaussie"] .message { - color: royalblue; + color: royalblue; } div[data-nick="wspuh"] .nick::before { - content: " Slayyyve "; - color: pink; + content: " Slayyyve "; + color: pink; } div[data-nick="dankd0sh"] .nick::after { - content: " from the area "; - color: lightslategray; + content: " from the area"; + color: lightslategray; } div[data-nick="vk0y"] .nick::before { - content: " Grumpy "; + content: " Furry "; + color: cyan; } div[data-nick="cairoxo"] .nick::before { - content: " Furry "; + content: " Furry "; + color: cyan; } div[data-nick="babytrishaj"] .nick::before { - content: " Gym bro "; - color: cornflowerblue; + content: " Gym bro "; + color: cornflowerblue; } div[data-nick="lilkasian"] .nick::before { - content: " American Girl "; - color: cyan; + content: " American Girl "; + color: cyan; } div[data-nick="lulubaee"] .nick::before { - content: " "; - color: deeppink; + content: " Priv "; + color: deeppink; } div[data-nick="mildnights"] .nick::before { - content: " FED "; - color: dodgerblue; + content: " FED "; + color: dodgerblue; } -div[data-nick="mildnights"] .nick::before { - content: " FED "; - color: dodgerblue; +div[data-nick="tntrinh"] .nick::before { + content: " Smoger "; + color: antiquewhite; +} +div[data-nick="lourdes_ttv"] .nick::before { + content: " Retired Streamer "; + color: darkcyan; +} +div[data-nick="simchiii"] .nick::before { + content: " Farmer "; + color: firebrick; +} +div[data-nick="babytrishaj"] .nick::before { + content: " Swole "; + color: mediumspringgreen; } From 4955b21df254b17d4d1d475527992f31fa0aff45 Mon Sep 17 00:00:00 2001 From: jarrydstan Date: Mon, 29 Aug 2022 21:03:39 +1000 Subject: [PATCH 2/2] [FEAT] Enlarged the QR code and twitter bubble --- starting-screen/styles.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/starting-screen/styles.css b/starting-screen/styles.css index 90ce0c2..27799ba 100644 --- a/starting-screen/styles.css +++ b/starting-screen/styles.css @@ -101,8 +101,8 @@ body { align-items: center; } .twitter-logo { - width: 30px; - height: 30px; + width: 40px; + height: 40px; fill: rgb(50, 50, 50); } .speech-bubble { @@ -116,7 +116,7 @@ body { vertical-align: top; border-radius: 0.4em; padding: 3px 0px; - width: 40px; + width: 50px; } .speech-bubble:after { border: 6px solid transparent; @@ -131,8 +131,8 @@ body { } .twitter-qr { margin-top: 0px; - width: 50px; - height: 50px; + width: 75px; + height: 75px; color: white; justify-content: flex-end; border: 2px solid white;