Difference between revisions of "Digital Talent"
Line 11: | Line 11: | ||
{{#css: | {{#css: | ||
.headerbg { | .headerbg { | ||
− | + | margin-top: 0px; | |
− | + | margin-right: 0px; | |
− | + | margin-bottom: 0px; | |
− | + | margin-left: 0px; | |
} | } | ||
.toc | .toc | ||
{ | { | ||
− | display: none; | + | display: none; |
} | } | ||
.digitalcontent { | .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 { | .headerbg h1 { | ||
− | + | color: #006B64; | |
− | + | padding-bottom: 0px; | |
− | + | font-size: 40px !important; | |
− | + | font-family: "Open Sans",sans-serif !important; | |
− | + | border: none; | |
− | font-weight: 700; | + | font-weight: 700; |
} | } | ||
.digitalcontent h3 | .digitalcontent h3 | ||
{ | { | ||
− | + | font-size: 30px; | |
− | + | font-weight: lighter; | |
} | } | ||
.digitalcontent h2 | .digitalcontent h2 | ||
{ | { | ||
− | + | color: #000000; | |
− | + | font-size: 30px; | |
− | + | margin-top: 20px; | |
− | + | margin-bottom: 0px; | |
− | + | border: none; | |
− | font-weight: 700; | + | font-weight: 700; |
− | + | font-family: "Open Sans",sans-serif !important; | |
} | } | ||
.headercontent p | .headercontent p | ||
{ | { | ||
− | + | color: #000000; | |
− | + | font-size: 20px; | |
− | + | padding: 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 { |
− | + | margin: 0 -5px; | |
− | + | clear: both; | |
− | + | display: flex; | |
+ | flex-flow: row wrap; | ||
} | } | ||
.column { | .column { | ||
− | + | flex: 0 0 25%; | |
− | + | display: flex; | |
− | + | padding: 10px; | |
} | } | ||
/* Clear floats after the columns */ | /* Clear floats after the columns */ | ||
.row:after { | .row:after { | ||
− | + | content: ""; | |
− | + | display: table; | |
− | + | clear: both; | |
} | } | ||
Line 92: | Line 93: | ||
.cards { | .cards { | ||
− | + | height: 100px; | |
− | + | max-width: 100px; | |
− | + | max-height: 150px; | |
} | } | ||
.infobox | .infobox | ||
{ | { | ||
− | + | border-radius: 10px; | |
− | + | border: 2px solid #00A196; | |
− | + | padding-top: 10px; | |
− | + | padding-bottom: 10px; | |
− | + | padding-left: 20px; | |
− | + | padding-right: 20px; | |
− | + | margin-bottom: 15px; | |
− | + | margin-top: 10px; | |
} | } | ||
− | .infoboxcontent | + | .infoboxcontent { |
− | { | + | width: 95%; |
− | + | float: right; | |
− | + | height: auto; | |
− | |||
} | } | ||
Line 124: | Line 124: | ||
} | } | ||
/* Style for projects */ | /* Style for projects */ | ||
− | .thumbnail img | + | .thumbnail img { |
− | { display: block; | + | display: block; |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
− | + | } | |
.thumbRow { | .thumbRow { | ||
− | + | margin: 0 -5px; | |
− | + | clear: both; | |
− | + | display: flex; | |
− | + | flex-flow: row wrap; | |
} | } | ||
.thumbRow:after { | .thumbRow:after { | ||
− | + | content: ""; | |
− | + | display: table; | |
− | + | clear: both; | |
} | } | ||
*{ | *{ | ||
− | + | box-sizing: border-box; | |
} | } | ||
.thumbnail h4 | .thumbnail h4 | ||
{ | { | ||
− | + | background-color: #52C765; | |
− | + | margin: auto; | |
− | + | padding: 20px; | |
− | + | text-align: center; | |
− | + | color: black; | |
− | + | font-size: 20px; | |
− | + | text-decoration: underline; | |
} | } | ||
.thumbnail h4 a | .thumbnail h4 a | ||
{ | { | ||
− | + | color: black; | |
} | } | ||
.thumbnail h4 a:hover | .thumbnail h4 a:hover | ||
{ | { | ||
− | + | color: white; | |
} | } | ||
.thumbnail h4 a:focus | .thumbnail h4 a:focus | ||
{ | { | ||
− | + | color: white; | |
} | } | ||
.thumbcontent | .thumbcontent | ||
{ | { | ||
− | + | padding: 20px; | |
} | } | ||
.thumbcolumn { | .thumbcolumn { | ||
− | + | flex-basis: 33.33%; | |
− | + | 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); | |
+ | width: 100%; | ||
} | } | ||
.txtPhase { | .txtPhase { | ||
− | + | text-align: center; | |
− | + | font-weight: bold; | |
− | + | padding-bottom: 10px; | |
− | + | color: #000000; | |
− | + | border-bottom: solid 2px #75DE86; | |
} | } | ||
Revision as of 12:05, 19 January 2023
Digital Talent
Help grow digital talent and skills in the government of Canada
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: