[Feature] Mode lecteur #671

sandhose · 2014-06-02T20:45:13Z

Q	R
Correction de bugs ?	non
Nouvelle Fonctionnalité ?	oui
Tickets concernés	#659

Rapidement implémenté un bouton "Mode lecture"... Encore à intégrer ça correctement question design (pour le moment, ce n'est qu'un simple bouton), et éventuellement rajouter un raccourci clavier (ESC pour revenir en mode normal, Ctrl+L ou je ne sais quoi pour entrer en mode lecteur...) + éventuellement masquer d'autres éléments (type zone de commentaire, footer...)

Autre idée: permettre le changement de taille de font, et eventuellement combiner cela avec le mode nuit (cf. #584 )

coveralls · 2014-06-02T21:00:29Z

Coverage remained the same when pulling 29d75eb on sandhose:feature-659-reader-mode into 17800b2 on zestedesavoir:integration.

coma94 · 2014-06-02T21:02:37Z

Il me semble justement que changer la taille de la font et son type (sérif/sans sérif) est prévu pour une future version :) (mais pas prioritaire).

On 2 juin 2014 22:45:13 UTC+02:00, Sandhose notifications@github.com wrote:

| Q | R

| ------------------------- |

| Correction de bugs ? | non
| Nouvelle Fonctionnalité ? | oui
| Tickets concernés | #659

Rapidement implémenté un bouton "Mode lecture"... Encore à
intégrer ça correctement question design (pour le moment, ce n'est
qu'un simple bouton), et éventuellement rajouter un raccourci
clavier (ESC pour revenir en mode normal, Ctrl+L ou je ne sais quoi
pour entrer en mode lecteur...) + éventuellement masquer d'autres
éléments (type zone de commentaire, footer...)

Autre idée: permettre le changement de taille de font, et
eventuellement combiner cela avec le mode nuit (cf. #584 )
You can merge this Pull Request by running:

git pull https://github.com/sandhose/zds-site feature-659-reader-mode

Or you can view, comment on it, or merge it online at:

#671

-- Commit Summary --

added reader-mode class

added an (ugly) "Reader mode" button

-- File Changes --

M assets/css/main.css (2)
M assets/css/scss/_wide.scss (29)
M assets/css/scss/main.scss (2)
A assets/images/sprite@2x-s7500912c30.png (0)
D assets/images/sprite@2x-sdc8bfa9a21.png (0)
A assets/js/custom/reader-mode.js (20)
M templates/base_content_page.html (2)

-- Patch Links --

https://github.com/zestedesavoir/zds-site/pull/671.patch
https://github.com/zestedesavoir/zds-site/pull/671.diff

Reply to this email directly or view it on GitHub:
#671

Alex-D · 2014-06-02T21:07:06Z

Merci pour cette première PR, par contre je vais paraître chiant, mais le français est préféré à l'anglais pour les commits (la majorité en a décidé ainsi). Pas gênant, mais préférable pour la suite.

Pour le JS, globalement on se base sur jQuery ça serait cool si tu pouvais adapter ton code (sauf si tu es un radicaliste comme ThS :D)

En fait ton JS avec jQuery se résume à un simple

$('#readerModeBtn').on('click', function(e){
    $('.machin').toggleClass('reader-mode');
    e.stopPropagation();
    e.preventDefault();
});

ou quelque chose comme ça.

Je n'ai pas testé encore, mais ça me semble être un bon début :)

coveralls · 2014-06-02T21:08:53Z

Coverage remained the same when pulling 29d75eb on sandhose:feature-659-reader-mode into 17800b2 on zestedesavoir:integration.

sandhose · 2014-06-02T21:14:28Z

Disons que je suis plutôt radicaliste face à jQuery :p (j'étais en train de me demander si je devais pas faire une PR en adaptant tout a du JS pur ^_^ )

Et j'ai fait cette structure en prévision d'une éventuelle amélioration de cette fonctionnalité...

On Mon, Jun 2, 2014 at 11:08 PM, Coveralls <notifications@github.com="mailto:notifications@github.com">> wrote:

Coverage remained the same when pulling 29d75eb on sandhose:feature-659-reader-mode into 17800b2 on zestedesavoir:integration.
—
Reply to this email directly or view it on GitHub.

SpaceFox · 2014-06-02T21:15:34Z

zds/settings.py

@@ -58,7 +58,7 @@

 SITE_ROOT = os.path.realpath(os.path.dirname(os.path.dirname(__file__)))

-SITE_URL = 'http://127.0.0.1:8000'
+SITE_URL = 'http://sandhose.fr:8000'


La SITE_URL en local, ce devrait être localhost en fait (marche en IPv4 et IPv6).

Disons que je suis plutôt radicaliste face à jQuery :p
Toi tu vas te faire un kopaing !

2014-06-02 23:15 GMT+02:00 SpaceFox notifications@github.com:

In zds/settings.py:

@@ -58,7 +58,7 @@

SITE_ROOT = os.path.realpath(os.path.dirname(os.path.dirname(file)))

-SITE_URL = 'http://127.0.0.1:8000'
+SITE_URL = 'http://sandhose.fr:8000'

La SITE_URL en local, ce devrait être localhost en fait (marche en IPv4
et IPv6).

—
Reply to this email directly or view it on GitHub
https://github.com/zestedesavoir/zds-site/pull/671/files#r13307656.

sandhose · 2014-06-02T21:18:03Z

Whoops, my bad, j'étais persuadé d'avoir remis à zéro le fichier avant de commit... Sorry!

Alex-D · 2014-06-02T21:22:41Z

Je rajoute que 1 PR = 1 fonctionnalité.

Le mode nuit et compagnie ça viendra plus tard, au moins dans d'autres PR.

Alex-D · 2014-06-02T21:27:48Z

Encore un ajout :

Et j'ai fait cette structure en prévision d'une éventuelle amélioration de cette fonctionnalité...

La politique de dev du site veut qu'on code ce qui est nécessaire. On ne prévoit rien pour après : soit on le fait, soit on ne le fait pas.

Simplement parce que celui qui améliorera ne sera peut-être pas toi, il fera peut-être autrement et donc ça laisserait du code mort, ce qui est relativement dommage.

Alex-D · 2014-06-02T21:28:59Z

assets/css/scss/_wide.scss

@@ -256,6 +260,9 @@
            width: 22.5%;
            border-bottom: none;

+            @include single-transition(width, $reader-mode-transition-duration);
+            overflow: hidden;


Pas fan de ce genre d'astuce non plus

coveralls · 2014-06-02T21:36:13Z

Coverage remained the same when pulling b6c99e5 on sandhose:feature-659-reader-mode into 17800b2 on zestedesavoir:integration.

Alex-D · 2014-06-03T23:30:33Z

Salut !

Finalement j'ai fait vraiment plus simple, plus factorisé/réutilisable et plus accessible ici : #684

Merci en tous cas pour ta PR, elle m'aura inspiré dans mon code (malgré jQuery, désolé pour ton amour propre :D).

sandhose added 3 commits June 2, 2014 18:32

added reader-mode class

6a1057a

added an (ugly) "Reader mode" button

f19af66

forgot to include js file c:

29d75eb

SpaceFox reviewed Jun 2, 2014
View reviewed changes

Rétablile SITE_URL en "localhost" dans settings.py

b6c99e5

Alex-D reviewed Jun 2, 2014
View reviewed changes

Alex-D added Front and removed Front labels Jun 2, 2014

Alex-D closed this Jun 3, 2014

This was referenced Jun 4, 2014

Zen mode (+ amélioration de l'accessibilité) #684

Closed

Zen mode (+ amélioration de l'accessibilité) #741

Merged

sandhose deleted the feature-659-reader-mode branch June 11, 2014 08:57

sandhose mentioned this pull request Jul 23, 2015

Modification de l'url du sitemap #2940

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Feature] Mode lecteur #671

[Feature] Mode lecteur #671

sandhose commented Jun 2, 2014

coveralls commented Jun 2, 2014

coma94 commented Jun 2, 2014

| ------------------------- |

Alex-D commented Jun 2, 2014

coveralls commented Jun 2, 2014

sandhose commented Jun 2, 2014

SpaceFox Jun 2, 2014

coma94 Jun 2, 2014

sandhose commented Jun 2, 2014

Alex-D commented Jun 2, 2014

Alex-D commented Jun 2, 2014

Alex-D Jun 2, 2014

coveralls commented Jun 2, 2014

Alex-D commented Jun 3, 2014

[Feature] Mode lecteur #671

[Feature] Mode lecteur #671

Conversation

sandhose commented Jun 2, 2014

coveralls commented Jun 2, 2014

coma94 commented Jun 2, 2014

| ------------------------- |

Alex-D commented Jun 2, 2014

coveralls commented Jun 2, 2014

sandhose commented Jun 2, 2014

SpaceFox Jun 2, 2014

Choose a reason for hiding this comment

coma94 Jun 2, 2014

Choose a reason for hiding this comment

sandhose commented Jun 2, 2014

Alex-D commented Jun 2, 2014

Alex-D commented Jun 2, 2014

Alex-D Jun 2, 2014

Choose a reason for hiding this comment

coveralls commented Jun 2, 2014

Alex-D commented Jun 3, 2014