public-mirrors/NewsBlur-viq
1
0
Fork 0
mirror of https://github.com/viq/NewsBlur.git synced 2025-09-18 21:43:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updating Tutorial and FAQ for intellignece (thanks Mark Limke).

Browse source
This commit is contained in:
Samuel Clay 2018-05-03 15:11:52 -07:00
parent ec5b189407
commit 078c287ddf
3 changed files with 34 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
media/css/reader.css
View file

@ -8153,23 +8153,6 @@ form.opml_import_form input {
top: 24px;
position: relative;
}
.NB-modal-tutorial .NB-page-3 {
position: static;
float: right;
display: block;
overflow: hidden;
width: 240px;
height: 122px;
}
.NB-modal-tutorial .NB-page-3 .story {
padding-right: 0;
}
.NB-modal-tutorial .NB-page-3 .story:last-child {
border-bottom: 1px solid #E7EDF6;
}
.NB-modal-tutorial .NB-page-3 ul img.NB-trainer-bullet {
vertical-align: middle;
}
.NB-modal-tutorial .NB-page-3 .NB-tutorial-train-1 {
margin-bottom: 12px;
}
@ -8177,6 +8160,10 @@ form.opml_import_form input {
margin-right: 24px;
border: 1px solid #505050;
}
.NB-modal-tutorial .NB-page-3 ul img.NB-trainer-bullet {
width: 8px;
margin: 0px 8px 2px 0;
}
.NB-modal-tutorial .NB-page-4 ul li {
clear: both;
padding: 0 224px 0 20px;

35
media/js/newsblur/reader/reader_tutorial.js
View file

@ -144,33 +144,17 @@ _.extend(NEWSBLUR.ReaderTutorial.prototype, {
$.make('li', [
$.make('b', 'Second: The intelligence slider filters stories based on training.'),
$.make('div', { className: 'NB-tutorial-stories', id: 'story_titles' }),
$.make('img', { className: 'NB-trainer-bullet', src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/silk/bullet_green.png'}),
' are stories you like',
$.make('img', { className: 'NB-trainer-bullet', src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/circular/g_icn_focus.png'}),
'Focus stories are stories you like',
$.make('br'),
$.make('img', { className: 'NB-trainer-bullet', src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/circular/g_icn_unread.png'}),
' are stories you have not yet rated',
'Unread stories include both focus and unread stories',
$.make('br'),
$.make('img', { className: 'NB-trainer-bullet', src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/silk/bullet_red.png'}),
' are stories you don\'t like',
$.make('div', { className: 'NB-taskbar-intelligence' }, [
$.make('div', { className: 'NB-tutorial-slider' }),
$.make('div', { className: 'NB-intelligence-slider' }, [
$.make('ul', { className: 'segmented-control' }, [
$.make('li', { className: 'NB-intelligence-slider-control NB-intelligence-slider-red' }, [
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/silk/bullet_red.png' }),
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/circular/g_icn_unread.png' }),
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/silk/bullet_green.png' })
]),
$.make('li', { className: 'NB-intelligence-slider-control NB-intelligence-slider-yellow' }, [
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/circular/g_icn_unread.png' }),
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/silk/bullet_green.png' })
]),
$.make('li', { className: 'NB-intelligence-slider-control NB-intelligence-slider-green' }, [
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/silk/bullet_green.png' })
])
])
])
])
$.make('img', { className: 'NB-trainer-bullet', src: NEWSBLUR.Globals.MEDIA_URL + '/img/icons/circular/g_icn_hidden.png'}),
'Hidden stories are filtered out'
]),
$.make('li', [
$.make('a', { href: '/faq#intelligence', target: "_blank", className: 'NB-splash-link' }, 'Read more about how Intelligence works in the FAQ')
])
])
]),
@ -475,6 +459,9 @@ _.extend(NEWSBLUR.ReaderTutorial.prototype, {
]));
this.set_title();
this.resize();
_.defer(_.bind(function() {
this.resize();
}, this));
},
close: function() {

21
templates/static/faq.xhtml
View file

@ -6,8 +6,25 @@
{% block title %}Frequently Asked Questions{% endblock %}
{% block content %}
{% block extra_head_js %}
<script>
$(document).ready(function(){
$(window).load(function(){
// Remove the # from the hash, as different browsers may or may not include it
var hash = location.hash.replace('#','');
if (hash != '') {
$('html, body').animate({ scrollTop: $('#intelligence_scroll').offset().top - 72}, {
duration: 1000,
easing: 'easeOutQuart'
});
}
});
});
</script>
{% endblock %}
{% block content %}
<div class="NB-static-title">
Frequently Asked Questions
</div>
@ -58,7 +75,7 @@
</div>
<div class="NB-module">
<h5 class="NB-module-title">The Intelligence</h5>
<h5 class="NB-module-title" id="intelligence_scroll">The Intelligence</h5>
<div class="NB-module-content">
<ul class="NB-about-server">
<li class="NB-faq-question">