User:Mike/fishing/header - Revision history

Mike at 21:17, 19 January 2020

2020-01-19T21:17:08Z

Mike at 21:15, 19 January 2020

2020-01-19T21:15:37Z

Mike at 21:13, 19 January 2020

2020-01-19T21:13:46Z

Mike at 21:12, 19 January 2020

2020-01-19T21:12:59Z

Mike at 21:12, 19 January 2020

2020-01-19T21:12:22Z

Mike at 21:11, 19 January 2020

2020-01-19T21:11:47Z

Mike at 21:08, 19 January 2020

2020-01-19T21:08:37Z

Mike at 20:59, 19 January 2020

2020-01-19T20:59:35Z

Mike at 20:58, 19 January 2020

2020-01-19T20:58:20Z

Mike at 20:55, 19 January 2020

2020-01-19T20:55:01Z

@@ Line 27: / Line 27: @@
   -- Footer (LOCKED)
   -->
-<div style="display:block; position:relative; text-size-adjust:100%; width:100%; display:table;">
+<div style="display:block; position:relative; text-size-adjust:100%; width:100%; display:table; background-color:#62B9E5; background: linear-gradient(84deg, rgba(98,185,229,1) 0%, rgba(172,220,243,1) 8%, rgba(98,185,229,1) 100%);">
-    <div style="background-color:#62B9E5; background: linear-gradient(84deg, rgba(98,185,229,1) 0%, rgba(172,220,243,1) 8%, rgba(98,185,229,1) 100%); width=90%; display:table-cell;">
+    <div style="width=90%; display:table-cell;">
          <span style="max-width:100%;">[[File:Together-transparent.png|frameless|3000px|center|caption]]</span>
          <h1 style="color:#1C304A;
@@ Line 43: / Line 43: @@
              Office of Public Service Accessibility (OPSA)</h1>
      </div>
      <div style="display:table-cell; width:9%; vertical-align:left; padding:10px; background-color:#1C304A;"></div>
 </div>
      <div class="width"

@@ Line 27: / Line 27: @@
   -- Footer (LOCKED)
   -->
-<div style="box-sizing:border-box;
+<div style="display:block; position:relative; text-size-adjust:100%; width:100%; display:table;">
-                display:block;
+     <div style="background-color:#62B9E5; background: linear-gradient(84deg, rgba(98,185,229,1) 0%, rgba(172,220,243,1) 8%, rgba(98,185,229,1) 100%); width=90%; display:table-cell;">
          <span style="max-width:100%;">[[File:Together-transparent.png|frameless|3000px|center|caption]]</span>
          <h1 style="color:#1C304A;

@@ Line 54: / Line 54: @@
              Office of Public Service Accessibility (OPSA)</h1>
      </div>
-     <div style="background-color: #1C304A; width=9%;">
+     <div style="display:table-cell; width:1%; vertical-align:left; padding:10px;"></div>
-    </div>
+     <div style="display:table-cell; width:9%; vertical-align:left; padding:10px; background-color:#1C304A;"></div>
 </div>
      <div class="width"

@@ Line 54: / Line 54: @@
              Office of Public Service Accessibility (OPSA)</h1>
      </div>
-     <div style="background:blue; width=9%;">
+     <div style="background-color: #1C304A; width=9%;">
      </div>
-     <div style="background:red; width=1%;">
+     <div style="width=1%;">
      </div>
 </div>

@@ Line 56: / Line 56: @@
      <div style="background:blue; width=9%;">
      </div>
-     <div style="width=1%;">
+     <div style="background:red; width=1%;">
      </div>
 </div>

@@ Line 39: / Line 39: @@
                      display:block;
                      position:relative;
-                     width=100%;">
+                     width=90%;">
          <span style="max-width:100%;">[[File:Together-transparent.png|frameless|3000px|center|caption]]</span>
          <h1 style="color:#1C304A;
@@ Line 54: / Line 54: @@
              Office of Public Service Accessibility (OPSA)</h1>
      </div>
      <div class="width"
           style="text-align:center;
@@ Line 76: / Line 81: @@
              </strong></span></h2></p>
      </div>
 <div style="text-align:center;
              padding-bottom:10px;

@@ Line 40: / Line 40: @@
                      width=100%;">
          <span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|3000px|center|caption]]</span>
-         <h1 style="border-bottom-color:#fff;
+         <h1 style="color:#1C304A;
                      display:inline;
                      font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
-                     font-size:50px;
+                     font-size:40px;
                      font-weight:700;
                      padding-left:20px;

← Older revision		Revision as of 20:55, 19 January 2020
Line 1:		Line 1:
−	[[~~User~~:~~Mike~~\| ~~Home~~]]: ~~This is~~ the ~~header~~	+	<!-- STRUCTURE AND INSTRUCTIONS:
		+
		+	Home (LOCKED)
		+	\|
		+	-- Header (LOCKED) <<< YOU ARE HERE - NOTHING TO DO!
		+	\|
		+	-- Spotlight (LOCKED)
		+	\|
		+	---- Spotlight article 1
		+	\|
		+	---- Spotlight article 2
		+	\|
		+	-- Main (LOCKED)
		+	\|
		+	---- Main-a
		+	\|
		+	---- Main-a-article
		+	\|
		+	---- Main-b
		+	\|
		+	---- Main-b-article
		+	\|
		+	---- Main-c and so on...
		+	\|
		+	---- Main-c-article and so on...
		+	\|
		+	-- Footer (LOCKED)
		+	-->
		+	<div class="carousel-caption text left"
		+	style="box-sizing:border-box;
		+	display:block;
		+	position:relative;
		+	text-align:center;
		+	text-size-adjust:100%;
		+	width:100%;
		+	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
		+	<div style="background-color:#62B9E5;
		+	background-size:cover;
		+	border-bottom-left-radius:15px;
		+	border-bottom-right-radius:15px;
		+	border-top-left-radius:15px;
		+	border-top-right-radius:15px;
		+	box-sizing:border-box;
		+	display:block;
		+	max-width:100%;
		+	position:relative;
		+	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
		+	width=100%;">
		+	<span style="max-width:100%;">[[File:Accessible-together.jpg\|frameless\|3000px\|center\|caption]]</span>
		+	<h1 style="border-bottom-color:#fff;">
		+	<span style="box-sizing:border-box;
		+	color:#1C304A;
		+	display:inline;
		+	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
		+	font-size:60px;
		+	font-weight:700;
		+	padding-left:20px;
		+	padding-right:20px;
		+	text-align:center;
		+	text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;
		+	text-size-adjust:100%;
		+	width:auto;
		+	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
		+	<strong>OPSA: Office of Public Service Accessibility</strong></span></h1>
		+	</div>
		+	<div class="width"
		+	style="text-align:center;
		+	padding-bottom:10px;">
		+	<h2 style="border-bottom-color:#fff;">
		+	<span style="box-sizing:border-box;
		+	color:#1C304A;
		+	display:inline;
		+	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
		+	font-size:25px;
		+	font-weight:700;
		+	padding-left:20px;
		+	padding-right:20px;
		+	text-align:center;
		+	text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;
		+	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></span></h2></p>
		+	</div>
		+	</div>
		+	<div style="text-align:center;
		+	padding-bottom:10px;
		+	padding-top:10px;">
		+	<p><span class="btn btn-lg btn-primary"
		+	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-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>