Difference between revisions of "Digital Talent"

From wiki
Jump to navigation Jump to search
Line 11: Line 11:
 
{{#css:
 
{{#css:
 
.headerbg {
 
.headerbg {
margin-top: 0px;
+
  margin-top: 0px;
margin-right: 0px;
+
  margin-right: 0px;
margin-bottom: 0px;
+
  margin-bottom: 0px;
margin-left: 0px;
+
  margin-left: 0px;
 
}
 
}
  
 
.toc
 
.toc
 
{
 
{
display: none;
+
  display: none;
 
}
 
}
  
 
.digitalcontent {
 
.digitalcontent {
font-family: "Open Sans",sans-serif !important;
+
  font-family: "Open Sans",sans-serif !important;
margin-top: 0px;
+
  margin-top: 0px;
margin-right: 0px;
+
  margin-right: 0px;
margin-bottom: 0px;
+
  margin-bottom: 0px;
margin-left: 0px;
+
  margin-left: 0px;
font-style: normal;
+
  font-style: normal;
 
}
 
}
 
.headerbg h1 {
 
.headerbg h1 {
color: #006B64;
+
  color: #006B64;
padding-bottom: 0px;
+
  padding-bottom: 0px;
font-size: 40px !important;
+
  font-size: 40px !important;
font-family: "Open Sans",sans-serif !important;
+
  font-family: "Open Sans",sans-serif !important;
        border: none;
+
  border: none;
font-weight: 700;
+
  font-weight: 700;
 
}
 
}
  
 
.digitalcontent h3
 
.digitalcontent h3
 
{
 
{
font-size: 30px;
+
  font-size: 30px;
font-weight: lighter;
+
  font-weight: lighter;
 
}
 
}
  
 
.digitalcontent h2
 
.digitalcontent h2
 
{
 
{
color: #000000;
+
  color: #000000;
font-size: 30px;
+
  font-size: 30px;
        margin-top: 20px;
+
  margin-top: 20px;
        margin-bottom: 0px;
+
  margin-bottom: 0px;
        border: none;
+
  border: none;
font-weight: 700;
+
  font-weight: 700;
font-family: "Open Sans",sans-serif !important;
+
  font-family: "Open Sans",sans-serif !important;
 
}  
 
}  
  
 
.headercontent p
 
.headercontent p
 
{
 
{
color: #000000;
+
  color: #000000;
font-size: 20px;
+
  font-size: 20px;
padding: 0;
+
  padding: 0;
margin: 0;
+
  margin: 0;
 
}
 
}
  
 
/* Remove extra left and right margins, due to padding in columns */
 
/* Remove extra left and right margins, due to padding in columns */
.row {margin: 0 -5px;
+
.row {
clear: both;
+
  margin: 0 -5px;
  display: flex;  
+
  clear: both;
  flex-flow: row wrap;
+
  display: flex;  
 +
  flex-flow: row wrap;
 
}
 
}
  
 
.column {
 
.column {
flex: 0 0 25%;
+
  flex: 0 0 25%;
  display: flex;
+
  display: flex;
  padding: 10px;  
+
  padding: 10px;  
  
 
}
 
}
 
/* Clear floats after the columns */
 
/* Clear floats after the columns */
 
.row:after {
 
.row:after {
  content: "";
+
  content: "";
  display: table;
+
  display: table;
  clear: both;
+
  clear: both;
 
}
 
}
  
Line 92: Line 93:
  
 
.cards {
 
.cards {
height: 100px;
+
  height: 100px;
max-width: 100px;
+
  max-width: 100px;
max-height: 150px;
+
  max-height: 150px;
 
}
 
}
  
 
.infobox
 
.infobox
 
{
 
{
border-radius: 10px;
+
  border-radius: 10px;
  border: 2px solid #00A196;
+
  border: 2px solid #00A196;
  padding-top: 10px;
+
  padding-top: 10px;
padding-bottom: 10px;
+
  padding-bottom: 10px;
padding-left: 20px;
+
  padding-left: 20px;
padding-right: 20px;
+
  padding-right: 20px;
margin-bottom: 15px;
+
  margin-bottom: 15px;
margin-top: 10px;
+
  margin-top: 10px;
 
}
 
}
  
.infoboxcontent
+
.infoboxcontent {
{
+
  width: 95%;
width: 95%;
+
  float: right;
float: right;
+
  height: auto;
height: auto;
 
 
}
 
}
  
Line 124: Line 124:
 
}
 
}
 
/* Style for projects */
 
/* Style for projects */
.thumbnail img
+
.thumbnail img {   
{  display: block;
+
  display: block;
  margin-left: auto;
+
  margin-left: auto;
  margin-right: auto;}
+
  margin-right: auto;
 
+
}
  
 
.thumbRow {
 
.thumbRow {
margin: 0 -5px;
+
  margin: 0 -5px;
clear: both;
+
  clear: both;
  display: flex;  
+
  display: flex;  
  flex-flow: row wrap;
+
  flex-flow: row wrap;
 
}
 
}
 
.thumbRow:after {
 
.thumbRow:after {
  content: "";
+
  content: "";
  display: table;
+
  display: table;
  clear: both;
+
  clear: both;
 
}
 
}
  
 
*{
 
*{
  box-sizing: border-box;
+
  box-sizing: border-box;
 
}
 
}
  
 
.thumbnail h4
 
.thumbnail h4
 
{
 
{
background-color: #52C765;
+
  background-color: #52C765;
margin: auto;
+
  margin: auto;
padding: 20px;
+
  padding: 20px;
text-align: center;
+
  text-align: center;
color: black;
+
  color: black;
        font-size: 20px;
+
  font-size: 20px;
        text-decoration: underline;
+
  text-decoration: underline;
 
}
 
}
  
 
.thumbnail h4 a
 
.thumbnail h4 a
 
{
 
{
color: black;
+
  color: black;
 
}
 
}
  
 
.thumbnail h4 a:hover
 
.thumbnail h4 a:hover
 
{
 
{
color: white;
+
  color: white;
 
}
 
}
 
.thumbnail h4 a:focus
 
.thumbnail h4 a:focus
 
{
 
{
color: white;
+
  color: white;
 
}
 
}
  
 
.thumbcontent
 
.thumbcontent
 
{
 
{
padding: 20px;
+
  padding: 20px;
 
}
 
}
 
.thumbcolumn {
 
.thumbcolumn {
  flex: 0 0 33.33%;
+
  flex-basis: 33.33%;
  padding: 10px; /* gutter width */
+
  padding: 10px;
 +
  display: flex;
 +
  align-items: stretch;
 +
  justify-items: stretch;
 +
  justify-content: stretch;
 
}
 
}
  
 
.thumbnail {
 
.thumbnail {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+
  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 {
 
.txtPhase {
text-align: center;
+
  text-align: center;
font-weight: bold;
+
  font-weight: bold;
padding-bottom: 10px;
+
  padding-bottom: 10px;
color: #000000;
+
  color: #000000;
border-bottom: solid 2px #75DE86;
+
  border-bottom: solid 2px #75DE86;
 
}
 
}
  

Revision as of 13:05, 19 January 2023


Building a workforce for digital-first delivery

Canada’s Digital Ambition (launched August 2022) 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:

  • modern tools
  • data-enabled services and programs
  • action-ready policy
  • and most relevant to us: digital talent and digital leadership

We need your help!

On these pages, you will see initiatives that we are developing with the digital community, links to evolving materials, and opportunities to contribute.

This is an open call for feedback: regardless of your role or department or agency, we want to hear from you. We want to understand your perspective to help improve OCIO’s initiatives to support digital talent in the public service.

How we work

Whatever we share will come with a label: Discovery, Alpha, Beta, or Live. We use these labels to make sure we are taking an iterative approach to everything we design and deliver.

For us, these labels mean:

1. Discovery

Involves understanding the key problem and the most important needs of the people impacted. By the end of Discovery, we know what is worth addressing first. 

2. Alpha

Includes prototyping ways to address the key problem and most important needs. By the end of Alpha, we should have a scalable solution to address the problem. 

3. Beta

Involves testing and iterating on the solution. By the end of Beta, we may share the solution in a public environment so we can continue to improve it. 

4. Live

We are ready to share the solution. Since Live is ongoing, the solution needs regular review and maintenance based on user, policy, service, and other key metrics. These metrics will determine if we are effectively supporting digital talent in the public service. 

How you can get involved

We have three initiatives that are ready for your participation. We will continually share early drafts and this page will change based on what we are ready to share:

The Digital Talent Strategy

Point.PNG

Phase: Discovery

Learn about empowering others, change leadership, how to be service oriented, and taking calculated risks.

The Digital Skills Initiative

Puzzle icon.png

Phase: Discovery

Defining and developing digital skills for all public servants

Ecosystem for digital talent

Network.png

Phase: Alpha

Curating and visualizing data related to digital talent