Website/components/background.js

66 lines
4.1 KiB
JavaScript

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>
</>
)
}