typa shit ive been on 🔥

This commit is contained in:
amy 2024-06-28 13:44:19 +03:30
parent 3d253dac01
commit 17aa62f4ec
5 changed files with 24 additions and 9 deletions

View file

@ -55,6 +55,14 @@
} }
.close-button { .close-button {
padding: 2;
border: none;
background: none;
border-radius: 2px;
background-color: #5e5a5a;
text-decoration: none;
color: pink;
cursor: pointer;
margin: 1em; margin: 1em;
} }
@ -71,7 +79,7 @@
width: 50%; width: 50%;
height: 50%; height: 50%;
border-radius: 2%; border-radius: 2%;
background: rgb(100, 98, 98); background: #121212;
z-index: 1000; z-index: 1000;
} }
@ -229,10 +237,12 @@
} }
.singlemusic { .singlemusic {
cursor: pointer;
max-width: 15em; max-width: 15em;
margin: 1em; margin: 1em;
padding: 1em;
border-radius: 3%; border-radius: 3%;
background-color: #5e5a5a ; background-color: #272525;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
} }

View file

@ -90,8 +90,12 @@ function App() {
</div> </div>
<AdvancedBr count={2} /> <AdvancedBr count={2} />
<div class='easteregg'> <div class='easteregg'>
<input type="button" onclick={() => { setpopup(!shouldpopup()) }} class="musicbutton" value="say gex" /> <div class="musicbutton" onclick={() => { setpopup(!shouldpopup()) }}>
<p>typa shit ive been on</p><img style={{
"margin-left": "0.3em",
"max-width": "1.5em"
}} src="https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/72x72/1f525.png"/>
</div>
</div> </div>
<AdvancedBr count={3} /> <AdvancedBr count={3} />
<Music shouldpopup={shouldpopup}> <Music shouldpopup={shouldpopup}>

View file

@ -16,7 +16,6 @@ export function MusicEntry({ spotifylink }: { spotifylink: string }) {
try { try {
const apiresponse = await fetch(`https://corsisdum.exhq.dev/v1-alpha.1/links?url=spotify%253Atrack%253A${spotifylink}`) const apiresponse = await fetch(`https://corsisdum.exhq.dev/v1-alpha.1/links?url=spotify%253Atrack%253A${spotifylink}`)
const data = await apiresponse.json() const data = await apiresponse.json()
console.log(data)
setMusicInfo(data) setMusicInfo(data)
} catch (error) { } catch (error) {
console.error("Error fetching music data from song.link:", error); console.error("Error fetching music data from song.link:", error);
@ -28,10 +27,12 @@ export function MusicEntry({ spotifylink }: { spotifylink: string }) {
<>{isLoading() ? ( <>{isLoading() ? (
<p>Loading...</p> <p>Loading...</p>
) : ( ) : (
<div class="singlemusic"> <div onClick={() => {
<a href={musicInfo().pageUrl}><img style={{ document.location.href = musicInfo().pageUrl
}} class="singlemusic">
<img style={{
"margin-right": "0.5em" "margin-right": "0.5em"
}} src={musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.thumbnailUrl} alt="LMAO IMAGINE BEING BLIND" /></a> }} src={musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.thumbnailUrl} alt="LMAO IMAGINE BEING BLIND" />
<div class="innersinglemusic"> <div class="innersinglemusic">
<div class="musicartist" > {musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.artistName}</div> <div class="musicartist" > {musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.artistName}</div>
<div class="musictitle"> {musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.title} </div> <div class="musictitle"> {musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.title} </div>

View file

@ -1,6 +1,6 @@
// import { createSignal, onCleanup } from "solid-js"; // import { createSignal, onCleanup } from "solid-js";
import { onCleanup } from "solid-js"; import { onCleanup } from "solid-js";
import { removethething } from "./utils.ts"; import { removethething } from "./utils.tsx";
function HoverComponent() { function HoverComponent() {
let timerId: number|null; let timerId: number|null;