Difference between revisions of "CRCLO-bulletin-no1"
Jump to navigation
Jump to search
Anik.sauve (talk | contribs) |
Anik.sauve (talk | contribs) |
||
Line 31: | Line 31: | ||
[[File:IStock-919803440.jpg|right|frameless|500x500px|alt=image floue]] | [[File:IStock-919803440.jpg|right|frameless|500x500px|alt=image floue]] | ||
+ | |||
+ | |||
+ | {{#css: | ||
+ | |||
+ | body { | ||
+ | font-family: 'Nunito Sans', sans-serif; | ||
+ | } | ||
+ | |||
+ | .res-img img { | ||
+ | max-width:100%; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | #topten { | ||
+ | margin-top: 2.2em; | ||
+ | } | ||
+ | |||
+ | .btn { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | font-weight: 400; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | -ms-touch-action: manipulation; | ||
+ | touch-action: manipulation; | ||
+ | cursor: pointer; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | padding: 6px 6px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.42857143; | ||
+ | border-radius: 20px; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | background-color: rgba(108,77,133,0.8); | ||
+ | border: 1px solid rgb(108,77,133); | ||
+ | transition: 1s ease; | ||
+ | } | ||
+ | |||
+ | .btn a { | ||
+ | color: rgb(255, 255, 255); | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .btn a.external { | ||
+ | color: rgb(255, 255, 255); | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .btn a.external:visited { | ||
+ | color: rgb(255, 255, 255); | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .btn a.external:hover { | ||
+ | color: rgb(255,255,255); | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .btn:hover { | ||
+ | background-color: rgba(108,77,133,0.5); | ||
+ | transition: 1s ease; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | |||
+ | .mainpage_row { | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | flex-flow: row wrap; | ||
+ | justify-content: space-between; | ||
+ | padding: 0; | ||
+ | margin: 0 -5px 0 -5px; | ||
+ | } | ||
+ | |||
+ | .mainpage_box { | ||
+ | flex: 1; | ||
+ | margin: 5px; | ||
+ | min-width: 210px; | ||
+ | border: 0px solid #CCC; | ||
+ | padding: 10px 10px 10px 10px; | ||
+ | } | ||
+ | |||
+ | .mainpage_box h2 { | ||
+ | color: rgb(109,82,139); | ||
+ | font-family: 'Rubik', sans-serif; | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | |||
+ | .mainpage_box h3 { | ||
+ | color: rgb(109,82,139); | ||
+ | font-family: 'Rubik', sans-serif; | ||
+ | font-size: 21px; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | .learnBar { | ||
+ | padding: 10px; | ||
+ | margin: 5px 0px 0px 0px; | ||
+ | border: 1px solid purple; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | |||
+ | .searchBar { | ||
+ | background-color: rgb(0,0,128); | ||
+ | color: rgb(255,255,255); | ||
+ | padding: 10px; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | |||
+ | .searchBar a { | ||
+ | color: rgb(255,255,255); | ||
+ | } | ||
+ | |||
+ | .start { | ||
+ | font-family: 'Nunito Sans', sans-serif; | ||
+ | background-color: rgba(108,77,133,0.8); | ||
+ | border: 1px solid rgb(108,77,133); | ||
+ | color: rgb(255,255,255); | ||
+ | padding: 10px; | ||
+ | max-width:50%; | ||
+ | height:auto; | ||
+ | } | ||
+ | |||
+ | .start:hover { | ||
+ | background-color: rgba(108,77,133,0.5); | ||
+ | transition: 1s ease; | ||
+ | } | ||
+ | |||
+ | .items a { | ||
+ | color: rgb(255,255,255); | ||
+ | text-decoration: none; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .items a:visited { | ||
+ | color: rgb(255,255,255); | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .items a:hover { | ||
+ | color: rgb(255,255,255); | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .items a.external { | ||
+ | color: rgb(255,255,255); | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .items a.external:visited { | ||
+ | color: rgb(255,255,255); | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .items a.external:hover { | ||
+ | color: rgb(255,255,255); | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .fadein img { | ||
+ | opacity:1; | ||
+ | transition: 1s ease; | ||
+ | } | ||
+ | |||
+ | .fadein img:hover { | ||
+ | opacity:0.5; | ||
+ | transition: 1s ease; | ||
+ | } | ||
+ | |||
+ | .start-icon { | ||
+ | margin: 0px 5px 0px 5px; | ||
+ | } | ||
+ | |||
+ | .alert { | ||
+ | border: 1px solid transparent; | ||
+ | } | ||
+ | |||
+ | .alert-primary { | ||
+ | background-color: rgba(1, 204, 220, 0.16); | ||
+ | box-shadow: 0px 0px 2px #03fff5; | ||
+ | border-color: rgb(1, 204, 220); | ||
+ | border-style: solid; | ||
+ | border-left: 3px solid #2f6aa5; | ||
+ | border-right: 3px solid #2f6aa5; | ||
+ | border-bottom-right-radius: 6px; | ||
+ | border-top-right-radius: 6px; | ||
+ | border-bottom-left-radius: 6px; | ||
+ | border-top-left-radius: 6px; | ||
+ | padding: 3px 10px 3px 10px; | ||
+ | } | ||
+ | |||
+ | .alert-primary:hover { | ||
+ | background-color: rgba(1, 204, 220, 0.3); | ||
+ | transition: 0.5s; | ||
+ | } | ||
+ | |||
+ | .times | ||
+ | { | ||
+ | -webkit-animation: blink 2s 1 both; | ||
+ | animation: blink 2s 1 both; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes blink { | ||
+ | 0%, | ||
+ | 50%, | ||
+ | 100% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | 25%, | ||
+ | 75% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | @keyframes blink { | ||
+ | 0%, | ||
+ | 50%, | ||
+ | 100% { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | 25%, | ||
+ | 75% { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | }} | ||
+ | |||
+ | <multilang> | ||
+ | @en|__NOTOC__ | ||
+ | <!--SYSTEM NOTICE | ||
+ | <div class="alert alert-primary> | ||
+ | <p><span class="start-icon times" role="presentation" aria-hidden="true"></span> | ||
+ | |||
+ | |||
+ | |||
+ | '''Possible Service Shutdown '''<br /> | ||
+ | <br> | ||
+ | A possible interruption of services may occur this weekend as we perform an update. During this period, GCwiki may experience intermittent downtime. | ||
+ | </p> | ||
+ | </div>--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mainpage_row"> | ||
+ | <div class="mainpage_box"> | ||
+ | <h2>Getting started</h2> | ||
+ | <div class="items"> | ||
+ | |||
+ | [[File:IStock-919803440.jpg|33px|link=]] <span class="start" style="margin: 1px; line-height: 4em;">[https://support.gccollab.ca/en/support/solutions/folders/2100032745 LIRE]</span> | ||
+ | [[File:IStock-919803440.jpg|33px|link=]] <span class="start" style="margin: -8px; line-height: 4em">[[GCwiki:Cheatsheet_-_Aide-M%C3%A9moire|LIRE]]</span> | ||
+ | [[File:IStock-919803440.jpg|33px|link=]] <span nowrap class="start" style="margin: 1px; line-height: 4em">[[Special:Search|LIRE]]</span> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="mainpage_row"> | ||
+ | <div class="mainpage_box"> | ||
+ | <h2>DANS CE NUMÉRO</h2> | ||
+ | <br> | ||
+ | {| style="text-align: center;" | ||
+ | |- | ||
+ | | class="res-img fadein" style="padding: 0px 10px" | [[File:IStock-919803440.jpg|100px|link=https://osez-dare.aadnc-aandc.gc.ca/fra/1380732103233/1380732134447]] | ||
+ | | class="res-img fadein" style="padding: 0px 10px" | [[File:IStock-919803440.jpg|100px|link=https://osez-dare.aadnc-aandc.gc.ca/fra/1380732103233/1380732134447]] | ||
+ | | class="res-img fadein" style="padding: 0px 10px" | [[File:IStock-919803440.jpg|100px|link=https://osez-dare.aadnc-aandc.gc.ca/fra/1380732103233/1380732134447]] | ||
+ | |||
+ | |} |
Revision as of 14:54, 19 November 2021
DANS CE NUMÉRO Mot de bienvenue Nouvelles en bref au sujet des langues officielles Entretien avec Linda Savoie, championne des langues officielles à Bibliothèques et Archives Canada Coup d’œil sur des initiatives dans les communautés Trousse d’outils des champions des langues officielles Événements à venir |
<multilang>
@en|