2012-09-11 15:15:16 -07:00
{% extends 'base.html' %}
{% load recommendations_tags utils_tags statistics_tags %}
{% block extra_head_js %}
< script >
$(document).ready(function() {
NEWSBLUR.reader = new NEWSBLUR.Reader();
2012-09-12 12:12:58 -07:00
NEWSBLUR.reader.init({
hide_sidebar: true
});
2012-09-11 15:15:16 -07:00
2012-09-12 12:12:58 -07:00
NEWSBLUR.welcome = new NEWSBLUR.Welcome();
2012-09-11 15:15:16 -07:00
});
< / script >
{% endblock %}
2012-09-12 12:12:58 -07:00
{% block bodyclass %}NB-welcome{% endblock %}
2012-09-17 11:52:11 -07:00
{% block header %}
{% render_feeds_skeleton %}
{% endblock header %}
2012-09-11 15:15:16 -07:00
{% block content %}
2012-09-17 12:29:46 -07:00
< div class = "NB-welcome-container NB-splash" >
2012-09-17 11:52:11 -07:00
< div class = "NB-welcome-header" >
2012-11-30 18:02:33 -08:00
< div class = "NB-background" >
2020-07-06 19:57:30 -04:00
< div class = "NB-inner" >
< div class = "NB-welcome-header-logo" >
< a href = "/" > < img src = "{{ MEDIA_URL }}img/logo_512.png" class = "NB-module-logo-image" style = "height: 128px;" / > < / a >
< / div >
< div class = "NB-welcome-header-tagline" >
< span style = "font-size:24px;" > NewsBlur is a personal news reader< / span > < br / > < span style = "font-size: 17px;color: #FBDB9B" > bringing people together to talk about the world< / span >
< / div >
< div class = "NB-welcome-header-captions" >
< div class = "NB-welcome-header-caption NB-1 {% if not post_request %}NB-active{% endif %}" data-ss = "1" > < span > Web< / span > < / div >
< div class = "NB-welcome-header-caption NB-2" data-ss = "2" > < span > iPad & iPhone< / span > < / div >
< div class = "NB-welcome-header-caption NB-3" data-ss = "3" > < span > Android< / span > < / div >
< div class = "NB-welcome-header-caption NB-welcome-header-caption-signin {% if post_request %}NB-active{% endif %}" > < span > Sign in< / span > < / div >
< / div >
< div class = "NB-welcome-header-actions" >
< div class = "NB-welcome-header-action" >
< div class = "NB-welcome-header-action-subtext" > First< / div >
< div class = "NB-button NB-button-tryout" >
< img src = "{{ MEDIA_URL }}img/welcome/04-eye@2x.png" style = "width: 20px; height: 13px; margin-top: 2px" >
Try out NewsBlur
< / div >
< / div >
< div class = "NB-welcome-header-action" >
< div class = "NB-welcome-header-action-subtext" > Then< / div >
< div class = "NB-button NB-button-login" >
< img src = "{{ MEDIA_URL }}img/welcome/09-lightning@2x.png" class = "NB-welcome-header-action-bolt" style = "width: 12px; height: 18px; margin-bottom: -2px" >
< img src = "{{ MEDIA_URL }}img/reader/32-Arrow-Right.png" class = "NB-welcome-header-action-arrow" >
Sign up or Log in
< / div >
< / div >
< / div >
< div class = "NB-welcome-header-image NB-1 {% if not post_request %}NB-active{% endif %}" >
< img src = "{{ MEDIA_URL }}img/welcome/header-web.png" >
< / div >
< div class = "NB-welcome-header-image NB-2" >
< img src = "{{ MEDIA_URL }}img/welcome/header-ios.png" >
< / div >
< div class = "NB-welcome-header-image NB-3" >
< img src = "{{ MEDIA_URL }}img/welcome/header-android.png" >
< / div >
< / div >
< div class = "NB-inner-account" >
2012-09-17 11:52:11 -07:00
< div class = "NB-welcome-header-account {% if post_request %}NB-active{% endif %}" >
< div class = "NB-account-header" >
< div class = "NB-module-header-login" > Log in< / div >
< div class = "NB-module-header-signup" > Sign up< / div >
< / div >
< div class = "NB-login" >
2014-01-15 17:12:24 -08:00
< form method = "post" action = "{% url " welcome-login " % } " >
{% csrf_token %}
2012-09-17 11:52:11 -07:00
< div >
{{ login_form.username.label_tag }}
{{ login_form.username }}
< / div >
< div >
< div class = "NB-signup-optional" >
{% if login_form.errors and login_form.errors|length %}
2013-03-20 15:05:52 -07:00
< a href = "{% url " profile-forgot-password " % } " class = "NB-splash-link" > Forgot?< / a >
2012-09-17 11:52:11 -07:00
{% else %}
Optional
{% endif %}
< / div >
{{ login_form.password.label_tag }}
{{ login_form.password }}
< / div >
2020-06-08 20:40:45 -04:00
{{ login_form.add }}
2012-09-17 11:52:11 -07:00
< input name = "submit" type = "submit" class = "NB-modal-submit-button NB-modal-submit-green" value = "log in" / >
< input type = "hidden" name = "next" value = "/" / >
< / form >
{% if login_form.errors %}
{% for field, error in login_form.errors.items %}
{{ error|safe }}
{% endfor %}
{% endif %}
< / div >
2012-09-12 18:47:37 -07:00
2012-09-17 11:52:11 -07:00
< div class = "NB-signup" >
2014-01-15 17:12:24 -08:00
< form method = "post" action = "{% url " welcome-signup " % } " >
{% csrf_token %}
2012-09-17 11:52:11 -07:00
< div >
{{ signup_form.username.label_tag }}
{{ signup_form.username }}
< / div >
< div class = "NB-signup-hidden" >
< div class = "NB-signup-optional" > Optional< / div >
{{ signup_form.password.label_tag }}
{{ signup_form.password }}
< / div >
< div class = "NB-signup-hidden" >
{{ signup_form.email.label_tag }}
{{ signup_form.email }}
< / div >
2012-09-12 12:12:58 -07:00
2012-09-17 11:52:11 -07:00
< input name = "submit" type = "submit" class = "NB-modal-submit-button NB-modal-submit-green" value = "create account" / >
< input type = "hidden" name = "next" value = "/" / >
< / form >
{% if signup_form.errors %}
{% for field, error in signup_form.errors.items %}
{{ error|safe }}
{% endfor %}
2013-07-05 17:56:44 -07:00
{% else %}
< img src = "{{ MEDIA_URL }}img/welcome/fleuron.png" style = "width: 36px; height: 36px; opacity: .35; margin: 24px auto; display: block" >
2012-09-17 11:52:11 -07:00
{% endif %}
< / div >
2012-09-11 15:15:16 -07:00
< / div >
2020-07-06 19:57:30 -04:00
< / div >
2012-11-30 18:02:33 -08:00
< / div >
2012-09-11 15:15:16 -07:00
< / div >
2012-09-18 11:32:09 -07:00
2012-09-17 11:52:11 -07:00
< div class = "NB-welcome-features" >
< div class = "NB-inner" >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/feature_1.png" >
< div class = "NB-feature-caption" > Real-time RSS< / div >
2020-06-17 19:59:09 -04:00
< div class = "NB-feature-text" > Stories are pushed directly to you, so you can read news as it comes in< / div >
2012-09-17 11:52:11 -07:00
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/feature_2.png" >
2020-06-17 19:59:09 -04:00
< div class = "NB-feature-caption" > Original Site< / div >
< div class = "NB-feature-text" > Read the content in context, the way it was meant to be seen< / div >
2012-09-17 11:52:11 -07:00
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/feature_3.png" >
2020-06-17 19:59:09 -04:00
< div class = "NB-feature-caption" > Shared Stories< / div >
< div class = "NB-feature-text" > Reading news is better with friends. Share stories on your public blurblog< / div >
2012-09-17 11:52:11 -07:00
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/feature_4.png" >
< div class = "NB-feature-caption" > Training< / div >
2020-06-17 19:59:09 -04:00
< div class = "NB-feature-text" > Hide the stories you don't like and highlight the stories you do< / div >
2012-09-17 11:52:11 -07:00
< / div >
< / div >
< / div >
2015-08-24 13:23:57 -07:00
< div class = "NB-welcome-features" >
< div class = "NB-inner" >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/feature_5.jpg" >
2015-08-24 13:27:23 -07:00
< div class = "NB-feature-caption" > Full Text Search< / div >
2020-06-17 19:59:09 -04:00
< div class = "NB-feature-text" > Quickly find stories across all of your subscriptions< / div >
2015-08-24 13:23:57 -07:00
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/feature_6.png" >
< div class = "NB-feature-caption" > Story Tagging< / div >
2020-06-17 19:59:09 -04:00
< div class = "NB-feature-text" > Save stories with custom tags for fast references< / div >
2015-08-24 13:23:57 -07:00
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/feature_7.jpg" >
< div class = "NB-feature-caption" > Blurblog Privacy< / div >
2020-06-17 19:59:09 -04:00
< div class = "NB-feature-text" > Share stories with the world or only with your friends< / div >
2015-08-24 13:23:57 -07:00
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/feature_8.jpg" >
< div class = "NB-feature-caption" > Third-party Apps< / div >
2020-06-17 19:59:09 -04:00
< 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 >
2015-08-24 13:23:57 -07:00
< / div >
2020-06-17 19:59:09 -04:00
< / div >
< / div >
< div class = "NB-welcome-subfeatures" >
< div class = "NB-inner" >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/subfeature_1.png" >
< div class = "NB-feature-caption" > Saved Searches< / div >
< div class = "NB-feature-text" > Regularly used searches are conveniently given their own feeds< / div >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/header-ios.png" >
< div class = "NB-feature-caption" > First-class iOS App< / div >
< div class = "NB-feature-text" > The NewsBlur iOS app is free and is jam-packed with features< / div >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/subfeature_3.png" >
< div class = "NB-feature-caption" > Read the Full Story< / div >
< div class = "NB-feature-text" > The original story from truncated RSS feeds is seamlessly expanded< / div >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/header-android.png" >
< div class = "NB-feature-caption" > First-class Android App< / div >
< div class = "NB-feature-text" > The NewsBlur Android app is free and has it all< / div >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/subfeature_5.png" >
< div class = "NB-feature-caption" > Track Changes< / div >
< div class = "NB-feature-text" > See how a story evolved since it was first published< / div >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/subfeature_6.png" >
< div class = "NB-feature-caption" > IFTTT Support< / div >
< div class = "NB-feature-text" > Hook NewsBlur up to nearly every service on the web< / div >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/subfeature_7.png" >
< div class = "NB-feature-caption" > Email Newsletters< / div >
< div class = "NB-feature-text" > Read your email newsletters where they belong, in a news reader< / div >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/subfeature_8.png" >
< div class = "NB-feature-caption" > Grid, List, Split< / div >
< div class = "NB-feature-text" > Every site has its own story layout, so you can mix and match< / div >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/subfeature_9.png" >
< div class = "NB-feature-caption" > Dark Mode< / div >
< div class = "NB-feature-text" > Easy on the eyes and built into the web, iOS, and Android< / div >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/subfeature_10.png" >
< div class = "NB-feature-caption" > Twitter & YouTube< / div >
< div class = "NB-feature-text" > Even sites that don't publish RSS feeds can be followed< / div >
< / div >
< / div >
2015-08-24 13:23:57 -07:00
< / div >
2012-09-11 15:15:16 -07:00
2012-09-18 11:32:09 -07:00
< div class = "NB-welcome-pricing" >
< div class = "NB-inner" >
< h2 > Pricing< / h2 >
< p > NewsBlur is free on the web, iPad, iPhone, and Android. By subscribing to a < br > premium account, you support a growing service and unlock a few restrictions.< / p >
< table class = "NB-pricing" >
< tr >
< th > < / th >
< th > Free Account< / th >
< th class = "NB-last" >
2017-11-10 15:43:25 -08:00
< div class = "NB-price" > $36 / year< / div >
2012-09-18 11:32:09 -07:00
Premium Account
< / th >
< / tr >
< tr >
2015-08-24 13:23:57 -07:00
< td class = "NB-bold" > < div class = "NB-welcome-premium-bullet NB-1" > < / div > Number of Sites< / td >
2013-03-23 00:24:23 -07:00
< td > Up to 64 sites< / td >
2012-09-18 11:32:09 -07:00
< td class = "NB-last" > Unlimited sites< / td >
< / tr >
< tr >
2015-08-24 13:23:57 -07:00
< td class = "NB-bold" > < div class = "NB-welcome-premium-bullet NB-2" > < / div > River of News< / td >
2013-08-08 11:53:39 -07:00
< td > Only 5 stories at a time< / td >
2012-09-18 11:32:09 -07:00
< td class = "NB-last" > All stories at once< / td >
< / tr >
< tr >
2015-08-24 13:23:57 -07:00
< td class = "NB-bold" > < div class = "NB-welcome-premium-bullet NB-3" > < / div > Site updates< / td >
2012-09-18 11:32:09 -07:00
< td > 1X< / td >
< td class = "NB-last" > Up to 10X as often< / td >
< / tr >
2013-09-26 12:05:56 -07:00
< tr >
2015-08-24 13:23:57 -07:00
< td class = "NB-bold" > < div class = "NB-welcome-premium-bullet NB-4" > < / div > Search< / td >
< td > -< / td >
2013-09-26 12:05:56 -07:00
< td class = "NB-last" > Search feeds, saved, and shared stories< / td >
< / tr >
2014-03-13 12:07:01 -07:00
< tr >
2015-08-24 13:23:57 -07:00
< td class = "NB-bold" > < div class = "NB-welcome-premium-bullet NB-5" > < / div > Saved story tagging< / td >
2014-03-13 12:07:01 -07:00
< td > Only save stories< / td >
< td class = "NB-last" > Tag saved stories< / td >
< / tr >
2012-11-30 18:05:27 -08:00
< tr >
2015-08-24 13:23:57 -07:00
< td class = "NB-bold" > < div class = "NB-welcome-premium-bullet NB-6" > < / div > Privacy< / td >
2012-11-30 18:05:27 -08:00
< td > Public shares only< / td >
< td class = "NB-last" > Public, protected, and private shares< / td >
< / tr >
2013-06-04 16:09:07 -07:00
< tr >
2015-08-24 13:23:57 -07:00
< 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 >
2013-06-04 16:09:07 -07:00
< td > Wait in a queue< / td >
< td class = "NB-last" > Immediate< / td >
< / tr >
2012-09-18 11:32:09 -07:00
< tr >
< td class = "NB-bold" >
2015-08-24 13:23:57 -07:00
< div class = "NB-welcome-premium-bullet NB-9" > < / div >
2020-11-12 20:28:03 -05:00
Feed poor Lyric
2012-09-18 11:32:09 -07:00
< / td >
< td > She goes hungry< / td >
2012-09-18 13:05:48 -07:00
< td class = "NB-last" >
2020-11-12 20:28:03 -05:00
< img src = "{{ MEDIA_URL }}img/reader/lyric.jpg" class = "NB-lyric" > Home cooked meals of green beans, sweet potatoes, carrots, and brown rice< / td >
2012-09-18 11:32:09 -07:00
< / tr >
< / table >
< / div >
< / div >
2012-12-04 11:55:00 -08:00
2012-09-17 11:52:11 -07:00
< div class = "NB-welcome-activity" >
< div class = "NB-inner" >
{% render_features_module %}
2012-09-18 11:32:09 -07:00
< h2 > Real-time Stats< / h2 >
2012-09-17 11:52:11 -07:00
{% render_statistics_graphs statistics %}
< / div >
2012-09-12 12:12:58 -07:00
< / div >
2012-12-04 11:55:00 -08:00
< div class = "NB-welcome-bottomactions" >
< div class = "NB-inner" >
< div class = "NB-welcome-header-actions" >
< div class = "NB-welcome-header-action" >
< div class = "NB-welcome-header-action-subtext" > First< / div >
< div class = "NB-button NB-button-tryout" >
< img src = "{{ MEDIA_URL }}img/welcome/04-eye@2x.png" style = "width: 20px; height: 13px; margin-top: 2px" >
Try out NewsBlur
< / div >
< / div >
< div class = "NB-welcome-header-action" >
< div class = "NB-welcome-header-action-subtext" > Then< / div >
< div class = "NB-button NB-button-login" >
< img src = "{{ MEDIA_URL }}img/welcome/09-lightning@2x.png" class = "NB-welcome-header-action-bolt" style = "width: 12px; height: 18px; margin-bottom: -2px" >
< img src = "{{ MEDIA_URL }}img/reader/32-Arrow-Right.png" class = "NB-welcome-header-action-arrow" >
Sign up or Log in
< / div >
< / div >
< / div >
< / div >
< / div >
2012-09-18 11:32:09 -07:00
2013-04-18 13:49:17 -07:00
< / div >
{% endblock %}
{% block footer %}
2012-09-18 11:32:09 -07:00
< footer class = "NB-welcome-footer" >
2013-04-18 13:49:17 -07:00
< div class = "NB-welcome-footer-content NB-inner" >
2012-09-18 11:32:09 -07:00
< div class = "NB-footer-icons" >
2012-09-18 13:25:54 -07:00
< a href = "http://github.com/samuelclay" title = "GitHub" > < img src = "{{ MEDIA_URL }}img/welcome/github_favicon.png" > < / a >
< a href = "http://twitter.com/newsblur" title = "Twitter" > < img src = "{{ MEDIA_URL }}img/welcome/twitter_favicon.png" > < / a >
2012-09-18 11:32:09 -07:00
< / div >
2013-09-26 12:05:56 -07:00
< a href = "{% url " index " % } " > < img src = "{{ MEDIA_URL }}/img/logo_newsblur_blur.png" style = "height: 32px;" class = "NB-footer-logo" title = "NewsBlur" alt = "NewsBlur" / > < / a >
2012-09-18 13:25:54 -07:00
is built in New York City and San Francisco by
< a href = "http://twitter.com/samuelclay" class = "NB-splash-link" >
2017-10-18 16:16:01 -07:00
< img src = "{{ MEDIA_URL }}img/static/Samuel%20Clay.jpg" class = "NB-twitter-avatar" >
2012-09-18 13:25:54 -07:00
@samuelclay
< / a >
2012-09-18 11:32:09 -07:00
< / div >
2013-04-18 13:49:17 -07:00
{% render_footer "welcome" %}
2012-09-18 11:32:09 -07:00
< / footer >
2013-04-18 13:49:17 -07:00
{% endblock footer %}
