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" >
2012-09-17 11:52:11 -07:00
< div class = "NB-inner" >
< div class = "NB-welcome-header-logo" >
2012-11-30 17:48:57 -08:00
< a href = "/" > < img src = "{{ MEDIA_URL }}img/logo_512.png" class = "NB-module-logo-image" style = "height: 128px;" / > < / a >
2012-09-11 15:15:16 -07:00
< / div >
2012-09-17 11:52:11 -07:00
< div class = "NB-welcome-header-tagline" >
2012-11-30 17:48:57 -08:00
< 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 >
2012-09-11 15:15:16 -07:00
< / div >
2012-09-17 11:52:11 -07:00
< 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 >
2012-09-12 18:47:37 -07:00
< / div >
2012-09-17 11:52:11 -07:00
< 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" >
2012-11-09 15:29:07 -08:00
< img src = "{{ MEDIA_URL }}img/welcome/04-eye@2x.png" style = "width: 20px; height: 13px; margin-top: 2px" >
2012-09-17 11:52:11 -07:00
Try out NewsBlur
2012-09-12 18:47:37 -07:00
< / div >
2012-09-17 11:52:11 -07:00
< / div >
< div class = "NB-welcome-header-action" >
< div class = "NB-welcome-header-action-subtext" > Then< / div >
< div class = "NB-button NB-button-login" >
2012-11-09 15:29:07 -08:00
< img src = "{{ MEDIA_URL }}img/welcome/09-lightning@2x.png" class = "NB-welcome-header-action-bolt" style = "width: 12px; height: 18px; margin-bottom: -2px" >
2012-09-17 11:52:11 -07:00
< img src = "{{ MEDIA_URL }}img/reader/32-Arrow-Right.png" class = "NB-welcome-header-action-arrow" >
Sign up or Log in
2012-09-12 18:47:37 -07:00
< / div >
2012-09-17 11:52:11 -07:00
< / div >
< / div >
< div class = "NB-welcome-header-image {% if not post_request %}NB-active{% endif %}" >
< img src = "{{ MEDIA_URL }}img/welcome/header-web.png" class = "NB-1" >
< img src = "{{ MEDIA_URL }}img/welcome/header-ios.png" class = "NB-2" >
< img src = "{{ MEDIA_URL }}img/welcome/header-android.png" class = "NB-3" >
2012-09-12 18:47:37 -07:00
< / div >
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 >
< 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 >
2012-09-17 11:52:11 -07: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 >
< div class = "NB-feature-text" > Stories are pushed directly to you, so you can read news as it comes in.< / div >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/feature_2.png" >
< 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 >
< / div >
< div class = "NB-feature" >
< img src = "{{ MEDIA_URL }}img/welcome/feature_3.png" >
< div class = "NB-feature-caption" > Shared stories< / div >
2012-11-30 14:28:55 -08:00
< 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 >
< div class = "NB-feature-text" > Hide the stories you don't like and highlight the stories you do.< / div >
< / 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 >
2015-08-24 13:23:57 -07:00
< 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 >
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" >
2013-03-15 12:35:10 -07:00
< div class = "NB-price" > $24 / 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 >
2012-09-18 11:32:09 -07:00
Feed poor Shiloh
< / td >
< td > She goes hungry< / td >
2012-09-18 13:05:48 -07:00
< td class = "NB-last" >
< img src = "{{ MEDIA_URL }}img/reader/shiloh.jpg" class = "NB-shiloh" > 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" >
2014-03-14 00:54:44 -04:00
< img src = "https://pbs.twimg.com/profile_images/1382021023/Campeche_Steps_reasonably_small.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 %}
