Skip to content

Commit

Permalink
Feature list (#1434)
Browse files Browse the repository at this point in the history 
* Add feature list.

* Add more info about demo version.

* Add title to all views.

* Add missing semicolons.

* Fix axe accessibility test issues.
  • Loading branch information
@hmarcks
hmarcks authored Sep 14, 2020
1 parent a923b95 commit d0a611f
Show file tree
Hide file tree
Showing 14 changed files with 277 additions and 134 deletions.
124 changes: 67 additions & 57 deletions src/frontend/src/components/About/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,76 +59,86 @@ export default class About extends React.Component {
<div className="navy pv6">
<div className="mw7 center pa4">
<h2 className="f3 f2-ns fw9 mb5">Our Team</h2>
<dl className="flex flex-wrap justify-between">
<div className="flex flex-wrap justify-between">
<div className="mw5 mb5 mr3">
<img className="img w5 mb3" src="/img/mz-2x.jpg" />
<dt className="fw8 mb2">Michael Zhang</dt>
<dt className="fw6 mb3">Attorney</dt>
<dd className="lh-copy">
Michael holds a degree in mathematics from Duke University and
a JD from Harvard Law School. His law practice seeks to
radically reduce the cost of essential legal services by
collaborating and learning from organizers, engineers, and
other trades. Before opening his practice, he worked at
Portland’s main public defender office. He teaches a clinical
course on expungement at Portland Community College.
</dd>
<img className="img w5 mb3" src="/img/mz-2x.jpg" alt="Photo of Michael Zhang" />
<dl>
<dt className="fw8 mb2">Michael Zhang</dt>
<dt className="fw6 mb3">Attorney</dt>
<dd className="lh-copy">
Michael holds a degree in mathematics from Duke University and
a JD from Harvard Law School. His law practice seeks to
radically reduce the cost of essential legal services by
collaborating and learning from organizers, engineers, and
other trades. Before opening his practice, he worked at
Portland’s main public defender office. He teaches a clinical
course on expungement at Portland Community College.
</dd>
</dl>
</div>

<div className="mw5 mb5 mr3">
<img className="img w5 mb3" src="/img/jw-2x.jpg" />
<dt className="fw8 mb2">Jordan Witte</dt>
<dt className="fw6 mb3">Project manager & developer</dt>
<dd className="lh-copy">
Jordan studied computer science and machine learning at
Portland State University, completing his masters in 2019.
Seeking ways to contribute locally to progressive causes, he
joined Code for PDX in March of 2019 to work on its Record
Expungement software project. He currently volunteers
full-time at Code for PDX.
</dd>
<img className="img w5 mb3" src="/img/jw-2x.jpg" alt="Photo of Jordan Witte" />
<dl>
<dt className="fw8 mb2">Jordan Witte</dt>
<dt className="fw6 mb3">Project manager & developer</dt>
<dd className="lh-copy">
Jordan studied computer science and machine learning at
Portland State University, completing his masters in 2019.
Seeking ways to contribute locally to progressive causes, he
joined Code for PDX in March of 2019 to work on its Record
Expungement software project. He currently volunteers
full-time at Code for PDX.
</dd>
</dl>
</div>

<div className="mw5 mb5 mr3">
<img className="img w5 mb3" src="/img/ks-2x.jpg" />
<dt className="fw8 mb2">Kent Shikama</dt>
<dt className="fw6 mb3">Developer</dt>
<dd className="lh-copy">
Kent graduated Pomona College in 2017 with a degree in
computer science. He has spent the last five years working on
various open source coding projects. Most recently, he joined
Code for PDX in October of 2019 to work on RecordSponge. He
currently volunteers full-time at Code&nbsp;for&nbsp;PDX.
</dd>
<img className="img w5 mb3" src="/img/ks-2x.jpg" alt="Photo of Kent Shikama" />
<dl>
<dt className="fw8 mb2">Kent Shikama</dt>
<dt className="fw6 mb3">Developer</dt>
<dd className="lh-copy">
Kent graduated Pomona College in 2017 with a degree in
computer science. He has spent the last five years working on
various open source coding projects. Most recently, he joined
Code for PDX in October of 2019 to work on RecordSponge. He
currently volunteers full-time at Code&nbsp;for&nbsp;PDX.
</dd>
</dl>
</div>

<div className="mw5 mb5 mr3">
<img className="img w5 mb3" src="/img/ns-2x.jpg" />
<dt className="fw8 mb2">Nick Schimek</dt>
<dt className="fw6 mb3">Former project manager & developer</dt>
<dd className="lh-copy">
Nick graduated from Regis University with a degree in Computer
Science. He met Michael in 2018 at a Code for PDX event where
Michael proposed creating software for automating record
expungements to help those who are underrepresented by
democratizing the system. He was instantly drawn to the cause
and committed himself to seeing the project to completion.
</dd>
<img className="img w5 mb3" src="/img/ns-2x.jpg" alt="Photo of Nick Schimek" />
<dl>
<dt className="fw8 mb2">Nick Schimek</dt>
<dt className="fw6 mb3">Former project manager & developer</dt>
<dd className="lh-copy">
Nick graduated from Regis University with a degree in Computer
Science. He met Michael in 2018 at a Code for PDX event where
Michael proposed creating software for automating record
expungements to help those who are underrepresented by
democratizing the system. He was instantly drawn to the cause
and committed himself to seeing the project to completion.
</dd>
</dl>
</div>

<div className="mw5 mb5 mr3">
<img className="img w5 mb3" src="/img/hm-2x.jpg" />
<dt className="fw8 mb2">Hunter Marcks</dt>
<dt className="fw6 mb3">Designer</dt>
<dd className="lh-copy">
Hunter studied graphic design at the University of Minnesota.
He joined Code for PDX in 2018 to contribute to civic
technology and has primarily worked on RecordSponge. He has
been working on digital products for over ten years and
currently designs software at Renew&nbsp;Financial.
</dd>
<img className="img w5 mb3" src="/img/hm-2x.jpg" alt="Photo of Hunter Marcks" />
<dl>
<dt className="fw8 mb2">Hunter Marcks</dt>
<dt className="fw6 mb3">Designer</dt>
<dd className="lh-copy">
Hunter studied graphic design at the University of Minnesota.
He joined Code for PDX in 2018 to contribute to civic
technology and has primarily worked on RecordSponge. He has
been working on digital products for over ten years and
currently designs software at Renew&nbsp;Financial.
</dd>
</dl>
</div>
</dl>
</div>

<hr className="bb b--navy mv5" />

Expand Down Expand Up @@ -221,7 +231,7 @@ export default class About extends React.Component {
</div>
</dl>
<a
className="fw7 link blue hover-dark-blue"
className="fw7 link dark-blue hover-navy"
href="https://www.codeforpdx.org"
>
Volunteer with us
Expand Down
49 changes: 27 additions & 22 deletions src/frontend/src/components/Appendix/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,16 +2,21 @@ import React from "react";
import { HashLink as Link } from "react-router-hash-link";

class Landing extends React.Component {

componentDidMount(){
document.title = "Appendix - RecordSponge";
}

render() {
return (
<>
<main className="flex-l mw8 center ph4 mt5">
<main className="flex-l mw8 center ph3 mt5">
<article className="order-1 lh-copy">
<section className="mb5">
<h1 className="f2 fw9 mb3 mt4" id="appendix">
Appendix
</h1>
<h3 className="fw7 tl mb2">Forms to file for expungement</h3>
<h2 className="fw7 tl mb2">Forms to file for expungement</h2>
<p className="mb4 mw7">
RecordSponge supports automatic form-filling for all the
counties listed here, and will use the Stock Form for those
Expand All @@ -23,7 +28,7 @@ class Landing extends React.Component {
.
</p>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Baker</h4>
<h3 className="fw7 mb2">Baker</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -44,7 +49,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Benton</h4>
<h3 className="fw7 mb2">Benton</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand Down Expand Up @@ -75,7 +80,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Clackamas</h4>
<h3 className="fw7 mb2">Clackamas</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -96,7 +101,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Coos</h4>
<h3 className="fw7 mb2">Coos</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -117,7 +122,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Curry</h4>
<h3 className="fw7 mb2">Curry</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -138,7 +143,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Jackson</h4>
<h3 className="fw7 mb2">Jackson</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand Down Expand Up @@ -170,7 +175,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Josephine</h4>
<h3 className="fw7 mb2">Josephine</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -191,7 +196,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Lane</h4>
<h3 className="fw7 mb2">Lane</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -212,7 +217,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Lincoln</h4>
<h3 className="fw7 mb2">Lincoln</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -233,7 +238,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Linn</h4>
<h3 className="fw7 mb2">Linn</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -254,7 +259,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Marion</h4>
<h3 className="fw7 mb2">Marion</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand Down Expand Up @@ -286,7 +291,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Morrow</h4>
<h3 className="fw7 mb2">Morrow</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -307,7 +312,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Multnomah</h4>
<h3 className="fw7 mb2">Multnomah</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -328,7 +333,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Polk</h4>
<h3 className="fw7 mb2">Polk</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand Down Expand Up @@ -360,7 +365,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Tillamook</h4>
<h3 className="fw7 mb2">Tillamook</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand Down Expand Up @@ -391,7 +396,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Umatilla</h4>
<h3 className="fw7 mb2">Umatilla</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -412,7 +417,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Washington</h4>
<h3 className="fw7 mb2">Washington</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand All @@ -433,7 +438,7 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3">
<h4 className="fw7 mb2">Yamhill</h4>
<h3 className="fw7 mb2">Yamhill</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand Down Expand Up @@ -464,9 +469,9 @@ class Landing extends React.Component {
</ul>
</div>
<div className="bg-white shadow pa3" id="stockforms">
<h4 className="fw7 mb2">
<h3 className="fw7 mb2">
Stock Form (if county is not listed above)
</h4>
</h3>
<ul className="list ml2">
<li className="mb3">
<a
Expand Down
5 changes: 5 additions & 0 deletions src/frontend/src/components/Faq/index.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,11 @@
import React from "react";

class Faq extends React.Component {

componentDidMount(){
document.title = "Frequently Asked Questions - RecordSponge";
}

render() {
return (
<>
Expand Down
5 changes: 5 additions & 0 deletions src/frontend/src/components/FillForms/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,11 @@ interface Props {}
interface State {}

export default class FillForms extends React.Component<Props, State> {

componentDidMount(){
document.title = "Generate Expungement Forms - RecordSponge";
}

public render() {
return (
<main className="mw8 center f6 f5-l ph3 pt4 pb6">
Expand Down
7 changes: 5 additions & 2 deletions src/frontend/src/components/Header/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,12 @@ export default class Header extends React.Component {
public render() {
return (
<div className="bg-white shadow">
<nav className="mw8 relative center flex flex-wrap justify-between pa3">
<nav
className="mw8 relative center flex flex-wrap justify-between pa3"
aria-label="Primary"
>
<div className="logo mb4 mb0-ns">
<Link to="/">
<Link to="/" aria-label="Home">
<Logo />
</Link>
</div>
Expand Down
Loading

0 comments on commit d0a611f

Please sign in to comment.