nyaboom
This commit is contained in:
parent
5033df9648
commit
b3401ddda4
5 changed files with 51 additions and 2 deletions
BIN
public/explod.gif
Normal file
BIN
public/explod.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 22 KiB |
BIN
public/explod.mp3
Normal file
BIN
public/explod.mp3
Normal file
Binary file not shown.
BIN
public/nyaboom.webp
Normal file
BIN
public/nyaboom.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.2 KiB |
31
src/App.tsx
31
src/App.tsx
|
@ -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}>
|
||||
|
|
22
src/components/middlecard.tsx
Normal file
22
src/components/middlecard.tsx
Normal 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>
|
||||
</>
|
||||
}
|
Loading…
Reference in a new issue