Skip to content
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

Jennifer/semantic html #160

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Jennifer/semantic html #160

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
cc4dc03
Updating html code to render text in read mode on browsers
Jul 12, 2021
556011b
Merge branch 'main' of github.com:CivicActions/civicactions-homesite …
Jul 12, 2021
2864211
Merge branch 'main' into jennifer/semantic-html
iris-i Jul 15, 2021
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
2 changes: 1 addition & 1 deletion src/layouts/general.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ const GeneralLayout = ({ children }) => {
<SkipNavLink />
<Header />
<main id='main-content' tabIndex='-1'>
<div>{children}</div>
{children}
</main>
<Footer />
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/layouts/homepage.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ const HomepageLayout = ({ children }) => {
{/*/>*/}
<Header />
<main id='main-content' tabIndex='-1'>
<div>{children}</div>
{children}
</main>
<Footer />
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/layouts/red.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ const RedLayout = ({ children }) => {
{/*<img className="red-rectangle" src={redRectangle} alt="background red color"></img>*/}
<Header />
<main id='main-content' className='red--header' tabIndex='-1'>
<div>{children}</div>
{children}
</main>
<Footer />
</div>
Expand Down
82 changes: 41 additions & 41 deletions src/pages/services.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,24 +73,24 @@ const ServicesPage = ({ data }) => {
<div>
<section id={'web-cms'}>
<img alt='' className='services-content--icon' src={webCmsIcon} />
<div className='h6 services-content--label'>WEB & CMS</div>
<p className='h6 services-content--label'>WEB & CMS</p>
<h2 className='title'>
Accessible and secure government websites at scale
</h2>
<div className='body description'>
<p className='body description'>
Government websites have complex information and diverse user
groups, but they can be made surprisingly usable and
maintainable. We can help you plan a content strategy that
merges business goals with user needs (and makes life easier for
your staff!) then build a flexible and secure content management
system that will grow with you into the future.
</div>
</p>
<h3 className='h4'>How we’ve helped others</h3>
<div className='body'>U.S. Department of Veterans Affairs</div>
<p className='body'>U.S. Department of Veterans Affairs</p>
<Link to='/case-studies/va-cms-modernization' className='body-large'>Built a modern CMS for VA.gov</Link>
<div className='body'>
<p className='body'>
Centers for Medicare and Medicaid Services
</div>
</p>
<Link to='/case-studies/cms-web-experience-services' className='body-large'>
Designed a user-friendly health journey for seniors
</Link>
Expand Down Expand Up @@ -124,30 +124,30 @@ const ServicesPage = ({ data }) => {
</section>
<section id={'service-modernization'}>
<img alt='' className='services-content--icon' src={itModernizationIcon} />
<div className='h6 services-content--label'>
<p className='h6 services-content--label'>
IT & service modernization
</div>
</p>
<h2 className='h3 title'>
Modernization of legacy government systems and services
</h2>
<div className='body description'>
<p className='body description'>
Outdated systems and paper-based processes make it hard for
agency staff to efficiently meet the needs of people who depend
on you for critical government services. We help you transform
your legacy applications and improve your workflows using
human-centered design, automation, and scalable, secure
infrastructure.
</div>
</p>
<h3 className='h4'>How we’ve helped others</h3>
<div className='body'>
<p className='body'>
California Child Welfare Digital Services
</div>
</p>
<Link to='https://cwds.ca.gov/ ' className='body-large'>
Provided DevOps support for child welfare systems
</Link>
<div className='body'>
<p className='body'>
New York Metropolitan Transit Authority
</div>
</p>
<Link to='/case-studies/nyc-metro-transit-digital-clocks ' className='body-large'>
Connected Drupal and the Internet of Things to power digital
signage
Expand Down Expand Up @@ -175,22 +175,22 @@ const ServicesPage = ({ data }) => {
className='services-content--icon'
src={productDesignIcon}
/>
<div className='h6 services-content--label'>Product & design</div>
<p className='h6 services-content--label'>Product & design</p>
<h2 className='h3 title'>
Human-centered problem solving and strategy
</h2>
<div className='body description'>
<p className='body description'>
No matter what the challenge is, technology is only one part of
the solution. Before building anything new, we work with you to
define problems and desired outcomes, understand the customer
and stakeholder ecosystem, decide on an approach that serves
business goals and user needs, and make plans for facilitating
adoption and measuring success.
</div>
</p>
<h3 className='h4'>How we’ve helped others</h3>
<div className='body'>
<p className='body'>
Centers for Medicare and Medicaid Services
</div>
</p>
<Link to='/case-studies/cms-design-challenge-mvp' className='body-large'>
Designed a persona-driven strategy for Medicare benefits
</Link>
Expand Down Expand Up @@ -220,31 +220,31 @@ const ServicesPage = ({ data }) => {
className='services-content--icon'
src={securityComplianceIcon}
/>
<div className='h6 services-content--label'>
<p className='h6 services-content--label'>
SECURITY & COMPLIANCE
</div>
</p>
<h2 className='h3 title'>
Modern security practices for continuous compliance and
reliability
</h2>
<div className='body description'>
<p className='body description'>
People want to know their government will keep sensitive
information safe—but traditional compliance regulations are
cumbersome and don’t provide an accurate measure of security. We
help you “shift left” with automated processes that keep
development and operations teams in sync, with security and
compliance woven in from the start, for faster deployment of
secure and stable code.
</div>
</p>
<h3 className='h4'>How we’ve helped others</h3>
<div className='body'>Defense Security Cooperation Agency</div>
<p className='body'>Defense Security Cooperation Agency</p>
<Link to='/case-studies/globalnet-platform-support' className='body-large'>
Supporting international peace partners with continuous
compliance
</Link>
<div className='body'>
<p className='body'>
Various agencies
</div>
</p>
<Link to='https://www.youtube.com/watch?v=jsdUYUiKM3U&list=PLbbanFptQWaKZp8_IFnZmJbsa2UGuj3ax&index=6' className='body-large'>
Helping government automate federal compliance
</Link>
Expand All @@ -270,29 +270,29 @@ const ServicesPage = ({ data }) => {
className='services-content--icon'
src={dataServicesIcon}
/>
<div className='h6 services-content--label'>DATA SERVICES</div>
<p className='h6 services-content--label'>DATA SERVICES</p>
<h2 className='h3 title'>
Open data sharing to drive evidence-based decisions
</h2>
<div className='body description'>
<p className='body description'>
Government can serve people best when public data is open,
discoverable, and usable. We can help you create a data strategy
and comply with open data mandates using open source tools to
aggregate, catalog, and standardize your data. Then it’s ready
to use, by your staff or the public, to make informed decisions,
track metrics, and power useful apps.
</div>
</p>
<h3 className='h4'>How we’ve helped others</h3>
<div className='body'>City of Louisville</div>
<p className='body'>City of Louisville</p>
<Link to='/case-studies/louisville-open-data' className='body-large'>
Supporting local government transparency
</Link>
<div className='body'>
<p className='body'>
Georgia Board of Healthcare Workforce
</div>
<div className='body-large'>
</p>
<p className='body-large'>
Open data dashboards to serve healthcare workers in Georgia
</div>
</p>
<div className='cta'>
<h3 className='h4'> How we can help you</h3>
<ul>
Expand All @@ -315,22 +315,22 @@ const ServicesPage = ({ data }) => {
className='services-content--icon'
src={workforceDevelopmentIcon}
/>
<div className='h6 services-content--label'>
<p className='h6 services-content--label'>
WORKFORCE DEVELOPMENT
</div>
</p>
<h2 className='h3 title'>
Modern skills for an adaptable government workforce
</h2>
<div className='body description'>
<p className='body description'>
Lasting transformation in government happens from the inside
out. Organizational change is hard, but not impossible. We offer
consulting and training to help your teams build skills in
modern ways of working so your agency can increase resilience,
save taxpayer dollars, and serve the public better in the
digital age.
</div>
</p>
<h3 className='h4'>How we’ve helped others</h3>
<div className='body'>Federal Acquisitions Institute</div>
<p className='body'>Federal Acquisitions Institute</p>
<a href='https://medium.com/civicactions/what-we-learned-from-training-procurement-officers-to-buy-modern-government-it-cc6309df4103' className='body-large'>
DITAP program certification for federal procurement officers
</a>
Expand All @@ -354,11 +354,11 @@ const ServicesPage = ({ data }) => {
<section className='services--ellipses-section'>
<div className='inner'>
<h2>Open Standards. Inclusive Practices. Better Outcomes.</h2>
<div className='body-large'>
<p className='body-large'>
No matter what problem we’re solving, our core practices and
communities power our work and align with current standards for
government digital services.
</div>
</p>
<div className='ellipses'>

<span className='ellipse'>accessibility</span>
Expand Down
1 change: 0 additions & 1 deletion src/sass/pages/services/_content.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,6 @@
font-weight: 600;
font-size: 18px;
float: left;
padding-top: 11px;
text-transform: uppercase;
width: 73%;
@media(min-width: 392px) {
Expand Down