[WIP] Add card grid

MisRob · Aug 19, 2024 · 6e156e6 · 6e156e6
1 parent 299c542
commit 6e156e6
Show file tree

Hide file tree

Showing 18 changed files with 1,019 additions and 814 deletions.
diff --git a/docs/assets/hummingbird-large-cc-by-sa-4.jpg b/docs/assets/hummingbird-large-cc-by-sa-4.jpg
diff --git a/docs/assets/hummingbird CC BY-SA 4.0.jpg → docs/assets/hummingbird-small-cc-by-sa-4.jpg b/docs/assets/hummingbird CC BY-SA 4.0.jpg → docs/assets/hummingbird-small-cc-by-sa-4.jpg
diff --git a/docs/pages/kcard.vue b/docs/pages/kcard.vue
@@ -25,7 +25,7 @@
             layout="horizontal"
             thumbnailDisplay="large"
             thumbnailAlign="right"
-            :thumbnailSrc="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+            :thumbnailSrc="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
           >
             <template #title>
               <div>
@@ -92,7 +92,7 @@
             layout="horizontal"
             thumbnailDisplay="large"
             thumbnailAlign="left"
-            :thumbnailSrc="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+            :thumbnailSrc="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
           >
             <template #title>
               <div>
@@ -155,7 +155,7 @@
             :headingLevel="2"
             layout="vertical"
             thumbnailDisplay="small"
-            :thumbnailSrc="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+            :thumbnailSrc="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
           >
             <template #title>
               <div>
@@ -355,7 +355,7 @@
             :headingLevel="2"
             layout="vertical"
             thumbnailDisplay="small"
-            :thumbnailSrc="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+            :thumbnailSrc="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
           >
             <template #title>
               <div>

diff --git a/docs/pages/kcardgrid.vue b/docs/pages/kcardgrid.vue
@@ -0,0 +1,7 @@
+<template>
+
+  <DocsPageTemplate apiDocs>
+    <DocsPageSection title="Introduction" anchor="#introduction" />
+  </DocsPageTemplate>
+
+</template> 
diff --git a/docs/pages/kimg.vue b/docs/pages/kimg.vue
@@ -39,7 +39,7 @@
       <DocsShow>
         <span>
           <KImg
-            :src="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+            :src="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
             altText="A sitting hummingbird"
           />
         </span>
@@ -65,7 +65,7 @@
       <DocsShow block>
         <div>
           <KImg
-            :src="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+            :src="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
             altText="A sitting hummingbird"
           />
         </div>
@@ -126,7 +126,7 @@
           <KImg
             altText="A sitting hummingbird"
             scaleType="centerInside"
-            :src="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+            :src="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
             :style="{ height: '200px', width: '100%', maxWidth: '500px' }"
           />
         </div>
@@ -151,7 +151,7 @@
           <KImg
             altText="A sitting hummingbird"
             scaleType="contain"
-            :src="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+            :src="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
             :style="{ height: '200px', width: '100%', maxWidth: '500px' }"
           />
         </div>
@@ -176,7 +176,7 @@
           <KImg
             altText="A sitting hummingbird"
             scaleType="fitXY"
-            :src="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+            :src="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
             :style="{ height: '200px', width: '100%', maxWidth: '500px' }"
           />
         </div>
@@ -205,7 +205,7 @@
       <DocsShow block>
         <div>
           <KImg
-            :src="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+            :src="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
             altText="A sitting hummingbird"
             aspectRatio="4:3"
           />
@@ -284,7 +284,7 @@
       </DocsShowCode>
       <DocsShow>
         <KImg
-          :src="require('../assets/hummingbird CC BY-SA 4.0.jpg')"
+          :src="require('../assets/hummingbird-small-cc-by-sa-4.jpg')"
           altText="A sitting hummingbird"
         >
           <template #topLeft>