This commit is contained in:
marsteralex 2022-09-11 14:42:50 +02:00
commit bc9d4aa5bc
2 changed files with 85 additions and 26 deletions

View File

@ -186,8 +186,9 @@
font-family: Readex Pro, Arial, Helvetica, font-family: Readex Pro, Arial, Helvetica,
sans-serif; sans-serif;
font-size: 17px; font-size: 17px;
">Did you know you create your own prediction market on <a class="link-build-content" ">Did you know you can create your own prediction market on <a
style="color: #55575d" target="_blank" href="https://manifold.markets">Manifold</a> for class="link-build-content" style="color: #55575d" target="_blank"
href="https://manifold.markets">Manifold</a> on
any question you care about?</span> any question you care about?</span>
</p> </p>

View File

@ -99,13 +99,6 @@ const tourneys: Tourney[] = [
endTime: toDate('Jan 6, 2023'), endTime: toDate('Jan 6, 2023'),
groupId: 'SxGRqXRpV3RAQKudbcNb', groupId: 'SxGRqXRpV3RAQKudbcNb',
}, },
{
title: 'SF 2022 Ballot',
blurb: 'Which ballot initiatives will pass this year in SF and CA?',
award: '',
endTime: toDate('Nov 8, 2022'),
groupId: 'VkWZyS5yxs8XWUJrX9eq',
},
// { // {
// title: 'Clearer Thinking Regrant Project', // title: 'Clearer Thinking Regrant Project',
// blurb: 'Something amazing', // blurb: 'Something amazing',
@ -113,6 +106,27 @@ const tourneys: Tourney[] = [
// endTime: toDate('Sep 22, 2022'), // endTime: toDate('Sep 22, 2022'),
// groupId: '2VsVVFGhKtIdJnQRAXVb', // groupId: '2VsVVFGhKtIdJnQRAXVb',
// }, // },
// Tournaments without awards get featured belows
{
title: 'SF 2022 Ballot',
blurb: 'Which ballot initiatives will pass this year in SF and CA?',
endTime: toDate('Nov 8, 2022'),
groupId: 'VkWZyS5yxs8XWUJrX9eq',
},
{
title: '2024 Democratic Nominees',
blurb: 'How would different Democratic candidates fare in 2024?',
endTime: toDate('Nov 2, 2024'),
groupId: 'gFhjgFVrnYeFYfxhoLNn',
},
{
title: 'Private Tech Companies',
blurb: 'What will these companies exit for?',
endTime: toDate('Dec 31, 2030'),
groupId: 'faNUnphw6Eoq7OJBRJds',
},
] ]
type SectionInfo = { type SectionInfo = {
@ -144,7 +158,9 @@ export default function TournamentPage(props: { sections: SectionInfo[] }) {
description="Win money by betting in forecasting touraments on current events, sports, science, and more" description="Win money by betting in forecasting touraments on current events, sports, science, and more"
/> />
<Col className="m-4 gap-10 sm:mx-10 sm:gap-24 xl:w-[125%]"> <Col className="m-4 gap-10 sm:mx-10 sm:gap-24 xl:w-[125%]">
{sections.map(({ tourney, slug, numPeople }) => ( {sections.map(
({ tourney, slug, numPeople }) =>
tourney.award && (
<div key={slug}> <div key={slug}>
<SectionHeader <SectionHeader
url={groupPath(slug, 'about')} url={groupPath(slug, 'about')}
@ -153,10 +169,11 @@ export default function TournamentPage(props: { sections: SectionInfo[] }) {
award={tourney.award} award={tourney.award}
endTime={tourney.endTime} endTime={tourney.endTime}
/> />
<span>{tourney.blurb}</span> <span className="text-gray-500">{tourney.blurb}</span>
<MarketCarousel slug={slug} /> <MarketCarousel slug={slug} />
</div> </div>
))} )
)}
<div> <div>
<SectionHeader <SectionHeader
url={Salem.url} url={Salem.url}
@ -164,9 +181,52 @@ export default function TournamentPage(props: { sections: SectionInfo[] }) {
award={Salem.award} award={Salem.award}
endTime={Salem.endTime} endTime={Salem.endTime}
/> />
<span>{Salem.blurb}</span> <span className="text-gray-500">{Salem.blurb}</span>
<ImageCarousel url={Salem.url} images={Salem.images} /> <ImageCarousel url={Salem.url} images={Salem.images} />
</div> </div>
{/* Title break */}
<div className="relative">
<div
className="absolute inset-0 flex items-center"
aria-hidden="true"
>
<div className="w-full border-t border-gray-300" />
</div>
<div className="relative flex justify-center">
<span className="bg-gray-50 px-3 text-lg font-medium text-gray-900">
Featured Groups
</span>
</div>
</div>
{sections.map(
({ tourney, slug, numPeople }) =>
!tourney.award && (
<div key={slug}>
<SectionHeader
url={groupPath(slug, 'about')}
title={tourney.title}
ppl={numPeople}
award={tourney.award}
endTime={tourney.endTime}
/>
<span className="text-gray-500">{tourney.blurb}</span>
<MarketCarousel slug={slug} />
</div>
)
)}
<p className="pb-10 italic text-gray-500">
We'd love to sponsor more tournaments and groups. Have an idea? Ping{' '}
<SiteLink
className="font-semibold"
href="https://discord.com/invite/eHQBNBqXuh"
>
Austin on Discord
</SiteLink>
!
</p>
</Col> </Col>
</Page> </Page>
) )
@ -183,9 +243,7 @@ const SectionHeader = (props: {
return ( return (
<Link href={url}> <Link href={url}>
<a className="group mb-3 flex flex-wrap justify-between"> <a className="group mb-3 flex flex-wrap justify-between">
<h2 className="text-xl font-semibold group-hover:underline md:text-3xl"> <h2 className="text-xl group-hover:underline md:text-3xl">{title}</h2>
{title}
</h2>
<Row className="my-2 items-center gap-4 whitespace-nowrap rounded-full bg-gray-200 px-6"> <Row className="my-2 items-center gap-4 whitespace-nowrap rounded-full bg-gray-200 px-6">
{!!award && <span className="flex items-center">🏆 {award}</span>} {!!award && <span className="flex items-center">🏆 {award}</span>}
{!!ppl && ( {!!ppl && (