Difference between revisions of "ESDC Onboarding/Dev2"

From wiki
Jump to navigation Jump to search
m
(Changed redirect target from ESDC Onboarding/Dev to ESDC Onboarding)
Tags: Redirect target changed Visual edit
 
(19 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{#css:
+
#REDIRECT [[ESDC Onboarding]]{{#css:
 
.row{
 
.row{
 
display:flex;
 
display:flex;
Line 19: Line 19:
 
   padding-left: 15px;  
 
   padding-left: 15px;  
 
}
 
}
 +
 
p{
 
p{
 
   padding-bottom: 15px;
 
   padding-bottom: 15px;
Line 26: Line 27:
 
     flex: 0 0 100%;
 
     flex: 0 0 100%;
 
     max-width: 100%; }
 
     max-width: 100%; }
 +
  .primary-btn{
 +
    display:none;
 +
  }
 +
  body h2{
 +
  font-size:30px;
 +
  }
 
}
 
}
 
@media screen and (min-width: 576px) {
 
@media screen and (min-width: 576px) {
Line 41: Line 48:
 
     flex: 0 0 30%;
 
     flex: 0 0 30%;
 
     max-width: 30%; }
 
     max-width: 30%; }
 +
  body h2{
 +
  font-size:42px !important;
 +
    }
 
}
 
}
 
.titleLink{
 
.titleLink{
Line 56: Line 66:
 
.floatR{
 
.floatR{
 
   float:right;
 
   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>
  
<div class="floatR"> [https://wiki.gccollab.ca/L%E2%80%99accueil_et_l%E2%80%99int%C3%A9gration_pour_cadres FR] </div>  
+
<!--Do not edit -->
 
+
<div>
=='''<div style="font-size:200%;">Page under Developmeng/ Welcome to ESDC!</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>  
 
<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="row">  
 
<div class="col-sm-12 col-md-6 col-lg-4 ">
 
<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>]
 
[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>
+
<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>  
 
<div class="col-sm-12 col-md-6 col-lg-4 ">  
 
<div class="col-sm-12 col-md-6 col-lg-4 ">  
Line 88: Line 164:
 
</div>  
 
</div>  
 
</div>  
 
</div>  
 +
</div>
  
 
<div class="grey-bg">
 
<div class="grey-bg">
=='''<div style="font-size:200%;">Pre-Arrival Checklist</div>'''==
+
<h2>'''Pre-Arrival Checklist'''</h2>
 
<div class="row">  
 
<div class="row">  
 
<div class="col-sm-12 col-md-6">  
 
<div class="col-sm-12 col-md-6">  
Line 114: Line 191:
 
</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>General Onboarding Process for New Executives</div>'''==
=='''<div style="font-size:200%;">General Onboarding Process for New Executives</div>'''==
 
 
{{EXOnboardMenu2}}
 
{{EXOnboardMenu2}}
  
Line 123: Line 209:
  
 
{| 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].
 
|}
 
|}
  
 
[[Media:PAS - Instructions aux administrateurs GRFP pour soutenir leurs utilisateurs.pdf|Open Random Test File]]  
 
[[Media:PAS - Instructions aux administrateurs GRFP pour soutenir leurs utilisateurs.pdf|Open Random Test File]]  
  
=== Menu 1 ===
+
===Menu 1===
 
{{EXOnboardMenu}}
 
{{EXOnboardMenu}}
  
Line 152: 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 22: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