Difference between revisions of "User:Mike/homepage"

From wiki
Jump to navigation Jump to search
(adding notes)
 
(4 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
Notes to editors:
 
Notes to editors:
 
- Only edit this page if you know HTML
 
- Only edit this page if you know HTML
- Content blocks be accessed  
+
- Content blocks be accessed directly
 +
 
 +
Description under header
 +
  :User:Mike/homepage/description
 +
 
 +
Spotlight sections
 +
  :User:Mike/homepage/spotlight-1
 +
  :User:Mike/homepage/spotlight-2
 +
 
 +
Main body blocks
 
   :User:Soli/main-1
 
   :User:Soli/main-1
 
   :User:Soli/main-2
 
   :User:Soli/main-2
Line 49: Line 58:
 
                 font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
                 font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
                 font-size:14px;
 
                 font-size:14px;
                 height:475px;
+
                 height:auto;              
 
                 line-height:20px;
 
                 line-height:20px;
 +
                max-width:100%;
 
                 margin-bottom:30px;
 
                 margin-bottom:30px;
 
                 text-size-adjust:100%;
 
                 text-size-adjust:100%;
 
                 -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
 
                 -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
 
                 position: relative;
 
                 position: relative;
                 top: 0px;
+
                 top:0px;
                 left: 0px;
+
                 left:0px;
                 z-index: 3;
+
                 z-index:3;
 
                 width=100%;">
 
                 width=100%;">
        [[Image:various-people-crop.png|1024px]]
+
 
 +
<span style="height:auto;max-width:100%;">[[Image:various-people-crop.png|1024px]]</span>
 +
 
 
         <h1><span style="
 
         <h1><span style="
 
                 box-sizing:border-box;
 
                 box-sizing:border-box;
Line 74: Line 86:
 
                 width:auto;
 
                 width:auto;
 
                 -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
                 -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
                 <strong>Office of Public Service Accessibility (OPSA)</strong></span></h1>
+
 
 +
                 <strong>Office of Public Service Accessibility (OPSA)</strong>
 +
 
 +
        </span></h1>
 
         <div class="width">
 
         <div class="width">
 
             <p style="
 
             <p style="
Line 90: Line 105:
 
                     width:auto;
 
                     width:auto;
 
                     -webkit-tap-highlight-color:">
 
                     -webkit-tap-highlight-color:">
                 <strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best
+
 
                    practices for departments and agencies. The hub will be developed over time with the
+
                 <strong>
                    engagement of persons with disabilities and other public servants.
+
 
                 </strong></p>
+
 
 +
{{:User:Mike/homepage/description}}
 +
 
 +
 
 +
                 </strong>
 +
 
 +
            </p>
 
             <p><span class="btn btn-lg btn-primary"
 
             <p><span class="btn btn-lg btn-primary"
 
                     style="
 
                     style="
Line 149: Line 170:
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
  
  
Line 191: Line 213:
 
             -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
             -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
         <div class="thumbnail" style="margin-top: 10px;height: 325px;text-align: center;">
 
         <div class="thumbnail" style="margin-top: 10px;height: 325px;text-align: center;">
            SECTION 1
+
 
            <!-- img src="bootstrap/img/exclamation-sign-warning-interface-symbol.png"
+
{{:User:Mike/homepage/spotlight-1}}
                style="width:50px;height:50px;margin-top: 10px;">
+
 
            <h3><strong>Lend a hand!</strong>
 
            </h3>
 
            <h4 style="padding-top: 10px">How you can contribute to improving accessibility in the public
 
                service!</h4>
 
            <p>We would appreciate your feedback on:
 
                whether the resources presented below are clear;
 
                what other resources would be helpful for you or your colleagues;
 
                what promising practices should be shared.
 
            </p>
 
            <p>Please send comments to
 
            <p><a class="btn btn-success btn-xs" href="https://www.youtube.com/watch?v=14RwBQQcQoc"
 
                  role="button" style="background-color: #337ab7; border-color: darkgray">
 
                accessibility.accessibilite@tbs-sct.gc.ca
 
            </a>
 
            </p>
 
            </p-->
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 230: Line 236:
 
             -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
             -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
         <div class="thumbnail" style="margin-top: 10px;height: 325px;text-align: center;">
 
         <div class="thumbnail" style="margin-top: 10px;height: 325px;text-align: center;">
            SECTION 2
+
 
            <!-- img src="bootstrap/img/home-interface-symbol-with-a-window-of-squares.png"
+
{{:User:Mike/homepage/spotlight-2}}
                style="width:50px;height:50px;margin-top: 10px;">
+
 
            <h3><strong>Accessibility statement</strong></h3>
 
            <h4 style="padding-top: 10px">Need something different?</h4>
 
            <p>We know that some parts of this website are not fully accessible. If you need information on
 
                this website in a different format, please contact us at
 
            <p><a class="btn btn-success btn-xs"
 
                  href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Open_Houses"
 
                  role="button" target="_blank"
 
                  style="background-color: #337ab7; border-color: darkgray">accessibility.accessibilite@tbs-sct.gc.ca.
 
            </a>
 
            </p>
 
            </p-->
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
  
  

Latest revision as of 16:07, 14 January 2020




In the spotlight...

           SECTION 1
           
           SECTION 2
           



A man on an assistive scooter.

Accessibility-confident organizations

Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.

A man on an assistive scooter.

Accessibility-confident organizations

Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.

A man on an assistive scooter.

Accessibility-confident organizations

Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.

A man on an assistive scooter.

Accessibility-confident organizations

Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.

A man on an assistive scooter.

Accessibility-confident organizations

Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.

A man on an assistive scooter.

Accessibility-confident organizations

Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.

A man on an assistive scooter.

Accessibility-confident organizations

Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.