NewsBlur-viq/templates/static/about.xhtml

{% extends 'base.html' %}

{% block bodyclass %}NB-static NB-static-about{% endblock %}

{% block title %}About NewsBlur{% endblock %}

{% block head %}
    
{% endblock %}

{% block content %}

  <div class="NB-static-title">
    About NewsBlur
  </div>
  
  <div class="NB-module">
    <h5 class="NB-module-title"><span class="NB-module-title-prefix">What Is NewsBlur?</h5>
    <div class="NB-module-content">
      <ul class="NB-about-what">
        <li>NewsBlur is a social news reader that's built to simplify the process of reading news and make it easier to share your favorite stories with your friends. 
      </ul>
    </div>
  </div>
  
   <div class="NB-module">
    <h5 class="NB-module-title"><span class="NB-module-title-prefix">Why:</span>What makes NewsBlur better</h5>
    <div class="NB-module-content">
      <ul class="NB-about-why">
        <li><b>News reading</b>: With first-class iOS, Android, and web apps, NewsBlur is an easy and organized way to read the news wherever you are.</li>
        <li><b>Training</b>: By using NewsBlur's training filters, you can hide stories you don't want to see and highlight the stories that interest you. Teaching NewsBlur your preferences (or lack thereof) for certain blogs, authors, and topics cuts down on the noise and connects you with the news that interests you most.</li>
        <li><b>Social</b>: Sharing and talking about the news is not only fun, but allows you to break out of your routine and embrace the serendipity of your friends' tastes.</li>
        <li><b>Blurblogs</b>: Even if your friends aren't NewsBlur users, they can keep up with what you're reading through a public blog of all the stories you've shared, including your comments.</li>
      </ul>
    </div>
  </div>

  <div class="NB-module">
    <h5 class="NB-module-title"><span class="NB-module-title-prefix">When:</span>The story behind NewsBlur</h5>
    <div class="NB-module-content">
      <ul class="NB-about-what">
        <li>In New York City during the summer of 2009, Samuel Clay wanted a better way to read the news. So he built the first version of NewsBlur almost entirely underground on the A train.</li>
        <li>In mid-2010, NewsBlur launched to the public and to favorable reviews. In October 2010, premium accounts launched, paying for NewsBlur's increasing server costs.</li>
        <li>After Samuel enters Y Combinator in the summer of 2012, he's able to launch lots of new features, like Blurblogs. Samuel and his dog Shiloh celebrate with champagne and biscuits.
      </ul>
    </div>
  </div>
  
  <div class="NB-module">
    <h5 class="NB-module-title"><span class="NB-module-title-prefix">Who:</span>A Labor of Love</h5>
    <div class="NB-module-content">
      <ul class="NB-about-who">
        <li>
            <img src="{{ MEDIA_URL }}img/static/Samuel Clay.jpg">
            <div class="NB-about-who-name">Samuel Clay</div>
            <div class="NB-acount-who-twitter"><a href="http://twitter.com/samuelclay">@samuelclay</a></div>
            <div class="NB-about-who-website"><a href="http://www.samuelclay.com">www.samuelclay.com</a></div>
            <div class="NB-about-who-email"><a href="mailto:samuel@newsblur.com">samuel@newsblur.com</a></div>
        </li>
        <li>
            <img src="{{ MEDIA_URL }}img/static/Shiloh.jpg">
            <div class="NB-about-who-name">Shiloh</div>
            <div class="NB-acount-who-twitter"><a href="http://twitter.com/newsblur">@newsblur</a></div>
            <div class="NB-about-who-email"><a href="mailto:shiloh@newsblur.com">shiloh@newsblur.com</a></div>
        </li>
      </ul>
    </div>
  </div>

  <div class="NB-module">
    <h5 class="NB-module-title"><span class="NB-module-title-prefix">How:</span>Server-side technologies</h5>
    <div class="NB-module-content">
      <ul class="NB-about-server">
        <li><a href="http://www.djangoproject.com">Django</a>: Web framework written in Python, used to serve all pages.</li>
        <li><a href="http://ask.github.com/celery">Celery</a> &amp; <a href="http://www.rabbitmq.com">RabbitMQ</a>: Asynchronous queueing server, used to fetch and parse RSS feeds.</li>
        <li><a href="http://www.mongodb.com">MongoDB</a>, <a href="http://www.mongodb.com/pymongo">Pymongo</a>, &amp; <a href="http://www.github.com/hmarr/mongoengine">Mongoengine</a>: Non-relational database, used to store stories, read stories, feed/page fetch histories, and proxied sites.</li>
        <li class=""><a href="http://www.postgresql.com">PostgreSQL</a>: Relational database, used to store feeds, subscriptions, and user accounts.</li>
        <li class="last"><a href="http://www.redis.io">Redis</a>: Non-relational database, used to calculate unread stories, and used to store friendships and unread story lists. Also used for pub/sub for real-time story updates. Also used as celery's queue backend. Fantastic database technology that changed the game for NewsBlur.</li>
      </ul>
    </div>
  </div>

  <div class="NB-module">
    <h5 class="NB-module-title"><span class="NB-module-title-prefix">How:</span>Client-side and design</h5>
    <div class="NB-module-content">
      <ul class="NB-about-client">
        <li><a href="http://www.jquery.com">jQuery</a>: Cross-browser compliant JavaScript code. IE works without effort.</li>
        <li><a href="http://documentcloud.github.com/backbone/">Backbone.js</a>: Models and views make for easy maintenance.</li>
        <li><a href="http://documentcloud.github.com/underscore/">Underscore.js</a>: Functional programming for JavaScript. Indispensible.</li>
        <li><b>Miscellaneous jQuery Plugins:</b> Everything from resizable layouts, to progress bars, sortables, date handling, colors, corners, JSON, animations. See the complete list on <a href="http://github.com/samuelclay/">NewsBlur's GitHub repository</a></li>
      </ul>
    </div>
  </div>

{% endblock content %}