| 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>  |