From d29f7384be6675d309b89ca0f07215bb31b70a0b Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Fri, 28 Jun 2024 15:18:37 +0200
Subject: [PATCH 1/3] Update About Page?

---
 client/src/components/AboutGalaxy.vue | 116 +++++++++++---------------
 1 file changed, 50 insertions(+), 66 deletions(-)

diff --git a/client/src/components/AboutGalaxy.vue b/client/src/components/AboutGalaxy.vue
index c57775cae140..ae163eaf2fa3 100644
--- a/client/src/components/AboutGalaxy.vue
+++ b/client/src/components/AboutGalaxy.vue
@@ -29,69 +29,57 @@ const versionUserDocumentationUrl = computed(() => {
 
 <template>
     <div v-if="isConfigLoaded" class="about-galaxy">
-        <Heading h1 :icon="['gxd', 'galaxyLogo']" size="xl">Help and Support</Heading>
-        <div class="py-4">
+        <div class="p-2">
+            <Heading h2 separator size="md">Support</Heading>
             <div v-if="config.wiki_url">
-                <Heading h2 separator size="md">Community Hub</Heading>
+                <ExternalLink :href="config.wiki_url">
+                    <strong>Community Hub</strong>
+                </ExternalLink>
                 <p>
-                    Interact with the our community, explore and publish tutorials at
-                    <ExternalLink :href="config.wiki_url">
-                        {{ config.wiki_url }}
-                    </ExternalLink>
+                    Interact with the our community, learn how to use Galaxy through tutorials or publish your own ones.
                 </p>
             </div>
-            <div v-if="config.citation_url">
-                <Heading h2 separator size="md">How to Cite Us</Heading>
-                <p>
-                    Find more details on how to properly cite Galaxy at
-                    <ExternalLink :href="config.citation_url">
-                        {{ config.citation_url }}
-                    </ExternalLink>
-                </p>
+            <div v-if="config.helpsite_url">
+                <ExternalLink :href="config.helpsite_url">
+                    <strong>Ask Questions & Find Answers</strong>
+                </ExternalLink>
+                <p>Access the Galaxy Q&A website.</p>
             </div>
+            <div v-if="config.support_url">
+                <ExternalLink :href="config.support_url">
+                    <strong>Reach Out</strong>
+                </ExternalLink>
+                <p>Do you need help? Do you want to teach or learn more about Galaxy? Feel free to reach out.</p>
+            </div>
+            <Heading h2 separator size="md">Help</Heading>
             <div>
-                <Heading h2 separator size="md">Interactive Tours</Heading>
-                <p>
-                    Explore and learn about Galaxy through interactive
-                    <RouterLink to="tours">tours</RouterLink>.
-                </p>
+                <RouterLink to="tours">
+                    <strong>Interactive Tours</strong>
+                </RouterLink>
+                <p>Explore and learn about Galaxy through interactive tours.</p>
             </div>
             <div v-if="config.screencasts_url">
-                <Heading h2 separator size="md">Videos and Screencasts</Heading>
-                <p>
-                    Learn more about Galaxy by watching videos and screencasts at
-                    <ExternalLink :href="config.screencasts_url">
-                        {{ config.screencasts_url }}
-                    </ExternalLink>
-                </p>
-            </div>
-            <div v-if="config.helpsite_url">
-                <Heading h2 separator size="md">User Documentation</Heading>
-                <p>
-                    Learn more about Galaxy at
-                    <ExternalLink :href="config.helpsite_url">
-                        {{ config.helpsite_url }}
-                    </ExternalLink>
-                </p>
+                <ExternalLink :href="config.screencasts_url">
+                    <strong>Videos and Screencasts</strong>
+                </ExternalLink>
+                <p>Learn more about Galaxy by watching videos and screencasts.</p>
             </div>
-            <div>
-                <Heading h2 separator size="md">API Documentation</Heading>
-                <!-- API documentation link -->
-                <p>
-                    The Galaxy API is available, and explorable, at
-                    <ExternalLink :href="apiDocsLink">
-                        {{ apiDocsLink }}
-                    </ExternalLink>
-                </p>
+            <div v-if="config.citation_url">
+                <ExternalLink :href="config.citation_url">
+                    <strong>How to Cite Us</strong>
+                </ExternalLink>
+                <p>View details on how to properly cite Galaxy.</p>
             </div>
+            <Heading h2 separator size="md">Technical Details</Heading>
             <div>
                 <!-- Galaxy version (detailed), with a link to the release notes -->
-                <Heading h2 separator size="md">Version Information</Heading>
+                <ExternalLink :href="versionUserDocumentationUrl">
+                    <strong>Release Notes</strong>
+                </ExternalLink>
                 <p>
-                    The Galaxy Server is running version
-                    <ExternalLink :href="versionUserDocumentationUrl">
-                        <strong> {{ config.version_major }}.{{ config.version_minor }}</strong> </ExternalLink
-                    >, and the web client was built on <UtcDate :date="clientBuildDate" mode="pretty" />.
+                    This Galaxy server version is <strong>{{ config.version_major }}.{{ config.version_minor }}</strong
+                    >, and the web client was built on
+                    <strong><UtcDate :date="clientBuildDate" mode="pretty" /></strong>.
                 </p>
                 <template v-if="config.version_extra">
                     <p>The server also provides the following extra version information</p>
@@ -104,25 +92,21 @@ const versionUserDocumentationUrl = computed(() => {
                 </template>
             </div>
             <div>
-                <Heading h2 separator size="md">License Information</Heading>
-                <p>The Galaxy Software is licensed under <License :license-id="galaxyLicense" /></p>
+                <ExternalLink :href="apiDocsLink">
+                    <strong>API Documentation</strong>
+                </ExternalLink>
+                <p>Explore the Galaxy API.</p>
+            </div>
+            <div>
+                <License class="font-weight-bold" :license-id="galaxyLicense" />
+                <p>The Galaxy Software is licensed under the MIT License.</p>
             </div>
             <div v-if="config.terms_url">
                 <!-- Terms, if available.-->
-                <Heading h2 separator size="md">Terms and Conditions</Heading>
-                <p>
-                    This Galaxy Server has specified Terms and Conditions that apply to use of the service.
-                    <ExternalLink :href="config.terms_url">Review them here.</ExternalLink>
-                </p>
-            </div>
-            <div v-if="config.support_url">
-                <Heading h2 separator size="md">Support</Heading>
-                <p>
-                    Do you need help? Reach out at
-                    <ExternalLink :href="config.support_url">
-                        {{ config.support_url }}
-                    </ExternalLink>
-                </p>
+                <ExternalLink :href="config.terms_url">
+                    <strong>Terms and Conditions</strong>
+                </ExternalLink>
+                <p>This Galaxy Server has specified Terms and Conditions that apply to use of the service.</p>
             </div>
         </div>
     </div>

From 236b125de34646901c961ee72586ca52c95399e5 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Fri, 28 Jun 2024 16:41:04 +0200
Subject: [PATCH 2/3] Rephrase some labels, and add v-localize directives

---
 client/src/components/AboutGalaxy.vue | 48 ++++++++++++++-------------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/client/src/components/AboutGalaxy.vue b/client/src/components/AboutGalaxy.vue
index ae163eaf2fa3..e93b431e0ed6 100644
--- a/client/src/components/AboutGalaxy.vue
+++ b/client/src/components/AboutGalaxy.vue
@@ -33,56 +33,56 @@ const versionUserDocumentationUrl = computed(() => {
             <Heading h2 separator size="md">Support</Heading>
             <div v-if="config.wiki_url">
                 <ExternalLink :href="config.wiki_url">
-                    <strong>Community Hub</strong>
+                    <strong v-localize>Community Hub</strong>
                 </ExternalLink>
-                <p>
-                    Interact with the our community, learn how to use Galaxy through tutorials or publish your own ones.
-                </p>
+                <p v-localize>Join our community and explore tutorials on using Galaxy and enhance your skills.</p>
             </div>
             <div v-if="config.helpsite_url">
                 <ExternalLink :href="config.helpsite_url">
-                    <strong>Ask Questions & Find Answers</strong>
+                    <strong v-localize>Ask Questions & Find Answers</strong>
                 </ExternalLink>
-                <p>Access the Galaxy Q&A website.</p>
+                <p v-localize>
+                    Visit the Galaxy Q&A website to find answers to your questions and connect with other users.
+                </p>
             </div>
             <div v-if="config.support_url">
                 <ExternalLink :href="config.support_url">
-                    <strong>Reach Out</strong>
+                    <strong v-localize>Reach Out</strong>
                 </ExternalLink>
-                <p>Do you need help? Do you want to teach or learn more about Galaxy? Feel free to reach out.</p>
+                <p v-localize>Need help or want to teach and learn more about Galaxy? Feel free to reach out to us.</p>
             </div>
-            <Heading h2 separator size="md">Help</Heading>
+            <Heading v-localize h2 separator size="md">Help</Heading>
             <div>
                 <RouterLink to="tours">
-                    <strong>Interactive Tours</strong>
+                    <strong v-localize>Interactive Tours</strong>
                 </RouterLink>
-                <p>Explore and learn about Galaxy through interactive tours.</p>
+                <p v-localize>Discover and learn about Galaxy with our interactive tours.</p>
             </div>
             <div v-if="config.screencasts_url">
                 <ExternalLink :href="config.screencasts_url">
-                    <strong>Videos and Screencasts</strong>
+                    <strong v-localize>Videos and Screencasts</strong>
                 </ExternalLink>
-                <p>Learn more about Galaxy by watching videos and screencasts.</p>
+                <p v-localize>Learn more about Galaxy by watching videos and screencasts.</p>
             </div>
             <div v-if="config.citation_url">
                 <ExternalLink :href="config.citation_url">
-                    <strong>How to Cite Us</strong>
+                    <strong v-localize>How to Cite Us</strong>
                 </ExternalLink>
-                <p>View details on how to properly cite Galaxy.</p>
+                <p v-localize>View details on how to properly cite Galaxy.</p>
             </div>
             <Heading h2 separator size="md">Technical Details</Heading>
             <div>
                 <!-- Galaxy version (detailed), with a link to the release notes -->
                 <ExternalLink :href="versionUserDocumentationUrl">
-                    <strong>Release Notes</strong>
+                    <strong v-localize>Release Notes</strong>
                 </ExternalLink>
-                <p>
+                <p v-localize>
                     This Galaxy server version is <strong>{{ config.version_major }}.{{ config.version_minor }}</strong
                     >, and the web client was built on
                     <strong><UtcDate :date="clientBuildDate" mode="pretty" /></strong>.
                 </p>
                 <template v-if="config.version_extra">
-                    <p>The server also provides the following extra version information</p>
+                    <p v-localize>The server also provides the following extra version information</p>
                     <ul>
                         <li v-for="(value, name, index) in config.version_extra" :key="index">
                             <strong>{{ name }}</strong>
@@ -93,20 +93,22 @@ const versionUserDocumentationUrl = computed(() => {
             </div>
             <div>
                 <ExternalLink :href="apiDocsLink">
-                    <strong>API Documentation</strong>
+                    <strong v-localize>API Documentation</strong>
                 </ExternalLink>
-                <p>Explore the Galaxy API.</p>
+                <p v-localize>Explore the Galaxy API.</p>
             </div>
             <div>
                 <License class="font-weight-bold" :license-id="galaxyLicense" />
-                <p>The Galaxy Software is licensed under the MIT License.</p>
+                <p v-localize>The Galaxy Software is licensed under the MIT License.</p>
             </div>
             <div v-if="config.terms_url">
                 <!-- Terms, if available.-->
                 <ExternalLink :href="config.terms_url">
-                    <strong>Terms and Conditions</strong>
+                    <strong v-localize>Terms and Conditions</strong>
                 </ExternalLink>
-                <p>This Galaxy Server has specified Terms and Conditions that apply to use of the service.</p>
+                <p v-localize>
+                    This Galaxy Server has specified Terms and Conditions that apply to use of the service.
+                </p>
             </div>
         </div>
     </div>

From b55b59ab1b45d76e3f5a030ca7395887cf74edc7 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Sat, 29 Jun 2024 12:05:40 +0200
Subject: [PATCH 3/3] Restore h1 header for about page

---
 client/src/components/AboutGalaxy.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/client/src/components/AboutGalaxy.vue b/client/src/components/AboutGalaxy.vue
index e93b431e0ed6..8dad39ed35b1 100644
--- a/client/src/components/AboutGalaxy.vue
+++ b/client/src/components/AboutGalaxy.vue
@@ -29,6 +29,7 @@ const versionUserDocumentationUrl = computed(() => {
 
 <template>
     <div v-if="isConfigLoaded" class="about-galaxy">
+        <Heading h1 :icon="['gxd', 'galaxyLogo']" size="lg">Help and Support</Heading>
         <div class="p-2">
             <Heading h2 separator size="md">Support</Heading>
             <div v-if="config.wiki_url">