jwy linktree

arrays/linktree.ts

@@ -9,6 +9,14 @@ export interface LinkProps {
 }
 
 export const linkList: LinkProps[] = [
+  {
+    title: "JWY - Top 10 Picks Of The Year",
+    img: "/top-ten-releases/14-jwy.jpg",
+    link: "https://www.plantbassd.com/top-ten-releases/jwy-8-12-23",
+    name: "news",
+    description:
+      "Founder of Foxgluv, JWY, shares her top ten picks of 2023. The Dublin based DJ was key to big nights out this year for Rathaus, Ar Ais Arís, and Honeypot Club among many others.",
+  },
   {
     title: "Under the Radar: November",
     link: "https://www.plantbassd.com/under-the-radar/november-23",

pages/top-ten-releases/[slug].tsx

@@ -16,7 +16,7 @@ export default function TopTenSlug({
   frontmatter,
   slug,
 }: InferGetStaticPropsType<typeof getStaticProps>) {
-  const { title, date, cover, intro, header, insta } = frontmatter;
+  const { title, date, cover, intro, header, insta, path } = frontmatter;
   return (
     <div className={styles.outerSection}>
       <PageMetaData
@@ -26,20 +26,23 @@ export default function TopTenSlug({
         url={`www.plantbassd.com/${slug}`}
       />
       <div className={`col ${styles.topTenContent}`}>
-        <p className={styles.postDate}>Posted on {date}</p>
+        <p>
+          {<HoverLink url="/" name="home" />} / {<HoverLink url={`/${path}`} name={path} />} /
+        </p>
         <h1 className={styles.postTitle}>{`${header} - ${title}`}</h1>
+        <p className={styles.postDate}>Posted on {date}</p>
 
+        <p className="my-4">{intro}</p>
+        <a
+          className={`${styles.instagram} text-nowrap btn btn-dark mb-3`}
+          href={insta}
+          rel="noopener noreferrer"
+          role="button"
+          target="_blank"
+        >
+          <Icon icon="instagram" /> {header}
+        </a>
         <div className="text-center">
-          <p>{intro}</p>
-          <a
-            className={`${styles.instagram} text-nowrap btn btn-dark mb-3 d-flex justify-content-center align-items-center gap-2`}
-            href={insta}
-            rel="noopener noreferrer"
-            role="button"
-            target="_blank"
-          >
-            <Icon icon="instagram" /> {header}
-          </a>
           <Picture alt="artist press pic" size={600} src={cover} />
         </div>
 

posts/top-ten-releases/jwy-8-12-23.mdx

@@ -23,6 +23,8 @@ Rory Sweeney has absolutely been killing it for years now!! Some of the releases
 
 Cover photo creds to <HoverLink url="https://www.instagram.com/cianbolger.ire/" name="Cian Bolger" external />.
 
+<hr />
+
 </div>
 
 <FavTrack

styles/styles.global.scss

@@ -73,7 +73,7 @@ h3 {
 }
 
 p {
-  font-size: $paragraph;
+  font-size: $xsHeader;
 }
 
 .smallText {
@@ -83,6 +83,10 @@ p {
 }
 
 @include breakpoint-below(md) {
+  p {
+    font-size: $paragraph;
+  }
+
   .smallText {
     font-size: calc(0.6rem + 1vw);
   }

styles/top-ten.module.scss

@@ -18,7 +18,6 @@
 .postDate {
   font-style: italic;
   font-size: 0.9rem;
-  text-align: right;
 }
 
 @include breakpoint-below(md) {
@@ -50,6 +49,7 @@
     color: $headerBlack;
     background-color: $instagram;
   }
+  padding: 0.4rem 1.2rem;
 }
 
 .bioText {