+ +

+
+ feel free to link mine, https://exhq.dev/88x31.png +

+ + + +

+ + + + ) +} + +export default App diff --git a/src/components/api.tsx b/src/components/api.tsx new file mode 100644 index 0000000..373b96b --- /dev/null +++ b/src/components/api.tsx @@ -0,0 +1,115 @@ +import {createSignal, onMount} from "solid-js" +import {ishover} from "../App"; + +interface Review { + reviewID: number; + discordID: string; + reviewText: string; + timestamp: string; +} + +interface NeoReview extends Review { + global_name: string; + username: string +} + + +export default function Reviews() { + const [reviews, setReviews] = createSignal([]); + onMount(() => { + fetch("https://review.exhq.dev/getreviews") + .then(response => response.json()) + .then((data: Review[]) => { + const promises = data.map(review => ( + fetch(`https://dc-lookup.spiro.exhq.dev/v1/user/${review.discordID}`) + .then(response => response.json()) + .then(user => ({ + ...review, + global_name: user.global_name, + username: user.username + })) + )); + + Promise.all(promises) + .then(yeah => { + setReviews(yeah); + }) + .catch(error => console.error("Error fetching Discord user data:", error)); + }) + .catch(error => console.error("Error fetching reviews:", error)); + }); + + + return ( + <> + +

add your reviews here

+ +

Reviews

+ {reviews().length > 0 ? ( + reviews().reverse().map((review) => ( +

+ +

+ )) + ) : ( +

Loading reviews...

+ )} +

+ + + ) +} + + +export const theImager = async (id: string): Promise => (await fetch(`https://dc-lookup.spiro.exhq.dev/v1/user/${id}`) + .then(res => res.json()).then(data => "https://proxy.spiro.exhq.dev/_/plain/"+data.avatar.link).catch(() => "https://http.cat/status/100")); + +function SingleReview(props: NeoReview) { + const [imageSrc, setImageSrc] = createSignal(""); + + onMount(async () => { + const url = await theImager(props.discordID); + setImageSrc(url); + }); + + return ( +

+ {props.global_name === null ? props.username : props.global_name} +

{props.reviewText}

+ ); +} + +export async function sendReview(review: string, token: string): Promise { + try { + const response = await fetch(`https://review.exhq.dev/sendreview?review=${review}`, { + headers: { + "Auth": token, + }, + method: "POST" + }); + + if (response.status !== 200) { + return false; + } + + return true; + } catch (error) { + return false; + } +} \ No newline at end of file diff --git a/src/components/comps.css b/src/components/comps.css new file mode 100644 index 0000000..58e2e0f --- /dev/null +++ b/src/components/comps.css @@ -0,0 +1,9 @@ + +.tooltip:hover { + max-width: 4em !important; +} + +.tooltip { + animation: ease-in-out 2s infinite; + padding: 1em; +} \ No newline at end of file diff --git a/src/components/comps.tsx b/src/components/comps.tsx new file mode 100644 index 0000000..ab6049a --- /dev/null +++ b/src/components/comps.tsx @@ -0,0 +1,67 @@ +import { createSignal, onMount } from "solid-js"; +import { theImager } from "./api" +import "./comps.css" +// warning: this IS horrible code. its a joke. DO NOT try this at home because +// your local senior programmer CAN and WILL hunt you down +// you have been warned. +export function AdvancedBr({ count }: { count: number }) { + return new Array(count).fill(null).map(_ => (
)) +} + +export function SingularOomfie(props: { name: string; url: string; discordid: string }) { + const [imageSrc, setImageSrc] = createSignal(""); + const [showTooltip, setShowTooltip] = createSignal(false); + + onMount(async () => { + const url = await theImager(props.discordid); + setImageSrc(url); + }); + + const handleMouseMove = () => { + setShowTooltip(true); + }; + + const handleMouseLeave = () => { + setShowTooltip(false); + }; + + return ( +

+ + + + {showTooltip() && ( +

+ {props.name} +

+ )} +

+ ); +} + + +export function Singular88(props: { name: string; url: string; src:string }) { + return

+} \ No newline at end of file diff --git a/src/components/cumbrainz.css b/src/components/cumbrainz.css new file mode 100644 index 0000000..b0fafac --- /dev/null +++ b/src/components/cumbrainz.css @@ -0,0 +1,6 @@ +.listeningto { + font-size: smaller; + display: flex; + justify-content: center; + flex-direction: column; +} \ No newline at end of file diff --git a/src/components/cumbrainz.tsx b/src/components/cumbrainz.tsx new file mode 100644 index 0000000..16e8842 --- /dev/null +++ b/src/components/cumbrainz.tsx @@ -0,0 +1,65 @@ +import {createSignal, onMount, Show} from "solid-js"; +import "./cumbrainz.css" + + +interface ListenPayload { + payload: { + count: number; + listens: Listen[]; + playing_now: boolean; + user_id: string; + }; +} + +interface Listen { + playing_now: boolean; + track_metadata: TrackMetadata; +} + +interface TrackMetadata { + additional_info: AdditionalInfo; + artist_name: string; + release_name: string; + track_name: string; +} + +interface AdditionalInfo { + duration: number; + music_service_name: string; + origin_url: string; + submission_client: string; + submission_client_version: string; +} + +export function Cumbrainz() { + const [musicInfo, setMusicInfo] = createSignal({} as ListenPayload); + const [isLoading, setIsLoading] = createSignal(true); + onMount(async () => { + try { + const the = await fetch("https://music.exhq.dev/") + const thejson = await the.json() + setMusicInfo(thejson) + } catch (error) { + console.error("Error fetching music data from song.link:", error); + } finally { + setIsLoading(false); + } + }) + return

Listening to

+ 0} fallback={nothing}> + + + }> + loading + +

+} + +function Thesong({song}: { song: ListenPayload }) { + return `?v=${new URLSearchParams(m).get('v') ?? ''}`).replace(/(\?v=)$/, '')}> +

{song.payload.listens[0].track_metadata.artist_name} - {song.payload.listens[0].track_metadata.track_name}

+ +} \ No newline at end of file diff --git a/src/components/events.tsx b/src/components/events.tsx new file mode 100644 index 0000000..cbc93fb --- /dev/null +++ b/src/components/events.tsx @@ -0,0 +1,21 @@ +import { onMount } from 'solid-js'; + +const ReloadOnBack = () => { + const handlePageShow = (event: Event) => { + const pageshowEvent = event as PageTransitionEvent; + if (pageshowEvent.persisted) { + window.location.reload(); + } + }; + + onMount(() => { + window.addEventListener('pageshow', handlePageShow); + return () => { + window.removeEventListener('pageshow', handlePageShow); + }; + }); + + return null; +}; + +export default ReloadOnBack; \ No newline at end of file diff --git a/src/components/middlecard.css b/src/components/middlecard.css new file mode 100644 index 0000000..7a5f1fe --- /dev/null +++ b/src/components/middlecard.css @@ -0,0 +1,11 @@ +.middleparent { + display: flex; + flex-direction: column; + justify-content: space-evenly; + width: 100%; + height: 100%; +} + +.middlechild { + text-align: center; +} \ No newline at end of file diff --git a/src/components/middlecard.tsx b/src/components/middlecard.tsx new file mode 100644 index 0000000..b872c05 --- /dev/null +++ b/src/components/middlecard.tsx @@ -0,0 +1,33 @@ +import { Cumbrainz } from "./cumbrainz" +import "./middlecard.css" +export interface InfoCardProps { + bd: boolean +} + +export function InfoCard(props: InfoCardProps) { + + return

{ + props.bd ? + <> + + its my birthday +
+ please buy me stuff + + : <> + silly goober who does silly stuff +
+ self proclaimed programmer and progamer +
+ shitposts for fun + + }

+
+

+ +

+} \ No newline at end of file diff --git a/src/components/music.tsx b/src/components/music.tsx new file mode 100644 index 0000000..6a3d476 --- /dev/null +++ b/src/components/music.tsx @@ -0,0 +1,47 @@ +import { createSignal, onMount } from "solid-js"; + +export default function Music(props: { shouldpopup: () => boolean, children: any }) { + return

+ {props.children} +

+} + +export function MusicEntry({ spotifylink }: { spotifylink: string }) { + const [musicInfo, setMusicInfo] = createSignal({}) as any; + const [isLoading, setIsLoading] = createSignal(true); + onMount(async () => { + try { + const apiresponse = await fetch(`https://corsisdum.exhq.dev/v1-alpha.1/links?url=spotify%253Atrack%253A${spotifylink}`) + const data = await apiresponse.json() + setMusicInfo(data) + } catch (error) { + console.error("Error fetching music data from song.link:", error); + } finally { + setIsLoading(false); + } + }) + return ( + <>{isLoading() ? ( +

+ ) : ( +

{ + document.location.href = musicInfo().pageUrl + }} class="singlemusic"> + {"album

{ + musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.artistName?.length > 43 ? musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.artistName.substring(0, 30) + "..." : musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.artistName + }

{ + musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.title?.length > 43 ? musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.title.substring(0, 30) + "..." : musicInfo().entitiesByUniqueId[`SPOTIFY_SONG::${spotifylink}`]?.title + }

+ )} + ) +} \ No newline at end of file diff --git a/src/components/name.tsx b/src/components/name.tsx new file mode 100644 index 0000000..5048803 --- /dev/null +++ b/src/components/name.tsx @@ -0,0 +1,31 @@ +// import { createSignal, onCleanup } from "solid-js"; +import { onCleanup } from "solid-js"; +import { removethething } from "./utils.tsx"; + +function HoverComponent() { + let timerId: number | null; + + const clearTimer = () => { + if (timerId) { + clearTimeout(timerId); + timerId = null; + } + }; + + onCleanup(() => { + clearTimer(); + }); + + return ( +

{ + removethething(); + }} + > + Amy +

+ ); +} + +export default HoverComponent; diff --git a/src/components/pfp.css b/src/components/pfp.css new file mode 100644 index 0000000..1dec520 --- /dev/null +++ b/src/components/pfp.css @@ -0,0 +1,40 @@ +.birthdayparent { + position: relative; +} + +@keyframes rotateAnimation { + from { + transform: rotateY(0deg); + } + to { + transform: rotateY(360deg); + } +} + +.rotate { + animation: rotateAnimation 0.5s ease-in-out forwards; +} + +.header .bd { + flex-direction: column; + margin-left: 10em; +} + +.birthday { + position: absolute; + top: 0; + left: 0; + margin-left: -12em; +} + +.birthdaypfp { + z-index: 1; + max-width: 10em; +} + +.birthdayhat { + z-index: 2; + width: 14em; + top: -3em; + left: -1em; +} \ No newline at end of file diff --git a/src/components/pfp.tsx b/src/components/pfp.tsx new file mode 100644 index 0000000..e68581a --- /dev/null +++ b/src/components/pfp.tsx @@ -0,0 +1,69 @@ +import HoverComponent from "./name"; +import "./pfp.css"; + +export function Bdpfp({ + setpopupEasterEgg, +}: { + setpopupEasterEgg: (value: boolean) => void; +}) { + return ( +

{ + e.preventDefault(); + setpopupEasterEgg(true); + }} + class="header bd" + > +

amy's current discord pfp, with a birthday hat on it

+ +

+ ); +} + +export function Normalpfp({ + setpopupEasterEgg, +}: { + setpopupEasterEgg: (value: boolean) => void; +}) { + return ( +

{ + e.preventDefault(); + setpopupEasterEgg(true); + }} + class="birthdayparent header normal" + > + amy's current discord pfp

{ + (e.target as HTMLImageElement).animate( + [{ transform: "rotateZ(0deg)" }, { transform: "rotateZ(360deg)" }], + { + duration: 400, + iterations: 1, + }, + ); + }} + onClick={(e) => { + (e.target as HTMLImageElement).animate( + [{ transform: "rotateY(0deg)" }, { transform: "rotateY(360deg)" }], + { + duration: 150, + iterations: 1, + }, + ); + }} + /> + +

+ ); +} diff --git a/src/components/utils.tsx b/src/components/utils.tsx new file mode 100644 index 0000000..a7a9d4b --- /dev/null +++ b/src/components/utils.tsx @@ -0,0 +1,35 @@ +export function removethething() { + for (let i = 0; i < document.styleSheets.length; i++) { + let styleSheet = document.styleSheets[i]; + let rules = styleSheet.cssRules || styleSheet.rules; + for (let j = 0; j < rules.length; j++) { + let rule = rules[j]; + if (rule.type === CSSRule.KEYFRAMES_RULE && ((rule as CSSKeyframesRule).name === "slide-right" )) { + styleSheet.deleteRule(j); + } + } + } +} + +// export interface song { +// entitiesByUniqueId: { + +// } +// } + +export async function getLatestItems(apiUrl: string) { + try { + const response = await fetch(apiUrl); + if (!response.ok) { + throw new Error(`API call failed with status ${response.status}`); + } + const data = await response.json(); + if (!Array.isArray(data)) { + throw new Error('API response is not an array'); + } + const lastFive = data.slice(-5); + return lastFive; + } catch (error) { + console.error('Error fetching data:', error); + } +} diff --git a/src/index.tsx b/src/index.tsx new file mode 100644 index 0000000..6ec1f29 --- /dev/null +++ b/src/index.tsx @@ -0,0 +1,14 @@ +/* @refresh reload */ +import { render } from 'solid-js/web' + +import App from './App' +import ReloadOnBack from './components/events' + +const root = document.getElementById('root') + +render(() => ( + <> + + + +), root!) diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts new file mode 100644 index 0000000..11f02fe --- /dev/null +++ b/src/vite-env.d.ts @@ -0,0 +1 @@ +/// diff --git a/tsconfig.app.json b/tsconfig.app.json new file mode 100644 index 0000000..1c88222 --- /dev/null +++ b/tsconfig.app.json @@ -0,0 +1,28 @@ +{ + "compilerOptions": { + "composite": true, + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo", + "target": "ES2020", + "useDefineForClassFields": true, + "module": "ESNext", + "lib": ["ES2020", "DOM", "DOM.Iterable"], + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "resolveJsonModule": true, + "isolatedModules": true, + "moduleDetection": "force", + "noEmit": true, + "jsx": "preserve", + "jsxImportSource": "solid-js", + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true + }, + "include": ["src", "hacked", "review"] +} diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..ea9d0cd --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,11 @@ +{ + "files": [], + "references": [ + { + "path": "./tsconfig.app.json" + }, + { + "path": "./tsconfig.node.json" + } + ] +} diff --git a/tsconfig.node.json b/tsconfig.node.json new file mode 100644 index 0000000..3afdd6e --- /dev/null +++ b/tsconfig.node.json @@ -0,0 +1,13 @@ +{ + "compilerOptions": { + "composite": true, + "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo", + "skipLibCheck": true, + "module": "ESNext", + "moduleResolution": "bundler", + "allowSyntheticDefaultImports": true, + "strict": true, + "noEmit": true + }, + "include": ["vite.config.ts"] +} diff --git a/vite.config.ts b/vite.config.ts new file mode 100644 index 0000000..bd40f52 --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,16 @@ +import { defineConfig } from 'vite' +import { resolve } from 'path' +import solid from 'vite-plugin-solid' + +export default defineConfig({ + build: { + rollupOptions: { + input: { + main: resolve(__dirname, 'index.html'), + hacked: resolve(__dirname, 'hacked/index.html'), + review: resolve(__dirname, 'review/index.html') + } + } + }, + plugins: [solid()], +})

websites that ive stolen

link tree

Reviews

Listening to

{ + removethething(); + }} + > + Amy +