DIV-844, DIV-845 -- updated homepage with shadow boxes and new text

bcgov · Mar 28, 2018 · bc6a4fe · bc6a4fe
1 parent cfa6259
commit bc6a4fe
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 20 deletions.
diff --git a/.gitignore b/.gitignore
@@ -69,3 +69,4 @@ target/
 # Noise
 .DS_Store
 .sass-cache/
+venv/
diff --git a/edivorce/apps/core/static/css/main.css b/edivorce/apps/core/static/css/main.css
diff --git a/edivorce/apps/core/static/css/main.scss b/edivorce/apps/core/static/css/main.scss
@@ -1124,11 +1124,17 @@ textarea {
 				color: #ffffff;
 			}
 
-			h2 {
-				font-size: 30px;
-				font-weight: 600;
-				margin: 48px 0 0;
-			}
+            h2 {
+                font-size: 30px;
+                font-weight: 600;
+                margin: 42px 0 0;
+
+                &.shaded-box {
+                    padding-top: 28px;
+                    border-top-left-radius: 8px;
+                    border-top-right-radius: 8px;
+                }
+            }
 
 			.intro {
 				font-size: 24px;
@@ -1171,6 +1177,26 @@ textarea {
 					width: 45%;
 				}
 
+
+                &.shaded-box {
+                    padding-top: 22px;
+                    padding-bottom: 50px;
+                    margin-top: 0;
+                    border-bottom-left-radius: 8px;
+                    border-bottom-right-radius: 8px;
+
+                    .flex-column {
+                        &.left {
+                            padding-left: 30px;
+                        }
+
+                        &.right {
+                            padding-right: 30px;
+                        }
+
+                    }
+                }
+
 				span.number-circle {
 					border: solid 2px white;
 					padding: 0;
@@ -1536,11 +1562,26 @@ span.hard-stop {
 }
 
 .footnote {
-	margin-top: 72px;
+	margin-top: 40px;
 	margin-bottom: 52px;
-	font-size: 14px;
+	font-size: 16px;
+
+    h5 {
+        font-size: 26px;
+        margin-bottom: 20px;
+    }
+
+    &.shaded-box {
+        border-radius: 8px;
+        padding: 25px 80px 25px 80px;
+    }
 }
 
+.shaded-box {
+    background-color: rgba(0,0,0,0.35);
+}
+
+
 /* Datepicker */
 .date-picker-group {
 	.input-group-addon {

diff --git a/edivorce/apps/core/templates/intro.html b/edivorce/apps/core/templates/intro.html
@@ -9,17 +9,17 @@ <h1>Make Your Joint Divorce<span class="footnote-marker">*</span> Process Manage
 
 <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>
 
-<h2>How it Works</h2>
+<h2 class="shaded-box">How it Works</h2>
 
-<div class="flex-wrapper">
-    <div class="flex-column">
+<div class="flex-wrapper shaded-box">
+    <div class="flex-column left">
         <h3><span class="number-circle">1</span> Answer Questions</h3>
         <p>
             Our completely free and secure online questionnaire will save your work so you can proceed at your own pace.
         </p>
     </div>
 
-    <div class="flex-column">
+    <div class="flex-column right">
         <h3><span class="number-circle">2</span> Print Your Forms</h3>
         <p>
             Once you're done with the questions, you'll print your papers and file at your local court registry. That’s all there is to it!
@@ -28,13 +28,14 @@ <h3><span class="number-circle">2</span> Print Your Forms</h3>
 </div>
 
 
-<div class="footnote">
-<h5><strong>*BETA SERVICE - JOINT DIVORCE ONLY</strong></h5>
+<div class="footnote shaded-box">
+    <h5><strong>*Beta Service - Joint Divorce Without Children Only</strong></h5>
     <p>
-        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>
+        For now, this service only handles the creation of paperwork for divorces 
+        where both partners agree they want a divorce (Joint Divorce) and DO NOT 
+        have any dependent children.  In the future this service will be expanded 
+        to help those WITH children.
+    </p>
 </div>
 
 <div class="information-message">

diff --git a/requirements.txt b/requirements.txt
@@ -6,7 +6,7 @@ django-sass-processor==0.5.5
 djangorestframework==3.5.3
 gunicorn==19.4.5
 libsass==0.13.3
-psycopg2==2.6.1
+psycopg2==2.7.3
 requests==2.13.0
 six==1.10.0
 Unipath==1.1
-Original file line number
+Diff line change
@@ Expand Up / @@ -69,3 +69,4 @@ target/ @@
     # Noise
     .DS_Store
     .sass-cache/
+    venv/