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>