updating content

src/components/InfoPanel.component.vue

@@ -1,6 +1,6 @@
 <template>
     <div
-        class="md:text-xl flex flex-col lg:flex-row justify-around items-center p-4"
+        class="md:text-xl flex flex-col lg:flex-row lg:space-x-2 justify-around items-center"
         :class="{ 'border-t border-slate-400': props.border }"
     >
         <div
@@ -9,7 +9,7 @@
                 'w-full': !slots.content,
             }"
         >
-            <div class="text-slate-900 text-xl mb-10">
+            <div class="text-slate-900 text-xl mb-6">
                 <slot name="title"></slot>
             </div>
 
@@ -18,7 +18,7 @@
             </div>
         </div>
         <div
-            class="text-base flex flex-row justify-around p-6"
+            class="text-base flex flex-row justify-around my-2"
             :class="{
                 'w-full lg:w-3/5': slots.content,
             }"
@@ -27,7 +27,7 @@
                 v-if="props.image"
                 :src="props.image"
                 :style="imageStyles"
-                class="object-contain m-4"
+                class="object-contain"
             />
             <slot name="content"></slot>
         </div>

src/components/Releases.component.vue

@@ -69,7 +69,7 @@ onMounted(async () => {
         }
         data.release = await response.json();
         data.download.windows = data.release?.assets.filter((asset) =>
-            asset.name.match(/win32-x64.*zip/)
+            asset.name.match(/.*Setup.exe/)
         )[0].browser_download_url;
         data.download.macArm = data.release?.assets.filter((asset) =>
             asset.name.match(/arm64.dmg/)

src/components/Shell.component.vue

@@ -29,27 +29,28 @@
             <div
                 class="flex flex-col space-y-4 lg:flex-row lg:space-x-2 lg:text-xl lg:place-content-center bg-slate-100 p-4 rounded"
             >
-                <div class="flex flex-col space-y-4 w-full lg:w-1/2 text-center">
+                <div class="flex flex-col space-y-4 w-full lg:w-1/2 text-center font-light">
                     <div>
                         <i class="fa-solid fa-user fa-4x text-blue-600"></i>
                     </div>
                     <div>Are you a user looking to get started?</div>
+                    <div class="text-2xl">
+                        Install the
+                        <router-link to="/desktop" class="hover:text-orange-600">
+                            desktop application
+                        </router-link>
+                        to get a full featured environment for creating and managing your research
+                        data including being able to describe files, manage data packs and much,
+                        much more (coming soon).
+                    </div>
                     <div>
-                        Try the
+                        Alternately, try the
                         <router-link to="/web" class="hover:text-orange-600">
                             web version
                         </router-link>
                         to get started quickly. It's not as full featured as the desktop application
                         but it's good for viewing RO Crates and performing basic metadata work.
                     </div>
-                    <div>
-                        Alternately, install the
-                        <router-link to="/desktop" class="hover:text-orange-600">
-                            desktop application
-                        </router-link>
-                        to get a full featured environment for creating and managing your research
-                        data including being able to describe files and much more coming soon.
-                    </div>
                     <div class="p-8">
                         Need help getting started?
                         <router-link to="/tutorial" class="hover:text-orange-600 md:text-2xl">
@@ -110,9 +111,13 @@ import LinkComponent from "./Link.component.vue";
 
 const cards = [
     {
-        text: "The dashboard. Select a folder of content to describe or load a previously used folder.",
+        text: "The dashboard. Select a folder of content to describe; load a previously used folder or manage data pack data.",
         image: "/desktop1.png",
     },
+    {
+        text: "Context aware help.",
+        image: "/desktop1a.png",
+    },
     {
         text: `When the RO Crate file is loaded the root dataset is shown on the right along with a file browser on the left.
        In the navigation bar we can see which folder is loaded and controls to load a profile as well as access the tool settings.

src/components/pages/DescriboDesktop.component.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="flex flex-col space-y-20">
+    <div class="flex flex-col space-y-10">
         <InfoPanelComponent image="/desktop3.png" :border="false">
             <template #title>Describo Desktop</template>
             <template #text>

src/components/pages/DescriboWeb.component.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="flex flex-col space-y-20">
+    <div class="flex flex-col space-y-10">
         <InfoPanelComponent image="/web1.png" :border="false">
             <template #title>Describo Web</template>
             <template #text>
@@ -28,10 +28,10 @@
             <template #content>
                 <div class="flex flex-row space-x-10">
                     <div class="w-1/2">
-                        <img src="/logos/chrome.png" class="h-40" />
+                        <img src="/logos/chrome.png" class="h-20" />
                     </div>
                     <div class="w-1/2">
-                        <img src="/logos/edge.png" class="h-40" />
+                        <img src="/logos/edge.png" class="h-20" />
                     </div>
                 </div>
             </template>