@@ -99,15 +99,19 @@ export default function Ecosystem({
9999 Spotlight Archive
100100 </a>
101101 </Link>
102+ <Contact emphasize className="pt-36 self-center w-fit mx-auto" />
103+
102104 </>
103105 )}
104106 <div
105107 className={classnames("grid gap-12 w-full", {
106108 "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",
108111 hidden: type === undefined,
109112 })}
110113 >
114+
111115 {type === "organizations" &&
112116 organizations.map((org) => (
113117 <Link href={`/organizations/${org.slug}`}>
@@ -120,18 +124,21 @@ export default function Ecosystem({
120124 {type === "applications" &&
121125 applications.map((app) => (
122126 <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 ">
124128 <div
125− className="w-36 h-36 overflow-hidden rounded-xl"
129+ className="h-36 w-36 rounded-xl items-center justify-center"
126130 style={{
127131 backgroundColor: app?.bgColor || "rgba(0,0,0,0)",
128132 }}
129133 >
130134 {app?.image && (
131− <img className="w-full h-full" src={app.image} />
135+ <img className="items-center" src={app.image} />
132136 )}
133137 </div>
134− <p className="text-center font-bold">{app.title}</p>
138+ <div className="">
139+ <p className="text-left font-bold">{app.title}</p>
140+ <p className="text-left text-wall-400 font-light">{app.description}</p>
141+ </div>
135142 </div>
136143 </Link>
137144 ))}
@@ -148,10 +155,10 @@ export default function Ecosystem({
148155 podcasts.map((pod) => (
149156 <Link href={`/podcasts/${pod.slug}`}>
150157 <div className="flex cursor-pointer space-x-4 items-center">
151− <img className="w-36" src={pod.image} />
152− <div className="flex flex-col space-y-4 min-w-0">
158+ <img className="w-28" src={pod.image} />
159+ <div className="flex flex-col space-y-2 min-w-0">
153160 <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 ">
155162 {pod.title}
156163 </p>
157164 <p className="text-wall-400">{pod.date}</p>
@@ -162,7 +169,8 @@ export default function Ecosystem({
162169 </div>
163170 </div>
164171 </div>
165− <Contact emphasize className="pt-36 self-center w-fit mx-auto" />
172+
173+
166174 </Section>
167175 </SingleColumn>
168176 <Footer />
@@ -176,8 +184,8 @@ function ActiveLink({ children, href, className, currentPath }) {
176184 currentPath === "/ecosystem?type=archive" && href === "/ecosystem"
177185 );
178186 const activeClassName = classnames({
179− "text-wall-600": currentPath === href || archive,
180− "text-wall-500": currentPath !== href && !archive,
187+ "text-wall-800": currentPath === href || archive,
188+ "text-wall-400": currentPath !== href && !archive,
181189 });
182190
183191 return (
@@ -325,7 +333,7 @@ export async function getStaticProps({}) {
325333 .filter((f) => f.isDirectory())
326334 .map((dir) =>
327335 getAllPosts(
328− ["title", "bgColor", "image", "slug"],
336+ ["title", "bgColor", "image", "slug", "description"],
329337 `applications/${dir.name}`
330338 )
331339 .map((e) => ({ ...e, ship: dir.name }))