lmao
This commit is contained in:
parent
6c07395de0
commit
0c09e874d1
2 changed files with 36 additions and 28 deletions
13
src/App.tsx
13
src/App.tsx
|
@ -6,6 +6,7 @@ import Music, { MusicEntry } from './components/music.tsx';
|
||||||
import { Bdpfp, Normalpfp } from './components/pfp.tsx';
|
import { Bdpfp, Normalpfp } from './components/pfp.tsx';
|
||||||
import { InfoCard } from './components/middlecard.tsx';
|
import { InfoCard } from './components/middlecard.tsx';
|
||||||
export const [shouldpopup, setpopup] = createSignal(false)
|
export const [shouldpopup, setpopup] = createSignal(false)
|
||||||
|
export const [shouldpopupEasterEgg, setpopupEasterEgg] = createSignal(false)
|
||||||
export const [ishover, setishover] = createSignal(false)
|
export const [ishover, setishover] = createSignal(false)
|
||||||
|
|
||||||
let explodcount = 0
|
let explodcount = 0
|
||||||
|
@ -79,7 +80,7 @@ function App() {
|
||||||
}} classList={{ 'gitgayimg': true, 'animate': isAnimating(), 'gaybackground': isAnimating() }} src="https://proxy.mono.exhq.dev/_/plain/https://git.lgbt/assets/img/logo.png" alt="logo of git.lgbt" /> as HTMLImageElement
|
}} classList={{ 'gitgayimg': true, 'animate': isAnimating(), 'gaybackground': isAnimating() }} src="https://proxy.mono.exhq.dev/_/plain/https://git.lgbt/assets/img/logo.png" alt="logo of git.lgbt" /> as HTMLImageElement
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{isitmybd() ? <Bdpfp /> : <Normalpfp />}
|
{isitmybd() ? <Bdpfp setpopupEasterEgg={setpopupEasterEgg}/> : <Normalpfp setpopupEasterEgg={setpopupEasterEgg}/>}
|
||||||
|
|
||||||
<p style={{ display: "none" }}>AdvancedBr my beloved</p>
|
<p style={{ display: "none" }}>AdvancedBr my beloved</p>
|
||||||
<AdvancedBr count={6} />
|
<AdvancedBr count={6} />
|
||||||
|
@ -177,6 +178,16 @@ function App() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Music>
|
</Music>
|
||||||
|
<Music shouldpopup={shouldpopupEasterEgg}>
|
||||||
|
<div class='musicdiv'>
|
||||||
|
<div class='innermusic'>
|
||||||
|
<div class="music-close-button-div">
|
||||||
|
<button class="close-button" onClick={() => { setpopupEasterEgg(false) }}>X</button>
|
||||||
|
</div>
|
||||||
|
<img src={"https://pico.exhq.dev/-Aax47Gmdsy"}/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Music>
|
||||||
<div class='footer'> made with ♥ by amy. <a href="https://git.lgbt/exhq/v2.exhq.dev">this website is opensource</a></div>
|
<div class='footer'> made with ♥ by amy. <a href="https://git.lgbt/exhq/v2.exhq.dev">this website is opensource</a></div>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
|
|
@ -1,23 +1,15 @@
|
||||||
import HoverComponent from "./name"
|
import HoverComponent from "./name"
|
||||||
import "./pfp.css"
|
import "./pfp.css"
|
||||||
|
|
||||||
function remov() {
|
export function Bdpfp({setpopupEasterEgg}: { setpopupEasterEgg: (value: boolean) => void }) {
|
||||||
for (let i = 0; i < document.styleSheets.length; i++) {
|
return <div onContextMenu={(e) => {
|
||||||
let styleSheet = document.styleSheets[i];
|
e.preventDefault()
|
||||||
let rules = styleSheet.cssRules || styleSheet.rules;
|
setpopupEasterEgg(true)
|
||||||
for (let j = 0; j < rules.length; j++) {
|
}} class='header bd'>
|
||||||
let rule = rules[j];
|
|
||||||
if (rule.type === CSSRule.KEYFRAMES_RULE && ((rule as CSSKeyframesRule).name === "slide-left")) {
|
|
||||||
styleSheet.deleteRule(j);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function Bdpfp() {
|
|
||||||
return <div onmouseenter={remov} class='header bd' >
|
|
||||||
<div class="birthdayparent">
|
<div class="birthdayparent">
|
||||||
<img class='birthdaypfp birthday' src="https://proxy.mono.exhq.dev/_/plain/https://dp.nea.moe/avatar/712639419785412668.png" alt="amy's current discord pfp, with a birthday hat on it" />
|
<img class='birthdaypfp birthday'
|
||||||
|
src="https://proxy.mono.exhq.dev/_/plain/https://dp.nea.moe/avatar/712639419785412668.png"
|
||||||
|
alt="amy's current discord pfp, with a birthday hat on it"/>
|
||||||
<img class='birthdayhat birthday' src="./birthday.png" alt=""/>
|
<img class='birthdayhat birthday' src="./birthday.png" alt=""/>
|
||||||
<HoverComponent/>
|
<HoverComponent/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -25,9 +17,14 @@ export function Bdpfp() {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function Normalpfp() {
|
export function Normalpfp({setpopupEasterEgg}: { setpopupEasterEgg: (value: boolean) => void }) {
|
||||||
return <div class="birthdayparent header normal">
|
return <div onContextMenu={(e) => {
|
||||||
<img class="initialanim" src="https://proxy.mono.exhq.dev/_/plain/https://dp.nea.moe/avatar/712639419785412668.png" alt="amy's current discord pfp" onMouseEnter={(e) => {
|
e.preventDefault()
|
||||||
|
setpopupEasterEgg(true)
|
||||||
|
}} class="birthdayparent header normal">
|
||||||
|
<img class="initialanim"
|
||||||
|
src="https://proxy.mono.exhq.dev/_/plain/https://dp.nea.moe/avatar/712639419785412668.png"
|
||||||
|
alt="amy's current discord pfp" onMouseEnter={(e) => {
|
||||||
(e.target as HTMLImageElement).animate([
|
(e.target as HTMLImageElement).animate([
|
||||||
{transform: "rotateZ(0deg)"},
|
{transform: "rotateZ(0deg)"},
|
||||||
{transform: "rotateZ(360deg)"},
|
{transform: "rotateZ(360deg)"},
|
||||||
|
|
Loading…
Reference in a new issue