Changes

Jump to navigation Jump to search
1,271 bytes added ,  23:00, 16 January 2023
no edit summary
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>

Navigation menu

GCwiki