Skip to content

Misc. small changes #210

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Tr3yb0 merged 1 commit into from
Oct 9, 2020
Merged

Misc. small changes #210

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 32 additions & 19 deletions client/src/components/Header.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,35 +1,48 @@
import React from 'react';
import { Navbar, Nav, NavItem } from 'react-bootstrap';
import { Link } from 'react-router-dom';
import cfgLogo from '../static/CfGLogoWhite.png';
import gvLogo_long from '../static/gvLogo_long_white.svg';
import routes from '../pages/routes';
import React from "react";
import { Navbar, Nav, NavItem } from "react-bootstrap";
import { Link } from "react-router-dom";
import cfgLogo from "../static/CfGLogoWhite.png";
import gvLogo_long from "../static/gvLogo_long_white.svg";
import routes from "../pages/routes";

const Header = () => (
<Navbar collapseOnSelect fluid className="header">
<Navbar.Header className="header__brand">
<Navbar.Brand className="header__title">
<Link to="/"><img src={gvLogo_long} height="100%" className="headerlogo"></img></Link>
<Link to="/">
<img
src={gvLogo_long}
alt="Home"
height="100%"
className="headerlogo"
></img>
</Link>
</Navbar.Brand>
<Navbar.Toggle />
</Navbar.Header>
<Navbar.Collapse>
<Nav pullRight>
{
routes.map((route, index) => (
<NavItem key={index} componentClass='span'>
<Link to={route.to} key={index} className="btn btn-link header__details-action">
{route.label}
</Link>
</NavItem>
))
}
<NavItem>
<img alt="" target="_blank" src={cfgLogo} className="header__details-logo" />
{routes.map((route, index) => (
<NavItem key={index} componentClass="span">
<Link
to={route.to}
key={index}
className="btn btn-link header__details-action"
>
{route.label}
</Link>
</NavItem>
))}
<NavItem disabled>
<img
alt=""
target="_blank"
src={cfgLogo}
className="header__details-logo"
/>
</NavItem>
</Nav>
</Navbar.Collapse>

</Navbar>
);

Expand Down
174 changes: 138 additions & 36 deletions client/src/pages/Home.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,17 @@
import React from "react";
import { Link } from "react-router-dom";
import { Row, Col, Button, Well } from "react-bootstrap";
import gvLogo from '../static/gvLogo.svg';
import gvLogo from "../static/gvLogo.svg";
import PropTypes from "prop-types";

const Card = ({ title, body, btnText, linkTo, style = {} }) => (
<Well
style={Object.assign({
minHeight: '300px',
}, style)}
style={Object.assign(
{
minHeight: "300px",
},
style
)}
bsStyle="primary"
bsSize="large"
>
Expand All @@ -32,29 +35,50 @@ Card.propTypes = {

const Home = () => (
<div class="homecards">
<div className="logotop"><img src={gvLogo} height="100%"></img></div>

<div class='text-left'>
<h3 class='text-center'>Let your voice be heard! Go Vote!</h3>

<p>GoVoteGSO is a project to improve the accessibility of the electoral process in Greensboro and the Triad area. Whether you’ve never voted before or vote in every primary and general election, this is a resource for you! </p>
<div className="logotop">
<img src={gvLogo} alt="" height="100%" />
</div>

<p>The links below address some of the most frequently asked questions about voting. We hope to make it as easy as possible for you to find information about the voting process for people in your neighborhood, rules and regulations about voting, and the options that you’ll be presented with on the ballot.</p>
<div class="text-left">
<h3 class="text-center">Let your voice be heard! Go Vote!</h3>

<p>
GoVoteGSO is a project to improve the accessibility of the electoral
process in Greensboro and the Triad area. Whether you've never voted
before or vote in every primary and general election, this is a resource
for you!
</p>

<p>
The links below address some of the most frequently asked questions
about voting. We hope to make it as easy as possible for you to find
information about the voting process for people in your neighborhood,
rules and regulations about voting, and the options that you'll be
presented with on the ballot.
</p>
</div>

<Row>
<Col md={6} lg={6} sm={6}>
<Card
title="Can I Vote?"
body={['Do have questions about voter qualifications?', <br></br>, 'Find out more here']}
body={[
"Do have questions about voter qualifications?",
<br />,
"Find out more here",
]}
btnText="Find out if you can vote here"
linkTo="/can-i-vote"
/>
</Col>
<Col md={6} lg={6} sm={6}>
<Card
title="Where &amp; When to Vote?"
body={["Unsure where you can vote?", <br></br>, "Want to find out more about One Stop Eary Voting and election dates?"]}
body={[
"Unsure where you can vote?",
<br />,
"Want to find out more about One Stop Eary Voting and election dates?",
]}
btnText="Find out where and when"
linkTo="/where-and-when"
/>
Expand All @@ -69,7 +93,7 @@ const Home = () => (
</Col>
<Col md={6} lg={6} sm={6}>
<Card
title={["Election Day!"]}
title="Election Day!"
body="Find out more about what to expect, reporting polling place issues, and how to find your polling place here"
btnText="Learn more about election day"
linkTo="/election-day"
Expand All @@ -78,12 +102,30 @@ const Home = () => (
{/* deleted candidate info for 2020v1 component per https://github.com/codeforgso/GoVote/pull/190*/}
</Row>

<div class='text-left'>
<h3 class='text-center'><Link to="/about">About GoVoteGSO &amp; CodeForGSO</Link></h3>

<p>Please note that this site does NOT include comprehensive information about <a href='https://www.ncsbe.gov/voting/vote-mail'>vote-by-mail</a> or useing absentee ballots. If you plan to use this method of voting, request your ballot as soon as possible and find more information at the vote-by-mail portal on the State Board of Elections website. Keep yourself and others safe when you go vote this year! Learn about COVID safety and request a free Personal Protective Equipment (PPE) kit from <a href="https://www.safevoternc.org/">SafeVoterNC</a></p>

<p>GoVoteGSO is an open source project that we hope to continuously improve. If anything doesn’t meet your needs or you would like to contribute, please let us know as soon as possible by <a href="mailto:hello@codeforgreensboro.org">emailing us</a> or creating an issue on our <a href="https://github.com/codeforgso/GoVote">Github repository.</a></p>
<div class="text-left">
<h3 class="text-center">
<Link to="/about">About GoVoteGSO &amp; CodeForGSO</Link>
</h3>

<p>
Please note that this site does NOT include comprehensive information
about <a href="https://www.ncsbe.gov/voting/vote-mail">vote-by-mail</a>{" "}
or using absentee ballots. If you plan to use this method of voting,
request your ballot as soon as possible and find more information at the
vote-by-mail portal on the State Board of Elections website. Keep
yourself and others safe when you go vote this year! Learn about COVID
safety and request a free Personal Protective Equipment (PPE) kit from{" "}
<a href="https://www.safevoternc.org/">SafeVoterNC</a>.
</p>

<p>
GoVoteGSO is an open source project that we hope to continuously
improve. If anything doesn’t meet your needs or you would like to
contribute, please let us know as soon as possible by{" "}
<a href="mailto:hello@codeforgreensboro.org">emailing us</a> or creating
an issue on our{" "}
<a href="https://github.com/codeforgso/GoVote">Github repository.</a>
</p>

<p>And for the election day page:</p>

Expand All @@ -93,30 +135,90 @@ const Home = () => (

<h4>What to expect</h4>

<p>Your polling place, depending on how many people live in your area, is likely to have volunteers for candidates - or even the candidates themselves - handing out literature at a legally specified distance from the entrance. There will also be signs for the candidates on the ballot. No one is allowed to advocate for candidates or hand out literature inside the polling place.</p>

<p>You may have to wait in a short line inside the polling place. At the front of the line will be a table with greeters who will take your name and verify your registration status. Beginning in 2020 in North Carolina, you will be required to show a valid, state-approved ID to vote. Please see <a href="https://www.ncsbe.gov/Voter-ID">this page</a> for more details about which IDs are approved for use and the form you can use to request a free North Carolina Voter ID (you must submit this form in person at your county Board of Elections office).</p>

<p>In Guilford County, voters use electronic voting machines unless they request a provisional ballot or curbside voting accommodations. These machines are touch screen devices that will present the voter’s ballot page by page. As you touch candidate names to select them, the machine will record your choices on a piece of paper that looks like a receipt visible through a small window on the machine. You may change your selections at any point during the process until presented with a final screen to confirm the selections.</p>

<p>If you need assistance at any time, you can and should request help from the individuals working at the polling place. If they refuse to assist you, please report this using the resources listed below.</p>
<p>
Your polling place, depending on how many people live in your area, is
likely to have volunteers for candidates - or even the candidates
themselves - handing out literature at a legally specified distance from
the entrance. There will also be signs for the candidates on the ballot.
No one is allowed to advocate for candidates or hand out literature
inside the polling place.
</p>

<p>
You may have to wait in a short line inside the polling place. At the
front of the line will be a table with greeters who will take your name
and verify your registration status. Beginning in 2020 in North
Carolina, you will be required to show a valid, state-approved ID to
vote. Please see <a href="https://www.ncsbe.gov/Voter-ID">this page</a>{" "}
for more details about which IDs are approved for use and the form you
can use to request a free North Carolina Voter ID (you must submit this
form in person at your county Board of Elections office).
</p>

<p>
In Guilford County, voters use electronic voting machines unless they
request a provisional ballot or curbside voting accommodations. These
machines are touch screen devices that will present the voter’s ballot
page by page. As you touch candidate names to select them, the machine
will record your choices on a piece of paper that looks like a receipt
visible through a small window on the machine. You may change your
selections at any point during the process until presented with a final
screen to confirm the selections.
</p>

<p>
If you need assistance at any time, you can and should request help from
the individuals working at the polling place. If they refuse to assist
you, please report this using the resources listed below.
</p>

<h4>How to report issues with your polling place</h4>

<p>Intimidation and harassment at polling places is a violation of federal law. Make sure that you <a href="https://www.aclu.org/know-your-rights/voting-rights/">know your rights!</a> If you encounter issues on election day, please utilize one of the following resources:</p>
<p>
Intimidation and harassment at polling places is a violation of federal
law. Make sure that you{" "}
<a href="https://www.aclu.org/know-your-rights/voting-rights/">
know your rights
</a>
! If you encounter issues on election day, please utilize one of the
following resources:
</p>

<ul>
<li>U.S. Department of Justice Voting Rights Hotline: 800-253-3931; TTY line 877-267-8971</li>
<li><a href="https://www.ncsbe.gov/voting-accessibility">Department of Justice Election Complaint Report Form</a></li>
<li>American Civil Liberties Union Voter Protection Hotline: 1-866-OUR-VOTE (1-866-687-8683) or 1-888-VE-Y-VOTA (1-888-839-8682) (en Español).</li>
<li>
U.S. Department of Justice Voting Rights Hotline:{" "}
<a href="tel:+1800-253-3931">800-253-3931</a>; TTY line{" "}
<a href="tel:+1877-267-8971">877-267-8971</a>
</li>
<li>
<a href="https://www.ncsbe.gov/voting-accessibility">
Department of Justice Election Complaint Report Form
</a>
</li>
<li>
American Civil Liberties Union Voter Protection Hotline:{" "}
<a href="tel:+1866-687-8683">1-866-OUR-VOTE (1-866-687-8683)</a> or{" "}
<a href="tel:+1888-839-8682">1-888-VE-Y-VOTA (1-888-839-8682)</a> (en
Español).
</li>
</ul>

<h4>Accessibility & Accomodations</h4>

<p>The Help America Vote Act of 2002 stipulated legal requirements for accommodations at all polling places nationwide to ensure that every voter can easily participate. Accommodations include allowing for physical assistance inside the voting booth or curbside voting, in which polling place volunteers help individuals cast a vote from their car. You may request these accommodations on Election Day. Please visit <a href="https://www.ncsbe.gov/voting/help-voters-disabilities">this page</a> for more details about North Carolina’s voter accessibility considerations.</p>

<h4>Accessibility &amp; Accomodations</h4>

<p>
The Help America Vote Act of 2002 stipulated legal requirements for
accommodations at all polling places nationwide to ensure that every
voter can easily participate. Accommodations include allowing for
physical assistance inside the voting booth or curbside voting, in which
polling place volunteers help individuals cast a vote from their car.
You may request these accommodations on Election Day. Please visit{" "}
<a href="https://www.ncsbe.gov/voting/help-voters-disabilities">
this page
</a>{" "}
for more details about North Carolina’s voter accessibility
considerations.
</p>
</div>

</div>
);

Expand Down
Loading