fix article list

README.md

@@ -64,3 +64,7 @@ This package helps manage multiple websites in one place. The `./sites` folder i
 Note that some hosts, such as [surge.sh](https://surge.sh), do not allow for management of individual files and instead require that all files be pushed in one go. In that case, make sure the `/content` folder is present when the `/projects/frontend` project is built before syncing, and sync content changes with the `/projects/frontend` build instead.
 
 TBA: ensure build command has option to include or exclude `/content` when building or provide separate build commands
+
+### /projects/cms
+
+In order to manage larger galleries, Mackenzii has a pre-configured [Strapi](https://docs.strapi.io/) package that can be used locally in combination with the scripts under the `sites` project which will pull data from Strapi into a format usable by Mackenzii. Note that this configured Strapi is _not_ meant to be hosted on a production server. If you do, make sure you do not commit any environment secrets to git (they should be gitignored) and read the docs on how to host Strapi. You will also want to point the bridge scripts to the hosted version instead of local, or consider repurposing them into a middleware server and have your Mackenzii point to the appropriate URLs instead of `/content/**`.

libs/types/src/content/templates/article-list.d.ts

@@ -5,6 +5,12 @@ import type { MediaEntry } from './shared'
  * to display when listing the entry on the article-list page.
  */
 export type ArticleEntry = {
+  alternativeText?: string
+  caption?: string
+  /**
+   * URL to the entry's thumbnail
+   */
+  thumbnailUrl?: string
   /**
    * URL to the markdown document of the article entry
    */

projects/cms/README.md

@@ -1,61 +1,3 @@
-# 🚀 Getting started with Strapi
+# Mackenzii Strapi
 
-Strapi comes with a full featured [Command Line Interface](https://docs.strapi.io/dev-docs/cli) (CLI) which lets you scaffold and manage your project in seconds.
 
-### `develop`
-
-Start your Strapi application with autoReload enabled. [Learn more](https://docs.strapi.io/dev-docs/cli#strapi-develop)
-
-```
-npm run develop
-# or
-yarn develop
-```
-
-### `start`
-
-Start your Strapi application with autoReload disabled. [Learn more](https://docs.strapi.io/dev-docs/cli#strapi-start)
-
-```
-npm run start
-# or
-yarn start
-```
-
-### `build`
-
-Build your admin panel. [Learn more](https://docs.strapi.io/dev-docs/cli#strapi-build)
-
-```
-npm run build
-# or
-yarn build
-```
-
-## ⚙️ Deployment
-
-Strapi gives you many possible deployment options for your project including [Strapi Cloud](https://cloud.strapi.io). Browse the [deployment section of the documentation](https://docs.strapi.io/dev-docs/deployment) to find the best solution for your use case.
-
-```
-yarn strapi deploy
-```
-
-## 📚 Learn more
-
-- [Resource center](https://strapi.io/resource-center) - Strapi resource center.
-- [Strapi documentation](https://docs.strapi.io) - Official Strapi documentation.
-- [Strapi tutorials](https://strapi.io/tutorials) - List of tutorials made by the core team and the community.
-- [Strapi blog](https://strapi.io/blog) - Official Strapi blog containing articles made by the Strapi team and the community.
-- [Changelog](https://strapi.io/changelog) - Find out about the Strapi product updates, new features and general improvements.
-
-Feel free to check out the [Strapi GitHub repository](https://github.com/strapi/strapi). Your feedback and contributions are welcome!
-
-## ✨ Community
-
-- [Discord](https://discord.strapi.io) - Come chat with the Strapi community including the core team.
-- [Forum](https://forum.strapi.io/) - Place to discuss, ask questions and find answers, show your Strapi project and get feedback or just talk with other Community members.
-- [Awesome Strapi](https://github.com/strapi/awesome-strapi) - A curated list of awesome things related to Strapi.
-
----
-
-<sub>🤫 Psst! [Strapi is hiring](https://strapi.io/careers).</sub>

projects/frontend/src/views/article/article-tile.vue

@@ -14,7 +14,8 @@ const props = defineProps<{
 }>()
 
 const resolved = ref({} as ArticleEntry)
-//const thumbnail = computed(() => resolved.value.thumbnail)
+const thumbnail = computed(() => resolved.value.thumbnailUrl)
+const altText = computed(() => resolved.value.alternativeText)
 const description = computed(() => marked.parse(resolved.value.description || ''))
 const date = computed(() => !!resolved.value.date ? getFormattedDate(resolved.value.date) : null)
 const title = computed(() => marked.parse(resolved.value.title || props.id))
@@ -51,8 +52,9 @@ mixin embedText
     v-if='!!thumbnail'
   )
     +link
-      .thumbnail(
+      img.thumbnail(
-        :style='thumbnail.style'
+        :src='thumbnail'
+        :alt='altText'
       )
   .text-wrapper
     +link

projects/frontend/src/views/shared/media-list.vue

@@ -142,6 +142,6 @@ onMounted(async () => {
           :id='id'
           :viewPath='viewPath'
           :isInternal='true'
-          :entry='entry'
+          :entry='entry.entry'
         )
 </template>