-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #841 from sadiejay/toolkit-update
Toolkit update
- Loading branch information
Showing
5 changed files
with
383 additions
and
117 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,73 +1,83 @@ | ||
| {% assign data = include.data %} | ||
| <section class="bg-base grid-container padding-y-7 padding-x-4 how-it-works-details"> | ||
| <ol class="bg-white padding-y-4"> | ||
| <li> | ||
| Identify Challenges | ||
| <p>Government agencies or non-governmental organizations (NGOs) identify high-priority problems they seek to solve through the sprint. Challenges can be any priority facing the public.</p> | ||
| </li> | ||
| <li> | ||
| Team Up | ||
| <p>Technologists from industry, NGOs, and universities sign on to create data-driven, digital products in collaboration | ||
| with end users, community advocates, and data experts.</p> | ||
| </li> | ||
| <li> | ||
| <div class="text-wrapper padding-x-4 padding-top-4 padding-bottom-5 margin-y-4 bg-white"> | ||
| <section class="bg-base how-it-works-details"> | ||
| <div class="bg-base grid-container how-it-works-details"> | ||
| <ol class="padding-y-2 margin-0 padding-x-0"> | ||
| <li class="bg-white padding-2 tablet:padding-3 | ||
| desktop:padding-y-4 desktop:padding-x-5 margin-bottom-3 desktop:margin-bottom-7 text-bold"> | ||
| Identify Challenges | ||
| <p class="text-normal">Government agencies or non-governmental organizations (NGOs) identify high-priority problems they seek to solve through the sprint. Challenges can be any priority facing the public.</p> | ||
| </li> | ||
| <li class="bg-white padding-2 tablet:padding-3 | ||
| desktop:padding-y-4 desktop:padding-x-5 margin-bottom-3 desktop:margin-bottom-7 text-bold"> | ||
| Team Up | ||
| <p class="text-normal">Technologists from industry, NGOs, and universities sign on to create data-driven, digital products in collaboration | ||
| with end users, community advocates, and data experts.</p> | ||
| </li> | ||
| <li class="bg-white padding-2 tablet:padding-3 | ||
| desktop:padding-y-4 desktop:padding-x-5 margin-bottom-3 desktop:margin-bottom-7 text-bold"> | ||
| Build | ||
| <div> | ||
| <p class="margin-bottom-0 overflow-hidden text-normal"> | ||
| Tech teams build products during a 12-14 week technology development sprint that includes user research, data | ||
| exploration, and product development. Past products include mapping tools, apps, websites, games, AI algorithms, network | ||
| visualizations, and more. | ||
| </p> | ||
| <div class="grid-col"> | ||
| <div class="usa-accordion usa-accordion--multiselectable padding-top-2" data-allow-multiple> | ||
| <h4 class="usa-accordion__heading"> | ||
| <button type="button" class="usa-accordion__button light bg-base-darkest text-white" aria-expanded="true" | ||
| aria-controls="m-a1"> | ||
| Sprint Milestones | ||
| </button> | ||
| </h4> | ||
|
|
||
|
|
||
| <h3 class="margin-0">Build</h3> | ||
|
|
||
|
|
||
| <p class="margin-bottom-0 overflow-hidden"> | ||
| Tech teams build products during a 12-14 week technology development sprint that includes user research, data | ||
| exploration, and product development. Past products include mapping tools, apps, websites, games, AI algorithms, network | ||
| visualizations, and more. | ||
| </p> | ||
| <div class="grid-col"> | ||
| <div class="usa-accordion usa-accordion--multiselectable padding-top-2 padding-bottom-5" data-allow-multiple> | ||
| <h4 class="usa-accordion__heading"> | ||
| <button type="button" class="usa-accordion__button light bg-blue text-white" aria-expanded="true" | ||
| aria-controls="m-a1"> | ||
| Sprint Milestones | ||
| </button> | ||
| </h4> | ||
|
|
||
| <div id="m-a1" class="usa-accordion__content usa-prose"> | ||
| <ol> | ||
| <li class="text-bold margin-bottom-2">User Research: | ||
| <p class="text-normal display-inline">Teams conduct user research and connect with user advocates who can offer insights into their communities.</p> | ||
| </li> | ||
| <li class="text-bold margin-bottom-2">Data Discovery: | ||
| <p class="text-normal display-inline"> Teams begin identifying and exploring relevant datasets and connect with data stewards via email and phone to learn more about available datasets.</p> | ||
| </li> | ||
| <li class="text-bold margin-bottom-2">Concept Pitch: | ||
| <p class="text-normal display-inline">Teams present their initial progress and product concept for feedback.</p> | ||
| <div id="m-a1" class="usa-accordion__content usa-prose padding-x-0"> | ||
| <ol class="padding-x-0"> | ||
| <li class="text-bold margin-bottom-2 maxw-full">User Research: | ||
| <p class="text-normal display-inline">Teams conduct user research and connect with user advocates who can offer insights into their communities.</p> | ||
| </li> | ||
| <li class="text-bold margin-bottom-2">Product Advising: | ||
| <p class="text-normal display-inline">Teams are paired with 1:1 product advisors that meet with the teams outside of milestones to discuss launch and product maintenance strategy</p> | ||
|
|
||
| </li> | ||
| <li class="text-bold margin-bottom-2">Beta Demo: | ||
| <p class="text-normal display-inline">Teams present a prototype of their product for feedback.</p> | ||
| <li class="text-bold margin-bottom-2 maxw-full">Data Discovery: | ||
| <p class="text-normal display-inline"> Teams begin identifying and exploring relevant datasets and connect with data stewards via email and phone to learn more about available datasets.</p> | ||
| </li> | ||
| <li class="text-bold margin-bottom-2">MVP Demo: | ||
| <p class="text-normal display-inline">Teams present a minimum viable product as the final outcome of the sprint and receive feedback on sustainability and longevity of their work.</p> | ||
| <li class="text-bold margin-bottom-2 maxw-full">Concept Pitch: | ||
| <p class="text-normal display-inline">Teams present their initial progress and product concept for feedback.</p> | ||
| </li> | ||
| <li class="text-bold margin-bottom-2 maxw-full">Product Advising: | ||
| <p class="text-normal display-inline">Teams are paired with 1:1 product advisors that meet with the teams outside of milestones to discuss launch and product maintenance strategy</p> | ||
|
|
||
| </li> | ||
| </ol> | ||
| <li class="text-bold margin-bottom-2 maxw-full">Beta Demo: | ||
| <p class="text-normal display-inline">Teams present a prototype of their product for feedback.</p> | ||
| </li> | ||
| <li class="text-bold maxw-full">MVP Demo: | ||
| <p class="text-normal display-inline">Teams present a minimum viable product as the final outcome of the sprint and receive feedback on sustainability and longevity of their work.</p> | ||
| </li> | ||
| </ol> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
| </li> | ||
| <li class="bg-white padding-2 tablet:padding-3 | ||
| desktop:padding-y-4 desktop:padding-x-5 margin-bottom-3 desktop:margin-bottom-7 text-bold"> | ||
| Launch | ||
| <p class="text-normal">Products are launched and federal agencies can decide how they want to showcase the results of their sprint.</p> | ||
| </li> | ||
| <li class="bg-white padding-2 tablet:padding-3 | ||
| desktop:padding-y-4 desktop:padding-x-5 margin-bottom-3 text-bold"> | ||
| Reach End Users | ||
| <p class="text-normal">After the sprint, participants have the option to stay in touch and continue product development and deployment.</p> | ||
| </li> | ||
| </ol> | ||
|
|
||
| </div> | ||
| </div> | ||
| </li> | ||
| <li> | ||
| Launch | ||
| <p>Products are launched and federal agencies can decide how they want to showcase the results of their sprint.</p> | ||
| </li> | ||
| <li> | ||
| Reach End Users | ||
| <p>After the sprint, participants have the option to stay in touch and continue product development and deployment.</p> | ||
| </li> | ||
| </ol> | ||
| <div> | ||
| <a href="https://opportunity.census.gov/topx-toolkit/" target="_blank" | ||
| class="usa-button text-ink padding-y-2 padding-x-3 usa-button--outline .outline-1px.outline-black margin-top-4 site-button bg-white"> | ||
| Facilitate a TOP sprint at your agency on your timeline with the TOPx Toolkit. | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </section> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,54 +1,75 @@ | ||
| {% assign data = include.data %} | ||
|
|
||
| <section class="grid-container padding-y-7 padding-x-4 {% if data.text.title %}{{ data.text.title | slugify }}{% endif %} bg-blue header-text-hot-dog"> | ||
| {% for data in data %} | ||
|
|
||
| {% if data.text.title %} | ||
| <h2 class="margin-top-0 {% if data.text.title %}{{data.text.title | slugify}}{% endif %} text-white">{{data.text.title}} | ||
| </h2> | ||
| {% endif %} | ||
|
|
||
| <div class="text-wrapper padding-x-4 padding-top-4 padding-bottom-5 margin-y-4 bg-white"> | ||
| {% if data.text.subtitle %} | ||
| {% for data in data %} | ||
| <div class="grid-container padding-0 {% if data.custom.class %}{{ data.custom.class | slugify }}{% endif %}"> | ||
| {% if data.text.title %} | ||
| <h2 class="margin-y-0 {% if data.text.title %}{{ data.text.title | slugify }}{% endif %} text-white">{{ data.text.title }} | ||
| </h2> | ||
| {% endif %} | ||
|
|
||
| <h3 class="margin-0">{{data.text.subtitle}}</h3> | ||
| <div class="text-wrapper padding-205 tablet:padding-3 {%if data.role %} margin-bottom-3 desktop:margin-bottom-7 {% endif %} tablet:margin-top-205 desktop:padding-y-5 desktop:padding-x-5 bg-white"> | ||
| {% if data.text.subtitle %} | ||
|
|
||
| {% endif %} | ||
| <h3 class="margin-0">{{data.text.subtitle}}</h3> | ||
|
|
||
| {% if data.role.title %} | ||
| {% endif %} | ||
|
|
||
| <h3 class="margin-0">{{data.role.title}}</h3> | ||
| {% if data.role.title %} | ||
|
|
||
| {% endif %} | ||
| <h3 class="margin-0">{{data.role.title}}</h3> | ||
|
|
||
| {% endif %} | ||
|
|
||
| <p class="margin-bottom-0 overflow-hidden"> | ||
| {{ data.text.blurb | markdownify | remove: "<p>" | remove: "</p>" }} | ||
| </p> | ||
| {% if data.text.blurb %} | ||
| <p class="margin-bottom-0 overflow-hidden"> | ||
| {{ data.text.blurb | markdownify | remove: "<p>" | remove: "</p>" }} | ||
| </p> | ||
|
|
||
| <p class="margin-bottom-0 overflow-hidden"> | ||
| {{ data.role.blurb | markdownify | remove: "<p>" | remove: "</p>" }} | ||
| </p> | ||
| {% endif %} | ||
|
|
||
| {% if data.download.href %} | ||
| <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" aria-hidden="true" | ||
| class="width-205 margin-right-05"> | ||
| <path d="M0 0h24v24H0z" fill="none" /> | ||
| <path | ||
| d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z" /> | ||
| </svg> | ||
| <a href="{{site.baseurl}}/{{ data.download.href}}">{{ data.download.text}}</a> | ||
| {% endif %} | ||
| {% if data.role.blurb %} | ||
| <p class="margin-bottom-0 overflow-hidden"> | ||
| {{ data.role.blurb | markdownify | remove: "<p>" | remove: "</p>" }} | ||
| </p> | ||
| {% endif%} | ||
|
|
||
| </div> | ||
| {% if data.download.href %} | ||
| <div class=" display-flex flex-align-start margin-top-105 desktop:margin-top-3 roles-downloads"> | ||
| <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" aria-hidden="true" | ||
| class="width-2 desktop:width-3 margin-right-05"> | ||
| <path d="M0 0h24v24H0z" fill="none" /> | ||
| <path | ||
| d="M19 12v7H5v-7H3v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zm-6 .67l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2z" /> | ||
| </svg> | ||
| <a href="{{site.baseurl}}/{{ data.download.href}} " class="">{{ data.download.text}} | ||
| </a> | ||
| </div> | ||
| {% endif %} | ||
|
|
||
| </div> | ||
|
|
||
|
|
||
|
|
||
|
|
||
| {% if data.cta %} | ||
| <h3>{{data.blurb.title}}</h3> | ||
| {% endif %} | ||
|
|
||
| {% if data.cta %} | ||
| <h3>{{data.blurb.title}}</h3> | ||
| {% endif %} | ||
|
|
||
| {% if data.role-details %} | ||
| <div class="bg-white header-text-hot-dog padding-y-3 display-flex flex-justify-end"> | ||
| <div class="radius-left-pill semi-cta bg-blue margin-left-4 padding-y-205"> | ||
| <div class="grid-container padding-x-4"> | ||
| <p>Interested in participating in a sprint?</p> | ||
| <a href="{{ site.baseurl }}/{{ site.annual_reports.2019 }}" target="_blank" | ||
| class="text-ink padding-y-1 margin-top-4"> | ||
| Email the TOP team. | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| {% endif %} | ||
| </div> | ||
| {% endfor %} | ||
| </section> |
Oops, something went wrong.