| Line 1: | 
Line 1: | 
| − | <!--The following line of code hides the page title-->  | + | <!-- Hide the page title -->  | 
| − | {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}  | + | {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}  | 
|   | + |    | 
|   | + | <!-- Page Layout -->  | 
|   | {| width="100%" cellpadding="10" cellspacing="10px"  |   | {| width="100%" cellpadding="10" cellspacing="10px"  | 
|   | + | |- valign="top"  | 
|   | + | | style="color: #3C646E; background-color: white; font-size:1.5em;" |  | 
|   |  |   |  | 
| − | |- valign="top"
  |   | 
| − | | style="color: #3C646E; background-color: white; font-size:1.5em;" | 
  |   | 
|   | <span style="font-size: 2em;">Community of Official Languages</span>  |   | <span style="font-size: 2em;">Community of Official Languages</span>  | 
| − | <!--Navigation coding BEGINS-->  | + |    | 
|   | + | <!-- Navigation CSS -->  | 
|   | {{#css:  |   | {{#css:  | 
|   | div.nav {  |   | div.nav {  | 
|   |      margin: 0 0 15px 0;  |   |      margin: 0 0 15px 0;  | 
|   |      background-color: #6BC2B1;  |   |      background-color: #6BC2B1;  | 
| − |      font-size:0;  | + |      font-size: 0;  | 
|   | }  |   | }  | 
|   | div.nav ul {  |   | div.nav ul {  | 
| Line 18: | 
Line 21: | 
|   |      list-style: none;  |   |      list-style: none;  | 
|   |      position: relative;  |   |      position: relative;  | 
| − |     }
  | + | }  | 
|   | div.nav ul li {  |   | div.nav ul li {  | 
| − |      display:inline-block;  | + |      display: inline-block;  | 
|   |      background-color: #6BC2B1;  |   |      background-color: #6BC2B1;  | 
| − |     }
  | + | }  | 
|   | div.nav a {  |   | div.nav a {  | 
| − |      display:block;  | + |      display: block;  | 
| − |      padding:0 10px;  | + |      padding: 0 10px;  | 
| − |      color:#000;  | + |      color: #000;  | 
| − |      font-size:16px;  | + |      font-size: 15px;  | 
| − | 	font-weight:600;
  | + |     font-weight: 600;  | 
| − |      line-height: 60px;  | + |      line-height: 40px;  | 
| − |      text-decoration:none;  | + |      text-decoration: none;  | 
|   | }  |   | }  | 
| − | 
  |   | 
| − | 
  |   | 
|   | div.nav a:hover,  |   | div.nav a:hover,  | 
|   | div.nav a.mw-selflink,  |   | div.nav a.mw-selflink,  | 
|   | div.nav a.mw-selflink:hover {  |   | div.nav a.mw-selflink:hover {  | 
| − | color:#FFF;  | + |     color: #FFF;  | 
|   |      background-color: #3C646E;  |   |      background-color: #3C646E;  | 
|   | }  |   | }  | 
| − | 
  |   | 
|   | div.nav ul ul {  |   | div.nav ul ul {  | 
|   |      display: none;  |   |      display: none;  | 
|   |      position: absolute;  |   |      position: absolute;  | 
| − |      top: 60px;  | + |      top: 40px;  | 
| − | 	z-index:500;
  | + |     z-index: 500;  | 
| − | 	border-left:2px solid white;
  | + |     border: 2px solid white;  | 
| − | 	border-right:2px solid white;
  |   | 
| − | 	border-bottom:2px solid white;
  |   | 
|   | }  |   | }  | 
|   | div.nav ul li:hover > ul {  |   | div.nav ul li:hover > ul {  | 
| − |      display:inherit;  | + |      display: inherit;  | 
|   | }  |   | }  | 
|   | div.nav ul ul li {  |   | div.nav ul ul li {  | 
| − |      width:230px;  | + |      width: 230px;  | 
| − |      float:none;  | + |      float: none;  | 
| − |      display:list-item;  | + |      display: list-item;  | 
|   |      position: relative;  |   |      position: relative;  | 
|   | }  |   | }  | 
|   | div.nav ul ul ul li {  |   | div.nav ul ul ul li {  | 
|   |      position: relative;  |   |      position: relative;  | 
| − |      top:-60px;  | + |      top: -40px;  | 
| − |      left:230px;  | + |      left: 230px;  | 
|   | }  |   | }  | 
| − | div.nav ul ul li {
  | + | li > a:after { content: ' ▼'; }  | 
| − |     border: 0px solid white;
  |   | 
| − | }
  |   | 
| − | li > a:after { content:  ' ▼'; }  |   | 
|   | li > a:only-child:after { content: ''; }  |   | li > a:only-child:after { content: ''; }  | 
|   |  |   |  | 
|   | .banner {  |   | .banner {  | 
| − | background-color: #6BC2B1;  | + |     background-color: #6BC2B1;  | 
|   | + |     padding: 10px 0;  | 
|   | }  |   | }  | 
| − | 
  |   | 
|   | .banner .container {  |   | .banner .container {  | 
| − | /*max-width:900px;*/
  | + |     display: block;  | 
| − | display:block;  | + |     margin: 0 auto;  | 
| − | margin:0 auto;  |   | 
|   | }  |   | }  | 
|   | .banner .container img {  |   | .banner .container img {  | 
| − | width:100%;  | + |     width: 100%;  | 
| − | height:auto;  | + |     height: auto;  | 
|   | }  |   | }  | 
|   | + | }}  | 
|   | + |  | 
|   | + | <!-- Banner -->  | 
|   | + | <div class="banner">  | 
|   | + |   <div class="container">  | 
|   | + |     [[File:GCollab group pg header 1140x150px.png|link=|class=banner|alt=Community Banner]]  | 
|   | + |   </div>  | 
|   | + | </div>  | 
|   |  |   |  | 
| − | }}
  | + | <!-- Navigation -->  | 
| − | <div class="banner"><div class="container">[[File: GCollab group pg header 1140x338px.png|link=|class=banner]]</div></div>  |   | 
|   | <div class="nav">  |   | <div class="nav">  | 
|   | <ul>  |   | <ul>  | 
| Line 95: | 
Line 96: | 
|   | <li>[[Community_of_Official_Languages/Newsletter|Newsletter]]</li>  |   | <li>[[Community_of_Official_Languages/Newsletter|Newsletter]]</li>  | 
|   | <li>[[Community_of_Official_Languages/Contact|Contact us]]</li>  |   | <li>[[Community_of_Official_Languages/Contact|Contact us]]</li>  | 
| − | 
  |   | 
|   | </ul>  |   | </ul>  | 
|   | </div>  |   | </div>  | 
| − | <!--Navigation coding ENDS-->
  |   | 
|   |  |   |  | 
|   | + | <!-- Language Switch -->  | 
|   | <div style="text-align: right;">[[:en:Communauté des langues officielles|'''FRANÇAIS''']]</div>  |   | <div style="text-align: right;">[[:en:Communauté des langues officielles|'''FRANÇAIS''']]</div>  | 
|   |  |   |  | 
|   | __NOTOC__  |   | __NOTOC__  | 
| − | {| width="100%" cellspacing="15" cellpadding="10"
  | + |    | 
| − | |- valign="top"
  | + | <!-- What's New Section -->  | 
| − | | style="color: black; background-color: white; font-size:1.2em;" |
  | + | <h2 style="color: #3C646E; border-bottom: 2px solid #6BC2B1; padding-bottom: 5px;">What's New?</h2>  | 
| − | <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between;">  | + |    | 
|   | + | <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin-top: 20px;">  | 
|   |  |   |  | 
|   | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;">  |   | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;">  | 
| − | [[File:News.png|80px|left|alt=News icon]]  | + | [[File:News.png|60px|left|alt=News icon]]  | 
| − | '''[https://wiki.gccollab.ca/images/9/96/EN_-_The_OL_Connection_-_July_2025.pdf The OL Connection]'''  | + | '''[https://wiki.gccollab.ca/images/9/96/EN_-_The_OL_Connection_-_July_2025.pdf The OL Connection – July 2025]'''  | 
| − | <br>July 2025  | + | <br>Latest edition of our newsletter.  | 
|   | </div>  |   | </div>  | 
|   |  |   |  | 
|   | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;">  |   | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;">  | 
| − | [[File:Tool2.png|80px|left|alt=Tools icon]]  | + | [[File:Tool2.png|60px|left|alt=Tools icon]]  | 
| − | '''[https://wiki.gccollab.ca/images/d/d0/June_2025_-_FAQ_Section_36.pdf Implementation of Section 36: FAQ]'''  | + | '''[https://wiki.gccollab.ca/images/d/d0/June_2025_-_FAQ_Section_36.pdf Section 36 FAQ]'''  | 
|   | <br><span style="color: #3095B4;">**NEW**</span><br>  |   | <br><span style="color: #3095B4;">**NEW**</span><br>  | 
| − | Answers to FAQs about the new provision under section 36 of the Official Languages Act.  | + | Answers to key questions about the new bilingual supervision rights.  | 
|   | </div>  |   | </div>  | 
|   |  |   |  | 
|   | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;">  |   | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;">  | 
| − | [[File:Tool2.png|80px|left|alt=Tools icon]]  | + | [[File:Tool2.png|60px|left|alt=Tools icon]]  | 
| − | '''[https://wiki.gccollab.ca/Community_of_Official_Languages/Linguistic_requirements_supervisors Second-Language Requirements for Bilingual Supervisory Positions]'''  | + | '''[https://wiki.gccollab.ca/Community_of_Official_Languages/Linguistic_requirements_supervisors CBC Initiative Requirements]'''  | 
|   | <br><span style="color: #3095B4;">**NEW**</span><br>  |   | <br><span style="color: #3095B4;">**NEW**</span><br>  | 
| − | New appointments must meet a superior level of second official language proficiency.  | + | New language proficiency rules for bilingual supervisory roles.  | 
|   | </div>  |   | </div>  | 
|   |  |   |  | 
|   | </div>  |   | </div>  |