jplusplus / broken-promises-client Goto Github PK

Si on ouvre un article de la 2eme ou 3eme colonne, le header se décale avec la scroll bar horizontale qui apparait.

Il faudrait que le header soit dans une div à part qui ne bouge pas.

Le Guardian utilise beaucoup ce caractère —

Or en front, il est mal interpreté et ressort comme ceci â
ex: http://www.nytimes.com/2013/09/13/sports/soccer/us-jumps-to-no-13-in-fifa-rankings.html

Comme par exemple ici où c'est bien surligné dans le 2eme article mais pas le premier.
Par contre je n'ai pas trouvé la cause ça à l'air aléatoire (même si ce ne doit pas être le cas).

Il faudrait garder la mise en forme original (gras, saut de ligne, style des liens etc).

Possible d'implémenter facilement le fait que si j'accède au lien

http://brokenpromises.jplusplus.org/may-2014 je vois directement le 2eme bloc paramétré pour May 2014 ?

Ce serait top pour mettre le bon lien directement dans les emails reçus apres "suscribed"

Uniquement si prend moins d'1/2h à implémenter

• Si une date a été scrapée sans résultats, afficher le message d'erreur "No results for this date"

Par exemple cet article:
http://www.nytimes.com/reuters/2013/11/20/business/20reuters-ecb-supervision-chair.html

On n'a pas de logo actuellement sur le front, il faudrait mettre le logo de Reuters
http://graphics8.nytimes.com/images/article/reuters_sidebar.gif

(Edouard te retourne bien source=Reuters)

• Ajouter sur chaque board une icone "calendrier" pour choisir une autre date à la main

Afin de finaliser le design et que ça ressemble à ceci, je te met ci-dessous les propriétés à changer, et en pièce jointe les icones des flèches et du calendrier.

.punch {
float: left;
font-size: 120%;
margin-top: 10px;
}

body {
font-family: arial,sans-serif;
line-height: 1.42857;
color: #0F4C82;
}

.view .full-col div.h3 {
font-size: 20px;
font-weight: 900;
font-family: arial,sans-serif;
}

.view .full-col div.h3 i {
color: #9ABCDE;
}

.view .full-col div.h3 p.last-scrape {
font-weight: 400;
font-size: 13px;
}

1/Afficher le message

"Want to be informed when the data related to this date are updated?

Please leave your email"

• Champ pour laisser l'email

2/ Une fois que l'utilisateur a validé, afficher
You're now registered and will be informed when the data are available.

En plus : On peut vérifier que l'adresse email est bien formatée mais on ne vérifie pas que l'utilisateur a déjà souscrit ou quoi.

Changer le texte à côté des dates:
This column shows articles in the Guardian archive mentioning November 18 2013.

PAR

This column shows articles in the selected archive mentioning November 18 2013.

et

This column show articles from 2012 or later mentioning 2013.

PAR

This column shows articles mentioning 2013.

Si c'est possible, l'idéal serait de ne pas afficher le calendrier avec les jours pour la 2eme colonne, c'est perturbant de devoir choisir un jour alors que seuls mois/année nous interessent

Afin qu'on n'ait pas un gros blanc comme cela au-dessus de l'article:

Pour harmoniser, il faudrait prévoir que la hauteur du bloc blanc soit au moins prévue pour "want more results" est sur 3 lignes

Cet article là à la date du 3 déc http://www.theguardian.com/world/2013/nov/15/roma-gypsies-and-travellers-family

Le titre est mal interpreté, en front il est affiché Gypsies, Roma & Travellers: introduce us to your family

Ce qui est assez bizarre car à la date du 12 nov il y a presque le meme article avec le même titre, qui là est bien interpreté

actuellement c'est surligné dans la preview mais pas dans le corps de l'article.

Le plus simple serait de supprimer le calendrier pour la colonne "années" trop perturbant et pas forcément nécessaire

1/Afficher le message

"Leave your email to be informed when new data are available"

"Your email"

• Champ pour laisser l'email

Tant que l'e-mail n'est pas valide, le bouton "ok" est désactivé

2/Confirmation

"You're now registered and will be informed when new data are available."

Le principe du footer est que ce soit une bande fixe en bas du site.

Voici les liens qu'il va contenir:

• Contact (mailto @ [email protected])
• GitHub (https://github.com/jplusplus/broken-promises-client)
• About

Les 2 premiers liens s'ouvrent en target blank.

Pour le about, c'est un bandeau qui s'ouvre par le bas au rollover. Il suffit de sortir la souris du bloc pour le fermer.

Par exemple les dates ne s'affichent pas sous Safari, il est marqué "Last scrap on undefined NaN, NaN"

et "Published NaN/NaN/0NaN"

Dans cet article là http://www.theguardian.com/recruiters/terms-and-conditions-schools-dm-campaign
Le premier du 2 décembre.

Le texte surligné dans le corps de l'article n'est pas le bon, je n'ai trouvé que ce cas là. Peut-être car la date recherchée se termine par un point ? Du coup le surlignage ne s'arrête pas ?

Par exemple pour cet article
http://www.theguardian.com/voluntary-sector-network/2013/jun/04/charity-awards-2013-timeline-frequently-asked-questions

Quand je suis sur le 3 décembre en front, je ne vois pas l'extrait associé à la date.

Je vois le texte "Click here for key dates and frequently asked questions" qui se trouve dans le champ "Snippet" du Json.
Il faut bien prendre tout le dans le champ "extract" associé à la date recherchée.

Passer de 20px à 18px les titre bleu des dates. Ainsi ça sera aussi niquel sous IE où les typos sont toujours plus grosses.

(actuellement le titre ne rentre pas sur une ligne sous IE).

.view .full-col div.h3 {
font-size: 18px;

Ajouter des flèches de navigation sur chaque board.
Sur le board jour on navigue par jour, board mois par mois et board année par année.

• Sur chaque board, sous chaque date, ajouter la date du dernier scrap + un CTA "suscribe".
  (fonctionnement du bouton "suscribe" détaillé dans un autre ticket-

1/ Si la date choisie n'a jamais été scrappée, ajouter le message suivant
"This date hasn't be scrapped yet."

Plus le texte suivant dans le board

Want to be informed when the data are available?

Please leave your email
(Champ pour entrer email + CTA "ok").

2/ Une fois que l'utilisateur a entré son email, affiché le message suivant

"You're now registered and will be informed when the data are available."

sser

Par exemple si j'ouvre cet article, dans le bloc de droite je devrais voir le titre avant l'article:

"Why teachers should read more children's books"