ChitoWarlock/soc_site-astro
1
0
Fork 0
mirror of https://github.com/jorgev259/soc_site-astro.git synced 2025-06-29 07:57:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Implement holy12 page

Browse source
This commit is contained in:
Jorge Vargas 2025-03-24 13:31:55 -06:00
parent f675e177b7
commit d618e30110
4 changed files with 50 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
astro.config.mjs
View file

@ -62,7 +62,6 @@ export default defineConfig({
'/series/list': { status: 307, destination: '/maintenance' },
'/studio/[slug]': { status: 307, destination: '/maintenance' },
'/studio/list': { status: 307, destination: '/maintenance' },
'/holy12': { status: 307, destination: '/maintenance' },
'/request': { status: 307, destination: '/maintenance' }
},
security: {

8
messages/en.json
View file

@ -75,5 +75,11 @@
"discordRoleNeeded": "You need the Donator Discord role to access this page",
"addedDonator": "Added donator benefits to your account!",
"errorDonatorCheck": "Something went wrong when checking your Discord donator status. Please try again later. {error}",
"discordRateLimit": "{message} Retry after {retry_after} seconds."
"discordRateLimit": "{message} Retry after {retry_after} seconds.",
"holy12_0": "Cloud's secret mixtape",
"holy12_1": "Best romantic dinner BGM",
"holy12_2": "12 clicks till midnight",
"holy12_3": "We let our technicians pick these",
"holy12_4": "It's noisy outside, take one of these",
"holy12_5": "Silksong is hidden behind one of these"
}

2
src/components/Sidebar.astro
View file

@ -20,7 +20,7 @@ const listClass =
<div class='md:w-3/12 md:max-w-[300px] h-full bg-dark flex flex-col'>
<a href='#' class={listClass}>{m.getLucky()}</a>
<a href='#' class={listClass}>{m.randomPull()}</a>
<a href='/holy12' class={listClass}>{m.randomPull()}</a>
<div class='px-6 flex flex-col gap-y-3'>
<SidebarSection class='flex flex-col gap-y-3'>
<div class='flex gap-x-2 justify-center'>

42
src/pages/holy12.astro Normal file
View file

@ -0,0 +1,42 @@
---
import * as m from 'paraglide/messages'
import prismaClient from 'utils/prisma-client'
import Base from 'layouts/base.astro'
import { getRandom } from 'utils/form'
import AlbumBox from 'components/AlbumBox.astro'
async function getRandomAlbum(): Promise<{ id: number; title: string }> {
const res: { id: number; title: string }[] = await prismaClient.$queryRawUnsafe(`
SELECT r1.id as id, r1.title as title
FROM albums AS r1 JOIN (
SELECT (
RAND() * (
SELECT MAX(id) FROM albums
)
) AS id
) AS r2
WHERE r1.id >= r2.id
ORDER BY r1.id ASC
LIMIT 1;`)
return res[0]
}
const titles = [m.holy12_0(), m.holy12_1(), m.holy12_2(), m.holy12_3(), m.holy12_4(), m.holy12_5()]
const title = getRandom(titles)
const albums: { id: number; title: string }[] = await Promise.all(Array.from({ length: 12 }, getRandomAlbum))
---
<Base>
<div class='flex flex-col px-28'>
<h1 class='w-full uppercase font-medium tracking-wide text-4xl drop-shadow-2xl mt-5 mb-2 text-center'>{title}</h1>
<div class='grid grid-cols-2 md:grid-cols-4 gap-x-1.5 mb-4'>
{
albums.map((album) => (
<AlbumBox title={album.title} href={`/album/${album.id}`} image={`/album/${album.id}.png`} />
))
}
</div>
</div>
</Base>