Changes

Jump to navigation Jump to search
create page, added accordions

{{#css:
<--!#ca-edit, #ca-ve-edit{
display:none !important;
} -->
.row{
display:flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
max-width: 100%;
}
.greybg{
background-color:#F5F5F5;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 576px) {
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%; }
.section{
padding: 10px 0 20px 0;
}
.tabContainer{
margin-bottom: -1rem !important;
}
.navContainer{
padding-bottom: -1rem !important;
}
}
@media screen and (min-width: 576px) {
.col-md-6 {
flex: 0 0 450%;
max-width: 45%;
}
.col-md-4 {
flex: 0 0 30%;
max-width: 30%; }
.section{
padding: 10px 0 20px 20px;
}
.col-md-8{
flex: 0 0 66%;
max-width:66%;
}
}
@media screen and (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-lg-4 {
flex: 0 0 30%;
max-width: 30%; }
.col-lg-2{
flex: 0 0 15%;
max-width: 15%;
}
.col-lg-6{
flex: 0 0 45%;
max-width:45%;
}
.col-lg-8{
flex: 0 0 66%;
max-width:66%;
}
}
h1,h2{
font-family: 'Helvetica', sans-serif !important;
}
h2{
font-weight: 700;
border-bottom:none;
}
a{
text-decoration: underline;
}
.bold{
font-weight: 700;
}
.mw-collapsible{
margin-bottom: 5px;
}
.checkbox{
display:inline-block;
width: 1rem;
height: 1rem !important;
border: solid 1px black;
margin-right: 10px;
}
.floatL{
float:left;
}
.navMenu{
list-style:none;
}
.navContainer{
overflow: auto;
width: 100%;
white-space:nowrap;
background-color: #F5F5F5;
border-bottom: 5px solid #AF3C43;
}
.navContainer::-webkit-scrollbar, .tabContainer::-webkit-scrollbar{
color: rgba(0,0,0,0);
}
.tabContainer{
overflow: auto;
width: 100%;
white-space:nowrap;
padding-bottom:0px !important;
}

.navMenu li{
border: solid 1px #002D42;
display: inline-block;
margin: 8px 8px 0 8px;
border-radius: 10px;
padding: 8px;
}
.navContainer .navMenu li {
margin-bottom: 8px;
}
.navMenu li a{
text-decoration: none;
}
.navMenu li:hover:not(.active){
background-color: #CECECE;
border-radius:10px;
}
.navMenu .active a, .primary-btn.active a, .btn-info a, .arrow.up:hover {
color: white !important;
text-decoration:none;
}
.mw-parser-output .external{
background:none;
padding-right:0;
}
.primary-btn{
padding:8px 24px !important;
border: none !important;
border-radius: 10px 10px 0 0 !important;
background-color: #F5F5F5;
}
.primary-btn.active{
background-color: #002D42;
}
.checklistCont{
border: 1px solid black;
padding: 1.5rem 0 1.5rem 0;
border-radius: 10px;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
padding: 0 1.5rem 0 1.5rem;
}
.card-body {
flex: 1 1 auto;
padding: 12px; }
.btn-backtotop {
border: 1px solid #CECECE;
border-radius: 1.5rem;
background-color: #F5F5F5;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
color: #666666;
font-weight: 600; }
.btn-backtotop .icon {
margin-right: 5px; }
.btn-backtotop:hover{
color: white;
background-color: #002D42; }
.btn-backtotop a:hover{
color: white;
text-decoration: none;
}

.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.35rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.btn-info {
color: #fff;
background-color: #26374A;
border-color: #26374A;
box-shadow: none; }
.btn-info:hover {
color: #fff;
background-color: #00131c;
border-color: #00131c; }
.btn-info:focus, .btn-info.focus {
box-shadow: none, 0 0 0 0.2rem rgba(38, 154, 188, 0.5); }
.btn-info.disabled, .btn-info:disabled {
color: #333000;
background-color: #F5F5F5;
border-color: #F5F5F5;
margin-bottom: 12px;
}
.fixed{
position:fixed;
bottom:5px;
right:5px;
}
.arrow {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
}
.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
}}
<div><h2><big style="color:#AF3C43">Under Construction </big></h2></div>
<div class="nav" role="navigation" id="top">
<div class="tabContainer">
<ul class="navMenu">
<li class="primary-btn lang"> [[Accueil_et_intégration_EDSC_-_Cadres|Francais]] </li>
<li class="primary-btn"> [https://wiki.gccollab.ca/ESDC_Onboarding Home]</li>
<li class="primary-btn active"> [[ESDC_Onboarding_Executive|Executive]] </li>
<li class="primary-btn"> [[ESDC_Onboarding_Executive|This is a Test tab]] </li>
</ul>
</div>
<div class="navContainer">
<ul class="navMenu">
<span class="bold"> On this page </span>
<li> [[ESDC_Onboarding#expect|What to expect]]</li>
<li> [[ESDC_Onboarding#onboarding|What is Onboarding?]]</li>
<li> [[ESDC_Onboarding#checklist|Pre-Arrival Checklist]]</li>
</ul>
</div>
</div>

<div class="section" id="expect">
<h2>Your role as an ESDC executive</h2>
<div class="row">
<div class="col-sm-12 col-md-8">
<p>Employment and Social Development Canada (ESDC), the fourth-largest department within the Government of Canada, has four ministers and over 36,000 public service employees who work to improve the standard of living and quality of life for all Canadians by supporting the development of a highly skilled labour force and promoting an efficient and inclusive labour market. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
</div>
</div>

<div class="section" id="expect">
<div>
== Basic Information for Executives ==
<div class="row">
<div class="col-sm-12 col-md-8">

<div class="card greybg">
<h3>Key Leadership Competencies</h3>
<div class="mw-collapsible mw-collapsed">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
</div>
</div>

<div class="card">
<h3>Directive on Terms and Conditions of Employment for Executives</h3>
<div class="mw-collapsible mw-collapsed">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
</div>
</div>

<div class="card greybg">
<h3>Executive Talent Management (TM) </h3>
<div class="mw-collapsible mw-collapsed">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
</div>
</div>

<div class="card">
<h3>Executive Performance Management (PM)</h3>
<div class="mw-collapsible mw-collapsed">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
</div>
</div>

<div class="card greybg">
<h3>Executive Entitlements at a Glance</h3>
<div class="mw-collapsible mw-collapsed">
<div class="card-body">
<h4>Salary</h4>
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </li>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </li>
<ul>
<li>Level X </li>
<ul>
<li> xxx </li>
<li> xxx </li>
</ul>
<li>Level X </li>
<ul>
<li> xxx </li>
<li> xxx </li>
</ul>
<li>Level X </li>
<ul>
<li> xxx </li>
<li> xxx </li>
</ul>
<li>Level X </li>
<ul>
<li> xxx </li>
<li> xxx </li>
</ul>
<li>Level X </li>
<ul>
<li> xxx </li>
<li> xxx </li>
</ul>
</ul>
</ol>
<h4>Acting Pay</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</div>
</div>
</div>

<div class="card">
<h3>Performance Pay Program</h3>
<div class="mw-collapsible mw-collapsed">
<div class="card-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<h4>At-Risk Pay</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<ul>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
</ul>
<h4>In-Range Salary Movement</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<h4>Bonus</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<ul>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
</ul>
</div>
</div>
</div>

<div class="card greybg">
<h3> Some Other Differences</h3>
<div class="mw-collapsible mw-collapsed">
<div class="card-body">
<ul>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
</ul>
</div>
</div>
</div>

<div class="card">
<h3> Hours of Work</h3>
<div class="mw-collapsible mw-collapsed">
<div class="card-body">
<ul>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
<li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
</div>

</div>
</div>
</div>
[[fr:Accueil_et_intégration_EDSC_-_Cadres]]
__NOEDITSECTION__
__NOTOC__
233

edits

Navigation menu

GCwiki