diff --git a/apps/civic_pulse/static/styles.css b/apps/civic_pulse/static/styles.css index 738c86c..55a6771 100644 --- a/apps/civic_pulse/static/styles.css +++ b/apps/civic_pulse/static/styles.css @@ -17,7 +17,7 @@ body { font: 400 15px Lato, sans-serif; line-height: 1.8; - color: #818181; + color: #000000; } h2 { @@ -293,22 +293,24 @@ body { .donut { stroke: #c4c4c4; stroke-width: 6; + stroke-dashoffset: 25; animation: donut2 3s; - stroke-dasharray: 80, 20; + stroke-dasharray: 20, 80; filter:url(#shadow); } @keyframes donut2 { + 0% { stroke-dasharray: 0, 100; } 100% { - stroke-dasharray: 80, 20; + stroke-dasharray: 20, 80; } } .our-card { - background-color: rgba(255,255,255,0.8); + background-color: rgba(228,228,228,0.95); } .card-header { @@ -316,3 +318,20 @@ body { font-size: 1.4em; font-style: bold; } + +@media (min-width: 990px) { + .col-md-3 { + -ms-flex: 0 0 30%; + flex: 0 0 30%; + max-width: 30%; + } +} + +@media (min-width: 768px) and (max-width: 990px) { + .col-md-3 { + -ms-flex: none; + flex: none; + max-width: 100%; + } +} + diff --git a/apps/civic_pulse/templates/home.html b/apps/civic_pulse/templates/home.html index de885c1..a98a274 100644 --- a/apps/civic_pulse/templates/home.html +++ b/apps/civic_pulse/templates/home.html @@ -24,7 +24,7 @@

- 80 + 20 % of municipal sites are not @@ -42,22 +42,24 @@

-
What we do...
+
What is GovLens
-

When our physical infrastructure — from bridges to sidewalks to playgrounds —isn’t up to shape, we can often see it, and the consequences are dire. Digital infrastructure can be just as important to maintain, and GovLens provides an easy way to see how your community is doing.

-
< +

GovLens analyzes over ten thousand government websites all around the United States and checks on how well they use HTTPS — an important security standard

+
Why does HTTPS matter?
-

HTTPS means that your traffic is encrypted so only you and the website you are visiting know what you are communicating. This isn’t fool-proof security, but it is a basic step to ensure that it’s harder for people to eavesdrop on what you are reading, intercept messages you send to government agencies, and secretly modify what you see.

+

+ HTTPS (Short for Hypertext Transfer Protocol Secure) means that your traffic is encrypted so only you and the website you are visiting know what you are communicating. +

Take action!

-We want to help agency staff, the press, and the general public better understand the state of government web security while also providing tips on how things can be improved — even on tight budgets. Look up your city or an agency in the search box above, see how it scores, and learn more about potential ways to keep improving. + Look up your city or an agency near you in the search box above, and see tips on how the security can be improved, even on tight budgets!