Difference between revisions of "ESDC Onboarding/Dev2"
(navbar styling) |
(Changed redirect target from ESDC Onboarding/Dev to ESDC Onboarding) Tags: Redirect target changed Visual edit |
||
| (16 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 61: | Line 71: | ||
} | } | ||
.navContainer{ | .navContainer{ | ||
| − | width: 100%; | + | overflow: auto; |
| − | + | width: 100%; | |
| + | white-space:nowrap; | ||
background-color: #F5F5F5; | background-color: #F5F5F5; | ||
} | } | ||
| Line 70: | Line 81: | ||
.navMenu li{ | .navMenu li{ | ||
border: solid 1px #002D42; | border: solid 1px #002D42; | ||
| − | + | display: inline-block; | |
margin: 8px; | margin: 8px; | ||
| + | border-radius: 10px; | ||
| + | padding: 8px; | ||
} | } | ||
.navMenu li a{ | .navMenu li a{ | ||
| − | |||
| − | |||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| − | .navMenu li | + | .navMenu li:hover:not(.active), .card:hover { |
background-color: #CECECE; | background-color: #CECECE; | ||
| + | border-radius:10px; | ||
} | } | ||
| − | .active { | + | .navMenu .active, .primary-btn { |
background-color: #002D42; | background-color: #002D42; | ||
} | } | ||
| − | .active a{ | + | .navMenu .active a, .primary-btn a{ |
color: white; | 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 class="floatR"> [ | ||
<div role="navigation" class="navContainer"> | <div role="navigation" class="navContainer"> | ||
<ul class="navMenu"> | <ul class="navMenu"> | ||
<li class="active"> [[Title of the wiki page|Home]] </li> | <li class="active"> [[Title of the wiki page|Home]] </li> | ||
| − | <li> [[ | + | <li> [[Executive_Onboarding/Subpage|I Am An Executive]] </li> |
<li> [[Title of the wiki page|Other Onboarding Expansion Pack]]</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> | <li> [https://www.canada.ca/en/employment-social-development.html '''Help Desk'''] </li> | ||
| Line 100: | Line 136: | ||
</div> | </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> | <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 126: | Line 164: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | </div> | ||
<div class="grey-bg"> | <div class="grey-bg"> | ||
| − | + | <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 152: | 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 | ||
{{EXOnboardMenu2}} | {{EXOnboardMenu2}} | ||
| Line 161: | 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 190: | 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:
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 |
|
| Prepare for your first day of work |
|
| Read and complete all forms provided by your manager and/or Human Resources (HR) |
|
Menu 1
 |
 |
 |
 |
|
