Line 32: |
Line 32: |
| border: none; | | border: none; |
| font-weight: 700; | | font-weight: 700; |
| + | } |
| + | |
| + | .digitalcontent h3 |
| + | { |
| + | font-size: 30px; |
| + | font-weight: lighter; |
| } | | } |
| | | |
Line 61: |
Line 67: |
| | | |
| .column { | | .column { |
− | flex: 0 0 20%; | + | flex: 0 0 25%; |
| display: flex; | | display: flex; |
| padding: 10px; | | padding: 10px; |
Line 112: |
Line 118: |
| clear: both; | | clear: both; |
| } | | } |
| + | /* Style for projects */ |
| + | .thumbnail img |
| + | { display: block; |
| + | margin-left: auto; |
| + | margin-right: auto;} |
| + | |
| + | .thumbRow { |
| + | clear: both; |
| + | display: flex; |
| + | flex-flow: row wrap; |
| + | width: 100%; |
| + | background-color: #FFFFFF; |
| + | padding-bottom: 35px; |
| + | margin-right: -20px !important; |
| + | |
| + | } |
| + | *{ |
| + | 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: 0 0 33.33%; |
| + | display: flex; |
| + | padding: 10px; /* gutter width */ |
| + | } |
| + | |
| + | .thumbnail { |
| + | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); |
| + | } |
| + | .txtPhase { |
| + | text-align: center; |
| + | font-weight: bold; |
| + | padding-bottom: 10px; |
| + | color: #000000; |
| + | border-bottom: solid 2px #75DE86; |
| + | } |
| + | |
| }} | | }} |
| <div class="digitalcontent"> | | <div class="digitalcontent"> |
Line 156: |
Line 228: |
| <h3>How you can get involved</h3> | | <h3>How you can get involved</h3> |
| <p>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:</p> | | <p>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:</p> |
− | {| width="90%" align="left" style="border-collapse: separate; border-spacing: 5px 5px"
| |
| | | |
− | |- | + | <div class="thumbRow"> |
− | !<center>[[File:Point.PNG|130x130px|link=https://wiki.gccollab.ca/Digital_Talent/Digital_Talent_Strategy]]</center>
| + | <div class="thumbcolumn"> |
− | !<center>[[File:Puzzle icon.png|130x130px|link=https://wiki.gccollab.ca/Digital_Talent/Digital_Skills]]</center>
| + | <div class="thumbnail"> |
− | !<center>[[File:Network.png|130x130px|link=https://wiki.gccollab.ca/Digital_Talent/Ecosystem_for_Digital_Talent]]</center>
| + | <h4>[[Digital_Talent/Digital_Talent_Strategy|The Digital Talent Strategy]]</h4> |
− | | + | <div class="thumbcontent">[[File:Point.PNG|130x130px|link=https://wiki.gccollab.ca/Digital_Talent/Digital_Talent_Strategy]] |
− | |-
| + | <p class="txtPhase">Phase: Discovery</p> |
− | !<p align="center"><big>'''[[Digital_Talent/Digital_Talent_Strategy|The Digital Talent Strategy]]'''</big></p>
| + | <p>Learn about empowering others, change leadership, how to be service oriented, and taking calculated risks.</p> |
− | !<p align="center"><big>'''[[Digital_Talent/Digital_Skills|The Digital Skills Initiative]]'''</big></p>
| + | </div> |
− | !<p align="center"><big>'''[[Digital_Talent/Ecosystem_for_Digital_Talent|Ecosystem for digital talent]]'''</big></p>
| + | </div> |
− | | + | </div> |
− | |- valign="top" align="center"
| + | <div class="thumbcolumn"> |
− | ||<p align="center">'''Discovery Phase'''</p>
| + | <div class="thumbnail"> |
− | ||<p align="center">'''Discovery Phase'''</p> | + | <h4>[[Digital_Talent/Digital_Skills|The Digital Skills Initiative]]</h4> |
− | ||<p align="center">'''Alpha Phase'''</p>
| + | <div class="thumbcontent"> [[File:Puzzle icon.png|130x130px|link=https://wiki.gccollab.ca/Digital_Talent/Digital_Skills]] |
− | | + | <p class="txtPhase">Phase: Discovery</p> |
− | |- valign="top" align="center"
| + | <p>Defining and developing digital skills for all public servants</p> |
− | ||<p align="center">Attracting and developing digital talent in the GC</p>
| + | </div> |
− | ||<p align="center">Defining and developing digital skills for all public servants</p>
| + | </div> |
− | ||<p align="center">Curating and visualizing data related to digital talent</p>
| + | </div> |
− | |}
| + | <div class="thumbcolumn"> |
| + | <div class="thumbnail"> |
| + | <h4>[[Digital_Talent/Ecosystem_for_Digital_Talent|Ecosystem for digital talent]]</h4> |
| + | <div class="thumbcontent"> [[File:Network.png|130x130px|link=https://wiki.gccollab.ca/Digital_Talent/Ecosystem_for_Digital_Talent]] |
| + | <p class="txtPhase">Phase: Alpha</p> |
| + | <p>Curating and visualizing data related to digital talent</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
| </div> | | </div> |