Merge pull request #29 from minnoroth/rebuild-index

Rebuild index page.

.github/workflows/deploy.yml

@@ -1,26 +1,53 @@
-name: deploy
+name: Deploy VitePress site to Pages
 
 on:
   push:
-    branches:
-    - main
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
 
 jobs:
+  build:
+    runs-on: ubuntu-latest
+    name: Build
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Install dependencies
+        run: npm ci
+      - name: Build with VitePress
+        run: npm run site:build
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: site/.vitepress/dist
+
   deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    needs: build
     runs-on: ubuntu-latest
+    name: Deploy
     steps:
-    - uses: actions/checkout@v2
-    - uses: actions/setup-node@v2
-      with:
-        node-version: '17'
-        cache: 'npm'
-    - run: npm install
-    - run: npm run site:build
-    - run: |
-        git config --global user.name 'wrensecurity'
-        git config --global user.email 'wrensecurity@users.noreply.github.com'
-        cd site/.vitepress/dist
-        git init && git checkout -b main
-        git add -A
-        git commit -m 'Deploy ${{ github.sha }}'
-        git push -f https://x-access-token:${{ secrets.GITHUB_TOKEN }}@github.com/WrenSecurity/wrensecurity.org.git main:gh-pages
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

package.json

@@ -19,7 +19,7 @@
     "glob": "^8.0.1",
     "gray-matter": "^4.0.3",
     "typescript": "^4.8.4",
-    "vitepress": "^1.0.0-rc.40",
+    "vitepress": "^1.0.1",
     "vue-eslint-parser": "^9.1.0"
   }
 }

site/.vitepress/config.ts

@@ -17,7 +17,7 @@ export default defineConfig({
     ]
   ],
   themeConfig: {
-    logo: '/wren.png',
+    logo: '/navbar-logo.png',
     footer: {
       copyright: 'Copyright © 2017-2024 Wren Security'
     },

site/.vitepress/theme/components/index/Feature.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="wren-feature">
+    <h3>
+      <slot name="title" />
+    </h3>
+    <p>
+      <slot name="description" />
+    </p>
+  </div>
+</template>
+
+<style scoped>
+.wren-feature {
+  background-color: var(--vp-c-bg-soft);
+  padding: 24px;
+  border-radius: 12px;
+}
+.wren-feature h3 {
+  margin: 0;
+}
+.wren-feature p {
+  margin-bottom: 0;
+}
+</style>

site/.vitepress/theme/components/index/Features.vue

@@ -0,0 +1,32 @@
+<script setup>
+defineProps({
+  columns: { type: Number, required: true }
+});
+</script>
+
+<template>
+  <div class="wren-features">
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+.wren-features {
+  display: grid;
+  grid-template-columns: repeat(v-bind(columns), 1fr);
+  gap: 16px;
+  margin-top: 42px;
+}
+
+@media (max-width: 960px) {
+  .wren-features {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (max-width: 480px) {
+  .wren-features {
+    grid-template-columns: 1fr;
+  }
+}
+</style>