Difference between revisions of "User:Soli/header"

Latest revision as of 18:47, 23 January 2020

A group for of people with differing assistive needs.

OPSA: Office of Public Service Accessibility

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 engagement of persons with disabilities and other public servants.

Learn more about OPSA

@@ Line 1: / Line 1: @@
+__NOTOC__
+<multilang>
 <!--
-Home (LOCKED)
- |
+ENGLISH content starts here!
- -- Header (LOCKED) <<< YOU ARE HERE - NOTHING TO DO!
+-- -->
- |
+@en|
- -- Spotlight (LOCKED)
+<div style="display:block; position:relative; text-align:center; width:100%;">
- |
+<div style="background: linear-gradient(90deg, rgba(28,48,74,0.1) 0%, rgba(98, 185, 229,1) 50%, rgba(28,48,74,0.1) 100%); padding-bottom:10px; padding-top:10px; width=100%;">
-  ---- Spotlight article 1
+<!--
-  |
-  ---- Spotlight article 2
+Change HEADER IMAGE HERE!
- |
+-->
- -- Main (LOCKED)
+<div style="max-width:100%;">[[File:Accessible-together-transparent.png|frameless|500px|center|A group for of people with differing assistive needs.]]</div>
- |
+<h2 style="border-bottom:0px;">
-  ---- Main-a
+<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:35px; font-weight:700; padding-left:20px; padding-right:20px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
-    |
+<!--
-    ---- Main-a-article
-    |
+EDIT H2 HEADER HERE! (H1 is inserted as the WIKI PAGE TITLE)
-  ---- Main-b
+-- -->
-    |
+<strong>OPSA: Office of Public Service Accessibility</strong></div>
-    ---- Main-b-article
+</h2>
-    |
+</div>
-  ---- Main-c and so on...
+<div style="text-align:center; padding-bottom:10px;">
-    |
+<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px; padding-left:40px; padding-right:40px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
-    ---- Main-c-article and so on...
+<!--
- |
- -- Footer (LOCKED)
+EDIT HEADER CAPTION here!
- -->
+-- -->
-<div class="carousel-caption text left"
+<strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for
-     style="box-sizing:border-box;
+departments and agencies. The hub will be developed over time with the engagement of persons
-                display:block;
+with disabilities and other public servants.
-                font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+</strong></div>
-                font-size:14px;
+</h3>
-                line-height:20px;
+</div>
-                position:relative;
+</div>
-                text-align:center;
+<div style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
-                text-size-adjust:100%;
+<!--
-                width:100%;
-                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
+Button STARTS HERE!
-    <div style="background-color:rgb(62,129,210);
+EDIT button LABEL and LINK here (see link at end of this DIV)!
-                    background-size:cover;
+-- -->
-                    box-sizing:border-box;
+<div style="background-color:#1C304A; border-bottom-color:rgb(255, 255, 255); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-bottom-style:solid; border-bottom-width:1px; border-left-color:rgb(255, 255, 255); border-left-style:solid; border-left-width:1px; border-right-color:rgb(255, 255, 255); border-right-style:solid; border-right-width:1px; border-top-color:rgb(255, 255, 255); border-top-left-radius:6px; border-top-right-radius:6px; border-top-style:solid; border-top-width:1px; line-height:24px; padding-bottom:10px; padding-left:16px; padding-right:16px; padding-top:10px; vertical-align:middle;"><strong>[[Learn more|<span
-                    display:block;
+style="color:#ffffff;">Learn more about OPSA</span>]]</strong></div></div></p>
-                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
-                    font-size:14px;
-                    height:auto;
-                    line-height:20px;
-                    max-width:100%;
-                    margin-bottom:20px;
-                    padding-bottom:20px;
-                    position:relative;
-                    text-size-adjust:100%;
-                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-                    width=100%;">
-        <span style="padding-bottom:20px;height:auto;max-width:100%;">[[File:Accessible-together.jpg|frameless|5500px|center|caption]]</span>
-        <h1 style="border-bottom-color:#3e81d2;"><span style="box-sizing:border-box;
-                    color:rgb(255, 255, 255);
-                    display:inline;
-                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
-                    font-size:60px;
-                    font-weight:700;
-                    height:auto;
-                    line-height:70px;
-                    padding-left:20px;
-                    padding-right:20px;
-                    text-align:center;
-                    text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px;
-                    text-size-adjust:100%;
-                    width:auto;
-                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
-            <strong>OPSA</strong></h1>
-        <h2 style="border-bottom-color:#3e81d2;"><span style="box-sizing:border-box;
-                    color:rgb(255, 255, 255);
-                    display:inline;
-                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
-                    font-size:50px;
-                    font-weight:700;
-                    height:auto;
-                    line-height:70px;
-                    padding-left:20px;
-                    padding-right:20px;
-                    text-align:center;
-                    text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px;
-                    text-size-adjust:100%;
-                    width:auto;
-                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"><strong>Office of Public Service Accessibility / Bureau de l’accessibilité au sein de la fonction publique</strong></span></h2>
-    </div>
-    <div class="width"
-         style="text-align:center;
-                padding-bottom:20px;">
-        <p style="background-color:rgb(255, 255, 255);
-                        box-sizing:border-box;
-                        color:#3e81d2;
-                        display:inline;
-                        font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
-                        font-size:21px;
-                        font-weight:700;
-                        height:auto;
-                        line-height:30px;
-                        padding-left:40px;
-                        padding-right:40px;
-                        text-align:center;
-                        text-size-adjust:100%;
-                        width:auto;
-                        -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
-            <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
-                engagement of persons with disabilities and other public servants.
-            </strong></p>
-    </div>
 </div>
-<div style="text-align:center;
+<!--
-            background-color:rgb(62,129,210);
-            padding-bottom:10px;
-            padding-top:10px;">
+FRENCH content starts here!
-    <p><span class="btn btn-lg btn-primary"
+-- -->
-             style="background-color:rgb(255, 255, 255);
+@fr|
-                    background-image:none;
+<div style="display:block; position:relative; text-align:center; width:100%;">
-                    border-bottom-color:rgb(255, 255, 255);
+<div style="background: linear-gradient(90deg, rgba(28,48,74,0.1) 0%, rgba(98, 185, 229,1) 50%, rgba(28,48,74,0.1) 100%); padding-bottom:10px; padding-top:10px; width=100%;">
-                    border-bottom-left-radius:6px;
+<!--
-                    border-bottom-right-radius:6px;
-                    border-bottom-style:solid;
+Header image HERE!
-                    border-bottom-width:1px;
+-->
-                    border-image-outset:0px;
+<div style="max-width:100%;">[[File:Accessible-together-transparent.png|frameless|500px|center|A group for of people with differing assistive needs.]]</div>
-                    border-image-repeat:stretch;
+<h2 style="border-bottom:0px;">
-                    border-image-slice:100%;
+<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:35px; font-weight:700; padding-left:20px; padding-right:20px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
-                    border-image-source:none;
+<!--
-                    border-image-width:1;
-                    border-left-color:rgb(255, 255, 255);
+EDIT H2 header HERE! (H1 is inserted as the WIKI PAGE TITLE)
-                    border-left-style:solid;
+-- -->
-                    border-left-width:1px;
+<strong>FR - OPSA: Office of Public Service Accessibility</strong></div>
-                    border-right-color:rgb(255, 255, 255);
+</h2>
-                    border-right-style:solid;
+</div>
-                    border-right-width:1px;
+<div style="text-align:center; padding-bottom:10px;">
-                    border-top-color:rgb(255, 255, 255);
+<h3 style="border-bottom-color:#fff;">
-                    border-top-left-radius:6px;
+<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px; padding-left:40px; padding-right:40px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
-                    border-top-right-radius:6px;
+<!--
-                    border-top-style:solid;
-                    border-top-width:1px;
+EDIT H3 HEADER here!
-                    box-sizing:border-box;
+-- -->
-                    color:#3e81d2;
+<strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for
-                    cursor:pointer;
+departments and agencies. The hub will be developed over time with the engagement of persons
-                    display:inline-block;
+with disabilities and other public servants.
-                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+</strong></div>
-                    font-size:18px;
+</h3>
-                    font-weight:400;
+</div>
-                    height:45px;
+</div>
-                    line-height:24px;
+<div style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
-                    margin-bottom:0px;
+<!--
-                    padding-bottom:10px;
+Button START HERE!
-                    padding-left:16px;
+EDIT button LABEL and LINK here (see link at end of this DIV)!
-                    padding-right:16px;
+-- -->
-                    padding-top:10px;
+<div style="background-color:#1C304A; border-bottom-color:rgb(255, 255, 255); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-bottom-style:solid; border-bottom-width:1px; border-left-color:rgb(255, 255, 255); border-left-style:solid; border-left-width:1px; border-right-color:rgb(255, 255, 255); border-right-style:solid; border-right-width:1px; border-top-color:rgb(255, 255, 255); border-top-left-radius:6px; border-top-right-radius:6px; border-top-style:solid; border-top-width:1px; line-height:24px; padding-bottom:10px; padding-left:16px; padding-right:16px; padding-top:10px; vertical-align:middle;"><strong>[[Learn more|<span
-                    text-align:center;
+style="color:#ffffff;">Savior plus</span>]]</strong></div></div></p>
-                    text-decoration-color:#3e81d2;
-                    text-decoration-line:none;
-                    text-decoration-style:solid;
-                    text-shadow:none;
-                    text-size-adjust:100%;
-                    touch-action:manipulation;
-                    user-select:none;
-                    vertical-align:middle;
-                    white-space:nowrap;
-                    width:150px;
-                    -webkit-tap-hi">
-        <strong>[[Learn more|<span style="color:rgb(62,129,210);">Learn more</span>]]
-        </strong></span></p>
 </div>
+</multilang>

Difference between revisions of "User:Soli/header"

Latest revision as of 18:47, 23 January 2020

OPSA: Office of Public Service Accessibility

Navigation menu

Search