Difference between revisions of "User:Soli/header"

From wiki
Jump to navigation Jump to search
(adding button background)
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!-- STRUCTURE AND INSTRUCTIONS:
+
__NOTOC__
 +
<multilang>
 +
<!--
  
−
Home (LOCKED)
+
ENGLISH content starts here!
−
|
+
-- -->
−
-- Header (LOCKED) <<< YOU ARE HERE - NOTHING TO DO!
+
@en|
−
|
+
<div style="display:block; position:relative; text-align:center; width:100%;">
−
-- Spotlight (LOCKED)
+
<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
+
 
−
  |
+
Change HEADER IMAGE HERE!
−
  ---- Spotlight article 2
+
-->
−
|
+
<div style="max-width:100%;">[[File:Accessible-together-transparent.png|frameless|500px|center|A group for of people with differing assistive needs.]]</div>
−
-- Main (LOCKED)
+
<h2 style="border-bottom:0px;">
−
|
+
<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
+
<!--
−
    |
+
 
−
    ---- 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>
−
    |
+
</h2>
−
    ---- Main-b-article
+
</div>
−
    |
+
<div style="text-align:center; padding-bottom:10px;">
−
  ---- Main-c and so on...
+
<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...
+
 
−
|
+
EDIT HEADER CAPTION here!
−
-- Footer (LOCKED)
+
-- -->
−
-->
+
<strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for
−
<div class="carousel-caption text left"
+
departments and agencies. The hub will be developed over time with the engagement of persons
−
    style="box-sizing:border-box;
+
with disabilities and other public servants.
−
                display:block;
+
</strong></div>
−
                position:relative;
+
</h3>
−
                text-align:center;
+
</div>
−
                text-size-adjust:100%;
+
</div>
−
                width:100%;
+
<div style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
−
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
+
<!--
−
    <div style="background-color:#62B9E5;
+
 
−
                    background-size:cover;
+
Button STARTS HERE!
−
                    box-sizing:border-box;
+
EDIT button LABEL and LINK here (see link at end of this DIV)!
−
                    display:block;
+
-- -->
−
                    max-width:100%;
+
<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
−
                    position:relative;
+
style="color:#ffffff;">Learn more about OPSA</span>]]</strong></div></div></p>
−
                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
+
</div>
−
                    width=100%;">
+
<!--
−
        <span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|3000px|center|caption]]</span>
+
 
−
        <h1 style="border-bottom-color:#62B9E5;">
+
 
−
            <span style="box-sizing:border-box;
+
FRENCH content starts here!
−
                    color:#1C304A;
+
-- -->
−
                    display:inline;
+
@fr|
−
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+
<div style="display:block; position:relative; text-align:center; width:100%;">
−
                    font-size:60px;
+
<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%;">
−
                    font-weight:700;
+
<!--
−
                    padding-left:20px;
+
 
−
                    padding-right:20px;
+
Header image HERE!
−
                    text-align:center;
+
-->
−
                    text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;
+
<div style="max-width:100%;">[[File:Accessible-together-transparent.png|frameless|500px|center|A group for of people with differing assistive needs.]]</div>
−
                    text-size-adjust:100%;
+
<h2 style="border-bottom:0px;">
−
                    width:auto;
+
<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;">
−
                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
+
<!--
−
            <strong>OPSA: Office of Public Service Accessibility</strong></span></h1>
+
 
−
    </div>
+
EDIT H2 header HERE! (H1 is inserted as the WIKI PAGE TITLE)
−
    <div class="width"
+
-- -->
−
        style="text-align:center;
+
<strong>FR - OPSA: Office of Public Service Accessibility</strong></div>
−
                padding-bottom:10px;">
+
</h2>
−
        <h2 style="border-bottom-color:#fff;">
+
</div>
−
            <span style="box-sizing:border-box;
+
<div style="text-align:center; padding-bottom:10px;">
−
                    color:#1C304A;
+
<h3 style="border-bottom-color:#fff;">
−
                    display:inline;
+
<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;">
−
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+
<!--
−
                    font-size:25px;
+
 
−
                    font-weight:700;
+
EDIT H3 HEADER here!
−
                    padding-left:20px;
+
-- -->
−
                    padding-right:20px;
+
<strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for
−
                    text-align:center;
+
departments and agencies. The hub will be developed over time with the engagement of persons
−
                    text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;
+
with disabilities and other public servants.
−
                    text-size-adjust:100%;
+
</strong></div>
−
                    width:auto;
+
</h3>
−
                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
+
</div>
−
            <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></span></h2></p>
 
−
    </div>
 
 
</div>
 
</div>
−
<div style="text-align:center;
+
<div style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
−
            padding-bottom:10px;
+
<!--
−
            padding-top:10px;">
+
Button START HERE!
−
    <p><span class="btn btn-lg btn-primary"
+
EDIT button LABEL and LINK here (see link at end of this DIV)!
−
            style="background-color:#1C304A;
+
-- -->
−
                    border-bottom-color:rgb(255, 255, 255);
+
<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
−
                    border-bottom-left-radius:6px;
+
style="color:#ffffff;">Savior plus</span>]]</strong></div></div></p>
−
                    border-bottom-right-radius:6px;
 
−
                    border-bottom-style:solid;
 
−
                    border-bottom-width:1px;
 
−
                    border-image-outset:0px;
 
−
                    border-image-repeat:stretch;
 
−
                    border-image-slice:100%;
 
−
                    border-image-source:none;
 
−
                    border-image-width:1;
 
−
                    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;
 
−
                    box-sizing:border-box;
 
−
                    color:#fff;
 
−
                    cursor:pointer;
 
−
                    display:inline-block;
 
−
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
−
                    font-size:18px;
 
−
                    font-weight:400;
 
−
                    height:45px;
 
−
                    line-height:24px;
 
−
                    margin-bottom:0px;
 
−
                    padding-bottom:10px;
 
−
                    padding-left:16px;
 
−
                    padding-right:16px;
 
−
                    padding-top:10px;
 
−
                    text-align:center;
 
−
                    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:#fff;">Learn more</span>]]
 
−
        </strong></span></p>
 
 
</div>
 
</div>
 +
 +
</multilang>

Latest revision as of 17: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.


Retrieved from "https://wiki.gccollab.ca/index.php?title=User:Soli/header&oldid=16526"