forked from mlooff/InterimPerformance-Dot-Gov-2018
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
197 lines (178 loc) · 11.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
---
title: "Home"
layout: navigation_index
---
<!--original layout-->
<section class="usa-hero">
<div class="usa-grid">
<div class="usa-hero-callout usa-section-dark" style="margin: 20px 0px 20px 0px">
<h2><span class="usa-hero-callout-alt">Featured</span></h2>
<h3><span style="color:#ffffff;"> NEW! July Quarterly Updates: </span><em> See the action plans</em></h3>
<a class="usa-button usa-button-secondary " href="{{ site.baseurl }}/July-2020-Updates-Show-Progress/" >Learn More</a>
<h3><span style="color:#ffffff;">2020 Gears of Government Awards: </span><em>See the Winners! </em></h3>
<a class="usa-button usa-button-secondary " href="{{ site.baseurl }}/gearawards/winners/">View the Hall of Winners</a>
</div>
</div>
</section>
<section class="usa-grid usa-section">
<div class="usa-width-one-whole">
<p style="font-size:20px">Performance.gov is a window into Federal agencies’ efforts to deliver a Government that is responsive to the needs of the people it serves, agile in delivering on its mission, and a responsible steward of taxpayer dollars.</p>
<a class="usa-button" style="border-radius:10px;" href="{{ site.baseurl }}/about/getstarted.html">Get Started</a>
<a class="usa-button" style="border-radius:10px;" href="{{ site.baseurl }}/PMA/PMA.html">President's Management Agenda</a>
<a class="usa-button" style="border-radius:10px;" href="{{ site.baseurl }}/about/APG_about.html">Agency Priorities</a>
<a class="usa-button" style="border-radius:10px;" href="{{ site.baseurl }}/CAP/overview/">Cross-Agency Initiatives</a>
<a class="usa-button" style="border-radius:10px; " href="{{ site.baseurl }}/about/objectives_about.html">Strategic Plans</a>
<!-- <p>Use the right side of the grid to explain the tagline a bit more. What are your goals? How do you do your work? Write in the present tense, and stay brief here. People who are interested can find details on internal pages.</p> -->
</div>
</section>
<!--ONLY TEXT WITH 2/3 SPACING -->
<!--<section class="usa-hero">
<div class="usa-grid" >
<div class="usa-width-one-whole" >
<h1 style="color:#ffffff;"> A window into Federal agencies’ efforts to deliver a smarter, leaner, and more effective government</h1>
<a class="usa-button usa-button-secondary" href="PMA/PMA.html">What is the President's plan for the country?</a> <a class="usa-button" href="PMA/PMA.html">What is an Agency Priority Goal?</a>
<a class="usa-button" style="background-color:#112e51;" href="PMA/PMA.html">What are Key Performance Indicators and what do the track?</a>
</div>
</div>
</div>
</section>
<!--BANNER AND WHAT'S NEW TEXT ON RIGHT -->
<!-- <section class="usa-hero">
<div class="usa-grid" >
<div class="usa-width-two-thirds" >
<h1 style="color:#ffffff;"> A window into Federal agencies’ efforts to deliver a smarter, leaner, and more effective government</h1>
<a class="usa-button usa-button-secondary" href="PMA/PMA.html">Learn More </a>
</div>
<div class="usa-width-one-third" >
<h3 class="card-tag" style="text-align:right;position:relative; color:#ffffff;font-size:1em;"><b>What's New?</b></h3>
<h4 style="text-align:right;"><a style="color:#ffffff;text-decoration:;" href="PMA/PMA.html">Check out the President's Mangement Agenda: Delivering Solutions in the 21st Century ❯</a></h3>
<h4 style="text-align:right;"><a style="color:#ffffff;text-decoration:;" href="GovReform/index.html">Read the Reform Plan and Reorganization Recommendations❯</a></h3>
</div>
</div>
</div>
</section>-->
<!--BANNER AND CALLOUT BOX -->
<!-- <section class="usa-hero">
<div class="usa-grid" >
<div class="usa-width-two-thirds" >
<h1 style="color:#ffffff;"> A window into Federal agencies’ efforts to deliver a smarter, leaner, and more effective government</h1>
<a class="usa-button usa-button-secondary" href="PMA/PMA.html">Learn More <!--Read the latest news here/a>
</div>
<div class="usa-hero-callout-gradient usa-section-dark usa-width-one-third usa-width-tablet" >
<h2><span class="usa-hero-callout-alt">What's New</span></h2><h3><span style="color:#ffffff;">President’s Management Agenda:</span> <em>Modernizing Government for the 21st Century</em></h3>
<a class="usa-button usa-button-secondary" href="PMA/PMA.html">Learn More Read the latest news here</a>
</div>
</div>
</section>-->
<!--<section class="usa-grid usa-section"
style="margin-top:1em;margin-bottom:1em;">
<h2>Welcome to Performance.gov</h2>
</div>
<div class="usa-width-two-thirds">
<p><font size="+1">Performance.gov is a window into Federal agencies’ efforts to deliver a smarter, leaner, and more effective government. The site informs the public of the progress underway to cut waste, streamline government, and improve performance. <a href="about/getstarted.html">Learn more to get started.</a></font></p>
<!-- <p>Use the right side of the grid to explain the tagline a bit more. What are your goals? How do you do your work? Write in the present tense, and stay brief here. People who are interested can find details on internal pages.</p>
</div>-->
</section>
<section
class="usa-section usa-graphic_list"
style="padding-bottom:0;background-color:#f1f1f1;"
>
<div class="usa-grid usa-graphic_list-row">
<div class="usa-width-one-whole">
<h2>The Latest from Performance.gov</h2><br>
</div>
</div>
</section>
<section
class="usa-section usa-graphic_list"
style="padding-top:10px;background-color:#f1f1f1;"
>
<div class="usa-grid usa-graphic_list-row">
<div class="usa-flex usa-flex-wrap">
<div class="usa-width-one-third usa-media_block">
<!-- <div id="border">-->
<a
class="twitter-timeline"
data-width="100%"
data-height="42rem"
data-theme="light"
data-link-color="#0071bc"
data-border-color="#0071bc" href="https://twitter.com/PerformanceGov" >Tweets by @PerformanceGov</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script><br>
<!-- </div>-->
</div>
{% for project in site.posts limit:2 %}
<div class="usa-width-one-third usa-width-tablet">
{% include card-homepage.html
image_src=project.image
image_alt=project.image_accessibility
image_icon=project.image_icon
agency=project.agency
tagline=project.title
date=project.date
description=project.excerpt
link=project.permalink
tags=project.tags
%}
</div>
{% endfor %}
</div>
<p class="card-tag" style="float:right;margin-top:30px;margin-bottom:30px;font-size:.7em;"><a style="text-decoration:none;background-color:#e31c3d;color:#ffffff;padding:10px;border-radius:25px;" href="{{ site.baseurl }}/news">Read more ❯</a></p>
</section>
<section class="usa-section usa-section-dark usa-graphic_list">
<div class="usa-grid usa-graphic_list-row">
<div class="usa-width-one-half usa-media_block">
<a href="PMA/"><img class="usa-media_block-img" src="img/homepage_images/436043_original.png" alt="President's Management Agenda icon"></a>
<div class="usa-media_block-body">
<a href="PMA/" style="text-decoration: none"><h3>The President's Management Agenda</h3></a>
<p>The President's Management Agenda establishes and defines the Administration's key management priorities and initiatives, setting forth a long-term vision for an effective Government that works on behalf of the American people.</p>
</div>
</div>
<div class="usa-width-one-half usa-media_block">
<a href="about/framework_about.html"><img class="usa-media_block-img" src="img/homepage_images/target_icon.png" alt="Learn the Performance Framework icon"></a>
<div class="usa-media_block-body">
<a href="about/framework_about.html" style="text-decoration: none"> <h3>Learn about the Performance Framework</h3></a>
<p>Performance management in the public sector is an ongoing, systematic approach to improving results through evidence-based decision making, continuous organizational learning, and a focus on accountability for performance.</p>
</div>
</div>
</div>
</section>
<section class="usa-section">
<div class="usa-grid usa-graphic_list-row">
<div class="usa-width-one-whole usa-media_block">
<h2>Measuring Performance</h2>
<p>The Federal government sets both Priority Goals – cross-agency and within agencies – that are near-term, implementation focused priorities of leadership as well as strategic objectives that are comprehensive of agencies’ missions. View these current goals and description of each below.<p>
</div>
</div>
<div class="usa-grid usa-graphic_list-row">
<div class="usa-width-one-third usa-media_block homepage-pf">
<h3 class="banner-title"> Cross Agency Priority Goals</h3>
<div class="homepage-banner">
<p>Cross-Agency Priority (CAP) Goals are a tool used by leadership to accelerate progress on a limited number of Presidential priority areas where implementation requires active collaboration among multiple agencies.</p>
</div>
<div class="homepage-pf-learnmore">
<p class="card-tag" style="margin-top:0;margin-bottom:30px;font-size:.7em;"><a style="text-decoration:none;background-color:#e31c3d;color:#ffffff;padding:10px;border-radius:25px;" href="{{ site.baseurl }}/CAP/overview/">Learn More ❯</a></p>
</div>
</div>
<!--<p class="homepage-card-tag" style="margin-top:0;font-size:.8em;"><a style="text-decoration:none;" href="{{ site.baseurl }}/about/CAP_about.html">Learn More About CAP Goals ❯</a></p>-->
<div class="usa-width-one-third usa-media_block homepage-pf">
<h3 class="banner-title">Strategic Objectives</h3>
<div class="homepage-banner">
<p>Updated and revised every four years, Strategic Objectives reflect the outcome or management impacts the agency is trying to achieve over the term of an Administration. </p>
</div>
<div class="homepage-pf-learnmore">
<p class="card-tag" style="margin-top:0;font-size:.7em;"><a style="text-decoration:none;background-color:#e31c3d;color:#ffffff;padding:10px;border-radius:25px;" href="{{ site.baseurl }}/about/objectives_about.html">Learn More ❯</a></p>
</div>
</div>
<div class="usa-width-one-third usa-media_block homepage-pf">
<h3 class="banner-title">Agency Priority Goals</h3>
<div class="homepage-banner">
<p>Agency Priority Goals (APGs) are a performance accountability structure that provide agencies a mechanism to focus leadership priorities, set outcomes, and measure results, bringing focus to mission areas where agencies need to drive significant progress and change.</p>
</div>
<div class="homepage-pf-learnmore">
<p class="card-tag" style="margin-top:0;margin-bottom:30px;font-size:.7em;"><a style="text-decoration:none;background-color:#e31c3d;color:#ffffff;padding:10px;border-radius:25px;" href="{{ site.baseurl }}/about/APG_about.html">Learn More ❯</a></p>
</div>
</div>
</div>
</div>
</section>