Merge pull request #1 from jnywong/main

Add gallery template

.github/workflows/deploy.yml

@@ -0,0 +1,46 @@
+# This file was created automatically with `myst init --gh-pages` 🪄 💚
+
+name: MyST GitHub Pages Deploy
+on:
+  push:
+    # Runs on pushes targeting the default branch
+    branches: [main]
+env:
+  # `BASE_URL` determines the website is served from, including CSS & JS assets
+  # You may need to change this to `BASE_URL: ''`
+  BASE_URL: /${{ github.event.repository.name }}
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: 'pages'
+  cancel-in-progress: false
+jobs:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v3
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18.x
+      - name: Install MyST Markdown
+        run: npm install -g mystmd
+      - name: Build HTML Assets
+        run: myst build --html
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v1
+        with:
+          path: './_build/html'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2

index.md

@@ -0,0 +1,27 @@
+# 2i2c Demo Gallery
+
+This gallery showcases demos from across the communities that 2i2c serves.
+
+:::::{grid} 1 1 2 2
+
+::::{card}
+:header: Demo 1
+:::{image} https://images.unsplash.com/photo-1486246772917-8947d0f7f541?q=80&w=1335&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
+:::
+Body text
+::::
+
+::::{card}
+:header: Demo 2
+:::{image} https://images.unsplash.com/photo-1486246772917-8947d0f7f541?q=80&w=1335&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
+:::
+Body text
+::::
+
+::::{card}
+:header: Demo 3
+:::{image} https://images.unsplash.com/photo-1486246772917-8947d0f7f541?q=80&w=1335&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D
+:::
+Body text
+::::
+:::::

myst.yml

@@ -1,19 +1,22 @@
 # See docs at: https://mystmd.org/guide/frontmatter
 version: 1
 project:
-  id: 7c7f2745-de38-4fe7-8f03-68556ec2013f
-  # title:
-  # description:
+  title: 2i2c Demo Gallery
+  description: A gallery website to demonstrate community success stories.
   keywords: []
   authors: []
+  copyright: '2024'
   github: https://github.com/2i2c-org/demo-gallery
   # bibliography: []
+  toc:
+    # Auto-generated by `myst init --write-toc`
+    - file: index.md
 site:
   template: book-theme
-  # title:
-  # options:
+  title: Title
+  options:
   #   favicon: favicon.ico
-  #   logo: site_logo.png
+    logo: img/logo-wide.png
   nav: []
   actions:
     - title: Learn More