172 lines
5.0 KiB
HTML
172 lines
5.0 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
|
|
<title>My Website</title>
|
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
|
|
</head>
|
|
<body>
|
|
<div id="root">
|
|
<div className="min-h-screen">
|
|
<div className="min-h-screen flex flex-col max-w-screen-2xl mx-auto xl:flex-row">
|
|
<div
|
|
className="p-4 w-full xl:w-auto xl:max-w-xs xl:min-h-screenborder-0 border-solid border-gray-300 dark:border-gray-700 border-b xl:border-r xl:border-b-0"
|
|
>
|
|
<div className="p-2 xl:p-4 flex flex-nowrap justify-center items-center gap-2 xl:flex-wrap">
|
|
<img src="/logo.png" alt="My Website" className="inline-block w-16 h-16" />
|
|
<h1>My Website</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="p-4 flex-grow min-h-screen">
|
|
<ul>
|
|
<li className="mt-12 first:mt-0 xl:first:mt-6">
|
|
<h2 className="dark:text-slate-200 text-2xl text-slate-600 font-light py-2 px-4">
|
|
Example category
|
|
</h2>
|
|
|
|
<ul
|
|
className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-1 lg:gap-2 lg:gap-y-4"
|
|
>
|
|
<li className="p-4 flex gap-4">
|
|
<span className="flex-shrink-0 flex">
|
|
<a
|
|
href="https://github.com/notclickable-jordan/starbase-80"
|
|
target="_blank"
|
|
rel="noreffer"
|
|
title="Check the readme"
|
|
className="undefined"
|
|
>
|
|
<span
|
|
className="block w-16 h-16 rounded-2xl border border-black/5 shadow-sm bg-undefined-300 overflow-hidden"
|
|
/>
|
|
</a>
|
|
</span>
|
|
|
|
<div>
|
|
<h3 className="text-lg mt-1 font-semibold line-clamp-1">
|
|
<a
|
|
href="https://github.com/notclickable-jordan/starbase-80"
|
|
target="_blank"
|
|
rel="noreffer"
|
|
title="undefined"
|
|
className="undefined"
|
|
>
|
|
Check the readme
|
|
</a>
|
|
</h3>
|
|
|
|
<p className="text-sm text-black/50 dark:text-white/50 line-clamp-1">
|
|
2
|
|
|
|
<a
|
|
href="https://github.com/notclickable-jordan/starbase-80"
|
|
target="_blank"
|
|
rel="noreffer"
|
|
title="undefined"
|
|
className="undefined"
|
|
>
|
|
Use your own icons
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
,
|
|
<li className="p-4 flex gap-4">
|
|
<span className="flex-shrink-0 flex">
|
|
<a
|
|
href="https://github.com/notclickable-jordan/docker-symphony"
|
|
target="_blank"
|
|
rel="noreffer"
|
|
title="Bind mount"
|
|
className="undefined"
|
|
>
|
|
<span
|
|
className="block w-16 h-16 rounded-2xl border border-black/5 shadow-sm bg-blue-300 overflow-hidden"
|
|
/>
|
|
</a>
|
|
</span>
|
|
|
|
<div>
|
|
<h3 className="text-lg mt-1 font-semibold line-clamp-1">
|
|
<a
|
|
href="https://github.com/notclickable-jordan/docker-symphony"
|
|
target="_blank"
|
|
rel="noreffer"
|
|
title="undefined"
|
|
className="undefined"
|
|
>
|
|
Bind mount
|
|
</a>
|
|
</h3>
|
|
|
|
<p className="text-sm text-black/50 dark:text-white/50 line-clamp-1">
|
|
2
|
|
|
|
<a
|
|
href="https://github.com/notclickable-jordan/docker-symphony"
|
|
target="_blank"
|
|
rel="noreffer"
|
|
title="undefined"
|
|
className="undefined"
|
|
>
|
|
/app/src/config/config.json
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
,
|
|
<li className="p-4 flex gap-4">
|
|
<span className="flex-shrink-0 flex">
|
|
<a
|
|
href="https://www.paramountplus.com/"
|
|
target="_blank"
|
|
rel="noreffer"
|
|
title="Watch Lower Decks"
|
|
className="undefined"
|
|
>
|
|
<span
|
|
className="block w-16 h-16 rounded-2xl border border-black/5 shadow-sm bg-rose-300 overflow-hidden"
|
|
/>
|
|
</a>
|
|
</span>
|
|
|
|
<div>
|
|
<h3 className="text-lg mt-1 font-semibold line-clamp-1">
|
|
<a
|
|
href="https://www.paramountplus.com/"
|
|
target="_blank"
|
|
rel="noreffer"
|
|
title="undefined"
|
|
className="undefined"
|
|
>
|
|
Watch Lower Decks
|
|
</a>
|
|
</h3>
|
|
|
|
<p className="text-sm text-black/50 dark:text-white/50 line-clamp-1">
|
|
2
|
|
|
|
<a
|
|
href="https://www.paramountplus.com/"
|
|
target="_blank"
|
|
rel="noreffer"
|
|
title="undefined"
|
|
className="undefined"
|
|
>
|
|
On Paramount+
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|