Skip to content

Commit

Permalink
Merge pull request galaxyproject#18461 from guerler/about_page_update
Browse files Browse the repository at this point in the history
Updates the About Page
  • Loading branch information
guerler authored Jun 29, 2024
2 parents dfa683e + b55b59a commit 2e0874c
Showing 1 changed file with 54 additions and 67 deletions.
121 changes: 54 additions & 67 deletions client/src/components/AboutGalaxy.vue
Original file line number Diff line number Diff line change
Expand Up @@ -29,72 +29,61 @@ 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">
<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">
<Heading h2 separator size="md">Community Hub</Heading>
<p>
Interact with the our community, explore and publish tutorials at
<ExternalLink :href="config.wiki_url">
{{ config.wiki_url }}
</ExternalLink>
</p>
<ExternalLink :href="config.wiki_url">
<strong v-localize>Community Hub</strong>
</ExternalLink>
<p v-localize>Join our community and explore tutorials on using Galaxy and enhance your skills.</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>
<div v-if="config.helpsite_url">
<ExternalLink :href="config.helpsite_url">
<strong v-localize>Ask Questions & Find Answers</strong>
</ExternalLink>
<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 v-localize>Reach Out</strong>
</ExternalLink>
<p v-localize>Need help or want to teach and learn more about Galaxy? Feel free to reach out to us.</p>
</div>
<Heading v-localize 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 v-localize>Interactive Tours</strong>
</RouterLink>
<p v-localize>Discover and learn about Galaxy with our 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 v-localize>Videos and Screencasts</strong>
</ExternalLink>
<p v-localize>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 v-localize>How to Cite Us</strong>
</ExternalLink>
<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 -->
<Heading h2 separator size="md">Version Information</Heading>
<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" />.
<ExternalLink :href="versionUserDocumentationUrl">
<strong v-localize>Release Notes</strong>
</ExternalLink>
<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>
Expand All @@ -104,24 +93,22 @@ 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 v-localize>API Documentation</strong>
</ExternalLink>
<p v-localize>Explore the Galaxy API.</p>
</div>
<div>
<License class="font-weight-bold" :license-id="galaxyLicense" />
<p v-localize>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>
<ExternalLink :href="config.terms_url">
<strong v-localize>Terms and Conditions</strong>
</ExternalLink>
<p v-localize>
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>
</div>
</div>
Expand Down

0 comments on commit 2e0874c

Please sign in to comment.