Difference between revisions of "ESDC Onboarding/Dev2"

From wiki
Jump to navigation Jump to search
(Changed redirect target from ESDC Onboarding/Dev to ESDC Onboarding)
Tags: Redirect target changed Visual edit
 
(41 intermediate revisions by 2 users not shown)
Line 1: Line 1:
=='''<div style="font-size:200%;">Welcome to ESDC!</div>'''==
+
#REDIRECT [[ESDC Onboarding]]{{#css:
{| style="width:100%" cell-padding="20px"
+
.row{
| style="width:70%" | 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.
+
display:flex;
 +
        flex-wrap: wrap;
 +
        margin-right: -15px;
 +
        margin-left: -15px;  
 +
        max-width: 100%;
 +
}
 +
.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;
 +
}
  
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{
| style="width:30%; padding-top:20px; padding-bottom:50px;" | [[File:MC-mentorship.png|frameless|center|200px]]
+
  padding-bottom: 15px;
|}
+
}
 +
@media (max-width: 576px) {
 +
  .col-sm-12 {
 +
    flex: 0 0 100%;
 +
    max-width: 100%; }
 +
  .primary-btn{
 +
    display:none;
 +
  }
 +
  body h2{
 +
  font-size:30px;
 +
  }
 +
}
 +
@media screen and (min-width: 576px) {
 +
  .col-md-6 {
 +
    flex: 0 0 450%;
 +
    max-width: 45%;
 +
  }
 +
}
 +
@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%; }
 +
  body h2{
 +
  font-size:42px !important;
 +
    }
 +
}
 +
.titleLink{
 +
  color: #335075;
 +
  text-decoration: underline;
 +
}
 +
.grey-bg{
 +
  background-color:#F5F5F5;
 +
  width: 100% !important;
 +
  padding: 10px 0 30px 0;
 +
}
 +
.checklist li{
 +
  padding-bottom: 10px;
 +
}
 +
.floatR{
 +
  float:right;
 +
}
 +
.navMenu{
 +
  list-style:none;
 +
}
 +
.navContainer{
 +
  overflow: auto;
 +
  width: 100%;
 +
  white-space:nowrap;
 +
  background-color: #F5F5F5;
 +
}
 +
.navContainer::-webkit-scrollbar{
 +
  width:0;
 +
}
 +
.navMenu li{
 +
  border: solid 1px #002D42;
 +
  display: inline-block;
 +
  margin: 8px;
 +
  border-radius: 10px;
 +
  padding: 8px;
 +
}
 +
.navMenu li a{
 +
  text-decoration: none;
 +
}
 +
.navMenu li:hover:not(.active), .card:hover {
 +
  background-color: #CECECE;
 +
  border-radius:10px;
 +
}
 +
.navMenu .active, .primary-btn {
 +
  background-color: #002D42;
 +
}
 +
.navMenu .active a, .primary-btn a{
 +
  color: white;
 +
}
 +
.primary-btn{
 +
  padding:8px 24px;
 +
  border-radius: 10px 10px 0 0;
 +
}
 +
.card {
 +
  position: relative;
 +
  display: flex;
 +
  flex-direction: column;
 +
  min-width: 0;
 +
  word-wrap: break-word;
 +
  background-clip: border-box;
 +
  border: 0px solid rgba(0, 0, 0, 0.125);
 +
  border-radius: 0.35rem;
 +
  margin:16px;
 +
  background-color:#F5F5F5;
 +
}
 +
.card-body {
 +
  flex: 1 1 auto;
 +
  padding: 12px; }
 +
.card-img{
 +
  align:center;
 +
}
 +
.card-img pre, .mw-code{
 +
  background-color:none !important;
 +
}
 +
 
 +
}}
 +
<div class="floatR primary-btn">  [[L%E2%80%99accueil_et_l%E2%80%99int%C3%A9gration_pour_cadres|FR]] </div>
 +
<div role="navigation" class="navContainer">
 +
  <ul class="navMenu">
 +
      <li class="active"> [[Title of the wiki page|Home]] </li>
 +
      <li> [[Executive_Onboarding/Subpage|I Am An Executive]] </li>
 +
      <li> [[Title of the wiki page|Other Onboarding Expansion Pack]]</li>
 +
      <li> [https://www.canada.ca/en/employment-social-development.html '''Help Desk'''] </li>
 +
  </ul>
 +
</div>
 +
 
 +
<!--Do not edit -->
 +
<div>
 +
<h2>'''Page under Development/ Welcome to ESDC!'''</h2>
 +
<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 class="row">
 +
<div class="col-sm-12 col-md-6 col-lg-4 ">
 +
[https://www.canada.ca/en/employment-social-development.html <span class="titleLink">'''Employment and Social Development''' <br></span>]
 +
<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 testing. </p>
 +
</div>
 +
<div class="col-sm-12 col-md-6 col-lg-4 ">
 +
[https://www.canada.ca/en/employment-social-development.html <span class="titleLink">'''Employment and Social Development''' <br></span>]
 +
<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 class="col-sm-12 col-md-6 col-lg-4 ">
 +
[https://www.canada.ca/en/employment-social-development.html <span class="titleLink">'''Employment and Social Development''' <br></span>]
 +
<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 class="col-sm-12 col-md-6 col-lg-4 ">
 +
[https://www.canada.ca/en/employment-social-development.html <span class="titleLink">'''Employment and Social Development''' <br></span>]
 +
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 +
[https://www.canada.ca/en/employment-social-development.html <span class="titleLink">'''Employment and Social Development''' <br></span>]
 +
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  </p>
 +
</div>
 +
<div class="col-sm-12 col-md-6 col-lg-4 ">
 +
[https://www.canada.ca/en/employment-social-development.html <span class="titleLink">'''Employment and Social Development''' <br></span>]
 +
<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="grey-bg">
 +
<h2>'''Pre-Arrival Checklist'''</h2>
 +
<div class="row">
 +
<div class="col-sm-12 col-md-6">
 +
  <ul class="checklist">
 +
        <li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
 +
        <li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
 +
        <li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
 +
        <li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </li>
 +
  </ul>
 +
</div>
 +
<div class="col-sm-12 col-md-6">
 +
  <h3>Important</h3>
 +
  <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>
 +
  <h3>Other Resources</h3>
 +
  <ul>
 +
        <li> [https://www.canada.ca/en/employment-social-development.html <span class="titleLink"> Resource 1 <br></span>]</li>
 +
        <li> [https://www.canada.ca/en/employment-social-development.html <span class="titleLink">Resource 2<br></span>]</li>  
 +
        <li> [https://www.canada.ca/en/employment-social-development.html <span class="titleLink"> Resource 3 <br></span>]</li>
 +
        <li> [https://www.canada.ca/en/employment-social-development.html <span class="titleLink">Resource 4<br></span>]</li> 
 +
  </ul>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div>
 +
<h2>'''I Am A'''</h2>
 +
<p> This is where the onboarding expansion packs go</p>
 +
  <div class="card" style="max-width:280px;">
 +
    <div class="card-body">
 +
        <h3>[[Title of the wiki page|Executive]]</h3>
 +
        <p class="card-text">More pre-onboarding information for executives.</p>
 +
    </div>
 +
</div>
 +
</div>
  
=='''<div style="font-size:200%;">General Onboarding Process for New Executives</div>'''==
+
=='''<div>General Onboarding Process for New Executives</div>'''==
 
{{EXOnboardMenu2}}
 
{{EXOnboardMenu2}}
  
==='''<div style="font-size:150%;">1. Pre-Onboarding: Getting Started</div>'''===  
+
==='''<div style="font-size:150%;" class="test">1. Pre-Onboarding: Getting Started</div>'''===  
 
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.
 
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.
  
 
{| style="border: solid 1px #dcdee1; width:100%;" cellpadding="20px"
 
{| style="border: solid 1px #dcdee1; width:100%;" cellpadding="20px"
! style="font-size:150%;" | Goal  
+
! style="font-size:150%;" |Goal
! style="font-size:150%;" | Information  
+
! style="font-size:150%;" |Information
 
|- style="background-color: #f5f5f5;"
 
|- style="background-color: #f5f5f5;"
| Review ESDC's Onboarding Documents for New Executives
+
|Review ESDC's Onboarding Documents for New Executives
|  
+
|
*Read the pre-arrival document for new executives and explore the links.  
+
*Read the pre-arrival document for new executives and explore the links.
*Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
+
*Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
|-  
 
|-  
 
|Prepare for your first day of work
 
|Prepare for your first day of work
|  
+
|
 
*Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
*Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
*Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
*Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
**Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
**Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
****Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
****Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|-style="background-color: #f5f5f5;"
+
|- style="background-color: #f5f5f5;"
 
|Read and complete all forms provided by your manager and/or Human Resources (HR)
 
|Read and complete all forms provided by your manager and/or Human Resources (HR)
|
+
|  
*Sign and return all forms.  
+
*Sign and return all forms.
*Learn about the [https://www.tbs-sct.gc.ca/agreements-conventions/index-eng.aspx Collective Agreement].  
+
*Learn about the [https://www.tbs-sct.gc.ca/agreements-conventions/index-eng.aspx Collective Agreement].
 
|}
 
|}
  
=== Menu 1 ===
+
[[Media:PAS - Instructions aux administrateurs GRFP pour soutenir leurs utilisateurs.pdf|Open Random Test File]]
 +
 
 +
===Menu 1===
 
{{EXOnboardMenu}}
 
{{EXOnboardMenu}}
  
Line 41: Line 238:
 
__NOTOC__
 
__NOTOC__
 
[[fr:L’accueil_et_l’intégration_pour_cadres]]
 
[[fr:L’accueil_et_l’intégration_pour_cadres]]
 +
__NOINDEX__
 +
__NONEWSECTIONLINK__

Latest revision as of 23:09, 17 October 2021

Redirect to:

FR

Page under Development/ Welcome to ESDC!

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.

Employment and Social Development

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

Employment and Social Development

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.

Employment and Social Development

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.

Employment and Social Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Employment and Social Development

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Employment and Social Development

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.

Pre-Arrival Checklist

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Important

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.

Other Resources

I Am A

This is where the onboarding expansion packs go

Executive

More pre-onboarding information for executives.

General Onboarding Process for New Executives

1. Pre-Onboarding
2. First Day
3. First Week
4. First Month
Menu Item 5
Menu Item 6
Menu Item 7

1. Pre-Onboarding: Getting Started

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.

Goal Information
Review ESDC's Onboarding Documents for New Executives
  • Read the pre-arrival document for new executives and explore the links.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Prepare for your first day of work
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Read and complete all forms provided by your manager and/or Human Resources (HR)

Open Random Test File

Menu 1

alt text Word1.PNG PowerAutomate.PNG PowerApp.PNG

menu item 1 menu item 1