From 8bbb995dcfefcbda09bd833146eb2fe14747171d Mon Sep 17 00:00:00 2001
From: Gavin Lazar Suntop <gavin@gsuntop.com>
Date: Thu, 28 Sep 2017 16:23:24 -0700
Subject: [PATCH] adding landing page microfooter - #787

---
 .../templates/pages/landingpage.html          |  9 ++++++++
 source/images/green-20.svg                    | 23 +++++++++++++++++++
 source/pug/views/opportunity.pug              |  7 ++++++
 3 files changed, 39 insertions(+)
 create mode 100644 source/images/green-20.svg

diff --git a/network-api/app/networkapi/templates/pages/landingpage.html b/network-api/app/networkapi/templates/pages/landingpage.html
index b778bf873cb..5f4325f77ea 100644
--- a/network-api/app/networkapi/templates/pages/landingpage.html
+++ b/network-api/app/networkapi/templates/pages/landingpage.html
@@ -83,6 +83,15 @@ <h1 class="h1-white">{{ page.landingpage.header }}</h1>
         <div class="row">
           <div class="join-us full-width col mb-5" data-cta-header="{{ page.landingpage.signup.header | escape }}" data-cta-description="{{ page.landingpage.signup.description | escape }}" data-newsletter="{{ page.landingpage.signup.newsletter }}"></div>
         </div>{% endif %}
+        <div class="row mb-5">
+          <div class="col-12">
+            <hr class="my-2">
+            <div class="opp-foot d-flex align-items-center"><img class="mr-3" src="/_images/green-20.svg" width="51" height="45">
+              <p class="body-black mb-0">This is part of a broader movement for a healthy internet. <a href="#TODO">See more</a>.</p>
+            </div>
+            <hr class="my-2">
+          </div>
+        </div>
       </div>
       <footer class="mofo-footer">
         <div class="container">
diff --git a/source/images/green-20.svg b/source/images/green-20.svg
new file mode 100644
index 00000000000..4fa4ac62748
--- /dev/null
+++ b/source/images/green-20.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="51px" height="45px" viewBox="0 0 51 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>green-20</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="-27.8144285%" x2="50%" y2="163.250063%" id="linearGradient-1">
+            <stop stop-color="#3DFEFD" offset="0%"></stop>
+            <stop stop-color="#B7D43F" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Template---Landing-Page-1-column-V2a" transform="translate(-208.000000, -942.000000)" fill-rule="nonzero" fill="url(#linearGradient-1)">
+            <g id="bottom-notice" transform="translate(207.000000, 933.000000)">
+                <g id="green-20" transform="translate(1.000000, 9.000000)">
+                    <g id="Layer_1">
+                        <path d="M47.6755326,24.3549184 C47.7338892,23.6973356 47.7630676,23.0397528 47.7630676,22.372428 C47.7309296,10.0622609 37.7658499,0.0961802944 25.4756847,0.0828067226 L25.4756847,0.0828067226 C19.5614575,0.0696547918 13.8877875,2.42701414 9.71938527,6.62940879 C8.17740357,8.16336986 6.86681916,9.91421159 5.82894096,11.8267484 L4.46728545,11.8267484 C2.28253937,11.8268426 0.432462238,13.4406713 0.132244222,15.6082198 C-0.167973794,17.7757683 1.17362565,19.8331052 3.27583688,20.4289056 C3.21748022,21.0864883 3.18343883,21.7538131 3.18343883,22.4211379 C3.19149248,34.7444799 13.1675352,44.7302458 25.4708217,44.7302431 L25.4708217,44.7302431 C31.3850488,44.7433951 37.0587189,42.3860357 41.2271211,38.1836411 C42.7691028,36.64968 44.0796872,34.8988383 45.1175654,32.9863015 L46.5375776,32.9863015 C48.7545149,33.0147849 50.6425347,31.3783255 50.9327947,29.1767046 C51.2230547,26.9750837 49.8238575,24.9038258 47.6755326,24.3549184 Z M46.7029215,24.2087889 L46.5278515,24.2087889 L38.936622,24.2087889 C38.9706634,23.57069 38.9949787,22.9228492 38.9949787,22.2603954 C39.0079467,18.8902525 38.507788,15.5378319 37.5117468,12.3187177 L44.2519416,12.3187177 C45.9207645,15.4182202 46.7931577,18.8850243 46.7904565,22.4065249 C46.7904565,23.0105269 46.7612781,23.6193999 46.7077845,24.2282728 L46.7029215,24.2087889 Z M12.2919416,20.594519 L16.6930067,20.594519 L16.6930067,20.7357775 C16.6930067,20.9403588 16.9118442,25.7139228 24.5906086,31.042779 L24.5906086,32.5040741 L13.8286671,32.5040741 C12.7480827,29.2031251 12.2077875,25.7488099 12.2287219,22.2750084 C12.2481741,21.7099743 12.2676263,21.1498111 12.2919416,20.594519 Z M37.964011,24.2136599 L32.3082775,24.2136599 C32.5385469,23.7947882 32.7463328,23.3639051 32.9307486,22.9228492 C33.3621374,22.1257466 33.5878115,21.2332988 33.5872611,20.3266149 C33.5997857,18.9423826 33.0769631,17.6070113 32.1283445,16.6003124 C31.1950662,15.6088874 29.8949636,15.0467644 28.5345466,15.0464686 L28.5345466,15.0464686 C27.5013982,15.0524173 26.4961572,15.3829328 25.6604808,15.9914394 L25.6604808,12.3284597 L36.5050943,12.3284597 C37.5275366,15.5490049 38.0395118,18.9102107 38.0223676,22.2896213 C38.0223676,22.9325912 38.0029154,23.580432 37.964011,24.2185309 L37.964011,24.2136599 Z M25.5680828,32.4943321 L25.5680828,31.0817469 C28.5199574,29.0943855 30.6451126,26.9949916 32.0164942,24.7056292 L37.9348326,24.7056292 C37.7640072,27.3569707 37.2574323,29.9758134 36.4272855,32.4992031 L25.5680828,32.4943321 Z M19.8345405,20.594519 C19.942765,21.5195094 20.7235252,22.2179025 21.6533232,22.2214275 L21.6533232,22.2214275 C22.633161,22.1709647 23.4017788,21.3604919 23.4017788,20.3777602 C23.4017788,19.3950285 22.633161,18.5845558 21.6533232,18.5340929 L21.6533232,18.5340929 C20.7432068,18.5364502 19.9718253,19.2055184 19.8394035,20.1074206 L17.6802069,20.1074206 C17.7272887,19.0537875 18.1520253,18.0524729 18.8765186,17.2871211 C19.6257992,16.4880177 20.6706866,16.0334378 21.7651735,16.0304073 L21.7651735,16.0304073 C22.9176039,16.0322889 24.0124382,16.5352763 24.7656786,17.4088957 L25.1304078,17.8229293 L25.4951369,17.4088957 C26.2474726,16.5334643 27.342435,16.0286404 28.4956421,16.0255363 L28.4956421,16.0255363 C29.5893999,16.0273023 30.6341775,16.4800726 31.384297,17.2773791 C32.1668353,18.0984345 32.6009131,19.1915097 32.5951978,20.3266149 C32.5952052,21.0775332 32.406206,21.8163345 32.0456726,22.4747187 L32.0456726,22.5234285 C31.809986,23.1065308 31.5286746,23.6700709 31.204364,24.2087889 L28.9041388,24.2087889 C28.734759,23.3444529 27.9793381,22.7203675 27.0999452,22.7182679 L27.0999452,22.7182679 C26.1201074,22.7687308 25.3514896,23.5792035 25.3514896,24.5619352 C25.3514896,25.5446669 26.1201074,26.3551396 27.0999452,26.4056025 L27.0999452,26.4056025 C28.0522409,26.397721 28.8381432,25.6572168 28.9041388,24.7056292 L30.8736762,24.7056292 C29.9010651,26.1669243 28.2038588,28.1153178 25.1012295,30.2195827 C19.0515886,26.0013109 17.9233597,22.1775887 17.7191114,21.0475205 L17.689933,20.6919387 L17.689933,20.594519 L19.8345405,20.594519 Z M20.8071516,20.3801957 C20.8071441,19.9005511 21.193919,19.5109692 21.6727754,19.5082896 L21.6727754,19.5082896 C22.1270372,19.5423696 22.4782445,19.9214833 22.4782445,20.3777602 C22.4782445,20.8340372 22.1270372,21.2131509 21.6727754,21.2472308 L21.6727754,21.2472308 C21.4402314,21.2511386 21.2157965,21.1616743 21.0495229,20.99879 C20.8832493,20.8359056 20.7889659,20.6131481 20.7876993,20.3801957 L20.8071516,20.3801957 Z M27.9315277,24.5692417 C27.9315352,25.0488863 27.5447603,25.4384682 27.0659038,25.4411478 L27.0659038,25.4411478 C26.611642,25.4070678 26.2604347,25.0279541 26.2604347,24.5716772 C26.2604347,24.1154002 26.611642,23.7362865 27.0659038,23.7022066 L27.0659038,23.7022066 C27.5428697,23.7048682 27.9288704,24.0914982 27.9315277,24.5692417 Z M25.6215764,11.8413613 L25.6215764,1.12519723 C30.2171637,1.4028433 34.2048691,5.65521205 36.3494766,11.8413613 L25.6215764,11.8413613 Z M24.6489653,11.8413613 L20.5153682,11.8413613 L20.5153682,11.8413613 L13.9307912,11.8413613 C16.0753987,5.65521205 20.053378,1.40771428 24.6295131,1.12519723 L24.6489653,11.8413613 Z M6.65566038,12.3284597 L12.7539318,12.3284597 C11.9679795,14.8589154 11.4943592,17.4762531 11.3436458,20.1220336 L4.46728545,20.1220336 L4.2873524,20.1220336 C4.57074843,17.3973081 5.3800463,14.7537032 6.67024954,12.3382017 L6.65566038,12.3284597 Z M13.7459951,12.3284597 L24.6489653,12.3284597 L24.6489653,16.0109234 C23.811184,15.3987422 22.8021865,15.0664062 21.7651735,15.0610815 L21.7651735,15.0610815 C20.4048757,15.0619552 19.1049918,15.6239837 18.1713755,16.6149253 C17.2769767,17.5624853 16.7582669,18.8042228 16.7124589,20.1074206 L12.3357091,20.1074206 C12.4836874,17.4665059 12.9623958,14.8546827 13.7605843,12.3333307 L13.7459951,12.3284597 Z M24.5954717,32.9716885 L24.5954717,43.4443034 C20.0874194,43.1423025 16.1677967,39.0117083 14.0086001,32.9765595 L24.5954717,32.9716885 Z M25.5680828,32.9716885 L30.4846318,32.9716885 L30.4846318,32.9716885 L36.2473524,32.9716885 C34.0784297,39.0409342 30.1199026,43.2007543 25.5729458,43.4345615 L25.5680828,32.9716885 Z M44.2811199,32.4845902 L37.4339379,32.4845902 C38.2384492,29.9567307 38.7284575,27.3390928 38.8928545,24.6910163 L46.664017,24.6910163 C46.380621,27.4157417 45.5713231,30.0593467 44.2811199,32.4748482 L44.2811199,32.4845902 Z M43.9796105,11.8267484 L37.356129,11.8267484 C35.7804991,7.13599109 33.1836275,3.45839841 30.061546,1.54897281 C35.937868,2.86108989 40.9904234,6.59214248 43.9796105,11.8267484 L43.9796105,11.8267484 Z M10.39535,7.30647552 C13.0015324,4.68848534 16.2452872,2.79782766 19.8053621,1.8217479 C16.8534875,3.77014137 14.4170968,7.35031437 12.9144127,11.8267484 L6.95716981,11.8267484 C7.89783682,10.1738123 9.05405754,8.65369614 10.39535,7.30647552 L10.39535,7.30647552 Z M0.576841144,16.2106337 C0.576841144,14.0584977 2.31865239,12.3138467 4.46728545,12.3138467 L5.59065125,12.3138467 C4.38139179,14.6967662 3.61357499,17.2795823 3.32446744,19.9369362 C1.69090503,19.4341116 0.576212766,17.9223774 0.576841144,16.2106337 L0.576841144,16.2106337 Z M4.24358491,20.594519 L4.46728545,20.594519 L11.3193305,20.594519 C11.2950152,21.1498111 11.275563,21.7099743 11.275563,22.2798794 C11.257947,25.7507809 11.7863936,29.2027907 12.8414668,32.5089451 L6.67997565,32.5089451 C5.01652715,29.4029523 4.15083194,25.9311781 4.16091296,22.4065249 C4.16091296,21.802523 4.1900913,21.19365 4.24358491,20.584777 L4.24358491,20.594519 Z M6.95716981,32.9960434 L13.0019477,32.9960434 C14.6359343,37.7062847 17.3057517,41.3692644 20.5202313,43.1910123 C16.6929751,42.2727833 13.1969503,40.3043284 10.4245283,37.5065743 C9.07295364,36.1611792 7.90685585,34.6409787 6.95716981,32.9863015 L6.95716981,32.9960434 Z M40.5754717,37.5065743 C37.523162,40.5825204 33.6022113,42.6465007 29.3418138,43.4199485 C32.7459525,41.6907493 35.5811138,37.915737 37.2831832,33.0009144 L43.9796105,33.0009144 C43.0481532,34.6465398 41.9035178,36.1615596 40.5754717,37.5065743 Z M46.5327145,32.4992031 L45.3607182,32.4992031 C46.5739142,30.1057605 47.3418351,27.5110404 47.626902,24.8420168 C49.4778886,25.3916612 50.6464444,27.2177921 50.3720483,29.1319243 C50.0976522,31.0460564 48.4633218,32.4690747 46.5327145,32.4748482 L46.5327145,32.4992031 Z" id="Shape"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/source/pug/views/opportunity.pug b/source/pug/views/opportunity.pug
index 7c3da3818bc..f4bd7a99c59 100644
--- a/source/pug/views/opportunity.pug
+++ b/source/pug/views/opportunity.pug
@@ -42,3 +42,10 @@ block content
     .row
       .join-us.full-width.col.mb-5(data-cta-header=`{{ page.landingpage.signup.header | escape }}`, data-cta-description=`{{ page.landingpage.signup.description | escape }}`, data-newsletter=`{{ page.landingpage.signup.newsletter }}`)
     | {% endif %}
+    .row.mb-5
+      .col-12
+        hr.my-2
+        .opp-foot.d-flex.align-items-center
+          img.mr-3(src=`/_images/green-20.svg`, width=51, height=45)
+          p.body-black.mb-0 This is part of a broader movement for a healthy internet. #[a(href=`#TODO`) See more].
+        hr.my-2