Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 0 additions & 16 deletions app/FramesList/FrameItem.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,14 +5,6 @@ export type SourceData = {
category?: string;
};

function getHostname(sourceUrl: string) {
try {
return new URL(sourceUrl).hostname.replace(/^www\./, "");
} catch {
return sourceUrl;
}
}

export function FrameItem({
source,
isFavorite = false,
Expand All @@ -24,8 +16,6 @@ export function FrameItem({
onToggleFavorite?: (url: string) => void;
onOpen?: (url: string, title?: string) => void;
}) {
const hostname = getHostname(source.URL);

return (
<article className="group flex h-full flex-col justify-between rounded-lg border border-gray-200 bg-white p-5 shadow-sm transition duration-200 hover:-translate-y-0.5 hover:border-blue-300 hover:shadow-md dark:border-gray-800 dark:bg-gray-900 dark:hover:border-blue-500/70">
<div className="space-y-4">
Expand All @@ -49,12 +39,6 @@ export function FrameItem({
</div>

<div className="mt-6 flex items-center justify-between gap-3 border-t border-gray-100 pt-4 dark:border-gray-800">
<div className="flex items-center gap-3">
<span className="min-w-0 truncate text-sm text-gray-500 dark:text-gray-400">
{hostname}
</span>
</div>

<div className="flex items-center gap-2">
<button
type="button"
Expand Down
62 changes: 55 additions & 7 deletions app/FramesList/FramesList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -70,15 +70,63 @@ export function FramesList({

export const sources: SourceData[] = [
{
name: "Source 1",
URL: "https://example.com/source1",
description: "A clean starting point for frame content and external references.",
category: "Reference",
name: "Celeste",
URL: "https://skibidi-math.github.io/celeste/",
description:
"Celeste is a platformer game where you climb a mountain. It is really fun, I recommend playing this.",
category: "Platformer",
},
{
name: "Source 2",
URL: "https://example.com/source2",
name: "Brotato",
URL: "404.html",
description:
"This was the goated game before Celeste. Its a 2D rougelike where you make combos to kill monsters as a potato.",
category: "Rougelike",
},
{
name: "Retro Bowl",
URL: "https://skibidi-math.github.io/retro-bowl/",
description:
"Retro bowl is a 2d game where you play American Football. It has a retro style with pixel art graphics..",
category: "Sports",
},
{
name: "PVZ 1",
URL: "https://skibidi-math.github.io/pvz1/",
description:
"Plants vs. Zombies 1 is a tower defense game where you place plants to defend against waves of zombies.",
category: "Tower Defense",
},
{
name: "Games Launcher",
URL: "https://bestcalculatorforstudents.base44.app/Games",
description:
"A games launcher made in base44. It has some games that I'm too lazy to directly port here.",
category: "Other Game Sites",
},
{
name: "20 Minutes Till Dawn",
URL: "https://skibidi-math.github.io/20-minutes/",
description:
"20 Minutes Till Dawn is the full game of the demo 10 Minutes Till Dawn. It is a rougelike where you play as femboys and attack flying octopuses.",
category: "Roguelike",
},
{
name: "Endoparasitic",
URL: "https://skibidi-math.github.io/endoparasitic/",
description: "Use this slot for a second frame, article, dataset, or project link.",
category: "2D Horror",
},
{
name: "Raldi's Very Legal Pharmacy",
URL: "https://skibidi-math.github.io/raldi",
description: "Use this slot for a second frame, article, dataset, or project link.",
category: "Baldi",
},
{
name: "Hollow Knight",
URL: "https://skibidi-math.github.io/hollow-knight",
description: "Use this slot for a second frame, article, dataset, or project link.",
category: "Resource",
category: "Metroidvania",
},
];
Loading
Loading