Skip to content

Commit

Permalink
Improve docs homepage
Browse files Browse the repository at this point in the history
  • Loading branch information
@philipws
philipws committed Sep 24, 2024
1 parent 25eb3d7 commit 3a80e98
Showing 1 changed file with 106 additions and 56 deletions.
162 changes: 106 additions & 56 deletions docs/content/_index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,64 +2,74 @@
weight: 1
title: Improving Inclusion & Access to Information.
layout: hextra-home
tags: ["inclusion", "accessibility"]
---

{{< hextra/hero-container >}}
<div class="hx-mt-6 hx-mb-6">
{{< hextra/hero-headline >}}
Improving Inclusion &&nbsp;<br class="sm:hx-block hx-hidden" />Access to Information
<span class="hx-whitespace-nowrap">
Improving Inclusion &
</span><br class="sm:hx-block hx-hidden" />
Access to Information
{{< /hextra/hero-headline >}}
</div>

<div class="hx-mb-12">
{{< hextra/hero-subtitle >}}
Translate documents from one language to another&nbsp;<br class="sm:hx-block hx-hidden" />& transform documents into Easy Read formats
<span class="hx-whitespace-nowrap">
Translate documents from one language to another
</span><br class="sm:hx-block hx-hidden" />
& transform documents into Easy Read formats
{{< /hextra/hero-subtitle >}}
</div>

<div class="hx-mb-6">
{{< hextra/hero-button text="Get Started Now" link="docs/installation/" >}}
{{< hextra/hero-button text="Get Started Now" link="docs/installation/" >}}
</div>
{{< /hextra/hero-container >}}

<div class="hx-mt-6"></div>
<!-- FEATURES -->

{{< hextra/feature-grid >}}
{{< hextra/feature-card
title="Document Translation"
subtitle="Simple and easy document translation. Translate documents in up to 75 languages and dialects powered by Amazon Translate."
class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]"
image="/img/feature_translation.png"
imageClass="hx-top-[0%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));"
>}}
{{< hextra/feature-card
title="Simply Readable"
subtitle="Create Easy Read documents quickly. Generate simplified text and images powered by Amazon Bedrock."
class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]"
image="/img/feature_readable.png"
imageClass="hx-top-[0%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));"
>}}
{{< hextra/feature-card
title="Document Translation"
link="#document-translation"
subtitle="Simple and easy document translation. Translate documents in up to 75 languages and dialects powered by Amazon Translate."
class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]"
image="/img/feature_translation.png"
imageClass="hx-absolute hx-max-w-none hx-top-[20%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
style="background: radial-gradient(ellipse at 50% 80%,rgba(194,97,254,0.15),hsla(0,0%,100%,0));"
>}}
{{< hextra/feature-card
title="Simply Readable"
link="#simply-readable"
subtitle="Create Easy Read documents quickly. Generate simplified text and images powered by Amazon Bedrock."
class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]"
image="/img/feature_readable.png"
imageClass="hx-top-[0%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
style="background: radial-gradient(ellipse at 50% 80%,rgba(142,53,74,0.15),hsla(0,0%,100%,0));"
>}}
{{< /hextra/feature-grid >}}

<div class="hx-mt-6"></div>

{{< hextra/feature-grid >}}
{{< hextra/feature-card
title="Open Source"
subtitle="The app and infrastucture as code is all open source. Free for commercial use, modification, distribution, and private use."
>}}
{{< hextra/feature-card
title="Simple Web Interface"
subtitle="Self serve document transformations with a simple and clean web user interface."
>}}
{{< hextra/feature-card
title="Single Sign On"
subtitle="Integrate with your existing identity provider for user access controls."
>}}
{{< hextra/feature-card
title="Open Source"
subtitle="The app and infrastucture as code is all open source. Free for commercial use, modification, distribution, and private use."
>}}
{{< hextra/feature-card
title="Simple Web Interface"
subtitle="Self serve document transformations with a simple and clean web user interface."
>}}
{{< hextra/feature-card
title="Single Sign On"
subtitle="Integrate with your existing identity provider for user access controls."
>}}
{{< /hextra/feature-grid >}}
&nbsp;

## **Overview**
<!-- OVERVIEW -->
<h2 style="font-size: 2.5rem; padding-top: 4rem">Overview</h2>
The project delivers a document transformation portal with a web front end and automated workflows for the various features.
<br/><br/>

Expand All @@ -69,30 +79,70 @@ User authentication is required and handled by [AWS Cognito](https://aws.amazon.
The application is localised into 75 languages and dialects.
<br/><br/>

![Web UI - Multiple Languages](/img/client_multi_lang.png)
<br/><br/>
<div class="hx-mt-6" style="width: 100%;">
{{< cards cols="1" >}}
{{< card title="Multi Language UI" image="/img/client_multi_lang.png" subtitle="Localised into 75 languages & dialects" >}}
{{< /cards >}}
</div>

## **Feature: Document Translation**
This feature is capable of translating all languages supported by the [Amazon Translate](https://aws.amazon.com/translate/) (75 at the time of writing) and can translate to them all in a single job submission.
<br/><br/>
Video Case Study: [https://www.youtube.com/watch?v=g1VLiaYVjJE](https://www.youtube.com/watch?v=g1VLiaYVjJE)<br/>
Text Case Study: [https://aws.amazon.com/solutions/case-studies/swindon-borough-council-case-study-amazon-translate/](https://aws.amazon.com/solutions/case-studies/swindon-borough-council-case-study-amazon-translate/)
<br/><br/>
<!-- DOCUMENT TRANSLATION -->
<h2 style="font-size: 2.5rem; padding-top: 4rem" id="document-translation">Document Translation</h2>

![Web UI - My Translations Table](/img/client_translation_history.png)
<br/><br/>
<p style="padding-top: 1rem;">This feature is capable of translating all languages supported by the <a style="color: rgb(59 130 246); display: contents;" href="https://aws.amazon.com/translate/">Amazon Translate</a> (75 at the time of writing) and can translate to them all in a single job submission.</p>

![Web UI - New Translation Form](/img/client_translation_create.png)
<br/><br/>
<div class="hx-mt-6" style="margin-top: 2rem; width: 100%;">
{{< hextra/feature-grid >}}
{{< hextra/feature-card
title="Case Study"
link="https://aws.amazon.com/solutions/case-studies/swindon-borough-council-case-study-amazon-translate/"
icon="document-text"
subtitle="Swindon Borough Council Slashes Translation Costs by 99.96% Using Amazon Translate"
>}}
{{< hextra/feature-card
title="Video"
link="https://www.youtube.com/watch?v=g1VLiaYVjJE"
icon="video-camera"
subtitle="How Swindon Council used machine learning to cut translation costs by 99.6% – AWS Public Sector"
>}}
{{< hextra/feature-card
title="Blog Post"
link="https://aws.amazon.com/blogs/machine-learning/improving-inclusion-and-accessibility-through-automated-document-translation-with-an-open-source-app-using-amazon-translate/"
icon="annotation"
subtitle="Improving inclusion and accessibility through automated document translation with an open source app using Amazon Translate"
>}}


{{< /hextra/feature-grid >}}
</div>

## **Feature: Simply Readable**
This feature is capable of transforming documents into an Easy Read document. Complex text is simplified and images are generated as a visual description of the text using Generative AI powered by [Amazon Bedrock](https://aws.amazon.com/bedrock/).
<br/><br/>
Video Case Study: [https://www.youtube.com/watch?v=leQegdK-1M8](https://www.youtube.com/watch?v=leQegdK-1M8)
<br/><br/>
<div class="hx-mt-6">
{{< cards cols="1" >}}
{{< card title="Translations History Table" image="/img/client_translation_history.png" subtitle="Download & view translated documents" >}}
{{< card title="New Translation Form" image="/img/client_translation_create.png" subtitle="Upload & translate a document" >}}
{{< /cards >}}
</div>

![Web UI - My Translations Table](/img/client_readable_history.png)
<br/><br/>
<!-- SIMPLY READABLE -->
<h2 style="font-size: 2.5rem; padding-top: 4rem" id="simply-readable">Simply Readable</h2>

<p style="padding-top: 1rem;">This feature is capable of transforming documents into an Easy Read document. Complex text is simplified and images are generated as a visual description of the text using Generative AI powered by <a style="color: rgb(59 130 246); display: contents;" href="https://aws.amazon.com/bedrock/">Amazon Bedrock</a>.</p>

<div class="hx-mt-6" style="margin-top: 2rem; width: 100%;">
{{< hextra/feature-grid >}}
{{< hextra/feature-card
title="Video"
link="https://www.youtube.com/watch?v=leQegdK-1M8"
icon="video-camera"
subtitle=" How to use generative AI to improve inclusivity | AWS Public Sector "
>}}
{{< /hextra/feature-grid >}}
</div>


<div class="hx-mt-6">
{{< cards cols="1" >}}
{{< card title="Readable History Table" image="/img/client_readable_history.png" subtitle="View past Simply Readble jobs" >}}
{{< card title="Readable Edit Form" image="/img/client_readable_create.png" subtitle="View & edit simplified documents" >}}
{{< /cards >}}
</div>

![Web UI - New Translation Form](/img/client_readable_create.png)
<br/><br/>

0 comments on commit 3a80e98

Please sign in to comment.