@@ -99,15 +99,19 @@ export default function Ecosystem({
99 Spotlight Archive
99 Spotlight Archive
102+ <Contact emphasize className="pt-36 self-center w-fit mx-auto" />
105 className={classnames("grid gap-12 w-full", {
107 className={classnames("grid gap-12 w-full", {
106 "grid-cols-2 md:grid-cols-3": type !== "podcasts",
108 "grid-cols-2 md:grid-cols-3": type !== "podcasts",
107− "grid-cols-1 lg:grid-cols-2": type === "podcasts",
109+ "grid-cols-1": type === "podcasts",
110+ "grid-cols-1 md:grid-cols-1": type === "applications",
108 hidden: type === undefined,
111 hidden: type === undefined,
111 {type === "organizations" &&
115 {type === "organizations" &&
112 organizations.map((org) => (
116 organizations.map((org) => (
113 <Link href={`/organizations/${org.slug}`}>
117 <Link href={`/organizations/${org.slug}`}>
@@ -120,18 +124,21 @@ export default function Ecosystem({
120 {type === "applications" &&
124 {type === "applications" &&
121 applications.map((app) => (
125 applications.map((app) => (
122 <Link href={`/applications/${app.ship}/${app.slug}`}>
126 <Link href={`/applications/${app.ship}/${app.slug}`}>
123− <div className="flex flex-col space-y-4 justify-center items-center cursor-pointer">
127+ <div className="flex space-x-4 items-center cursor-pointer ">
125− className="w-36 h-36 overflow-hidden rounded-xl"
129+ className="h-36 w-36 rounded-xl items-center justify-center"
127 backgroundColor: app?.bgColor || "rgba(0,0,0,0)",
131 backgroundColor: app?.bgColor || "rgba(0,0,0,0)",
130 {app?.image && (
134 {app?.image && (
131− <img className="w-full h-full" src={app.image} />
135+ <img className="items-center" src={app.image} />
134− <p className="text-center font-bold">{app.title}</p>
139+ <p className="text-left font-bold">{app.title}</p>
140+ <p className="text-left text-wall-400 font-light">{app.description}</p>
@@ -148,10 +155,10 @@ export default function Ecosystem({
148 podcasts.map((pod) => (
155 podcasts.map((pod) => (
149 <Link href={`/podcasts/${pod.slug}`}>
156 <Link href={`/podcasts/${pod.slug}`}>
150 <div className="flex cursor-pointer space-x-4 items-center">
157 <div className="flex cursor-pointer space-x-4 items-center">
151− <img className="w-36" src={pod.image} />
158+ <img className="w-28" src={pod.image} />
152− <div className="flex flex-col space-y-4 min-w-0">
159+ <div className="flex flex-col space-y-2 min-w-0">
153 <p className="font-bold">{pod.podcast}</p>
160 <p className="font-bold">{pod.podcast}</p>
154− <p className="truncate min-w-0 min-h-0">
161+ <p className="min-w-0 min-h-0 leading-5 ">
155 {pod.title}
162 {pod.title}
157 <p className="text-wall-400">{pod.date}</p>
164 <p className="text-wall-400">{pod.date}</p>
@@ -162,7 +169,8 @@ export default function Ecosystem({
165− <Contact emphasize className="pt-36 self-center w-fit mx-auto" />
172+
166 </Section>
174 </Section>
167 </SingleColumn>
175 </SingleColumn>
168 <Footer />
176 <Footer />
@@ -176,8 +184,8 @@ function ActiveLink({ children, href, className, currentPath }) {
176 currentPath === "/ecosystem?type=archive" && href === "/ecosystem"
184 currentPath === "/ecosystem?type=archive" && href === "/ecosystem"
178 const activeClassName = classnames({
186 const activeClassName = classnames({
179− "text-wall-600": currentPath === href || archive,
187+ "text-wall-800": currentPath === href || archive,
180− "text-wall-500": currentPath !== href && !archive,
188+ "text-wall-400": currentPath !== href && !archive,
@@ -325,7 +333,7 @@ export async function getStaticProps({}) {
325 .filter((f) => f.isDirectory())
333 .filter((f) => f.isDirectory())
326 .map((dir) =>
334 .map((dir) =>
327 getAllPosts(
335 getAllPosts(
328− ["title", "bgColor", "image", "slug"],
336+ ["title", "bgColor", "image", "slug", "description"],
329 `applications/${dir.name}`
337 `applications/${dir.name}`
331 .map((e) => ({ ...e, ship: dir.name }))
339 .map((e) => ({ ...e, ship: dir.name }))