Adding Folder RSS to all premium lists. Also adding new features to NewsBlur homepage. Thanks to @viticci for the inspiration!

This commit is contained in:
Samuel Clay 2015-08-24 13:23:57 -07:00
parent 95a962fb53
commit 6afa9071b9
9 changed files with 77 additions and 20 deletions

View file

@ -9091,36 +9091,55 @@ form.opml_import_form input {
width: 16px;
height: 16px;
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-1 .NB-feedchooser-premium-bullet-image {
.NB-welcome-premium-bullet {
width: 16px;
height: 16px;
vertical-align: bottom;
margin: 0 6px 0 0;
float: left;
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-1 .NB-feedchooser-premium-bullet-image,
.NB-welcome-premium-bullet.NB-1 {
background: transparent url('/media/embed/icons/circular/g_icn_buffer.png') no-repeat 0 0;
background-size: 16px;
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-2 .NB-feedchooser-premium-bullet-image {
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-2 .NB-feedchooser-premium-bullet-image,
.NB-welcome-premium-bullet.NB-2 {
background: transparent url('/media/embed/icons/circular/g_icn_lightning.png') no-repeat 0 0;
background-size: 16px;
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-3 .NB-feedchooser-premium-bullet-image {
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-3 .NB-feedchooser-premium-bullet-image,
.NB-welcome-premium-bullet.NB-3 {
background: transparent url('/media/embed/icons/circular/g_icn_folder_black.png') no-repeat 0 0;
background-size: 16px;
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-4 .NB-feedchooser-premium-bullet-image {
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-4 .NB-feedchooser-premium-bullet-image,
.NB-welcome-premium-bullet.NB-4 {
background: transparent url('/media/embed/icons/circular/g_icn_search_black.png') no-repeat 0 0;
background-size: 16px;
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-5 .NB-feedchooser-premium-bullet-image {
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-5 .NB-feedchooser-premium-bullet-image,
.NB-welcome-premium-bullet.NB-5 {
background: transparent url('/media/embed/icons/circular/g_icn_tag_black.png') no-repeat 0 0;
background-size: 16px;
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-6 .NB-feedchooser-premium-bullet-image {
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-6 .NB-feedchooser-premium-bullet-image,
.NB-welcome-premium-bullet.NB-6 {
background: transparent url('/media/embed/icons/circular/g_icn_privacy.png') no-repeat 0 0;
background-size: 16px;
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-7 .NB-feedchooser-premium-bullet-image {
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-7 .NB-feedchooser-premium-bullet-image,
.NB-welcome-premium-bullet.NB-7 {
background: transparent url('/media/embed/icons/circular/g_icn_folder_black.png') no-repeat 0 0;
background-size: 16px;
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-8 .NB-feedchooser-premium-bullet-image,
.NB-welcome-premium-bullet.NB-8 {
background: transparent url('/media/embed/icons/circular/g_icn_textview_black.png') no-repeat 0 0;
background-size: 16px;
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-8 .NB-feedchooser-premium-bullet-image {
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-9 .NB-feedchooser-premium-bullet-image,
.NB-welcome-premium-bullet.NB-9 {
background: transparent url('/media/embed/icons/circular/g_icn_eating.png') no-repeat 0 0;
background-size: 16px;
}

View file

@ -461,7 +461,7 @@
}
.NB-welcome-features .NB-feature-caption {
font-weight: bold;
font-size: 24px;
font-size: 22px;
margin: 24px 0 0;
}
.NB-welcome-features .NB-feature-text {

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

View file

@ -117,9 +117,13 @@ _.extend(NEWSBLUR.ReaderFeedchooser.prototype, {
]),
$.make('li', { className: 'NB-7' }, [
$.make('div', { className: 'NB-feedchooser-premium-bullet-image' }),
'Text view conveniently extracts the story'
'Custom RSS feeds for folders and saved stories'
]),
$.make('li', { className: 'NB-8' }, [
$.make('div', { className: 'NB-feedchooser-premium-bullet-image' }),
'Text view conveniently extracts the story'
]),
$.make('li', { className: 'NB-9' }, [
$.make('div', { className: 'NB-feedchooser-premium-bullet-image' }),
'You feed Shiloh, my poor, hungry dog, for ',
$.make('span', { className: 'NB-feedchooser-hungry-dog' }, '6 days'),

View file

@ -57,9 +57,12 @@ float: right;">
<div class="NB-feedchooser-premium-bullet-image"></div>Privacy options for your blurblog
</li>
<li class="NB-7">
<div class="NB-feedchooser-premium-bullet-image"></div>Text view conveniently extracts the story
<div class="NB-feedchooser-premium-bullet-image"></div>Custom RSS feeds for folders and saved stories
</li>
<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>You feed Shiloh, my poor, hungry dog, for <span class="NB-feedchooser-hungry-dog">12 days</span><img src="/media//img/reader/shiloh.jpg" class="NB-feedchooser-premium-poor-hungry-dog">
</li>
</ul>

View file

@ -157,6 +157,31 @@
</div>
</div>
</div>
<div class="NB-welcome-features">
<div class="NB-inner">
<div class="NB-feature">
<img src="{{ MEDIA_URL }}img/welcome/feature_5.jpg">
<div class="NB-feature-caption">Search</div>
<div class="NB-feature-text">Quickly find stories across all of your subscriptions.</div>
</div>
<div class="NB-feature">
<img src="{{ MEDIA_URL }}img/welcome/feature_6.png">
<div class="NB-feature-caption">Story Tagging</div>
<div class="NB-feature-text">Save stories with custom tags for fast references.</div>
</div>
<div class="NB-feature">
<img src="{{ MEDIA_URL }}img/welcome/feature_7.jpg">
<div class="NB-feature-caption">Blurblog Privacy</div>
<div class="NB-feature-text">Share stories with the world or only with your friends.</div>
</div>
<div class="NB-feature">
<img src="{{ MEDIA_URL }}img/welcome/feature_8.jpg">
<div class="NB-feature-caption">Third-party Apps</div>
<div class="NB-feature-text">Supports <a href="http://reederapp.com" class="NB-splash-link" target="_blank">Reeder</a>, <a href="http://readkitapp.com" class="NB-splash-link" target="_blank">ReadKit</a>, <a href="http://supertop.co/unread/" class="NB-splash-link" target="_blank">Unread</a>, and loads more.</div>
</div>
</div>
</div>
<div class="NB-welcome-pricing">
<div class="NB-inner">
@ -172,42 +197,48 @@
</th>
</tr>
<tr>
<td class="NB-bold">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 class="NB-last">Unlimited sites</td>
</tr>
<tr>
<td class="NB-bold">River of News</td>
<td class="NB-bold"><div class="NB-welcome-premium-bullet NB-2"></div> River of News</td>
<td>Only 5 stories at a time</td>
<td class="NB-last">All stories at once</td>
</tr>
<tr>
<td class="NB-bold">Site updates</td>
<td class="NB-bold"><div class="NB-welcome-premium-bullet NB-3"></div> Site updates</td>
<td>1X</td>
<td class="NB-last">Up to 10X as often</td>
</tr>
<tr>
<td class="NB-bold">Search</td>
<td></td>
<td class="NB-bold"><div class="NB-welcome-premium-bullet NB-4"></div> Search</td>
<td>-</td>
<td class="NB-last">Search feeds, saved, and shared stories</td>
</tr>
<tr>
<td class="NB-bold">Saved story tagging</td>
<td class="NB-bold"><div class="NB-welcome-premium-bullet NB-5"></div> Saved story tagging</td>
<td>Only save stories</td>
<td class="NB-last">Tag saved stories</td>
</tr>
<tr>
<td class="NB-bold">Privacy</td>
<td class="NB-bold"><div class="NB-welcome-premium-bullet NB-6"></div> Privacy</td>
<td>Public shares only</td>
<td class="NB-last">Public, protected, and private shares</td>
</tr>
<tr>
<td class="NB-bold">Instant Access</td>
<td class="NB-bold"><div class="NB-welcome-premium-bullet NB-7"></div> Custom RSS</td>
<td>-</td>
<td class="NB-last">Folders (filtered), saved stories</td>
</tr>
<tr>
<td class="NB-bold"><div class="NB-welcome-premium-bullet NB-8"></div> Instant Access</td>
<td>Wait in a queue</td>
<td class="NB-last">Immediate</td>
</tr>
<tr>
<td class="NB-bold">
<div class="NB-welcome-premium-bullet NB-9"></div>
Feed poor Shiloh
</td>
<td>She goes hungry</td>