Line 272: |
Line 272: |
| | | |
| <div class="mainpage_row"> | | <div class="mainpage_row"> |
− | <div class="mainpage_box"> | + | {{#css: |
− | <h2>'''Research Impact '''</h2> | + | |
| + | 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(85, 73, 92,0.8); |
| + | border: 1px solid rgb(85, 73, 92); |
| + | 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(85, 73, 92,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(85,73,92); |
| + | font-family: 'Rubik', sans-serif; |
| + | font-size: 24px; |
| + | } |
| + | |
| + | .mainpage_box h3 { |
| + | color: rgb(85,73,92); |
| + | 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(85, 73, 92,0.8); |
| + | border: 1px solid rgb(85, 73, 92); |
| + | color: rgb(255,255,255); |
| + | padding: 10px; |
| + | max-width:50%; |
| + | height:auto; |
| + | } |
| + | |
| + | .start:hover { |
| + | background-color: rgba(85, 73, 92,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__ |
| + | <!--The following line of code hides the page title--> |
| + | [[File:WikiButtonFrench.png|300px|frameless|right|link=https://wiki.gccollab.ca/AMC/post-secondaire]] |
| + | {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} |
| + | <div style="font-size: 200%"><span style="color: #55495C">'''The Office of Drug Research and Surveillance''' |
| + | </div> |
| + | |
| + | </div> |
| + | <div class="mainpage_row"> |
| + | <div class="mainpage_box" style="width:35%;"> |
| + | <h2>'''Survey Results '''</h2> |
| <br> | | <br> |
| | | |
− | {| class="zebra" style="width:50% | + | {| class="shadedtable" |
− | |-
| |
− | |- style="background-color:lightblue
| |
− | | style="text-align:center;" | Cell Content
| |
− | ! Header 1 !! Header 2 !! Header 3
| |
| |- | | |- |
− | | Row 1, Cell 1 || Row 1, Cell 2 || Row 1, Cell 3 | + | |'''Canadian Alcohol and Drugs Survey''' || Alcohol and drug use among people in Canada aged 15 years and older.||[https://www.canada.ca/en/health-canada/services/canadian-alcohol-drugs-survey.html Summary findings]|| [https://www.canada.ca/en/health-canada/services/canadian-alcohol-drugs-survey.html Interactive dashboard ]|| [https://open.canada.ca/data/en/dataset/1f15ca45-8bfd-4f9c-9ec6-2c0c440e69c2 Downloadable data] |
| |- | | |- |
− | | Row 2, Cell 1 || Row 2, Cell 2 || Row 2, Cell 3 | + | |'''Canadian Alcohol and Drugs Survey''' || Alcohol and drug use among grade 7-12 students in Canada.|| [https://www.canada.ca/en/health-canada/services/canadian-alcohol-drugs-survey.html Summary findings]|| [https://www.canada.ca/en/health-canada/services/canadian-alcohol-drugs-survey.html Interactive dashboard ]|| [https://open.canada.ca/data/en/dataset/1f15ca45-8bfd-4f9c-9ec6-2c0c440e69c2 Downloadable data] |
| + | |- |
| + | |'''Canadian Postsecondary Education Alcohol and Drug Survey''' || Alcohol and drug use among postsecondary students in Canada.|| [https://www.canada.ca/en/health-canada/services/canadian-alcohol-drugs-survey.html Summary findings]|| || [https://open.canada.ca/data/en/dataset/1f15ca45-8bfd-4f9c-9ec6-2c0c440e69c2 Downloadable data] |
| + | |- |
| + | |'''People with Lived and Living Experience Survey''' || Substance use patterns and related harms among street-involved youth in Canada from the Pan-Canadian findings.|| [https://www.canada.ca/en/health-canada/services/canadian-alcohol-drugs-survey.html Survey Report]|| || |
| + | |- |
| + | |'''Online New Psychoactive Substances Survey'''|| Targeted online survey to identify new and emerging psychoactive substances, as well as identify patterns of use.|| [https://www.canada.ca/en/health-canada/services/canadian-alcohol-drugs-survey.html Infographic of results]|| || |
| + | |- |
| + | |'''Public Awareness of Alcohol-related Harms Survey''' || People in Canada public's knowledge and opinions about alcohol-related harms.|| [https://www.canada.ca/en/health-canada/services/canadian-alcohol-drugs-survey.html Interactive Report]|| || |
| + | |- |
| + | |'''Privy Council Office (PCO) Public Opinion Research survey''' || Public opinion research on people in Canada’s knowledge and attitudes around drug decriminalization.|| [https://www.canada.ca/en/health-canada/services/canadian-alcohol-drugs-survey.html Survey Report]|| || |
| + | |
| |} | | |} |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
| + | </div> |
| + | <div class="mainpage_row"> |
| + | <div class="mainpage_box"> |
| + | <h2>'''Connect with us'''</h2> |
| + | <br> |
| + | {| style="text-align: center;" |
| + | |- |
| + | | style="padding: 0px 10px" | '''<big> odrs-brsd@hc-sc.gc.ca </big>''' |
| + | |} |
| + | |
| + | </div> |
| + | </div> |
| + | |
| + | <br><br> |
| + | [[File:CAwordmark.png|500px|frameless|right]] |
| + | |
| + | </multilang> |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| </div> | | </div> |
| <div class="mainpage_row"> | | <div class="mainpage_row"> |