Adding discover to premium features.

media/css/reader/reader.css

@@ -8888,6 +8888,11 @@ form.opml_import_form input {
 }
 
 .NB-module-premium-icon.NB-9 {
+    background: transparent url('/media/embed/icons/nouns/direction_black.svg') no-repeat 0 0;
+    background-size: 36px;
+}
+
+.NB-module-premium-icon.NB-10 {
     background: transparent url('/media/embed/icons/icons8/icons8-knife-and-spatchula-100.png') no-repeat 0 0;
     background-size: 36px;
 }
@@ -12680,6 +12685,12 @@ form.opml_import_form input {
 
 .NB-feedchooser-premium-bullets li.NB-9 .NB-feedchooser-premium-bullet-image,
 .NB-welcome-premium-bullet.NB-9 {
+    background: transparent url('/media/embed/icons/nouns/direction_black.svg') no-repeat 0 0;
+    background-size: 16px;
+}
+
+.NB-feedchooser-premium-bullets li.NB-10 .NB-feedchooser-premium-bullet-image,
+.NB-welcome-premium-bullet.NB-10 {
     background: transparent url('/media/embed/icons/icons8/icons8-knife-and-spatchula-100.png') no-repeat 0 0;
     background-size: 16px;
 }

media/img/icons/nouns/direction_black.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="128pt" height="128pt" version="1.1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
+ <path d="m123.22 51.719-13.438 28.281-3.6016-8.8203c-0.097657-0.26953-0.3125-0.48047-0.57813-0.57813-0.25781-0.10937-0.54687-0.10937-0.80078 0-18.801 8.6602-28.961 27.098-30.801 56.398h-20c0.71875-36.82 15.199-62 43.102-74.941 0.47656-0.21875 0.69531-0.77344 0.5-1.2578l-3.6016-9.9023z" fill="#333333"/>
+ <path d="m85.301 24.719h-11.301c-0.5625 0-1.0195 0.45703-1.0195 1.0195v25.801l-9.6406 9.6602-9.3398-9.6406v-26.957c0-0.56641-0.45703-1.0234-1.0195-1.0234h-10.98l22.539-22.578z" fill="#333333"/>
+ <path d="m56 71.559c-1.8789 2.3789-8.5195 11.379-10 21.281-6.1211-11.539-14-19.16-23.359-22.68-0.11719-0.027344-0.24219-0.027344-0.35938 0-0.39844 0.003906-0.75781 0.23828-0.92188 0.60156l-4 8.9414-12.578-28 29.219-10.762-4 9.2773c-0.10156 0.25781-0.10156 0.54297 0 0.80078 0.09375 0.25391 0.28906 0.45703 0.53906 0.55859 10.23 4.0781 19.07 11.016 25.461 19.98z" fill="#333333"/>
+</svg>

media/js/newsblur/reader/reader_feedchooser.js

@@ -113,6 +113,10 @@ _.extend(NEWSBLUR.ReaderFeedchooser.prototype, {
                             'Text view conveniently extracts the story'
                         ]),
                         $.make('li', { className: 'NB-9' }, [
+                            $.make('div', { className: 'NB-feedchooser-premium-bullet-image' }),
+                            'Discover related stories and sites'
+                        ]),
+                        $.make('li', { className: 'NB-10' }, [
                             $.make('div', { className: 'NB-feedchooser-premium-bullet-image' }),
                             'You feed Lyric, NewsBlur\'s hungry hound, for ',
                             $.make('span', { className: 'NB-feedchooser-hungry-dog' }, '6 days'),

templates/profile/stripe_form.xhtml

@@ -63,6 +63,9 @@ float: right;">
         <li class="NB-8">
             <div class="NB-feedchooser-premium-bullet-image"></div>Text view conveniently extracts the story
         </li>
+        <li class="NB-9">
+            <div class="NB-feedchooser-premium-bullet-image"></div>Discover related stories and sites
+        </li>
         <!-- <li class="NB-9">
             <div class="NB-feedchooser-premium-bullet-image"></div>You feed Lyric, my poor, hungry dog, for <span class="NB-feedchooser-hungry-dog">12 days</span><img src="/media//img/reader/lyric.jpg" class="NB-feedchooser-premium-poor-hungry-dog">
         </li> -->

templates/reader/welcome.xhtml

@@ -262,7 +262,7 @@
                     </th>
                 </tr>
                 <tr>
-                    <td class="NB-bold"><div class="NB-welcome-premium-bullet NB-1"></div> Number of Sites</td>
+                    <td class="NB-bold"><div class="NB-welcome-premium-bullet NB-1"></div> Number of sites</td>
                     <td>Up to 64 sites</td>
                     <td>1,000 sites</td>
                     <td>Unlimited sites</td>
@@ -304,14 +304,20 @@
                     <td>Same as premium</td>
                 </tr>
                 <tr>
-                    <td class="NB-bold"><div class="NB-welcome-premium-bullet NB-8"></div> Full Text</td>
+                    <td class="NB-bold"><div class="NB-welcome-premium-bullet NB-8"></div> Full text</td>
                     <td>Only what's in the feed</td>
                     <td>Full text of each story</td>
                     <td>Same as premium</td>
                 </tr>
+                <tr>
+                    <td class="NB-bold"><div class="NB-welcome-premium-bullet NB-9"></div> Related stories</td>
+                    <td>Discover only related sites</td>
+                    <td>Discover related stories and sites</td>
+                    <td>Same as premium</td>
+                </tr>
                 <tr>
                     <td class="NB-bold">
-                        <div class="NB-welcome-premium-bullet NB-9"></div>
+                        <div class="NB-welcome-premium-bullet NB-10"></div>
                         Feed poor Lyric
                     </td>
                     <td>She goes hungry</td>

utils/templatetags/utils_tags.py

@@ -127,6 +127,7 @@ def render_account_module(context):
         "Privacy options for your blurblog",
         "Custom RSS feeds for saved stories",
         "Text view conveniently recreates the full story",
+        "Discover related stories and sites",
         f"You feed Lyric, NewsBlur's hungry hound, for 6 days<img class='NB-feedchooser-premium-poor-hungry-dog' src='{settings.MEDIA_URL}img/reader/lyric.jpg'>",
     ]
     rand_int = (datetime.datetime.now().timetuple().tm_yday) % len(reasons)