From 5849f53f409bfd9c289cfd71e5f1de838555543c Mon Sep 17 00:00:00 2001 From: TheRed Date: Thu, 17 Feb 2022 18:17:35 +0200 Subject: [PATCH] Some changes --- components/background.js | 66 ++++++++++++ components/codeblock.js | 4 +- components/content.js | 6 +- components/embed.js | 5 + components/popsicle.js | 2 + components/socials.js | 2 + pages/_app.js | 5 +- pages/articles.js | 4 +- pages/articles/big_chungus_testing.js | 16 +++ .../clearing_up_my_position_in_the_attack.js | 87 +++++++++++++++ styles/Alert.module.css | 5 +- styles/Article.module.css | 1 + styles/Articles.module.css | 13 ++- styles/Background.module.css | 102 ++++++++++++++++++ styles/CodeBlock.module.css | 46 ++++++-- styles/Content.module.css | 59 +++++++--- styles/Navbar.module.css | 6 +- styles/Popsicle.module.css | 26 ++++- styles/Socials.module.css | 26 ++++- styles/Textbox.module.css | 5 +- styles/globals.css | 2 +- 21 files changed, 446 insertions(+), 42 deletions(-) create mode 100644 components/background.js create mode 100644 components/embed.js create mode 100644 pages/articles/big_chungus_testing.js create mode 100644 pages/articles/clearing_up_my_position_in_the_attack.js create mode 100644 styles/Background.module.css diff --git a/components/background.js b/components/background.js new file mode 100644 index 0000000..7899af9 --- /dev/null +++ b/components/background.js @@ -0,0 +1,66 @@ +import styles from '../styles/Background.module.css'; + +export default function Background() { + return ( + <> +
+
+
+ function TheRed() {'{'}
+ console.log('is this explosive?');
+ {'}'} +
+
+ function Website() {'{'}
+ console.log('Feeling absolutely great!');
+ {'}'} +
+
+ // WHAT DID YOU JUST SAY TO ME +
+
+ // THIS IS NOT TERRIBLE DESIGN! THIS IS INNOVATIVE! +
+
+ function justARandomPieceOfCode() {'{'}
+ console.log('very funny');
+ {'}'} +
+
+ // please don't tell me this is not good enough for beta 2 alpha 1 ;-; +
+
+ // shit has went down ;-; +
+
+ // NO +
+
+ // fuck off i ain't a pedo, neither do i support them +
+
+ {/* */} + // Me getting suspended over this is genuinely stupid. + {/* */} +
+
+ // DUCKS AIN'T EXPLOSIVE, THEY NOT A NUCLEAR BOMB!!!11 +
+
+ function cheese() {'{'}
+ console.log('mmm cheesy');
+ {'}'} +
+
+ "I am not pleased to be a bomb. Please do not make me a bomb.".toBomb(); +
+
+ let TheRed = new Developer(); +
+
+ . - + ---==== WEEEEEEEE ={'>'} +
+
+ + ) +} \ No newline at end of file diff --git a/components/codeblock.js b/components/codeblock.js index b204b69..c1731e0 100644 --- a/components/codeblock.js +++ b/components/codeblock.js @@ -3,8 +3,8 @@ import styles from '../styles/CodeBlock.module.css'; export default function CodeBlock (props) { return (
- {props.quote ? (
{props.author} says:
) : null} -
{props.children}
+ {props.quote ? (
{props.author} says:
) : null} +
{props.children}
) } \ No newline at end of file diff --git a/components/content.js b/components/content.js index 08fd85d..37fde02 100755 --- a/components/content.js +++ b/components/content.js @@ -1,12 +1,14 @@ import styles from "../styles/Content.module.css"; import Socials from "./socials"; import Link from "next/link" +import Background from "./background"; export default function Content() { return <> -
+ +
-

TheRed

+

TheRed

Hey there! Welcome to my website. I'm a full-stack developer, mostly specializing in web and app development. I'm currently working on a project called Chatsy, as well as some others! You can check them out here.
diff --git a/components/embed.js b/components/embed.js new file mode 100644 index 0000000..8fef47c --- /dev/null +++ b/components/embed.js @@ -0,0 +1,5 @@ +export default function embed(props) { + return ( +
+ ) +} \ No newline at end of file diff --git a/components/popsicle.js b/components/popsicle.js index 21f85ca..2e4b242 100644 --- a/components/popsicle.js +++ b/components/popsicle.js @@ -3,8 +3,10 @@ import styles from "/styles/Popsicle.module.css" export default function Popsicle(PROPERTIES) { return (
+
{PROPERTIES.children ?? "Popsicle"} +
) } \ No newline at end of file diff --git a/components/socials.js b/components/socials.js index 9f348e0..28067d7 100755 --- a/components/socials.js +++ b/components/socials.js @@ -3,10 +3,12 @@ import styles from "../styles/Socials.module.css"; export default function Socials() { return <>
+
Discord
Twitter
Youtube
Matrix
 +
} \ No newline at end of file diff --git a/pages/_app.js b/pages/_app.js index 6d91a60..43056d8 100755 --- a/pages/_app.js +++ b/pages/_app.js @@ -4,7 +4,10 @@ import BottomBar from '../components/bottombar' export default function MyApp({ Component, pageProps }) { return <> + + + - + {/* */} } \ No newline at end of file diff --git a/pages/articles.js b/pages/articles.js index ef3d2de..a5a0ee8 100644 --- a/pages/articles.js +++ b/pages/articles.js @@ -9,10 +9,12 @@ export default function Articles() { Latest (This is a very new part of the website, no proper automation has been implemented, all articles are written manually ^*^)
+
+ Clearing up my position in the attack.
Published on 2022/Feb/16

Reply of Cummies to "An update on my situation"
Published on 2022/Feb/16

- {/* Clearing up my position in the attack.
Published on 2022/Feb/16

*/} New updates to TheRed.SH!
Published on 2022/Feb/15

An update on my situation
Published on 2022/Feb/15
+
) diff --git a/pages/articles/big_chungus_testing.js b/pages/articles/big_chungus_testing.js new file mode 100644 index 0000000..e595e3b --- /dev/null +++ b/pages/articles/big_chungus_testing.js @@ -0,0 +1,16 @@ +import Article from "../../components/article"; +import CodeBlock from "../../components/codeblock"; +import Author from "../../components/author"; +import embed from "../../components/embed"; +import Navbar from "../../components/navbar"; +export default function BigChungusTesting () { + return ( + <> + +
+ Big Chungus + +
+ + ) +} \ No newline at end of file diff --git a/pages/articles/clearing_up_my_position_in_the_attack.js b/pages/articles/clearing_up_my_position_in_the_attack.js new file mode 100644 index 0000000..d1a3ace --- /dev/null +++ b/pages/articles/clearing_up_my_position_in_the_attack.js @@ -0,0 +1,87 @@ +import Article from '../../components/article'; +import Author from '../../components/author'; +import Navbar from '../../components/navbar'; +import EndQuote from '../../components/endquote'; +import Codeblock from '../../components/codeblock'; + +export default function NewUpdatesToTheRedSH () { + return ( + <> + +
+ TheRed + Clearing up my position in the attack.
+ Hello, so, I've looked through the forums post, and from what I've seen - people still think I encouraged or had any involvement whatsoever in the sexual harassement attacks.

+ I'm going to tell you, I had no involvement in it whatsoever. I never encouraged any of it, and I do agree - it's not exactly great to do it to people. The forum attacks could still be going, and I'm not aware of the state of that at all.
+ I never told anyone I had the "solution" to the problem, but it was something that wasn't that hard to implement, if you actually knew what you're doing. Ryan said, that it wasn't easy to do and the solution deployed caused issues in the longrun.
+ There is a way simpler solution to the problem, however, I'm not the kind-of person to betray people just because they're attacking a website of a community that I was going to quit anyways.
+ If you knew how to actually use cloudflare properly, you would've known.
+ Again, to repeat, I am absolutely unaware of the attacks (if they are even there atm) that are going right now and I have no idea who could be doing it, as I got absolutely no information on that.
+ I will now say tho, I do know some ways of solving it, however, I'm not a person who's willing to betray someone over it. This person trusted me with part of this information, and I will not proceed to give anyone that information.
+ Even if I gave you this information, it wouldn't solve anything. Sure - you'd solve one part of the forum, but these people will just keep attacking. I talked to them, they will not stop.
+ And no, I'm not getting "lied to". I've fixed the issue myself before, as I had other people attack my stuff. This attack? Was them. The 2021 player data leak? Again, was them. They won't stop - no matter what you do, you will not get away from them. I'll tell you, I'm not supportive of them in any way, but I'm telling you what I see happening.
+
+ Also, Ryan saying that "IPs are public" is absolutely ridiculously stupid and makes no sense from a privacy perspective.
+ Do you have any idea of how much shit I got into when my IP got leaked on kaboom? do you have any idea?
+ There's multiple reasons for why IPs are NOT a public resource, and I'll now quote some of them (yes not even all of them)
+ + - Easily linkable to a player, thanks to ban requests ={'>'} easily targetable
+ - DDoSable
+ - May run vulnerable software exposed to the internet
+ - Easily trackable + + It's stupid just how ignorant Ryan is. Sure, he said "to please players" but I don't think he knows what he's actually talking about. IPs in NO WAY should be a public resource.
+ Another thing, the attack that was done on the forums was not even a DDoS attack. Not even DoS. It should've been fixed like a WHILE ago. I don't understand how a solution like this is so hard to do.
+ I'm being vague here in order to prove how apparently "hard" it is for the management team to do anything. I don't see them as capable. If you can tell me at LEAST 3 good reasons for why the AMT is actually good at doing their job, then I'll say sorry.
+ Maybe I'm just looking at you in the wrong way? because apparently AMT is actually "good" at their job and know what they're doing, and I AM the person who knows nothing about this.
+ Trust me, I know what I'm talking about and I've experienced this before.
+ Not only I don't want to betray anyone who trusted me with this information, even if they do shit like this, I just don't see how giving admins this information would really fix the major problem with AMT.
+ I could be nice and help them fix it, but I just can't see how that would help. Let's get some quotes and answer them, as then it's easier to get people's questions answered.
+ The QnAs
+ + For context, he told the admin team that he had information on exactly how the attacks were being done, and he also told us he knew how to stop the attacks.
+ He then purposefully withheld that information from everyone who asked despite us asking multiple times over several hours.
+ After being given a last chance by video to come clean, he was indefinitely suspended. + + At the time that Video was giving my "last chance", I was busy and didn't exactly have the time to reply or do anything. I never said I had exactly the information to stop the attacks. But even if I gave you it - that wouldn't solve anything.
+ + Again, the information did indeed turn out to be useless - but in all of the conversations leading up to that, you made it clear that you had the key to fixing the problem.
+ You used this so called information as leverage to force the executive team into negotiations with the ddoser. + + Ah yes "useless" - but only if you don't know what you're doing. There are multiple ways going about the problem, as I will be honest with you - I have experienced this myself. There's the dumb way, which is, writing a proxy using node or something like that and that one line of code (I know what it is, but because it looks like this community is not exactly accepting of me and looks like willing to betray me even if I give this information, I won't tell what that code is supposed to do.)
+ I don't want to help out the admin team, as I saw that in some areas, part of the admin team actually lied to players.
+ I didn't use the information to force the executive team into negotiations, but I encouraged negotiations, as they will not stop unless you actually talk to them and solve the problem at hands. Me giving information will not solve anything. + + from my understanding, he failed to even identify what this actually was, opting to be really vague about it instead and essentially provide non-answers, so he can fuck right off with that bullshit. + + I was vague on purpose. I'm not giving away a solution just so the AMT has it all put on the plate for them. I wasn't just not giving this information just to fuck off with it, the reason for it is to prove how bad the AMT actually is.
+ Apparently there is another attack as I've seen in a forum post, so as I said, they will not stop. I don't see how the AMT knows what they're doing, which is why I'm not giving them all of the information I have, even if I have a minimal amount of it. + + you had good motivations but made a really bad judgement call. i think that's forgiveable but you should give it time.
+ it was wrong to assume that anyone involved would learn any lesson from this.
+ it was also wrong to beg for forgiveness in the same breath as you spewed insults.
+ you cannot expect a positive response from the administration after calling them incapable of their jobs.
+ i appreciate that you started out sincere and hopeful but it appears you gave up halfway through.
+ wishing you the best. + + I do in part agree with you, I was a bit angry at the time of how ridiculous this situation is.
+ I did want to push reforms, as it's stupid how bad the AMT actually is. If they can prove it, I'll take back everything I said.
+ Also, what should I even hope for at all, if the AMT doesn't actually look at this critically and essentially just gets mad at me just because I never gave the solution?
+ I never wanted to work with a team who wanted this badly for me to give information that they had to suspend me over it. Ah yes, I was *totally* the one to attack the TF Forums. Here's the thing - I never in any way attacked the forums and I was not part of the attack in any way. I do not support the attack.
+ I'll be nice to you, take it or leave it.
+ I can see how much backlash I keep getting for this, from my own friends and other people. I'll be cool with you this time around - I will help you solve these issues if you can prove that you're capable of actually solving stuff.
+ I will ask for the people involved in the attack, if there even is one, to stop, if you actually prove your worth as AMT. I will not help you if I conclude that you're not capable. I'm not going to be a person who just lifts everything off your shoulders.
+ Now the thing is, I will not be leaking anyone's identity, take it or leave it. It's stupid how ridiculous the situation was with IBRs. People had their IPs leaked over it! I know how it feels because I already experienced this and I even mentioned it in this post.
+ If the AMT can prove their worth, I'll actually help them in solving these sorts of things. More info will again, be posted on this site, if anything new comes up.
+ Mostly to DirectorPain and other people that got mad at me like insane: I'm sorry that I look so inconsiderate. But it's just how it is - I will just feel like an absolute piece of shit if I give people information. I'll be clear - I know a minimal amount of information, but I know a good enough amount of it that I think could be used to solve this. I never gave the full information to anyone.
+ I'm apparently in the wrong here, and I'm sorry for the shit I've caused in the process to the staff team and everyone else. I wanted to make it clear my information will solve this issue if you know what you're doing, but it won't solve the whole situation.

+ Oh btw, it wasn't the attackers or me that sexually harassed people, people from omegle did. Another thing, I do not support pedos, neither do the attackers. +

+ + Looking forward to a response,
+ TheRed + +
+ + ) +} diff --git a/styles/Alert.module.css b/styles/Alert.module.css index 4cbdef8..1c8b2d5 100644 --- a/styles/Alert.module.css +++ b/styles/Alert.module.css @@ -45,11 +45,12 @@ width: 70px; min-width: 70px; display: block; - /* mix-blend-mode: luminosity; */ + mix-blend-mode: normal; scale: 1; -webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.15); box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.15); min-height:61px; + z-index:100; } .Alert>i { animation-name: pop; @@ -60,6 +61,7 @@ scale: 0; font-size: 12pt; mix-blend-mode: normal; + z-index:2; } .Alert>span { animation-name: appeartext; @@ -69,4 +71,5 @@ animation-timing-function: ease; font-size: 0pt; mix-blend-mode: normal; + z-index:2; } \ No newline at end of file diff --git a/styles/Article.module.css b/styles/Article.module.css index 3837c32..a36ab9e 100644 --- a/styles/Article.module.css +++ b/styles/Article.module.css @@ -8,6 +8,7 @@ opacity:1; } } + .Article { scale: .75; opacity:0; diff --git a/styles/Articles.module.css b/styles/Articles.module.css index 6192344..7256734 100644 --- a/styles/Articles.module.css +++ b/styles/Articles.module.css @@ -42,7 +42,7 @@ background-color:rgb(27, 26, 36); padding: 10px; padding-left: 20px; - margin-top:calc(160px + 18pt - 4vw); + margin-top:calc(170px + 18pt - 4.5vw); position: absolute; display: block; border: 0px white solid; @@ -56,9 +56,15 @@ animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; - padding-bottom:23px; + padding-bottom:13px; -webkit-box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.35); box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.35); + overflow:hidden; +} +.ArticleBox { + overflow:hidden; + padding-bottom:10px; + width:calc( 100vw - 30px * 2 - 20px ); } .LinkText { color: #fff; @@ -76,7 +82,8 @@ padding-right:20px; font-family: 'Consolas'; margin-bottom:-10px; - margin-top:4px; + margin-top:6px; + padding-bottom:1px; z-index:+10; position:relative; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(27, 26, 36) 35%); diff --git a/styles/Background.module.css b/styles/Background.module.css new file mode 100644 index 0000000..3f20270 --- /dev/null +++ b/styles/Background.module.css @@ -0,0 +1,102 @@ +@keyframes moveBackground { + from { + background-position-x: 0%; + } to { + background-position-x: 500%; + } +} +@keyframes moveBackgroundSPEED { + from { + background-position-x: 0%; + left:-2500vw; + } to { + background-position-x: 500%; + left:150vw; + } +} + +@keyframes slidefunny { + from { + opacity:0; + filter:blur(10px); + scale: .9; + } + to { + opacity:1; + filter:blur(0px); + scale: 1; + } +} + +.rainbowText { + background-clip: text; + -webkit-background-clip: text; + color: transparent; + background-size: 500%, 100%; + animation: moveBackground 20s linear infinite; +} + +.speedRainbowText { + background-clip: text; + -webkit-background-clip: text; + color: transparent; + background-size: 500%, 100%; + animation: moveBackgroundSPEED 20s linear infinite; + bottom:19vh; + left:2vw; + overflow:hidden; + white-space: nowrap; +} + +.ownRainbow { + background-image: linear-gradient(-45deg, hsl(360, 100%, 60%) 10%, hsl(270, 100%, 60%), rgb(51, 139, 255) 50%, hsl(270, 100%, 60%) 70%, hsl(360, 100%, 60%) 100%); +} + +.code { + font-family: 'Roboto Mono'; + z-index:0; + font-size:1.7vmin; + position:fixed; + margin-top:30px; + color: rgba(255,255,255,0.5); + opacity:.75; + pointer-events: none; +} +.tab { + margin-right: 3vmin; +} + +.main { + opacity:0; + filter:blur(10px); + scale: .9; + animation-name: slidefunny; + animation-duration: 5s; + animation-timing-function: ease-in-out; + animation-delay: 0s; + animation-fill-mode: forwards; + animation-iteration-count: 1; + animation-direction: normal; + max-width: 100vw; + max-height:100vh; + width: 100vw; + height:100vh; + display: block; + position:fixed; + z-index:1; + white-space: nowrap; +} + +.actualbackgroundfunny { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPklEQVQYV2NkwAT/gUKM6MLoAjBFGIqRFaJLovBhCrFaB7QeLg5SiEsRzJlgeQxHY/EcSOg/sQoxgwGHiQwA+f4KCL3Y/AQAAAAASUVORK5CYII=) repeat; + width:100%; + height:100%; + position:fixed; + left:0; + top:0; + z-index:0; + filter:grayscale(100%); + opacity:.1; + scale:1.4; + display:block; +} \ No newline at end of file diff --git a/styles/CodeBlock.module.css b/styles/CodeBlock.module.css index 9a92a5c..f05aa08 100644 --- a/styles/CodeBlock.module.css +++ b/styles/CodeBlock.module.css @@ -1,3 +1,32 @@ +@keyframes moveBackground { + from { + background-position-x: 0%; + } to { + background-position-x: 500%; + } +} + +.rainbowBackground { + /* background-clip: text; + -webkit-background-clip: text; */ + background-color: transparent; + background-size: 500%, 100%; + animation: moveBackground 20s linear infinite; + padding-left:10px; + padding-top:5px; + padding-bottom:3px; + /* margin-bottom:5px; */ + padding-right:10px; + border-radius: 5px 0px 10px 0px; +} + +.ownRainbow { + background-image: linear-gradient(-45deg, hsl(360, 100%, 60%) 10%, hsl(270, 100%, 60%), rgb(51, 139, 255) 50%, hsl(270, 100%, 60%) 70%, hsl(360, 100%, 60%) 100%); + filter:brightness(2); + font-family:'Consolas'; + font-size:12pt; +} + .CodeBlock { background-color: rgb(37, 36, 49); font-family: 'Consolas'; @@ -9,20 +38,25 @@ max-width: fit-content; } .Author { - background-color: rgb(56, 55, 73); + background-color: transparent; + opacity:1; + color: rgb(0, 0, 0); max-width: fit-content; - padding-left:10px; - padding-top:5px; - padding-bottom:3px; margin-bottom:5px; - padding-right:10px; border-radius: 5px 0px 10px 0px; -webkit-box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 25px 10px rgba(0,0,0,0.2); + display:block; } .CodeBlock>div>a { color: #77c; + transition: color .2s ease; } .CodeBlock>div>a:hover { - color: #77f; + color: #88f; +} +.CodeBlock>div>i { + color:rgb(51, 49, 66); + float:right; + margin-top:-23px; } \ No newline at end of file diff --git a/styles/Content.module.css b/styles/Content.module.css index 924523d..022d3e2 100755 --- a/styles/Content.module.css +++ b/styles/Content.module.css @@ -25,19 +25,39 @@ } } +@keyframes moveBackground { + from { + background-position-x: 0%; + } to { + background-position-x: 500%; + } +} + +.rainbowText { + background-clip: text; + -webkit-background-clip: text; + color: transparent; + background-size: 500%, 100%; + animation: moveBackground 20s linear infinite; +} + +.ownRainbow { + background-image: linear-gradient(-45deg, hsl(360, 100%, 60%) 10%, hsl(270, 100%, 60%), rgb(51, 139, 255) 50%, hsl(270, 100%, 60%) 70%, hsl(360, 100%, 60%) 100%); +} + .Quote { margin: auto; margin-top: 30px; padding: 20px; /* padding-top:15px; */ /* padding-left:20px; */ - background-color: #17171f; + background-color: #1e1e2b; color: white; font-size: 14pt; font-family: 'Consolas'; - -webkit-box-shadow: 0px 5px 0px 0px #121218; - -moz-box-shadow: 0px 5px 0px 0px #121218; - box-shadow: 0px 5px 0px 0px #121218; + -webkit-box-shadow: 0px 5px 0px 0px #1a1a25; + -moz-box-shadow: 0px 5px 0px 0px #1a1a25; + box-shadow: 0px 5px 0px 0px #1a1a25; border: 0px white solid; border-radius: 10px; @@ -77,13 +97,25 @@ } .bigboiheader { display: block; - color: #fff; + /* color: #fff; */ font-size: 18vmin; line-height: 1; margin: 0; margin-top: 10vmin; - margin-left: 25vw; + /* margin-left: 25vw; */ font-family: 'Mangabey'; + /* animation-name: slide1; + animation-duration: 1s; + animation-delay: .2s; + animation-timing-function: ease; + animation-fill-mode: forwards; */ + /* opacity: 0; + filter: blur(5px); */ + user-select: none; + z-index: 1; + color: rgba(255,255,255,0.5); +} +.anime { animation-name: slide1; animation-duration: 1s; animation-delay: .2s; @@ -91,8 +123,7 @@ animation-fill-mode: forwards; opacity: 0; filter: blur(5px); - user-select: none; - z-index: 1; + margin-left: 25vw; } .funyheader { @@ -104,7 +135,7 @@ .Link { color: #fff; - background-color: #555; + background-color: #353549; padding-top: 2.5px; padding-bottom: 2.5px; padding-left: 10px; @@ -114,12 +145,6 @@ transition: all .2s ease; } .Link:hover { - color: #fff; - background-color: #555; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 15px; - padding-right: 15px; - border-radius: 10px; - line-height: 1.25; + color: #000; + background-color: #626286; } \ No newline at end of file diff --git a/styles/Navbar.module.css b/styles/Navbar.module.css index 58338d8..e28d623 100755 --- a/styles/Navbar.module.css +++ b/styles/Navbar.module.css @@ -7,7 +7,7 @@ } } .NavBarBackbone { - background-color: #9a45fa; + background-color: #1f1f2e; /* border-bottom: 2px solid #ddd; */ width: 100%; height: 41px; @@ -52,6 +52,6 @@ font-size: 10pt; } .NavBar>a>button:hover { - background-color: rgba(255,255,255,0.1); - border-bottom: 2px solid #bfbfff; + background-color: rgba(255,255,255,0.15); + border-bottom: 2px solid #dfd3ff; } \ No newline at end of file diff --git a/styles/Popsicle.module.css b/styles/Popsicle.module.css index f29e389..2eeab63 100644 --- a/styles/Popsicle.module.css +++ b/styles/Popsicle.module.css @@ -19,11 +19,33 @@ } } +@keyframes moveBackground { + from { + background-position-x: 0%; + } to { + background-position-x: 500%; + } +} + +.rainbowBackground { + background-clip: background; + -webkit-background-clip: background; + background-color: transparent; + background-size: 500%, 100%; + animation: moveBackground 20s linear infinite; + padding: 10px; + border-radius: 10px; + opacity:.5; +} + +.ownRainbow { + background-image: linear-gradient(-45deg, hsl(360, 100%, 60%) 10%, hsl(270, 100%, 60%), rgb(51, 139, 255) 50%, hsl(270, 100%, 60%) 70%, hsl(360, 100%, 60%) 100%); +} + .Popsicle { - background-color: #753aff; + background-color: #ffffff; border-radius: 10px; font-size: 12pt; - padding: 10px; font-family: 'Manrope'; position: absolute; display: block; diff --git a/styles/Socials.module.css b/styles/Socials.module.css index 85c94f3..4662bf7 100755 --- a/styles/Socials.module.css +++ b/styles/Socials.module.css @@ -23,6 +23,27 @@ filter: blur(0px); } } +@keyframes moveBackground { + 0% { + background-position-x: 0%; + } + 100% { + background-position-x: 500%; + } +} + +.rainbowText { + background-clip: text; + -webkit-background-clip: text; + color: transparent; + background-size: 500%, 100%; + animation: moveBackground 20s linear infinite; +} + +.ownRainbow { + background-image: linear-gradient(-45deg, hsl(360, 100%, 60%) 10%, hsl(270, 100%, 60%) 30%, hsl(214, 100%, 60%) 50%, hsl(270, 100%, 60%) 70%, hsl(360, 100%, 60%) 90%); +} + .Socials { animation-name: appeartext; animation-duration: 2s; @@ -45,8 +66,8 @@ user-select: none; } .Button { + color: rgba(255,255,255,0.5); cursor: pointer; - color: #aaa; display: inline-block; padding-left: 20px; transition: all .2s; @@ -57,7 +78,8 @@ user-select: none; } .Button:hover { - color: #7650ff; + color: rgba(0,0,0,0); + filter: blur(0px); mix-blend-mode: normal; /* mask-image: linear-gradient(to right, transparent, #666); */ scale: 1.08; diff --git a/styles/Textbox.module.css b/styles/Textbox.module.css index fa273ba..2ea1dea 100644 --- a/styles/Textbox.module.css +++ b/styles/Textbox.module.css @@ -11,7 +11,7 @@ } .Textbox { - background-color: #17171f; + background-color: #1a1a25; border-radius: 10px; font-family: 'Manrope'; color: white; @@ -28,6 +28,9 @@ -webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.15); box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.15); min-width: 50vw; + mix-blend-mode: normal; + z-index: 2; + position:relative; } .Textbox::placeholder { color: #8b8ba8; diff --git a/styles/globals.css b/styles/globals.css index 60af30b..af3b3c1 100755 --- a/styles/globals.css +++ b/styles/globals.css @@ -28,7 +28,7 @@ body { padding: 0; margin: 0; font-family: 'Manrope'; - background-color: #21212c; + background-color: #14141d; color: white; overflow-x: hidden; }