typa shit ive been on 🔥
This commit is contained in:
parent
3d253dac01
commit
17aa62f4ec
5 changed files with 24 additions and 9 deletions
14
src/App.css
14
src/App.css
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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}>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue