cdransf/augurymetal.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tour implementation; style fixes

Browse source
This commit is contained in:
Cory Dransfeldt 2022-06-06 15:29:35 -07:00
parent 96e42dc5f1
commit 8e9d0ec900
4 changed files with 77 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
components/TourDate.tsx Normal file
View file

@ -0,0 +1,22 @@
const TourDate = ({ date, venue, details, tickets }) => {
return (
<p className="pb-2">
{date}
{` `}
{venue}
{` `}
{details}
&nbsp;
<a
href={tickets}
rel="noopener nofollow noreferrer"
target="_blank"
className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
>
Tickets
</a>
</p>
)
}
export default TourDate

10
data/tourData.ts Normal file
View file

@ -0,0 +1,10 @@
const tourData = [
// {
// date: '2005-05-07',
// venue: 'Montreal @ Medley',
// details: 'Quo Vadis, Despised Icon',
// tickets: '',
// },
]
export default tourData

2
layouts/AuthorLayout.tsx
View file

@ -27,7 +27,7 @@ export default function AuthorLayout({ children, frontMatter }: Props) {
return (
<>
<PageSEO title={`Band - ${name}`} description={`Band - ${name}`} />
<div className="divide-y">
<div className="divide-y divide-gray-200 dark:divide-gray-700">
<div className="space-y-2 pt-6 pb-8 md:space-y-5">
<h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
Band

44
pages/tour.tsx Normal file
View file

@ -0,0 +1,44 @@
import siteMetadata from '@/data/siteMetadata'
import tourData from '@/data/tourData'
import TourDate from '@/components/TourDate'
import { PageSEO } from '@/components/SEO'
export default function Projects() {
return (
<>
<PageSEO title={`Tour - ${siteMetadata.author}`} description={siteMetadata.description} />
<div className="divide-y divide-gray-200 dark:divide-gray-700">
<div className="space-y-2 pt-6 pb-8 md:space-y-5">
<h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
Tour
</h1>
</div>
<div className="container py-12">
<div className="flex flex-wrap">
{tourData.length ? (
tourData.map((d) => (
<TourDate
key={d.date}
date={d.date}
venue={d.venue}
details={d.details}
tickets={d.tickets}
/>
))
) : (
<p className="pb-2">No dates scheduled.</p>
)}
</div>
<p className="pt-10">
<a
href="/tour-archive"
className="text-primary-500 hover:text-primary-600 dark:hover:text-primary-400"
>
View our past tour dates →
</a>
</p>
</div>
</div>
</>
)
}