Merge branch 'main' into dckc-patch-1

Agoric · Oct 26, 2023 · ab054ce · ab054ce
2 parents 6673438 + 526054e
commit ab054ce
Show file tree

Hide file tree

Showing 33 changed files with 3,619 additions and 207 deletions.
diff --git a/.github/workflows/test-build.yml b/.github/workflows/test-build.yml
@@ -13,7 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [18.17.x]
     steps:
     - name: Checkout
       uses: actions/checkout@v3

diff --git a/.github/workflows/test-snippets.yml b/.github/workflows/test-snippets.yml
@@ -13,7 +13,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [18.17.x]
     steps:
     - name: Checkout
       uses: actions/checkout@v3

diff --git a/.node-version b/.node-version
@@ -1 +1 @@
-v18.16.0
+v18.17.0
diff --git a/main/.vuepress/components/HomeButtonHeader.vue b/main/.vuepress/components/HomeButtonHeader.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="home-section">
+    <h1 style="margin-bottom: .25em;">{{ title }}</h1>
+    <div style="margin-bottom: 1em;">
+    {{ text }}
+    </div>
+  </div>
+</template>
+
+<script>
+/**
+ * @file HomeButtonHeader
+ * @
+ * @module components
+ */
+export default {
+    name: 'HomeButtonHeader',
+
+    props: {
+        title: {
+            type: String,
+            required: true,
+            default: 'Home Button Header Title'
+        },
+        text: {
+            type: String,
+            required: true,
+            default: 'Home Button Header Text'
+        },
+    }
+}
+</script>
diff --git a/main/.vuepress/components/HomeButtonRow.vue b/main/.vuepress/components/HomeButtonRow.vue
@@ -0,0 +1,162 @@
+<template>
+    <div class="button-grid-wrapper">
+        <div class="home-button" style="grid-column-start: 1;">
+            <a :href=link1>
+                {{ title1 }}
+                <span class="link-spanner"></span>
+            </a>
+            <br/>
+            <div style="margin-top: .5em;">
+                {{ text1 }}
+            </div>
+        </div>
+        <div class="home-button" style="grid-column-start: 2;">
+            <a :href=link2>
+                {{ title2 }}
+                <span class="link-spanner"></span>
+            </a>
+            <br/>
+            <div style="margin-top: .5em;">
+                {{ text2 }}
+            </div>
+        </div>
+        <div class="home-button" style="grid-column-start: 3;">
+            <a :href=link3>
+                {{ title3 }}
+                <span class="link-spanner"></span>
+            </a>
+            <br/>
+            <div style="margin-top: .5em;">
+                {{ text3 }}
+            </div>
+        </div>
+        <div class="home-button" v-if="title4" style="grid-column-start: 1;">
+            <a :href=link4>
+                {{ title4 }}
+                <span class="link-spanner"></span>
+            </a>
+            <br/>
+            <div style="margin-top: .5em;">
+                {{ text4 }}
+            </div>
+        </div>
+        <div class="home-button" v-if="title5" style="grid-column-start: 2;">
+            <a :href=link5>
+                {{ title5 }}
+                <span class="link-spanner"></span>
+            </a>
+            <br/>
+            <div style="margin-top: .5em;">
+                {{ text5 }}
+            </div>
+        </div>
+        <div class="home-button"  v-if="title6" style="grid-column-start: 3;">
+            <a :href=link6>
+                {{ title6 }}
+                <span class="link-spanner"></span>
+            </a>
+            <br/>
+            <div style="margin-top: .5em;">
+                {{ text6 }}
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+  /**
+   * @file HomeButtonRow
+   * @
+   * @module components
+   */
+  export default {
+    name: 'HomeButtonRow',
+  
+    props: {
+      title1: {
+          type: String,
+          required: true,
+          default: 'HomeButton Title 1'
+      },
+      text1: {
+          type: String,
+          required: true,
+          default: 'HomeButton Text 1'
+      },
+      link1: {
+          type: String,
+          required: true,
+          default: 'https://docs.agoric.com'
+      },
+      title2: {
+          type: String,
+          required: true,
+          default: 'HomeButton Title 2'
+      },
+      text2: {
+          type: String,
+          required: true,
+          default: 'HomeButton Text 2'
+      },
+      link2: {
+          type: String,
+          required: true,
+          default: 'https://docs.agoric.com'
+      },
+      title3: {
+          type: String,
+          required: true,
+          default: 'HomeButton Title 3'
+      },
+      text3: {
+          type: String,
+          required: true,
+          default: 'HomeButton Text 3'
+      },
+      link3: {
+          type: String,
+          required: true,
+          default: 'https://docs.agoric.com'
+      },
+
+      title4: {
+          type: String,
+          required: false,
+      },
+      text4: {
+          type: String,
+          required: false,
+      },
+      link4: {
+          type: String,
+          required: false,
+      },
+
+      title5: {
+          type: String,
+          required: false,
+      },
+      text5: {
+          type: String,
+          required: false,
+      },
+      link5: {
+          type: String,
+          required: false,
+      },
+
+      title6: {
+          type: String,
+          required: false,
+      },
+      text6: {
+          type: String,
+          required: false,
+      },
+      link6: {
+          type: String,
+          required: false,
+      },
+    }
+  }
+</script>
diff --git a/main/.vuepress/config.js b/main/.vuepress/config.js
@@ -8,6 +8,7 @@ module.exports = {
   description: 'Build, deploy and operate dApps and DeFi markets.', // desc for the site; rendered as a <meta> tag in the page HTML
   // Extra tags to inject into the page HTML <head>. You can specify each tag in the form of [tagName, { attrName: attrValue }, innerHTML?].
   head: [
+    ['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
     ['link', { rel: 'icon', href: '/favicon-full.ico' }],
     [
       'style',
@@ -25,7 +26,7 @@ module.exports = {
     ],
     [
       'script',
-      { src: 'https://www.googletagmanager.com/gtag/js?id=UA-118217811-1' },
+      { src: 'https://www.googletagmanager.com/gtag/js?id=UA-118217811-1', async: '' },
     ],
     [
       'script',
@@ -119,6 +120,7 @@ module.exports = {
           children: [
             '/guides/getting-started/',
             '/guides/getting-started/start-a-project.html',
+            '/guides/getting-started/contract-rpc.html',
             '/guides/getting-started/deploying.html',
             '/guides/getting-started/syncing-up.html',
           ],

diff --git a/main/.vuepress/styles/index.styl b/main/.vuepress/styles/index.styl
@@ -98,6 +98,44 @@
   &--center
     align-items center
 
+
+.button-grid-wrapper
+  display grid
+  grid-template-columns repeat(3, 33.3%)
+  grid-template-rows repeat(minmax(1, 2), 50%)
+  row-gap .25em
+  column-gap .25em
+
+.home-section
+  width 100%
+
+.home-button
+  border-style solid
+  border-color LightGrey
+  padding .5em
+  vertical-align top
+  position relative
+  min-height 4em
+
+.home-banner
+  text-align center
+  background #d73252
+  color white
+  padding 1em
+
+.link-spanner
+  position absolute
+  width 100%
+  height 100%
+  top 0
+  left  0
+  z-index 1
+
+.youtube-embed
+  aspect-ratio 16/9
+  width 100%
+  max-height 315
+
 .zoe-version
   font-size: .75em
   border-bottom: 1px #2c3e50 solid

diff --git a/main/.vuepress/styles/palette.styl b/main/.vuepress/styles/palette.styl
@@ -9,3 +9,7 @@ $badgeErrorColor = #DA5961
 
 // Additional color variables for use in site
 $white = #FFF
+
+// Allow content panel to be larger
+$homePageWidth = 90%
+$contentWidth=90%