NewsBlur/templates/reader/feeds_skeleton.xhtml

260 lines
12 KiB
HTML
Raw Normal View History

<div class="NB-layout">
<div class="left-pane">
<div class="left-north">
<div class="NB-feeds-header-user">
<div class="NB-feeds-header-user-image">
{% if social_profile.large_photo_url %}
<img src="{{ social_profile.large_photo_url }}">
{% 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>
<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>
<img src="{{ MEDIA_URL }}/img/icons/circular/nav_icn_activity_active.png">
</div>
2013-01-31 12:20:53 -08:00
<div class="NB-feeds-header-user-dashboard">
<img src="{{ MEDIA_URL }}/img/icons/circular/nav_icn_dashboard_active.png">
2013-01-31 12:20:53 -08:00
</div>
<div class="NB-feeds-header-dashboard"></div>
</div>
2012-11-29 13:00:05 -08:00
<div class="NB-feeds-selector">
<input type="text" name="feeds_selector" class="NB-feeds-selector-input NB-search-input" />
2012-11-29 13:00:05 -08:00
</div>
</div>
2012-11-29 13:00:05 -08:00
<div class="left-center">
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>
</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>
</div>
2012-11-29 13:00:05 -08:00
<div class="NB-socialfeeds-folder">
<ul class="NB-socialfeeds NB-feedlist"></ul>
</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>
</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>
</div>
</div>
2012-11-29 13:00:05 -08:00
</div>
2012-11-29 13:00:05 -08:00
<div class="left-south">
<div class="NB-taskbar-container">
<div class="NB-feed-taskbar">
<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>
</div>
<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>
<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">
<img src="{{ MEDIA_URL }}embed/icons/circular/g_icn_unread.png">
<span class="NB-intelligence-label">Unread</span>
</li>
<li class="NB-intelligence-slider-control NB-intelligence-slider-green">
<img src="{{ MEDIA_URL }}embed/icons/circular/g_icn_focus.png">
<span class="NB-intelligence-label">Focus</span>
</li>
</ul>
2012-11-29 13:00:05 -08:00
</div>
</div>
</div>
</div>
</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
<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">
<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>
<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>
<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>
<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>
<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">
<div class="NB-task-image"></div>
<span class="NB-task-title">Full</span>
</li>
<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>
<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>
{% if not user.is_authenticated %}
2012-11-29 13:00:05 -08:00
<div class="NB-callout-ftux-signup NB-callout">
<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>
</div>
2012-11-29 13:00:05 -08:00
</div>
{% 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">
<div class="NB-story-titles-header NB-feedbar"></div>
2013-02-08 11:26:29 -08:00
<div class="NB-story-titles"></div>
</div>
<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>
</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>
<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>
<div class="NB-text-view">
<div class="NB-text-view-detail"></div>
</div>
<div class="NB-story-view">
<iframe id="story_iframe" class="NB-story-iframe"></iframe>
</div>
</div>
</div>
2012-11-29 13:00:05 -08:00
</div>
2012-11-29 13:00:05 -08:00
</div>
</div>