205
edits
Changes
Created page with "<!--The following line of code hides the page title--> {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGE..."
<!--The following line of code hides the page title-->
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
[[fr:Talent_numérique]]
<div class="lgtoggle infobox" style="
border-radius: 10px;
border: 2px solid #00A196;
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
margin-top: 20px;">[[Talent_numérique|Français]]</div>
<div class="headerbg">
<div class="headercontent">
<h1>Help grow digital talent and skills in the government of Canada</h1>
</div>
</div>
<!-- Getting rid of the navigation because we don't need it -->
<!--{{Digital Talent Nav}}-->
<div class="rainbow_bar"></div>
{{#css:
.headerbg {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.rainbow_bar {
height: 20px;
background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
margin-top: 28px;
margin-bottom: 40px;
}
.lgtoggle {
float: right;
}
.toc
{
display: none;
}
.digitalcontent {
font-family: "Open Sans",sans-serif !important;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-style: normal;
}
.headerbg h1 {
color: #006B64;
padding-bottom: 0px;
font-size: 40px !important;
font-family: "Open Sans",sans-serif !important;
border: none;
font-weight: 700;
}
.digitalcontent h3
{
font-size: 30px;
font-weight: lighter;
}
.digitalcontent h2
{
color: #000000;
font-size: 30px;
margin-top: 20px;
margin-bottom: 0px;
border: none;
font-weight: 700;
font-family: "Open Sans",sans-serif !important;
}
.headercontent p
{
color: #000000;
font-size: 20px;
padding: 0;
margin: 0;
}
/* Remove extra left and right margins, due to padding in columns */
.row {
margin: 0 -5px;
clear: both;
display: flex;
flex-flow: row wrap;
}
.column {
flex: 0 0 50%;
display: flex;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.team-row {
margin: 0 -5px;
clear: both;
display: flex;
flex-flow: row wrap;
}
.team-column {
flex: 0 0 33%;
display: flex;
padding: 10px;
}
/* Clear floats after the columns */
.team-row:after {
content: "";
display: table;
clear: both;
}
/* Style the counter cards */
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
/*padding: 16px;*/
text-align: center;
}
.cards {
height: 100px;
max-width: 100px;
max-height: 150px;
}
.infobox
{
border-radius: 10px;
border: 1px solid #C9C9C9;
/*
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;*/
/*margin-bottom: 20px;
margin-top: 20px;*/
}
.infoboxTeam
{
border-radius: 10px;
border: 1px solid #C9C9C9;
padding: 0px;
}
.infobox h3 {
padding-top: 0px;
}
.infoboxcontent {
width: 95%;
float: right;
height: auto;
}
.infobox:after {
content: "";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
/* Style for projects */
.thumbnail img {
display: block;
margin-left: auto;
margin-right: auto;
}
.thumbRow {
margin: 0 -5px;
clear: both;
display: flex;
flex-flow: row wrap;
}
.thumbRow:after {
content: "";
display: table;
clear: both;
}
*{
box-sizing: border-box;
}
.thumbnail h4
{
background-color: #52C765;
margin: auto;
padding: 20px;
text-align: center;
color: black;
font-size: 20px;
text-decoration: underline;
}
.thumbnail h4 a
{
color: black;
}
.thumbnail h4 a:hover
{
color: white;
}
.thumbnail h4 a:focus
{
color: white;
}
.thumbcontent
{
padding: 20px;
}
.thumbcolumn {
flex-basis: 25%;
padding: 10px;
display: flex;
align-items: stretch;
justify-items: stretch;
justify-content: stretch;
}
.thumbnail {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
width: 100%;
}
.txtPhase {
text-align: center;
font-weight: bold;
padding-bottom: 10px;
color: #000000;
border-bottom: solid 2px #75DE86;
}
.card img {
max-width: 100%;
height: auto;
padding: 0px;
margin: 0px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
pre {
padding: 0px !important;
margin: 0px !important;
}
.infoboxTeam > pre {
padding: 0px !important;
margin: 0px !important;
}
.infoboxTeam > p {
padding: 0px !important;
margin: 0px !important;
}
/* For smaller screen sizes */
@media (min-width: 100px) and (max-width: 950px)
{
.thumbcolumn {
flex: 0 0 95% !important;
display:inline-block;
width: 100%;
padding: 10px; /* gutter width */
}
.column {
flex: 0 0 95%;
display:inline-block;
width: 100%;
padding: 10px; /* gutter width */
}
.team-column {
flex: 0 0 95%;
display:inline-block;
width: 100%;
padding: 10px; /* gutter width */
}
}
.initiatives-box {
border-radius: 8px;
background-color: #F2F2F2;
padding: 10px;
padding-left:20px;
padding-right:20px;
border: 2px solid #C9C9C9;
margin-bottom: 24px;
margin-top: 12px;
}
.mw-content-ltr {
max-width: 1920px;
margin: 0 auto;
}
/* Font size */
p {
font-size: 16px;
}
li {
font-size: 16px;
}
h4 {
font-size: 18px;
}
hr {
margin-top: 40px;
margin-bottom: 40px;
}
}}
<div class="digitalcontent">
<!-- Intro section -->
<h2>Building a workforce for digital-first delivery</h2>
<p>[https://www.canada.ca/en/government/system/digital-government/government-canada-digital-operations-strategic-plans/canada-digital-ambition.html Canada’s Digital Ambition] is the Government of Canada’s north star to design, deliver, and maintain digital services. Canadians expect that government digital services are simple, secure and efficient. To make this a reality, the public service requires: </p>
<ul>
<li>Modern tools;</li>
<li>Data-enabled services and programs;</li>
<li>Action-ready policy; and</li>
<li>Strong digital talent and digital leadership</li>
</ul>
<p>At the Treasury Board of Canada Secretariat (TBS)’s Office of the Chief Information Officer (OCIO) Digital Talent and Leadership team, we focus on attracting, retaining, and developing digital talent. This community includes technology specialists, data specialists including analysts and scientists, product managers, UX designers, cybersecurity experts, library services professionals, digital policy advisors, and other professionals who contribute to the development or delivery of a GC digital initiative, service or product. Beyond talent development, we focus on creating the conditions—like strong leadership, useful tools, and a supportive culture—that enable teams to build and run great digital services. </p>
<!--
<h1>TEST AREA</h1>
<div class="row">
<div class="column">
<div class="card infobox" style="border: 0px; padding: 0px; margin: 0px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);">
<div style="padding:20px; text-align: left;">
<h2>Building a workforce for digital-first delivery</h2>
<p>[https://www.canada.ca/en/government/system/digital-government/government-canada-digital-operations-strategic-plans/canada-digital-ambition.html Canada’s Digital Ambition] is the Government of Canada’s north star to design, deliver, and maintain digital services. Canadians expect that government digital services are simple, secure and efficient. To make this a reality, the public service requires: </p>
<ul>
<li>Modern tools;</li>
<li>Data-enabled services and programs;</li>
<li>Action-ready policy; and</li>
<li>Strong digital talent and digital leadership</li>
</ul>
<p>At the Treasury Board of Canada Secretariat (TBS)’s Office of the Chief Information Officer (OCIO) Digital Talent and Leadership team, we focus on attracting, retaining, and developing digital talent. This community includes technology specialists, data specialists including analysts and scientists, product managers, UX designers, cybersecurity experts, library services professionals, digital policy advisors, and other professionals who contribute to the development or delivery of a GC digital initiative, service or product. Beyond talent development, we focus on creating the conditions—like strong leadership, useful tools, and a supportive culture—that enable teams to build and run great digital services. </p>
</div>
</div>
</div>
<div class="column">
<div class="card infobox">
<div style="padding:20px;">
[[File:Digital-first-delivery-image.png]]
</div>
</div>
</div>
</div>
</div>
</div>
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
[[fr:Talent_numérique]]
<div class="lgtoggle infobox" style="
border-radius: 10px;
border: 2px solid #00A196;
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
margin-top: 20px;">[[Talent_numérique|Français]]</div>
<div class="headerbg">
<div class="headercontent">
<h1>Help grow digital talent and skills in the government of Canada</h1>
</div>
</div>
<!-- Getting rid of the navigation because we don't need it -->
<!--{{Digital Talent Nav}}-->
<div class="rainbow_bar"></div>
{{#css:
.headerbg {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.rainbow_bar {
height: 20px;
background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
margin-top: 28px;
margin-bottom: 40px;
}
.lgtoggle {
float: right;
}
.toc
{
display: none;
}
.digitalcontent {
font-family: "Open Sans",sans-serif !important;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-style: normal;
}
.headerbg h1 {
color: #006B64;
padding-bottom: 0px;
font-size: 40px !important;
font-family: "Open Sans",sans-serif !important;
border: none;
font-weight: 700;
}
.digitalcontent h3
{
font-size: 30px;
font-weight: lighter;
}
.digitalcontent h2
{
color: #000000;
font-size: 30px;
margin-top: 20px;
margin-bottom: 0px;
border: none;
font-weight: 700;
font-family: "Open Sans",sans-serif !important;
}
.headercontent p
{
color: #000000;
font-size: 20px;
padding: 0;
margin: 0;
}
/* Remove extra left and right margins, due to padding in columns */
.row {
margin: 0 -5px;
clear: both;
display: flex;
flex-flow: row wrap;
}
.column {
flex: 0 0 50%;
display: flex;
padding: 10px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
.team-row {
margin: 0 -5px;
clear: both;
display: flex;
flex-flow: row wrap;
}
.team-column {
flex: 0 0 33%;
display: flex;
padding: 10px;
}
/* Clear floats after the columns */
.team-row:after {
content: "";
display: table;
clear: both;
}
/* Style the counter cards */
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
/*padding: 16px;*/
text-align: center;
}
.cards {
height: 100px;
max-width: 100px;
max-height: 150px;
}
.infobox
{
border-radius: 10px;
border: 1px solid #C9C9C9;
/*
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;*/
/*margin-bottom: 20px;
margin-top: 20px;*/
}
.infoboxTeam
{
border-radius: 10px;
border: 1px solid #C9C9C9;
padding: 0px;
}
.infobox h3 {
padding-top: 0px;
}
.infoboxcontent {
width: 95%;
float: right;
height: auto;
}
.infobox:after {
content: "";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
/* Style for projects */
.thumbnail img {
display: block;
margin-left: auto;
margin-right: auto;
}
.thumbRow {
margin: 0 -5px;
clear: both;
display: flex;
flex-flow: row wrap;
}
.thumbRow:after {
content: "";
display: table;
clear: both;
}
*{
box-sizing: border-box;
}
.thumbnail h4
{
background-color: #52C765;
margin: auto;
padding: 20px;
text-align: center;
color: black;
font-size: 20px;
text-decoration: underline;
}
.thumbnail h4 a
{
color: black;
}
.thumbnail h4 a:hover
{
color: white;
}
.thumbnail h4 a:focus
{
color: white;
}
.thumbcontent
{
padding: 20px;
}
.thumbcolumn {
flex-basis: 25%;
padding: 10px;
display: flex;
align-items: stretch;
justify-items: stretch;
justify-content: stretch;
}
.thumbnail {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
width: 100%;
}
.txtPhase {
text-align: center;
font-weight: bold;
padding-bottom: 10px;
color: #000000;
border-bottom: solid 2px #75DE86;
}
.card img {
max-width: 100%;
height: auto;
padding: 0px;
margin: 0px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
pre {
padding: 0px !important;
margin: 0px !important;
}
.infoboxTeam > pre {
padding: 0px !important;
margin: 0px !important;
}
.infoboxTeam > p {
padding: 0px !important;
margin: 0px !important;
}
/* For smaller screen sizes */
@media (min-width: 100px) and (max-width: 950px)
{
.thumbcolumn {
flex: 0 0 95% !important;
display:inline-block;
width: 100%;
padding: 10px; /* gutter width */
}
.column {
flex: 0 0 95%;
display:inline-block;
width: 100%;
padding: 10px; /* gutter width */
}
.team-column {
flex: 0 0 95%;
display:inline-block;
width: 100%;
padding: 10px; /* gutter width */
}
}
.initiatives-box {
border-radius: 8px;
background-color: #F2F2F2;
padding: 10px;
padding-left:20px;
padding-right:20px;
border: 2px solid #C9C9C9;
margin-bottom: 24px;
margin-top: 12px;
}
.mw-content-ltr {
max-width: 1920px;
margin: 0 auto;
}
/* Font size */
p {
font-size: 16px;
}
li {
font-size: 16px;
}
h4 {
font-size: 18px;
}
hr {
margin-top: 40px;
margin-bottom: 40px;
}
}}
<div class="digitalcontent">
<!-- Intro section -->
<h2>Building a workforce for digital-first delivery</h2>
<p>[https://www.canada.ca/en/government/system/digital-government/government-canada-digital-operations-strategic-plans/canada-digital-ambition.html Canada’s Digital Ambition] is the Government of Canada’s north star to design, deliver, and maintain digital services. Canadians expect that government digital services are simple, secure and efficient. To make this a reality, the public service requires: </p>
<ul>
<li>Modern tools;</li>
<li>Data-enabled services and programs;</li>
<li>Action-ready policy; and</li>
<li>Strong digital talent and digital leadership</li>
</ul>
<p>At the Treasury Board of Canada Secretariat (TBS)’s Office of the Chief Information Officer (OCIO) Digital Talent and Leadership team, we focus on attracting, retaining, and developing digital talent. This community includes technology specialists, data specialists including analysts and scientists, product managers, UX designers, cybersecurity experts, library services professionals, digital policy advisors, and other professionals who contribute to the development or delivery of a GC digital initiative, service or product. Beyond talent development, we focus on creating the conditions—like strong leadership, useful tools, and a supportive culture—that enable teams to build and run great digital services. </p>
<!--
<h1>TEST AREA</h1>
<div class="row">
<div class="column">
<div class="card infobox" style="border: 0px; padding: 0px; margin: 0px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);">
<div style="padding:20px; text-align: left;">
<h2>Building a workforce for digital-first delivery</h2>
<p>[https://www.canada.ca/en/government/system/digital-government/government-canada-digital-operations-strategic-plans/canada-digital-ambition.html Canada’s Digital Ambition] is the Government of Canada’s north star to design, deliver, and maintain digital services. Canadians expect that government digital services are simple, secure and efficient. To make this a reality, the public service requires: </p>
<ul>
<li>Modern tools;</li>
<li>Data-enabled services and programs;</li>
<li>Action-ready policy; and</li>
<li>Strong digital talent and digital leadership</li>
</ul>
<p>At the Treasury Board of Canada Secretariat (TBS)’s Office of the Chief Information Officer (OCIO) Digital Talent and Leadership team, we focus on attracting, retaining, and developing digital talent. This community includes technology specialists, data specialists including analysts and scientists, product managers, UX designers, cybersecurity experts, library services professionals, digital policy advisors, and other professionals who contribute to the development or delivery of a GC digital initiative, service or product. Beyond talent development, we focus on creating the conditions—like strong leadership, useful tools, and a supportive culture—that enable teams to build and run great digital services. </p>
</div>
</div>
</div>
<div class="column">
<div class="card infobox">
<div style="padding:20px;">
[[File:Digital-first-delivery-image.png]]
</div>
</div>
</div>
</div>
</div>
</div>