Skip to content

Commit

Permalink
Merge pull request #193 from GSA/RITM1277470
Browse files Browse the repository at this point in the history 
RITM1277470 UI Changes
  • Loading branch information
@yogitabholwankar
yogitabholwankar authored Dec 19, 2024
2 parents bcb680d + 9ce3517 commit a9a1574
Show file tree
Hide file tree
Showing 2 changed files with 97 additions and 34 deletions.
127 changes: 95 additions & 32 deletions _includes/key_topics.html
View file
Original file line number Diff line number Diff line change
@@ -1,61 +1,124 @@
{% comment %}
Use this section to highlight key elements of your site. Some
sites will only have two while others may have six to eight.
{% endcomment %}
{% comment %} Use this section to highlight key elements of your site. Some
sites will only have two while others may have six to eight. {% endcomment %}

<section class="usa-graphic-list margin-y-4">
<div class="grid-container">
<div class="margin-y-4">
<h2><span class="padding-bottom-105 padding-x-2 border-bottom-05 border-secondary-darker">Key Topics</span></h2>
<h2>
<span
class="padding-bottom-105 padding-x-2 border-bottom-05 border-secondary-darker"
>Key Topics</span
>
</h2>
</div>

<div class="grid-row grid-gap">
<div class="grid-col-12 tablet:grid-col-6 padding-y-2">
<div class="usa-media-block border-2px border-base-lightest padding-1 tablet:height-mobile shadow-1">
<img class="margin-x-205 margin-top-205" src="{{ '/assets/img/padlock.svg' | relative_url }}" alt="Icon: padlock">
<div class="usa-media-block__body padding-top-3 padding-right-3">
<h3 class="font-serif-lg usa-graphic-list__heading"><a href="{{site.baseurl}}/resources/safe-guard-data">Data Protection</a></h3>
<p>Explores the challenges of providing access to data and aggregated statistics for research, evaluation, and evidence-based policymaking, while protecting the confidentiality of all related individuals and organizations.</p>
</div>
<div
class="usa-media-block border-2px border-base-lightest padding-1 tablet:height-mobile shadow-1"
>
<img
class="margin-x-205 margin-top-205"
src="{{ '/assets/img/padlock.svg' | relative_url }}"
alt="Icon: padlock"
/>
<div class="usa-media-block__body padding-top-3 padding-right-3">
<h3 class="font-serif-lg usa-graphic-list__heading">
<a href="{{site.baseurl}}/resources/safe-guard-data"
>Data Protection</a
>
</h3>
<p>
Explores the challenges of providing access to data and aggregated
statistics for research, evaluation, and evidence-based
policymaking, while protecting the confidentiality of all related
individuals and organizations.
</p>
</div>
</div>
</div>
<div class="grid-col-12 tablet:grid-col-6 padding-y-2">
<div class="usa-media-block border-2px border-base-lightest padding-1 tablet:height-mobile shadow-1">
<img class="margin-x-205 margin-top-205" src="{{ '/assets/img/bar-graph.svg' | relative_url }}" alt="Icon: bar graph">
<div class="usa-media-block__body padding-top-3 padding-right-3">
<h3 class="font-serif-lg usa-graphic-list__heading"><a href="{{site.baseurl}}/resources/data-quality-subcommittee">Data Quality</a></h3>
<p>Identifies and promotes best practices for assessing and communicating data quality from surveys, administrative records, sensors, and other sources that are used individually and together in statistical estimates.</p>
</div>
<div
class="usa-media-block border-2px border-base-lightest padding-1 tablet:height-mobile shadow-1"
>
<img
class="margin-x-205 margin-top-205"
src="{{ '/assets/img/bar-graph.svg' | relative_url }}"
alt="Icon: bar graph"
/>
<div class="usa-media-block__body padding-top-3 padding-right-3">
<h3 class="font-serif-lg usa-graphic-list__heading">
<a href="{{site.baseurl}}/resources/data-quality-subcommittee"
>Data Quality</a
>
</h3>
<p>
Identifies and promotes best practices for assessing and
communicating data quality from surveys, administrative records,
sensors, and other sources that are used individually and together
in statistical estimates.
</p>
</div>
</div>
</div>
<div class="grid-col-12 tablet:grid-col-6 padding-y-2">
<div class="usa-media-block border-2px border-base-lightest padding-1 tablet:height-mobile shadow-1">
<img class="margin-x-205 margin-top-205" src="{{ '/assets/img/group-people.svg' | relative_url }}" alt="Icon: people">
<div class="usa-media-block__body padding-top-3 padding-right-3">
<h3 class="font-serif-lg usa-graphic-list__heading"><a href="{{site.baseurl}}/resources/non-response-bias">Nonresponse Bias</a></h3>
<p>Develops guidelines and best practices for nonresponse bias analyses and reporting in federal surveys.</p>
</div>
<div
class="usa-media-block border-2px border-base-lightest padding-1 tablet:height-mobile shadow-1"
>
<img
class="margin-x-205 margin-top-205"
src="{{ '/assets/img/group-people.svg' | relative_url }}"
alt="Icon: people"
/>
<div class="usa-media-block__body padding-top-3 padding-right-3">
<h3 class="font-serif-lg usa-graphic-list__heading">
<a href="{{site.baseurl}}/resources/non-response-bias"
>Nonresponse Bias</a
>
</h3>
<p>
Develops guidelines and best practices for nonresponse bias
analyses and reporting in federal surveys.
</p>
</div>
</div>
</div>
<div class="grid-col-12 tablet:grid-col-6 padding-y-2">
<!-- <div class="grid-col-12 tablet:grid-col-6 padding-y-2">
<div class="usa-media-block border-2px border-base-lightest padding-1 tablet:height-mobile shadow-1">
<img class="margin-x-205 margin-top-205" src="{{ '/assets/img/gender.svg' | relative_url }}" alt="Icon: gender">
<div class="usa-media-block__body padding-top-3 padding-right-3">
<h3 class="font-serif-lg usa-graphic-list__heading"><a href="{{site.baseurl}}/groups/sogisc">Measuring Sexual Orientation, Gender Identity, and Sex Characteristics (SOGISC)</a></h3>
<p>Explores the best practices of the measurement of SOGISC in the context of federal information collections.</p>
</div>
</div>
</div>
</div> -->
<div class="grid-col-12 tablet:grid-col-6 padding-y-2">
<div class="usa-media-block border-2px border-base-lightest padding-1 shadow-1">
<img class="margin-x-205 margin-top-205" src="{{ '/assets/files/img/tool-icon.svg' | relative_url }}" alt="Icon: tools">
<div class="usa-media-block__body padding-top-3 padding-right-3">
<h3 class="font-serif-lg usa-graphic-list__heading"><a class="usa-link--external" href="https://nces.ed.gov/fcsm/edt/index.html" target="_blank">Equitable Data Toolkit</a></h3>
<p>Provides federal agencies with tools that support equity analyses with a focus on historically underserved populations. Supports increasing available data, improving the accuracy of analyses, and ensuring ethical and secure data governance to improve the representation of underserved populations in federal data and analyses.</p>
</div>
<div
class="usa-media-block border-2px border-base-lightest padding-1 shadow-1"
>
<img
class="margin-x-205 margin-top-205"
src="{{ '/assets/files/img/tool-icon.svg' | relative_url }}"
alt="Icon: tools"
/>
<div class="usa-media-block__body padding-top-3 padding-right-3">
<h3 class="font-serif-lg usa-graphic-list__heading">
<a
class="usa-link--external"
href="https://nces.ed.gov/fcsm/edt/index.html"
target="_blank"
>Hard to Measure Populations Toolkit</a
>
</h3>
<p>
Supports increasing available data, improving the accuracy of
analyses, and ensuring ethical and secure data governance to
improve the representation of underserved populations in federal
data and analyses.
</p>
</div>
</div>
</div>
</div>

</div>
</section>
4 changes: 2 additions & 2 deletions _pages/resources/resources.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,10 +62,10 @@ layout: page--no-nav
<li class="tablet:grid-col-6 usa-card">
<div class="usa-card__container radius-md border-2px border-base-lightest shadow-1">
<header class="usa-card__header">
<h2 class="usa-card__heading font-family-sans"><a class="usa-link--external" target="_blank" href="https://nces.ed.gov/fcsm/edt/index.html">Equitable Data Toolkit</a></h2>
<h2 class="usa-card__heading font-family-sans"><a class="usa-link--external" target="_blank" href="https://nces.ed.gov/fcsm/edt/index.html">Hard to Measure Populations Toolkit</a></h2>
</header>
<div class="usa-card__body">
<p>Provides federal agencies with tools that support equity analyses with a focus on historically underserved populations. Supports increasing available data, improving the accuracy of analyses, and ensuring ethical and secure data governance to improve the representation of underserved populations in federal data and analyses.</p>
<p>Supports increasing available data, improving the accuracy of analyses, and ensuring ethical and secure data governance to improve the representation of underserved populations in federal data and analyses.</p>
</div>
</div>
</li>
Expand Down

0 comments on commit a9a1574

Please sign in to comment.