Skip to content

Commit

Permalink
Splash page and Minor CSS updates (#91)
Browse files Browse the repository at this point in the history
* Created a splash page and made minor CSS updates

* Update apps/spotlight/src/pages/splash/index.astro

* Update apps/spotlight/src/pages/splash/index.astro

* Tweak some text

* Update esbuild version

* Upgrade node lts to 20.12.2 and remove esbuild dep, for now (the rest api is currently not used, and esbuild is causing a build failure on pages.cloud.gov)

* add esbuild back

* rebuild pnpm lock

* Update dependencies

* Update Storybook and related deps

* revert eslint version

---------

Co-authored-by: Daniel Naab <[email protected]>
Co-authored-by: Daniel Naab <[email protected]>
  • Loading branch information
3 people authored Apr 16, 2024
1 parent 6fc1d89 commit fee18cb
Show file tree
Hide file tree
Showing 8 changed files with 2,576 additions and 2,201 deletions.
2 changes: 2 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -9,3 +9,5 @@ html/
node_modules/
NOTES.md
tsconfig.tsbuildinfo

*storybook.log
2 changes: 1 addition & 1 deletion .nvmrc
Original file line number Diff line number Diff line change
@@ -1 +1 @@
v20.11.0
v20.12.2
2 changes: 1 addition & 1 deletion apps/rest-api/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,6 @@
},
"devDependencies": {
"@types/aws-lambda": "^8.10.109",
"esbuild": "^0.19.5"
"esbuild": "^0.20.2"
}
}
Binary file added apps/spotlight/src/images/atj-infographics.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
70 changes: 70 additions & 0 deletions apps/spotlight/src/pages/splash/index.astro
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
---
import ContentLayout from '../../layouts/ContentLayout.astro';
import atjInfographics from '../../images/atj-infographics.png';
---

<ContentLayout title="10x Access to Justice Splash Page">
<h1>A people-centered platform for online document assembly</h1>

<div class="videoWrapper">
<iframe
src="https://www.loom.com/embed/d958328ec69548ed99c6cd1a15af8a16?sid=e4df1738-9f51-4900-8b90-2e66c06fcc07"
frameborder="0"
webkitallowfullscreen
mozallowfullscreen
allowfullscreen
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
></iframe>
</div>

<h2>What it is</h2>
<p>
Fillable PDFs are not <a
href="https://digital.gov/resources/delivering-digital-first-public-experience/"
>21st Century Integrated Digital Experience Act (IDEA) compliant</a
>. The 10x Access to Justice Platform will empower courts and other
government agencies to craft web-based replacements to fillable PDFs.
Delivering first-class user experiences, these easy-to-build and deploy
digital forms deliver better outcomes for the public and public servants
through the use of a "guided interview" design strategy. Guided interviews
put users first and reduce staff time spend on incorrect and missing data.
Easy to create, easy to host, and integrable with existing processes and
backend systems — digital forms that help self-represented litigants better
advocate for themselves do not need to wait for major IT and process
overhauls.
</p>

<p>
<img src={atjInfographics.src} role="img" alt="10x ATJ Infographic" />
</p>

<h2>What it's not</h2>
<p>
Replacing user-facing PDFs with digital forms is not a substitute for deeper
policy and process changes, which is often necessary to enable the biggest
digital services wins. We are not replicating case management systems or
back-office automation systems. Instead, we are delivering a loosely-coupled
interface to existing systems that delivers a first-class user experience,
helping the public gain access, understand, and advocate for themselves.
</p>

<h2>High level plan</h2>
<p>
Taking a user-driven, research-first approach, we are piloting with federal
and state partners, targeting the high-value PDF-to-web workflow. We plan to
expand into other government domains as we prove value in the justice space.
</p>
<p>
Forward thinking courts are already using open source tools that have
delivered big wins for their communities. However, we have identified
critical barriers to adoption. In our ongoing <a
href="https://10x.gsa.gov/about/what-we-do/">Phase 3</a
>, we aim to design and demo several loosely-couple parts focused on
high-value workflows, and build interest from the A2J community. In Phase 4,
we will scale the system with complete, end-to-end user experiences and
integrate with backend case management systems. We are building the system
in a manner that we believe positions it as a viable "Forms as a Service"
product that may, in the future, more broadly serve other government
domains.
</p>
</ContentLayout>
58 changes: 29 additions & 29 deletions packages/design/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
"dev:lib": "vite",
"dev:storybook": "storybook dev",
"dev:styles": "gulp watch",
"lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
"lint": "eslint --ext ts,tsx --report-unused-disable-directives --max-warnings 0 src",
"test:storybook": "test-storybook",
"test:url": "test-storybook --url http://127.0.0.1:9009 --config-dir storybook",
"test:ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"pnpm build:storybook --quiet && npx http-server storybook/public --port 9009 --silent\" \"wait-on tcp:127.0.0.1:9009 && pnpm test:url --maxWorkers=2\""
Expand All @@ -24,40 +24,40 @@
"dist/**/*"
],
"devDependencies": {
"@playwright/test": "^1.41.1",
"@storybook/addon-a11y": "^7.6.10",
"@storybook/addon-coverage": "^1.0.0",
"@storybook/addon-essentials": "^7.6.10",
"@storybook/addon-interactions": "^7.6.10",
"@storybook/addon-links": "^7.6.10",
"@storybook/blocks": "^7.6.10",
"@storybook/preview-api": "^7.6.10",
"@storybook/react": "^7.6.10",
"@storybook/react-vite": "^7.6.10",
"@storybook/test": "^7.6.10",
"@storybook/test-runner": "^0.16.0",
"@storybook/types": "^7.6.10",
"@testing-library/react": "^14.1.2",
"@playwright/test": "^1.43.1",
"@storybook/addon-a11y": "^8.0.8",
"@storybook/addon-coverage": "^1.0.1",
"@storybook/addon-essentials": "^8.0.8",
"@storybook/addon-interactions": "^8.0.8",
"@storybook/addon-links": "^8.0.8",
"@storybook/blocks": "^8.0.8",
"@storybook/preview-api": "^8.0.8",
"@storybook/react": "^8.0.8",
"@storybook/react-vite": "^8.0.8",
"@storybook/test": "^8.0.8",
"@storybook/test-runner": "^0.17.0",
"@storybook/types": "^8.0.8",
"@testing-library/react": "^15.0.2",
"@types/deep-equal": "^1.0.4",
"@types/prop-types": "^15.7.11",
"@types/react": "^18.2.48",
"@typescript-eslint/eslint-plugin": "^6.19.1",
"@typescript-eslint/parser": "^6.19.1",
"@types/prop-types": "^15.7.12",
"@types/react": "^18.2.79",
"@typescript-eslint/eslint-plugin": "^7.7.0",
"@typescript-eslint/parser": "^7.7.0",
"@uswds/compile": "github:danielnaab/uswds-compile#package-json-paths",
"@vitejs/plugin-react": "^4.2.1",
"concurrently": "^8.2.2",
"eslint": "^8.56.0",
"eslint-plugin-react": "^7.33.2",
"glob": "^10.3.10",
"gulp": "^4.0.2",
"eslint-plugin-react": "^7.34.1",
"glob": "^10.3.12",
"gulp": "^5.0.0",
"http-server": "^14.1.1",
"install": "^0.13.0",
"npm": "^10.3.0",
"npm": "^10.5.2",
"prop-types": "^15.8.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"vite": "^5.0.13",
"vite-plugin-dts": "^3.7.1",
"vite": "^5.2.9",
"vite-plugin-dts": "^3.8.3",
"wait-on": "^7.2.0"
},
"dependencies": {
Expand All @@ -67,12 +67,12 @@
"@dnd-kit/core": "^6.1.0",
"@dnd-kit/sortable": "^8.0.0",
"@dnd-kit/utilities": "^3.2.2",
"@uswds/uswds": "^3.7.1",
"@uswds/uswds": "^3.8.0",
"classnames": "^2.5.1",
"deep-equal": "^2.2.3",
"react-hook-form": "^7.49.3",
"react-router-dom": "^6.21.2",
"storybook": "^7.6.10",
"react-hook-form": "^7.51.3",
"react-router-dom": "^6.22.3",
"storybook": "^8.0.8",
"zustand": "^4.5.2",
"zustand-utils": "^1.3.2"
}
Expand Down
45 changes: 44 additions & 1 deletion packages/design/sass/styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,15 @@ h1 {
}
}

h2 {
margin-top: 2rem;
margin-bottom: 1rem;
}

p {
line-height: 1.5rem;
}

.usa-legend {
font-size: 1.7rem;
font-weight: 700;
Expand All @@ -23,7 +32,7 @@ h1 {
a,
.usa-link,
.usa-button--unstyled {
color: #54278f;
color: color('violet-70v');
}

.hide {
Expand Down Expand Up @@ -79,6 +88,25 @@ main {

.usa-nav {
background: white;

.usa-sidenav__item {
.usa-current {
color: color('violet-70v');
}
}
}

.usa-sidenav{

.usa-sidenav__item {
.usa-current {
color: #54278f;

&:after {
background-color: rebeccapurple;
}
}
}
}

.usa-section {
Expand Down Expand Up @@ -139,6 +167,11 @@ main {
max-width: 32rem;
}

.usa-legend-wrapper {
word-wrap: break-word;
hyphens: auto;
}

.usa-legend {
max-width: 100%;
font-weight: 600;
Expand Down Expand Up @@ -422,6 +455,16 @@ iframe:focus {
}
}

.videoWrapper {
position: relative;
padding-bottom: 62.5%;
height: 0;
}

.usa-footer__nav {
background: none;
}

@media (min-width: 64em) {
.usa-nav__primary {

Expand Down
Loading

0 comments on commit fee18cb

Please sign in to comment.