From 8a1769f3c4eb8be71bebfccaaf9fdc47763f16ed Mon Sep 17 00:00:00 2001
From: savagem7 <i0g1n4oj>
Date: Fri, 8 Dec 2023 13:40:10 +0000
Subject: [PATCH] jwy linktree

---
 arrays/linktree.ts                     |  8 ++++++++
 pages/top-ten-releases/[slug].tsx      | 27 ++++++++++++++------------
 posts/top-ten-releases/jwy-8-12-23.mdx |  2 ++
 styles/styles.global.scss              |  6 +++++-
 styles/top-ten.module.scss             |  2 +-
 5 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/arrays/linktree.ts b/arrays/linktree.ts
index 4941fc4f..d1214440 100644
--- a/arrays/linktree.ts
+++ b/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",
diff --git a/pages/top-ten-releases/[slug].tsx b/pages/top-ten-releases/[slug].tsx
index 88334775..df76a3c4 100644
--- a/pages/top-ten-releases/[slug].tsx
+++ b/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>
 
diff --git a/posts/top-ten-releases/jwy-8-12-23.mdx b/posts/top-ten-releases/jwy-8-12-23.mdx
index 0fb65d14..2a4c4dc4 100644
--- a/posts/top-ten-releases/jwy-8-12-23.mdx
+++ b/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
diff --git a/styles/styles.global.scss b/styles/styles.global.scss
index d9874bb8..984f5db0 100644
--- a/styles/styles.global.scss
+++ b/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);
   }
diff --git a/styles/top-ten.module.scss b/styles/top-ten.module.scss
index 7bf42dcc..8cdebffc 100644
--- a/styles/top-ten.module.scss
+++ b/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 {