Add YouTube Regrets default share copy (#3758)

* Add YouTube Regrets default share copy * adjust background gradient
MozillaFoundation · Oct 10, 2019 · ae41814 · ae41814
1 parent 4441026
commit ae41814
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/network-api/networkapi/wagtailpages/templates/wagtailpages/pages/youtube_regrets_page.html b/network-api/networkapi/wagtailpages/templates/wagtailpages/pages/youtube_regrets_page.html
@@ -40,10 +40,11 @@
   </figure>
 </div>
 
+{% with share_text="28 reasons why YouTube must change: startling stories of YouTube’s recommendations leading people down bizarre and dangerous paths" %}
 <main class="container">
   <div class="row hidden-md-up my-3">
     <div class="col-12">
-      <div class="share-button-group-wrapper" data-version="mini" data-share-text="{{page.title}} by @mozilla" data-link="{{ request.scheme }}://{{ request.get_host }}{{ request.get_full_path }}"></div>
+      <div class="share-button-group-wrapper" data-version="mini" data-share-text="{{share_text}}" data-link="{{ request.scheme }}://{{ request.get_host }}{{ request.get_full_path }}"></div>
     </div>
   </div>
 
@@ -58,7 +59,7 @@
   <div class="row">
     <div class="offset-md-1 col-md-1 text-center pb-md-5 hidden-sm-down">
       <div class="sticky-side">
-        <div class="share-button-group-wrapper" data-version="mini" data-layout="stacked" data-share-text="{{page.title}} by @mozilla" data-link="{{ request.scheme }}://{{ request.get_host }}{{ request.get_full_path }}"></div>
+        <div class="share-button-group-wrapper" data-version="mini" data-layout="stacked" data-share-text="{{share_text}}" data-link="{{ request.scheme }}://{{ request.get_host }}{{ request.get_full_path }}"></div>
       </div>
     </div>
 
@@ -77,6 +78,7 @@
     </div>
   </div>
 </main>
+{% endwith %}
 {% endblock %}
 
 {% block footer_block %}

diff --git a/source/sass/views/youtube-regrets.scss b/source/sass/views/youtube-regrets.scss
@@ -5,7 +5,11 @@
 
 #view-youtube-regrets {
   .wrapper {
-    background: linear-gradient($youtube-regrets-light-red, $white);
+    background: linear-gradient(
+      $youtube-regrets-light-red 100vh,
+      $white 500vh,
+      $white
+    );
   }
 
   .intro-viewport {