update site content

sidebar-menu.js

@@ -28,7 +28,7 @@ export const sidebar = [
                         link: "/docs/guide/configuration/general-settings",
                     },
                     {
-                        text: "Subscribe to describo.cloud",
+                        text: "Register with describo.cloud",
                         link: "/docs/guide/configuration/subscribe",
                     },
                     {

src/desktop.md

@@ -3,32 +3,13 @@ layout: home
 aside: false
 ---
 
-<div class="flex flex-col space-y-10 my-10">
-    <InfoPanelComponent image="/images/tour/desktop1.webp" :border="false">
-        <template #text>
-            <div class="text-lg text-center">
-                <p>
-                    Available for all major platforms for FREE
-                </p>
-                <ImageComponent src='/images/tour/desktop1.webp' class="my-4"></ImageComponent>
-                View all releases @ <br/>
-                <LinkComponent link="https://github.com/describo/desktop-releases/releases/latest" class="text-base">
-                     https://github.com/describo/desktop-releases/releases/latest
-                </LinkComponent>
-            </div>
-        </template>
-        <template #content>
-            <div class="flex flex-col space-y-4 items-center">
-                <div>Download Describo Desktop</div>
-               <div class="w-full border-b border-slate-400"></div>
-                <ReleasesComponent class="hidden md:inline" />
-                Coming Soon
-            </div>
-        </template>
-    </InfoPanelComponent>
+<ReleasesComponent class="hidden md:inline-block w-full bg-white" />
 
+<div class="flex place-content-center">
+    View all releases @
+    <LinkComponent link="https://github.com/describo/desktop-releases/releases/latest" class="text-base">
+    https://github.com/describo/desktop-releases/releases/latest </LinkComponent>
 </div>
-
 <FooterComponent class="mt-6"/>
 
 <script setup>

src/docs/guide/configuration/data-processing.md

@@ -4,7 +4,7 @@ title: Cloud Services & Data Processing
 
 # Cloud Services & Data processing
 
-If you subscribe to the describo.cloud, the capabilities you will use are provided using Amazon AWS.
+If you register with describo.cloud, the capabilities you will use are provided using Amazon AWS.
 Specifically, the services used are: AWS Textract, AWS Comprehend and AWS Bedrock.
 
 In order to support users across the globe, regional services have been provisioned. The AWS region

src/docs/guide/configuration/subscribe.md

@@ -1,11 +1,11 @@
 ---
-title: Subscribe to describo.cloud
+title: Register with describo.cloud
 ---
 
-# Subscribe to describo.cloud
+# Register with describo.cloud
 
 In order to use the text extraction, entity recognition and assistant capabilities you must first
-subscribe to describo.cloud. This is an essential requirement as you must purchase credits to use
+register with describo.cloud. This is an essential requirement as you must purchase credits to use
 the services.
 
 ::: warning Info
@@ -26,7 +26,7 @@ Ensure you have reviewed:
 
 :::
 
-On the dashboard, in the panel titled `Subscription / AI Credits`, get started by entering your
+On the dashboard, in the panel titled `Registration / AI Credits`, get started by entering your
 email address:
 
 <ImageComponent src="/images/configuration/subscribe1.webp" />
@@ -40,8 +40,6 @@ Copy the code from your email into the text box and click 'Verify':
 
 <ImageComponent src="/images/configuration/subscribe3.webp" />
 
-As we are currently in a private beta phase, if you want some credits to have a go please email
-<a href="mailto:support@describo.cloud">support@describo.cloud</a> and tell us a little bit about
-you and your use case. **Be sure to email from the address that you signed up with.**
+You can purchase credits as soon as you've verified your email address.
 
 <ImageComponent src="/images/configuration/subscribe4.webp" />

src/index.md

@@ -34,7 +34,7 @@ layout: home
         </FeatureComponent>
         <FeatureComponent link="/desktop" :icon="['fas', 'download']" class="m-1 grow lg:grow-0 bg-blue-200">
           <template #title>
-            Get Describo Desktop
+            Get Describo Free
           </template>
         </FeatureComponent>
     </div>
@@ -103,7 +103,7 @@ layout: home
       </p>
     </template>
     <template #content>
-      <ImageComponent src="/images/tour/desktop1.webp" />
+      <ImageComponent src="/images/tour/desktop4.webp" />
     </template>
   </InfoPanelComponent>
 

src/public/images/convert-images-to-webp.sh

@@ -1,7 +1,6 @@
 #!/usr/bin/env bash
 
-files=$(ls **/*.png)
-
+files=$(ls **/*.png **/*.jpeg **/*.jpg)
 
 for file in $files ; do
    webpfile=$(echo $file | sed 's/\..*/.webp/')

src/vue-components/Link.vue

@@ -1,9 +1,5 @@
 <template>
-    <a
-        :href="props.link"
-        :target="props.target"
-        :class="{ 'vp-external-link-icon': props.target === '_blank' }"
-    >
+    <a :href="props.link" :target="props.target">
         <slot></slot>
     </a>
 </template>
@@ -17,5 +13,8 @@ const props = defineProps({
         type: String,
         default: "_blank",
     },
+    styling: {
+        type: String,
+    },
 });
 </script>

src/vue-components/Releases.vue

@@ -1,89 +1,126 @@
 <template>
-    <div class="flex flex-col space-y-10">
-        <div
-            class="flex flex-row space-x-6 place-content-between border-b p-4 group hover:text-orange-600"
-        >
-            <div class="flex flex-row space-x-2 items-center">
+    <div class="flex flex-col space-y-10 p-10">
+        <div class="text-center text-2xl border-b py-12">Get Describo - Free Download</div>
+
+        <div class="flex flex-row space-x-32 place-content-center">
+            <div
+                class="flex flex-col space-y-2 justify-center items-center h-24 w-52 hover:text-blue-600 hover:cursor-pointer"
+                :class="{ 'text-blue-600 bg-indigo-100 rounded-xl': data.activeTab === 'mac' }"
+                @click="() => (data.activeTab = 'mac')"
+            >
                 <div><font-awesome-icon icon="fa-brands fa-apple" size="3x" /></div>
-                <div>Apple</div>
+                <div>macOS</div>
+            </div>
+            <div
+                class="flex flex-col space-y-2 justify-center items-center h-24 w-52 hover:text-blue-600 hover:cursor-pointer"
+                :class="{ 'text-blue-600 bg-indigo-100 rounded-xl': data.activeTab === 'windows' }"
+                @click="() => (data.activeTab = 'windows')"
+            >
+                <div><font-awesome-icon icon="fa-brands fa-windows" size="3x" /></div>
+                <div>windows</div>
+            </div>
+            <div
+                class="flex flex-col space-y-2 justify-center items-center h-24 w-52 hover:text-blue-600 hover:cursor-pointer"
+                :class="{ 'text-blue-600 bg-indigo-100 rounded-xl': data.activeTab === 'linux' }"
+                @click="() => (data.activeTab = 'linux')"
+            >
+                <div><font-awesome-icon icon="fa-brands fa-linux" size="3x" /></div>
+                <div>linux</div>
             </div>
-            <div class="flex flex-col space-y-2">
+        </div>
+
+        <!-- download for mac  -->
+        <div class="flex flex-col space-y-4 group py-10" v-if="data.activeTab === 'mac'">
+            <div class="flex flex-row space-x-24 place-content-center">
                 <LinkComponent :link="data.download.macArm" target="">
-                    <div class="flex flex-row space-x-2 items-center">
+                    <div class="flex flex-col space-y-2 items-center text-white font-semibold">
                         <div>
-                            <img src="/images/logos/apple-m.jpeg" class="h-10" />
+                            <img src="/images/logos/apple-m.webp" class="h-16" />
+                        </div>
+                        <div class="bg-blue-800 p-4 rounded-lg">
+                            Download for Apple M processors
                         </div>
-                        <div>Download for Apple M processors</div>
                     </div>
                 </LinkComponent>
                 <LinkComponent :link="data.download.macIntel" target="">
-                    <div class="flex flex-row space-x-2 items-center">
-                        <div>
-                            <img src="/images/logos/intel.png" class="h-10" />
+                    <div class="flex flex-col space-y-2 items-center">
+                        <div class="flex flex-col space-y-2 items-center text-white font-semibold">
+                            <div>
+                                <img src="/images/logos/intel.webp" class="h-16" />
+                            </div>
+                            <div class="bg-blue-800 p-4 rounded-lg">
+                                Download for Intel processors
+                            </div>
                         </div>
-                        <div>Download for Intel processors</div>
                     </div>
                 </LinkComponent>
-                <TipComponent class="text-center">
-                    Be sure to read the
-                    <LinkComponent link="/docs/guide/installation#macos" target="">
-                        installation instructions
-                    </LinkComponent>
-                </TipComponent>
             </div>
+            <TipComponent class="text-center text-lg">
+                Be sure to read the
+                <LinkComponent link="/docs/guide/installation#macos" target="">
+                    installation instructions
+                </LinkComponent>
+            </TipComponent>
         </div>
 
-        <div
-            class="flex flex-row space-x-6 place-content-between border-b p-4 group hover:text-orange-600"
-        >
-            <div class="flex flex-row space-x-2 items-center">
-                <div><font-awesome-icon icon="fa-brands fa-windows" size="3x" /></div>
-                <div>Windows</div>
-            </div>
-            <div class="flex flex-col">
+        <!-- download for windows -->
+        <div class="flex flex-col space-y-4 group py-10" v-if="data.activeTab === 'windows'">
+            <div class="flex flex-row space-x-24 place-content-center">
                 <LinkComponent :link="data.download.wintel" target="">
-                    <div class="flex flex-row space-x-2 items-center">
-                        <div>
-                            <img src="/images/logos/intel.png" class="h-10" />
+                    <div class="flex flex-col space-y-2 items-center">
+                        <div class="flex flex-col space-y-2 items-center text-white font-semibold">
+                            <div>
+                                <img src="/images/logos/intel-inside.webp" class="h-16" />
+                            </div>
+                            <div class="bg-blue-800 p-4 rounded-lg">
+                                Download for Intel processors
+                            </div>
                         </div>
-                        <div>Download for Intel processors</div>
                     </div>
                 </LinkComponent>
                 <LinkComponent :link="data.download.winarm" target="">
-                    <div>Download for ARM processors</div>
+                    <div class="flex flex-col space-y-2 items-center">
+                        <div class="flex flex-col space-y-2 items-center text-white font-semibold">
+                            <div>
+                                <img src="/images/logos/windows-arm-logo.webp" class="h-16" />
+                            </div>
+                            <div class="bg-blue-800 p-4 rounded-lg">
+                                Download for ARM processors
+                            </div>
+                        </div>
+                    </div>
                 </LinkComponent>
-                <TipComponent class="text-center">
-                    Be sure to read the
-                    <LinkComponent link="/docs/guide/installation#windows" target="">
-                        installation instructions
-                    </LinkComponent>
-                </TipComponent>
             </div>
+            <TipComponent class="text-center text-lg">
+                Be sure to read the
+                <LinkComponent link="/docs/guide/installation#windows" target="">
+                    installation instructions
+                </LinkComponent>
+            </TipComponent>
         </div>
 
-        <div
-            class="flex flex-row space-x-6 place-content-between border-b p-4 group hover:text-orange-600"
-        >
-            <div class="flex flex-row space-x-2 items-center">
-                <div><font-awesome-icon icon="fa-brands fa-linux" size="3x" /></div>
-                <div>Linux</div>
-            </div>
-            <div class="flex flex-col">
+        <!-- download for linux -->
+        <div class="flex flex-col space-y-4 group py-10" v-if="data.activeTab === 'linux'">
+            <div class="flex flex-row space-x-24 place-content-center">
                 <LinkComponent :link="data.download.linux" target="">
-                    <div class="flex flex-row space-x-2 items-center">
-                        <div>
-                            <img src="/images/logos/intel.png" class="h-10" />
+                    <div class="flex flex-col space-y-2 items-center">
+                        <div class="flex flex-col space-y-2 items-center text-white font-semibold">
+                            <div>
+                                <img src="/images/logos/intel.webp" class="h-16" />
+                            </div>
+                            <div class="bg-blue-800 p-4 rounded-lg">
+                                Download for Intel processors
+                            </div>
                         </div>
-                        <div>Download for Intel processors</div>
                     </div>
                 </LinkComponent>
-                <TipComponent class="text-center">
-                    Be sure to read the
-                    <LinkComponent link="/docs/guide/installation#linux" target="">
-                        installation instructions
-                    </LinkComponent>
-                </TipComponent>
             </div>
+            <TipComponent class="text-center text-lg">
+                Be sure to read the
+                <LinkComponent link="/docs/guide/installation#linux" target="">
+                    installation instructions
+                </LinkComponent>
+            </TipComponent>
         </div>
     </div>
 </template>
@@ -94,6 +131,7 @@ const data = reactive({
     release: undefined,
     latestReleaseURL: "https://api.github.com/repos/describo/desktop-releases/releases/latest",
     baseUrl: `https://github.com/describo/desktop-releases/download/`,
+    activeTab: "mac",
     download: {
         windows: undefined,
         macArm: undefined,