File:  [mozdev] / brief / www / overview.html
Revision 1.29: download - view: text, annotated - select for diffs - revision graph
Mon Mar 16 23:16:58 2015 UTC (2 years, 7 months ago) by kowalczyk
Branches: MAIN
CVS tags: HEAD
*** empty log message ***

<!DOCTYPE html>

<html lang="en">
    <head>
        <title>Brief - a feed reading extension for Firefox</title>
        <meta charset="utf-8" />
        <link rel="shortcut icon" href="./images/brief-icon-16x16.png">

        <link rel="stylesheet" href="./brief.css">
        <link rel="stylesheet" href="./slimbox/slimbox.css" type="text/css" media="screen">

        <script type="text/javascript" src="./slimbox/mootools.v1.11.js"></script>
        <script type="text/javascript" src="./slimbox/slimbox.js"></script>
        <!-- Google Analytics -->
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-2432918-1', 'auto');
            ga('send', 'pageview');
        </script>
        <!-- End Google Analytics -->
    </head>
    <body>
        <div id="container">
            <a href="./index.html"><img id="brief-icon" src="./images/brief-icon-64x64.png" alt="Brief logo"></a>
            <h1 id="brief-name">Brief <span id="dash">&mdash;</span><span id="brief-subname">a feed reading extension for Firefox</span></h1>

            <div id="nav-container">
                <ul id="navigation">
                    <li><a href="./index.html">Home</a></li>
                    <li class="nav-selected">Overview</li>
                    <li><a href="https://forums.mozilla.org/addons/viewtopic.php?f=23&amp;t=14851">Feedback</a></li>
                    <li><a href="./customize.html">Customize</a></li>
                    <li><a href="./changelog.html">Changelog</a></li>
                </ul>
            </div>

            <div id="overview" class="main-content">

                <div class="showcase-item">
                    <a href="./images/overview/overview%201.jpg" rel="lightbox[showcase]">
                        <img src="./images/overview/overview%201%20-%20small.jpg" alt="Integration with Live Bookmarks">
                    </a>
                    <p>Brief stores your subribed feeds as Live Bookmarks. You can arrange them in folders.</p>
                </div>
                <div class="showcase-item">
                    <a href="./images/overview/overview%202.jpg" rel="lightbox[showcase]">
                        <img src="./images/overview/overview%202%20-%20small.jpg" alt="Sidebar showing list of feeds">
                    </a>
                    <p>List of feeds is displayed in a sidebar. You can click on a single feed or on a whole folder to view it.</p>
                </div>
                <div class="showcase-item">
                    <a href="./images/overview/overview%203.jpg" rel="lightbox[showcase]">
                        <img src="./images/overview/overview%203%20-%20small.jpg" alt="View of feed's content">
                    </a>
                    <p>Feeds are displayed on a seamless page. Unread items are highlighted and there are buttons on each item to mark it as read or delete it.</p>
                </div>
                <div class="showcase-item">
                    <a href="./images/overview/overview%204.jpg" rel="lightbox[showcase]">
                        <img src="./images/overview/overview%204%20-%20small.jpg" alt="Headlines-only view">
                    </a>
                    <p>Headlines view gives you a more compact display. You can also choose to view only the unread items, or the bookmarked ones.</p>
                </div>
                <div class="showcase-item">
                    <a href="./images/overview/overview%205.jpg" rel="lightbox[showcase]">
                        <img src="./images/overview/overview%205%20-%20small.jpg" alt="Searching">
                    </a>
                    <p>Use the search box to quickly find a piece of news. All articles are stored kept permanently so you have a record of everything you've read.</p>
                </div>
                <div class="showcase-item">
                    <a href="./images/overview/overview%206.jpg" rel="lightbox[showcase]">
                        <img src="./images/overview/overview%206%20-%20small.jpg" alt="Bookmarking and tagging">
                    </a>
                    <p>You can bookmark and tag interesting articles with a single click.</p>
                </div>
                <div class="showcase-item">
                    <a href="./images/overview/overview%207.jpg" rel="lightbox[showcase]">
                        <img src="./images/overview/overview%207%20-%20small.jpg" alt="Updating feeds">
                    </a>
                    <p>Brief checks feeds for updates in the background and notifies you about new items.</p>
                </div>
                <div class="showcase-item">
                    <a href="./images/overview/overview%208.jpg" rel="lightbox[showcase]">
                        <img src="./images/overview/overview%208%20-%20small.jpg" alt="Options window">
                    </a>
                    <p>You can select how often to check for updates and how long to keep the downloaded items. You may even have separate settings for each feed, if you need.</p>
                </div>
                <div class="showcase-item">
                    <a href="./images/overview/overview%209.jpg" rel="lightbox[showcase]">
                        <img src="./images/overview/overview%209%20-%20small.jpg" alt="Keyboard shortcuts">
                    </a>
                    <p>Keyboard shortcuts make it browse the pile of news faster.</p>
                </div>

                <div class="clear"></div>
            </div>

            <div id="footer">
                <p>
                    Hosted by <br>
                    <a href="http://www.mozdev.org" title="mozdev.org - free project hosting for the mozilla community"><img src="http://www.mozdev.org/sharedimages/mozdev37.png" style="margin-top: 5px; border-bottom: none;" width="125" height="37" alt="mozdev.org"></a>
                </p>
            </div>

        </div>
    </body>
</html>

FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>