This commit is contained in:
amy 2024-08-09 18:18:28 +03:30
parent 5033df9648
commit b3401ddda4
5 changed files with 51 additions and 2 deletions

BIN
public/explod.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/explod.mp3 Normal file

Binary file not shown.

BIN
public/nyaboom.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

View file

@ -4,6 +4,7 @@ import { createSignal, onMount } from 'solid-js';
import Reviews from './components/api.tsx';
import Music, { MusicEntry } from './components/music.tsx';
import { Bdpfp, Normalpfp } from './components/pfp.tsx';
import { InfoCard } from './components/middlecard.tsx';
export const [shouldpopup, setpopup] = createSignal(false)
export const [ishover, setishover] = createSignal(false)
@ -31,6 +32,23 @@ function vivsiepop() {
}
blep.forEach(fuckshit)
}
function nyaboom() {
const blep = document.body.childNodes;
function fuckshit(node: ChildNode) {
if (node.nodeType === Node.TEXT_NODE) {
(node as Element).textContent = ''
node.parentElement?.appendChild(<img style={{
width: "1.5em"
}} src="./explod.gif"/> as Element)
} else if (node instanceof HTMLImageElement){
node.src = "./explod.gif"
}
else {
node.childNodes.forEach(fuckshit);
}
}
blep.forEach(fuckshit)
}
function App() {
@ -92,8 +110,8 @@ function App() {
<div style={{
opacity: isAnimating() || animatedwoem() ? "0%" : "100%"
}} class='cardchild'>
<h1>hi :3</h1>
<span>silly goober who does silly stuff <br /> self proclaimed programmer and progamer <br /> shitposts for fun</span>
<InfoCard bd={isitmybd()} />
</div>
<div
@ -116,6 +134,15 @@ function App() {
<div class="musicbutton" onclick={vivsiepop}>
<p>echo if it was written by vivsiepop</p>
</div>
<div class="musicbutton" onclick={() => {
new Audio("./explod.mp3").play()
nyaboom()
}}>
<img style={{
"margin-left": "0.3em",
"max-width": "1.5em"
}} src="./nyaboom.webp" />
</div>
</div>
<AdvancedBr count={3} />
<Music shouldpopup={shouldpopup}>

View file

@ -0,0 +1,22 @@
export interface InfoCardProps {
bd: boolean
}
export function InfoCard(props: InfoCardProps) {
return props.bd ? <>
<h1>hi :3</h1>
<span>its my birthday
<br />
please buy me stuff
</span>
</> :
<>
<h1>hi :3</h1>
<span>silly goober who does silly stuff
<br />
self proclaimed programmer and progamer
<br />
shitposts for fun
</span>
</>
}