2012-09-11 15:15:16 -07:00
|
|
|
|
2012-09-17 11:52:11 -07:00
|
|
|
<div class="NB-layout">
|
2012-09-11 15:15:16 -07:00
|
|
|
|
2012-09-17 11:52:11 -07:00
|
|
|
<div class="left-pane">
|
|
|
|
|
|
|
|
<div class="left-north">
|
2013-01-23 18:24:27 -08:00
|
|
|
<div class="NB-feeds-header-user">
|
|
|
|
<div class="NB-feeds-header-user-image">
|
|
|
|
{% if social_profile.large_photo_url %}
|
2013-02-01 12:05:45 -08:00
|
|
|
<img src="{{ social_profile.large_photo_url }}">
|
2013-01-23 18:24:27 -08:00
|
|
|
{% else %}
|
|
|
|
{% if user.profile.is_premium %}
|
|
|
|
<img src="{{ MEDIA_URL }}/img/reader/account_premium_{{ account_images|random }}.jpg" />
|
|
|
|
{% else %}
|
|
|
|
<img src="{{ MEDIA_URL }}/img/reader/account_standard_{{ account_images|random }}.jpg" />
|
|
|
|
{% endif %}
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
<div class="NB-feeds-header-user-name">{{ social_profile.username }}</div>
|
2013-01-29 16:47:44 -08:00
|
|
|
<div class="NB-feeds-header-user-interactions">
|
2013-01-30 18:28:37 -08:00
|
|
|
<div class="NB-feeds-header-user-interactions-badge NB-hidden"></div>
|
2013-02-19 17:55:01 -08:00
|
|
|
<img src="{{ MEDIA_URL }}/img/icons/circular/nav_icn_activity_active.png">
|
2013-01-24 18:23:10 -08:00
|
|
|
</div>
|
2013-01-31 12:20:53 -08:00
|
|
|
<div class="NB-feeds-header-user-dashboard">
|
2013-02-19 17:55:01 -08:00
|
|
|
<img src="{{ MEDIA_URL }}/img/icons/circular/nav_icn_dashboard_active.png">
|
2013-01-31 12:20:53 -08:00
|
|
|
</div>
|
2013-02-22 12:13:01 -08:00
|
|
|
<div class="NB-feeds-header-dashboard"></div>
|
2013-01-23 18:24:27 -08:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
<div class="NB-feeds-selector">
|
2012-12-19 14:21:46 -08:00
|
|
|
<input type="text" name="feeds_selector" class="NB-feeds-selector-input NB-search-input" />
|
2012-11-29 13:00:05 -08:00
|
|
|
</div>
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
2012-09-17 11:52:11 -07:00
|
|
|
<div class="left-center">
|
2012-09-11 15:15:16 -07:00
|
|
|
|
2012-11-29 13:00:05 -08:00
|
|
|
<div class="left-center-content NB-sidebar NB-feedlists">
|
|
|
|
<div id="NB-feeds-list-loader">Everything is on its way...</div>
|
|
|
|
<div class="NB-feeds-header-wrapper">
|
|
|
|
<div class="NB-feeds-header-container NB-feeds-header-tryfeed-container">
|
|
|
|
<div class="NB-feeds-header NB-feeds-header-tryfeed">
|
|
|
|
<img class="NB-feeds-header-icon" src="" />
|
|
|
|
<div class="NB-feeds-header-title"></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
2012-11-30 14:28:55 -08:00
|
|
|
<div class="NB-feeds-header-container NB-feeds-header-river-container NB-feeds-header-river-global-container">
|
|
|
|
<div class="NB-feeds-header NB-feeds-header-river-global NB-empty">
|
|
|
|
<div class="NB-feeds-header-count unread_count"></div>
|
|
|
|
<div class="NB-feeds-header-icon"></div>
|
|
|
|
<div class="NB-feeds-header-title">
|
|
|
|
Global Shared Stories
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="NB-feeds-header-container NB-feeds-header-river-container NB-feeds-header-river-blurblogs-container">
|
2012-11-29 13:00:05 -08:00
|
|
|
<div class="NB-feeds-header NB-feeds-header-river-blurblogs NB-empty">
|
|
|
|
<div class="NB-feeds-header-count unread_count"></div>
|
|
|
|
<div class="NB-feeds-header-icon"></div>
|
|
|
|
<div class="NB-feedlist-collapse-icon"></div>
|
|
|
|
<div class="NB-feeds-header-title">
|
|
|
|
All Shared Stories
|
|
|
|
</div>
|
|
|
|
</div>
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
|
|
|
<div class="NB-socialfeeds-folder">
|
|
|
|
<ul class="NB-socialfeeds NB-feedlist"></ul>
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
2012-11-30 14:28:55 -08:00
|
|
|
<div class="NB-feeds-header-container NB-feeds-header-river-container NB-feeds-header-river-sites-container">
|
2012-11-29 13:00:05 -08:00
|
|
|
<div class="NB-feeds-header NB-feeds-header-river-sites NB-empty">
|
|
|
|
<div class="NB-feeds-header-count unread_count"></div>
|
|
|
|
<div class="NB-feeds-header-icon"></div>
|
|
|
|
<div class="NB-feeds-header-title">
|
|
|
|
All Site Stories
|
|
|
|
</div>
|
|
|
|
</div>
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
|
|
|
<ul class="folder NB-feedlist" id="feed_list"></ul>
|
2012-11-29 13:10:11 -08:00
|
|
|
|
|
|
|
<div class="NB-feeds-header-container NB-feeds-header-starred-container">
|
|
|
|
<div class="NB-feeds-header NB-feeds-header-starred NB-empty">
|
|
|
|
<div class="NB-feeds-header-count unread_count"></div>
|
|
|
|
<div class="NB-feeds-header-icon"></div>
|
|
|
|
<div class="NB-feeds-header-title">
|
|
|
|
Saved Stories
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="left-center-footer">
|
|
|
|
<div id="NB-progress">
|
|
|
|
<div class="NB-progress-container">
|
|
|
|
<div class="NB-progress-close"></div>
|
|
|
|
<div class="NB-progress-title">Fetching your feeds</div>
|
|
|
|
<div class="NB-progress-percentage"></div>
|
|
|
|
<div class="NB-progress-link"></div>
|
|
|
|
<div class="NB-progress-counts">
|
|
|
|
<span class="NB-progress-counts-fetched"></span>
|
|
|
|
/
|
|
|
|
<span class="NB-progress-counts-total"></span>
|
|
|
|
</div>
|
|
|
|
<div class="NB-progress-bar"></div>
|
|
|
|
</div>
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
2012-09-11 15:15:16 -07:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
2013-01-24 18:23:10 -08:00
|
|
|
<div class="left-south">
|
|
|
|
<div class="NB-taskbar-container">
|
2013-01-25 10:57:09 -08:00
|
|
|
<div class="NB-feed-taskbar">
|
2013-01-24 18:23:10 -08:00
|
|
|
<div class="NB-callout-ftux NB-callout">
|
|
|
|
<div class="NB-callout-container">
|
|
|
|
<div class="NB-callout-text"></div>
|
|
|
|
<div class="NB-callout-arrow"></div>
|
2012-11-29 13:00:05 -08:00
|
|
|
</div>
|
2013-01-24 18:23:10 -08:00
|
|
|
</div>
|
2013-01-25 10:57:09 -08:00
|
|
|
<div class="NB-task-button NB-task-add">
|
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
</div>
|
|
|
|
<div class="NB-task-button NB-task-manage NB-disabled">
|
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
</div>
|
2013-01-24 18:23:10 -08:00
|
|
|
<div class="NB-taskbar-intelligence">
|
|
|
|
<div class="NB-intelligence-slider">
|
|
|
|
<ul class="segmented-control">
|
|
|
|
<li class="NB-intelligence-slider-control NB-intelligence-slider-red">
|
|
|
|
All
|
|
|
|
</li>
|
|
|
|
<li class="NB-intelligence-slider-control NB-intelligence-slider-yellow">
|
2013-02-19 17:55:01 -08:00
|
|
|
<img src="{{ MEDIA_URL }}embed/icons/circular/g_icn_unread.png">
|
2013-01-24 18:23:10 -08:00
|
|
|
<span class="NB-intelligence-label">Unread</span>
|
|
|
|
</li>
|
|
|
|
<li class="NB-intelligence-slider-control NB-intelligence-slider-green">
|
2013-02-19 17:55:01 -08:00
|
|
|
<img src="{{ MEDIA_URL }}embed/icons/circular/g_icn_focus.png">
|
2013-01-24 18:23:10 -08:00
|
|
|
<span class="NB-intelligence-label">Focus</span>
|
|
|
|
</li>
|
|
|
|
</ul>
|
2012-11-29 13:00:05 -08:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2012-09-11 15:15:16 -07:00
|
|
|
</div>
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="NB-menu-manage-container"></div>
|
|
|
|
|
|
|
|
<div class="NB-taskbar-sidebar-toggle-open" title="Show sidebar"><div class="NB-taskbar-sidebar-toggle-open-image"></div></div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
2012-09-17 11:52:11 -07:00
|
|
|
<div class="right-pane">
|
2012-11-29 13:00:05 -08:00
|
|
|
|
2013-02-08 11:26:29 -08:00
|
|
|
<div id="story_taskbar" class="NB-taskbar-container content-north">
|
|
|
|
<ul class="segmented-control NB-taskbar NB-taskbar-view">
|
2013-03-27 11:53:39 -07:00
|
|
|
<li class="NB-taskbar-button task_view_page NB-tipsy" tipsy-title="Original">
|
2013-02-08 11:26:29 -08:00
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
<span class="NB-task-title">Original</span>
|
|
|
|
<span class="NB-task-original-return NB-task-title">
|
|
|
|
Return
|
|
|
|
</span>
|
|
|
|
<div class="NB-task-view-switch-arrow NB-task-view-page-to-feed-arrow"></div>
|
|
|
|
</li>
|
2013-03-27 11:53:39 -07:00
|
|
|
<li class="NB-taskbar-button task_view_feed NB-active NB-tipsy" tipsy-title="Feed">
|
2013-02-08 11:26:29 -08:00
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
<span class="NB-task-title">Feed</span>
|
|
|
|
<div class="NB-task-view-switch-arrow NB-task-view-to-feed-arrow"></div>
|
|
|
|
</li>
|
2013-03-27 11:53:39 -07:00
|
|
|
<li class="NB-taskbar-button task_view_text NB-tipsy" tipsy-title="Text">
|
2013-02-08 11:26:29 -08:00
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
<span class="NB-task-title">Text</span>
|
|
|
|
<div class="NB-task-view-switch-arrow NB-task-view-to-text-arrow"></div>
|
|
|
|
</li>
|
2013-03-27 11:53:39 -07:00
|
|
|
<li class="NB-taskbar-button task_view_story NB-tipsy" tipsy-title="Story">
|
2013-02-08 11:26:29 -08:00
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
<span class="NB-task-title">Story</span>
|
|
|
|
<div class="NB-task-view-switch-arrow NB-task-view-to-story-arrow"></div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
2013-03-26 11:10:12 -07:00
|
|
|
<ul class="segmented-control NB-taskbar NB-taskbar-nav">
|
2013-02-21 12:53:45 -08:00
|
|
|
<li class="NB-taskbar-button NB-task-story-previous">
|
2013-02-08 11:26:29 -08:00
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
</li>
|
|
|
|
<li class="NB-taskbar-button NB-task-story-next-unread NB-task-story-next-positive">
|
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
<span class="NB-task-title">Next Unread</span>
|
|
|
|
</li>
|
2013-02-21 12:53:45 -08:00
|
|
|
<li class="NB-taskbar-button NB-task-story-next">
|
2013-02-08 11:26:29 -08:00
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<ul class="segmented-control NB-taskbar NB-taskbar-layout">
|
2013-07-11 16:11:56 -07:00
|
|
|
<li class="NB-taskbar-button NB-task-layout-full NB-tipsy" tipsy-title="Full">
|
2013-07-08 17:06:01 -07:00
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
<span class="NB-task-title">Full</span>
|
|
|
|
</li>
|
2013-03-27 11:53:39 -07:00
|
|
|
<li class="NB-taskbar-button NB-task-layout-split NB-active NB-tipsy" tipsy-title="Split">
|
2013-02-08 11:26:29 -08:00
|
|
|
<div class="NB-task-image"></div>
|
|
|
|
</li>
|
2013-03-27 11:53:39 -07:00
|
|
|
<li class="NB-taskbar-button NB-task-layout-list NB-tipsy" tipsy-title="List">
|
2013-02-08 11:26:29 -08:00
|
|
|
<div class="NB-task-image"></div>
|
2013-03-26 17:19:17 -07:00
|
|
|
<span class="NB-task-title">List</span>
|
2013-02-08 11:26:29 -08:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
2012-09-17 11:52:11 -07:00
|
|
|
{% if not user.is_authenticated %}
|
2012-11-29 13:00:05 -08:00
|
|
|
<div class="NB-callout-ftux-signup NB-callout">
|
2012-09-11 15:15:16 -07:00
|
|
|
<div class="NB-callout-container">
|
2012-11-29 13:00:05 -08:00
|
|
|
<div class="NB-callout-text"></div>
|
|
|
|
<div class="NB-callout-arrow"></div>
|
2012-09-11 15:15:16 -07:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
</div>
|
2012-09-17 11:52:11 -07:00
|
|
|
{% endif %}
|
2013-02-08 11:26:29 -08:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
2013-02-08 11:26:29 -08:00
|
|
|
<div class="content-pane">
|
|
|
|
|
|
|
|
<div id="story_titles" class="right-north">
|
2013-07-08 17:06:01 -07:00
|
|
|
<div class="NB-story-titles-header NB-feedbar"></div>
|
2013-02-08 11:26:29 -08:00
|
|
|
<div class="NB-story-titles"></div>
|
|
|
|
</div>
|
|
|
|
|
2012-09-17 11:52:11 -07:00
|
|
|
<div id="story_pane" class="content-center">
|
|
|
|
<div id="mouse-indicator">
|
2012-11-29 13:00:05 -08:00
|
|
|
<div class="NB-callout-mouse-indicator NB-callout">
|
|
|
|
<div class="NB-callout-container">
|
|
|
|
<div class="NB-callout-text"></div>
|
|
|
|
<div class="NB-callout-arrow"></div>
|
|
|
|
</div>
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="NB-story-pane-container">
|
2012-11-29 13:00:05 -08:00
|
|
|
<iframe id="feed_iframe" class="NB-feed-iframe"></iframe>
|
|
|
|
<div class="NB-feed-story-view NB-view-hidden">
|
|
|
|
<div class="NB-feed-story-view-floater"></div>
|
2013-07-08 17:06:01 -07:00
|
|
|
<div class="NB-feed-stories-container">
|
|
|
|
<div class="NB-feed-story-view-header NB-feedbar"></div>
|
|
|
|
<ul class="NB-feed-stories"></ul>
|
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
</div>
|
2013-01-08 18:33:30 -08:00
|
|
|
<div class="NB-text-view">
|
|
|
|
<div class="NB-text-view-detail"></div>
|
|
|
|
</div>
|
2013-07-04 01:10:38 -07:00
|
|
|
<div class="NB-story-view">
|
|
|
|
<iframe id="story_iframe" class="NB-story-iframe"></iframe>
|
|
|
|
</div>
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
2012-09-11 15:15:16 -07:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
2012-11-29 13:00:05 -08:00
|
|
|
|
2012-09-17 11:52:11 -07:00
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|