DIV-792: updates to landing page copy and step 1 additional information

edivorce/apps/core/static/css/main.scss

@@ -1256,6 +1256,7 @@ textarea {
 	height: 100%;
 	overflow: hidden;
 	background: #fdfdfd;
+	position: relative;
 
 	.col {
 		-webkit-box-flex: 1;
@@ -1265,6 +1266,18 @@ textarea {
 		-webkit-box-ordinal-group: 4;
 		-ms-flex-order: 3;
 		order: 3;
+
+		&.shroud {
+			&:before {
+				content: "";
+				position: absolute;
+				width: 100%;
+				display: block;
+				height: 100%;
+				background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, transparent 90%);
+				//z-index: 1;
+			}
+		}
 	}
 
 	.content-column {
@@ -1272,6 +1285,7 @@ textarea {
 		/* padding: 35px 50px 50px 50px;*/
 		max-width: 1280px;
 		padding: 36px 6% 50px;
+		position: relative;
 	}
 
 	.progress-column {
@@ -1352,6 +1366,7 @@ textarea {
 			padding: 0 20px;
 			text-align: center;
 			color: #ffffff;
+			position: relative;
 
 			h1,
 			h2,
@@ -1755,6 +1770,20 @@ textarea {
 	border-bottom-right-radius: 10px;
 }
 
+.footnote-marker {
+    font-size: 18px;
+    top: -10px;
+    position: relative;
+    display: inline-block;
+    left: 1px;
+    margin-right: 1px;
+}
+
+.footnote {
+	margin-top: 72px;
+	font-size: 14px;
+}
+
 #delete_child_modal,
 #info_modal,
 #questions_modal,

edivorce/apps/core/templates/base.html

@@ -97,7 +97,7 @@
         <div class="row-flex {% block container %}{% endblock %}">
             {% block progress %}
             {% endblock %}
-            <div class="col">
+            <div class="col {% block container_col%}{%endblock %}">
                 <div class="col-flex content-column">
                     {% block content %}
 

edivorce/apps/core/templates/intro.html

@@ -3,10 +3,10 @@
 {% block title %}{{ block.super }}: Intro{% endblock %}
 
 {% block container %}intro-page{% endblock %}
+{% block container_col %}shroud{% endblock %}
 
 {% block content %}
-
-<h1>Make Your Divorce Process Manageable</h1>
+    <h1>Make Your Joint<span class="footnote-marker">*</span> Divorce Process Manageable</h1>
 
 <p class="intro">Forms, deadlines, tasks... Divorce can be a difficult enough time as it is without having to navigate through confusing legal language. That's why this online tool is here: to help you get through the details, procedures, and paperwork.</p>
 
@@ -43,6 +43,11 @@
     <strong>Returning User?</strong><a href="{% url 'login' %}"><br />Log in with BCeID</a>
 </p>
 
+<p class="footnote">
+        Joint divorce means making an application for a divorce together with your spouse. It means that you and your
+        spouse agree about getting a divorce and that you agree about all of the family law issues relevant to your
+        situation, such as spousal support, and the division of family property and debts.
+</p>
 {% endblock %}
 
 {% block formbuttons %}

edivorce/apps/core/templates/prequalification/step_01.html

@@ -122,10 +122,31 @@
 </div>
 {% endblock %}
 
-{% block sidebarNav %}
-<!-- no sidebar -->
-{% endblock %}
-
-{% block sidebar %}
-<!-- no sidebar -->
+{% block sidebarText %}
+    <p>This tool is for those seeking
+        <span class="tooltip-link" data-toggle="tooltip" data-placement="right"
+          data-html="true"
+          title="
+            <b>Joint divorce</b>
+            <br /><br />
+            Joint divorce means making an application for a divorce together with your spouse.
+             It means that you and your spouse agree about getting a divorce and that you
+             agree about all of the family law issues relevant to your situation, such as spousal
+             support, and the division of family property and debts.">
+            joint divorce<i class="fa fa-question-circle" aria-hidden="true"></i></span>.
+        If you are seeking a
+        <span class="tooltip-link" data-toggle="tooltip" data-placement="right"
+              data-html="true"
+              title="
+                <b>Sole divorce</b>
+                <br /><br />
+                You're filing for divorce but your spouse isn't involved in the application process.
+                Only you will provide the information on the forms and sign them.<br />
+                If you are seeking a sole divorce you can find the required forms on the using
+                <a href=&quot;https://www2.gov.bc.ca/gov/content/justice/courthouse-services/documents-forms-records/court-forms/sup-family-forms&quot;
+                target=&quot;_blank&quot;>Supreme Court of B.C. website</a>">
+                sole divorce<i class="fa fa-question-circle" aria-hidden="true"></i></span> you can find the required forms
+        on the using <a href=&quot;https://www2.gov.bc.ca/gov/content/justice/courthouse-services/documents-forms-records/court-forms/sup-family-forms&quot;
+                target=&quot;_blank&quot;>Supreme Court of B.C. website</a>
+    </p>
 {% endblock %}