Some changes
This commit is contained in:
parent
4b6f88247d
commit
5849f53f40
|
|
@ -0,0 +1,66 @@
|
|||
import styles from '../styles/Background.module.css';
|
||||
|
||||
export default function Background() {
|
||||
return (
|
||||
<>
|
||||
<div className={styles.actualbackgroundfunny}></div>
|
||||
<div className={styles.main}>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'2vh', left:'0.5vw'}}>
|
||||
function TheRed() {'{'}<br/>
|
||||
<span className={styles.tab}/>console.log('is this explosive?');<br/>
|
||||
{'}'}
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{bottom:'5vh',right:'2vw'}}>
|
||||
function Website() {'{'}<br/>
|
||||
<span className={styles.tab}/>console.log('Feeling absolutely great!');<br/>
|
||||
{'}'}
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{bottom:'50vh',right:'5vw'}}>
|
||||
// WHAT DID YOU JUST SAY TO ME
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{bottom:'15vh',left:'5vw'}}>
|
||||
// THIS IS NOT TERRIBLE DESIGN! THIS IS INNOVATIVE!
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'20vh',right:'5vw'}}>
|
||||
function justARandomPieceOfCode() {'{'}<br/>
|
||||
<span className={styles.tab}/>console.log('very funny');<br/>
|
||||
{'}'}
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'22vh',left:'3vw'}}>
|
||||
// please don't tell me this is not good enough for beta 2 alpha 1 ;-;
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'35vh',right:'20vw'}}>
|
||||
// shit has went down ;-;
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'5vh',right:'5vw'}}>
|
||||
// NO
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'10vh',right:'10vw'}}>
|
||||
// fuck off i ain't a pedo, neither do i support them
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'3vh',right:'15vw'}}>
|
||||
{/* <i className={['fas fa-quote-left', styles.rainbowText, styles.ownRainbow].join(' ')} style={{marginLeft:'-25px',marginTop:'10px',position:'fixed',color:'rgba(255,255,255,0.5)',scale:'.9'}}/> */}
|
||||
// Me getting suspended over this is genuinely stupid.
|
||||
{/* <i className={['fas fa-quote-right', styles.rainbowText, styles.ownRainbow].join(' ')} style={{marginLeft:'5px',marginBottom:'-10px',position:'fixed',color:'rgba(255,255,255,0.5)',scale:'.9'}}/> */}
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{bottom:'8vh',right:'35vw'}}>
|
||||
// DUCKS AIN'T EXPLOSIVE, THEY NOT A NUCLEAR BOMB!!!11
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'5vh',left:'23vw'}}>
|
||||
function cheese() {'{'}<br/>
|
||||
<span className={styles.tab}/>console.log('mmm cheesy');<br/>
|
||||
{'}'}
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'27vh',left:'.5vw'}}>
|
||||
"I am not pleased to be a bomb. Please do not make me a bomb.".toBomb();
|
||||
</div>
|
||||
<div className={[styles.code, styles.rainbowText, styles.ownRainbow].join(' ')} style={{top:'40vh',left:'5vw'}}>
|
||||
let TheRed = new Developer();
|
||||
</div>
|
||||
<div className={[styles.code, styles.speedRainbowText, styles.ownRainbow].join(' ')} style={{color:'rgba(0,0,0,0)',opacity:'1'}}>
|
||||
. - + ---==== WEEEEEEEE ={'>'}
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
@ -3,8 +3,8 @@ import styles from '../styles/CodeBlock.module.css';
|
|||
export default function CodeBlock (props) {
|
||||
return (
|
||||
<div className={styles.CodeBlock} style={props.quote ? {paddingTop: '0px', paddingLeft:'0px'} : {}}>
|
||||
{props.quote ? (<div className={styles.Author}>{props.author} says:</div>) : null}
|
||||
<div style={props.quote ? {paddingLeft:'10px'} : {}}>{props.children}</div>
|
||||
{props.quote ? (<div><div className={styles.Author}><div className={`${styles.ownRainbow} ${styles.rainbowBackground}`}><span style={{zIndex:'10', color:'black', opacity:'1', display:'block'}}>{props.author} says:</span></div></div><i className='fas fa-quote-right'/></div>) : null}
|
||||
<div style={props.quote ? {paddingLeft:'10px', paddingTop: '5px'} : {}}>{props.children}</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -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 <>
|
||||
<div style={{zIndex: '1', position: 'relative'}}>
|
||||
<Background/>
|
||||
<div style={{zIndex: '2', position: 'relative'}}>
|
||||
<div className={styles.funyheader}>
|
||||
<p className={styles.bigboiheader}>TheRed</p>
|
||||
<div className={styles.anime}><p className={[styles.bigboiheader, styles.ownRainbow, styles.rainbowText].join(' ')}>TheRed</p></div>
|
||||
<Socials />
|
||||
</div>
|
||||
<div className={styles.Quote}>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 <Link href="/projects"><a className={styles.Link}>here</a></Link>.</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
export default function embed(props) {
|
||||
return (
|
||||
<div style={{borderRadius:'10px',border:'0px white solid',display:'block'}}><video style={{...props.style, border:'none'}} autoPlay="autoplay" loop="loop"><source src={props.src} type="video/mp4"></source></video></div>
|
||||
)
|
||||
}
|
||||
|
|
@ -3,8 +3,10 @@ import styles from "/styles/Popsicle.module.css"
|
|||
export default function Popsicle(PROPERTIES) {
|
||||
return (
|
||||
<div className={`${PROPERTIES.className ?? ''} ${styles.Popsicle}`} style={{...PROPERTIES.customStyle}}>
|
||||
<div className={`${styles.rainbowBackground} ${styles.ownRainbow}`}>
|
||||
<i className="fas fa-info-circle" style={{scale: '1.5', paddingLeft: '10px', paddingRight: '15px'}}/>
|
||||
{PROPERTIES.children ?? "Popsicle"}<span style={{paddingRight: '10px'}}/>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
@ -3,10 +3,12 @@ import styles from "../styles/Socials.module.css";
|
|||
export default function Socials() {
|
||||
return <>
|
||||
<div className={styles.Socials}>
|
||||
<div className={[styles.ownRainbow, styles.rainbowText].join(' ')}>
|
||||
<a href="https://discord.gg/zvaU9fKdut" target="_blank"><div className={styles.Button}><i className={"fab fa-discord"}/><span style={{paddingLeft:"10px"}}>Discord</span></div></a>
|
||||
<div className={styles.Button}><i className={"fab fa-twitter"}/><span style={{paddingLeft:"10px"}}>Twitter</span></div>
|
||||
<div className={styles.Button}><i className={"fab fa-youtube"}/><span style={{paddingLeft:"10px"}}>Youtube</span></div>
|
||||
<a href="https://matrix.to/#/#thered:matrix.org" target="_blank"><div className={styles.Button}><i className={"fas fa-external-link-alt"}/><span style={{paddingLeft:"10px"}}>Matrix</span></div></a>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
}
|
||||
|
|
@ -4,7 +4,10 @@ import BottomBar from '../components/bottombar'
|
|||
export default function MyApp({ Component, pageProps }) {
|
||||
return <>
|
||||
<link rel="stylesheet" href="/cdn/fontawesome/css/all.css"></link>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com"/>
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap" rel="stylesheet"/>
|
||||
<Component {...pageProps} />
|
||||
<BottomBar />
|
||||
{/* <BottomBar /> */}
|
||||
</>
|
||||
}
|
||||
|
|
@ -9,10 +9,12 @@ export default function Articles() {
|
|||
<Navbar />
|
||||
<span className={styles.TopText}>Latest (This is a very new part of the website, no proper automation has been implemented, all articles are written manually ^*^)</span>
|
||||
<div className={styles.Articles}>
|
||||
<div className={styles.ArticleBox}>
|
||||
<Link href="/articles/clearing_up_my_position_in_the_attack"><a className={styles.LinkText}>Clearing up my position in the attack.</a></Link><div className={styles.Time}>Published on 2022/Feb/16</div><br/>
|
||||
<Link href="/articles/cummies_reply_to_update"><a className={styles.LinkText}>Reply of Cummies to "An update on my situation"</a></Link><div className={styles.Time}>Published on 2022/Feb/16</div><br/>
|
||||
{/* <Link href="/articles/clearing_up_my_position_in_the_attack"><a className={styles.LinkText}>Clearing up my position in the attack.</a></Link><div className={styles.Time}>Published on 2022/Feb/16</div><br/> */}
|
||||
<Link href="/articles/new_updates_to_thered_sh"><a className={styles.LinkText}>New updates to TheRed.SH!</a></Link><div className={styles.Time}>Published on 2022/Feb/15</div><br/>
|
||||
<Link href="/articles/an_update_on_my_situation"><a className={styles.LinkText}>An update on my situation</a></Link><div className={styles.Time}>Published on 2022/Feb/15</div>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -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 (
|
||||
<>
|
||||
<Navbar/>
|
||||
<Article>
|
||||
<Author>Big Chungus</Author>
|
||||
<CodeBlock author="Big Chungus" quote><embed style={{height:'300px',width:'min-content',border:'2px white solid',borderRadius:'10px',userSelect:'none'}} src="https://buckets.80kittens.net/memestorage/original/b429280277b87df83df20f3ab646ca722caed0a3.mp4"/></CodeBlock>
|
||||
</Article>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
@ -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 (
|
||||
<>
|
||||
<Navbar />
|
||||
<Article>
|
||||
<Author>TheRed</Author>
|
||||
<b style={{fontSize: "20pt"}}>Clearing up my position in the attack.</b><br/>
|
||||
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.<br/><br/>
|
||||
I'm going to tell you, <b>I had no involvement in it whatsoever.</b> 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.<br/>
|
||||
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.<br/>
|
||||
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.<br/>
|
||||
If you knew how to actually use cloudflare properly, you would've known.<br/>
|
||||
Again, to repeat, <b>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.</b><br/>
|
||||
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.<br/>
|
||||
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, <b>they will not stop.</b><br/>
|
||||
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.<br/>
|
||||
<br/>
|
||||
Also, Ryan saying that "IPs are public" is absolutely ridiculously stupid and makes no sense from a privacy perspective.<br/>
|
||||
Do you have any idea of how much shit I got into when my IP got leaked on kaboom? do you have any idea?<br/>
|
||||
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)<br/>
|
||||
<Codeblock>
|
||||
- Easily linkable to a player, thanks to ban requests ={'>'} easily targetable<br/>
|
||||
- DDoSable<br/>
|
||||
- May run vulnerable software exposed to the internet<br/>
|
||||
- Easily trackable
|
||||
</Codeblock>
|
||||
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.<br/>
|
||||
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.<br/>
|
||||
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.<br/>
|
||||
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.<br/>
|
||||
<b>Trust me, I know what I'm talking about and I've experienced this before.</b><br/>
|
||||
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.<br/>
|
||||
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.<br/>
|
||||
<b style={{fontSize: "20pt"}}>The QnAs</b><br/>
|
||||
<Codeblock author='erin' quote>
|
||||
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.<br/>
|
||||
He then purposefully withheld that information from everyone who asked despite us asking multiple times over several hours.<br/>
|
||||
After being given a last chance by video to come clean, he was indefinitely suspended.
|
||||
</Codeblock>
|
||||
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.<br/>
|
||||
<Codeblock author='erin' quote>
|
||||
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.<br/>
|
||||
You used this so called information as leverage to force the executive team into negotiations with the ddoser.
|
||||
</Codeblock>
|
||||
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.)<br/>
|
||||
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.<br/>
|
||||
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.
|
||||
<Codeblock author='root' quote>
|
||||
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.
|
||||
</Codeblock>
|
||||
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.<br/>
|
||||
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.
|
||||
<Codeblock author='5' quote>
|
||||
you had good motivations but made a really bad judgement call. i think that's forgiveable but you should give it time.<br/>
|
||||
it was wrong to assume that anyone involved would learn any lesson from this.<br/>
|
||||
it was also wrong to beg for forgiveness in the same breath as you spewed insults.<br/>
|
||||
you cannot expect a positive response from the administration after calling them incapable of their jobs.<br/>
|
||||
i appreciate that you started out sincere and hopeful but it appears you gave up halfway through.<br/>
|
||||
wishing you the best.
|
||||
</Codeblock>
|
||||
I do in part agree with you, I was a bit angry at the time of how ridiculous this situation is.<br/>
|
||||
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.<br/>
|
||||
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?<br/>
|
||||
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.<br/>
|
||||
<b style={{fontSize: "20pt"}}>I'll be nice to you, take it or leave it.</b><br/>
|
||||
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.<br/>
|
||||
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.<br/>
|
||||
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.<br/>
|
||||
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.<br/>
|
||||
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.<br/>
|
||||
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.<br/><br/>
|
||||
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.
|
||||
<br/><br/>
|
||||
<EndQuote>
|
||||
Looking forward to a response,<br/>
|
||||
TheRed
|
||||
</EndQuote>
|
||||
</Article>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -8,6 +8,7 @@
|
|||
opacity:1;
|
||||
}
|
||||
}
|
||||
|
||||
.Article {
|
||||
scale: .75;
|
||||
opacity:0;
|
||||
|
|
|
|||
|
|
@ -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%);
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ body {
|
|||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: 'Manrope';
|
||||
background-color: #21212c;
|
||||
background-color: #14141d;
|
||||
color: white;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue