Changes

no edit summary
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">