[FAIT] [Storytelling] Créer un tuto animé et attractif pour Framabag

Roh, la petite animation en mode révélation sur le 2ème slide, j’avais ce genre de musique en tête :slight_smile:

Par contre, si je ne m’abuse, il n’y a pas de “s” à “Ne t’inquiètes pas” slide 7.

Edit : Narf. Au fait, j’aime bien aussi :stuck_out_tongue_winking_eye:

1 « J'aime »

@Framartin: Merci pour le tuyau! Par contre, pour ma part je préfère le fond noir avec les slide en blanc (no offense, c’est juste les goûts et les couleurs :kissing: ). N’hésitez pas à choisir le css qui s’intègrera le mieux au site!

@Pouhiou: Merci pour les infos! Je l’ai mise en CC0 du coup :smile: (mais ce n’est pas parce que je n’ai pas choisi la beerware qu’on doit se priver d’une bière! :wink: )

@SpF: Ouhlala oui, un s de trop, trop de relectures sans le capter… c’est corrigé!

Du coup voici une version multilingue tout fraîche!
https://public.neverhood.fr/Framasoft/Prototype_Framabag_Presentation_v2_multilingual_JS/#/
…avec le zip qui va bien:
https://public.neverhood.fr/Framasoft/Prototype_Framabag_Presentation_v2_multilingual_JS.zip
…J’assure le SAV pour tout faute de frappe au besoin! :construction_worker:

Je viens de relire l’anglais : it’s perfect (tu respectes même la typo anglaise, GG !)
C’est tout transmis à la team Frama, on va en fair ebon usage…

MERCI, et t’as le bisous du manchot !

BRAVO ! Un très grand bravo ! Merci d’avoir fait cette présentation pour Framabag. Je suis très content !
J’ai mis la présentation ici : https://framabag.org/cquoi/#/
On verra insérer ça dans une frame.
En blanc, ça ne me choque pas.

Content que ca plaise! :relaxed:

Pour la petite fierté personnelle, j’ai eu une inspiration sur la dernière réplique (bon… elle est pas venue du 1er coup :no_mouth: ), pour arriver à garder une phrase fluide en anglais avec le jeu de mots sur Pocket :sweat_smile:

J’en profite pour répondre moi-même à ma question, ca aidera le pauvre hère qui se poserait la même et qui passerait dans le coin:
Au besoin, on peut trouver les polices utilisées dans le geektionerd dans les sources de Gégé.
Utile si on veut faire une présentation avec le style, tout en gardant les dialogues en textuel! (moteurs de recherche, accessibilité, tout ca…). Je le garde dans un coin pour un futur usage!

1 « J'aime »

@Pyves et @nicosomb : pour un article framablog mettant en valeur ce boulot… j’aurai besoin d’un paragraphe de texte et/ou d’un prétexte (maj, etc)… vous avez une idée ?

Prétexte par rapport à Framabag… j’avoue la je sèche un peu.
Un petit tour sur google news à propos de pocket et je tombe sur ca:
Pocket raises $7 million and launches a new responsive web app to help you read things later

Mais une webapp…ca tombe bien, on en propose déjà une :smirk:
Ca pourrait être l’occasion de mettre un gentil tacle?

Deux choses: comme j’en parlais la derniere fois, je suis en train de retoucher la présentation pour intégrer le texte directement en texte et pas dans une image (ca sera mieux pour le copié collé, le référencement, et meme l’édition). Comme je compte me resservir du fichier comme base pour un potentiel framapack, je fais d’une pierre deux coups :smile:

Sinon je repensais: avec l’annonce de Mozilla d’intégrer Pocket dans Firefox (et la réponse de mozilla sur le blog de nicosomb), ca serait pas une bonne excuse pour reparler de Framabag?

Nom de zeus mais c’est excellent ton idée ! je reviens de congés et suis donc sous l’eau d’une demi tonne de trucs en cours, mais j’essaie de faire l’article au plus vite :wink:
Merci à toi, j’avoue que j’avais pas vu la belle corrélation !

Hey les amis!
Une nouvelle version toute fraichement sortie du four!

Quoi de neuf à part ca?
Au niveau du contenu, pas grand chose. par contre, comme promis tout le texte est vraiment du texte cette fois ci. Du coup plein d’avantages:

  • On peut sélectionner, copier-coller…
  • Nos “amis” gogole, bling, yaourt et coin-coin-go devraient mieux indexer, du coup on le verra dans framabee :smirk:
  • On peut facilement éditer le texte en cas de coquille ou de reprise du fichier (pour le coup, c’est plutôt bibi qui est content)
  • Ancienne version: 4.9 Mo, v3: 3.8 Mo \o/

Testé sous Firefox/Chrome/IE11 (Desktop). N’hésitez pas à remonter tout problème.
Enjoy! ~(^_^)~

1 « J'aime »

@nicosomb, je suis en train de faire l’article sur le framablog… tu me dis quand tu as mis à jour ta version hébergée sur ton site… et tu me file le lien ?
@Pyves : encore merci pour le boulot, c’est super bien, franchement ! J’arrive pas à retrouver, mais tu m’as donné un nom/pseudo et une licence pour ton travail ?
@Gee : les créations faites depuis Gégé, on doit les considérer en CC-BY-SA, non ? (viralité de ta licence originelle… il me semble)

https://framabag.org/cquoi/#/ :smile:

1 « J'aime »

Même pas le temps de faire un email que tu as déjà réagi ! Vous êtes des dingues, les mecs…
du coup je peux te demander un code d’intégration HTML ? je sais même pas faire une iframe digne de ce nom (en responsive, donc à priori en poucentage, me dit-on, c’est mieux… Bon je comprends pas bien ce que je t’écris mais j’espère que tu comprendras ce que tu liras ^^)

@Pouhiou : en fait je suis un petit sournois, j’ai planqué la licence dans les balises du header:

<meta content="Pyves" name="author"></meta>
<meta content="CC0 - http://creativecommons.org/publicdomain/zero/1.0/" name="licence"></meta>

Faut-il le mettre en visible dans la présentation?

Par contre tu fais bien de le remarquer, j’ai mis en CC0 mais la licence Creative commons BY SA oblige à redistribuer sous la même licence… du coup faut modifier la balise :grin:
Je vais mettre ca si ca vous convient:

<meta content="Pyves" name="author"></meta>
<meta content="Artworks from Geektionnerd of Simon 'Gee' Giraudot - http://geektionnerd.net/" name="credits"></meta>
<meta content="CC-BY-SA - https://creativecommons.org/licenses/by-sa/2.0/" name="licence"></meta>

(ca sera copié prochainement dans les liens du précédent post)

Pour l’iframe je n’ai jamais manipulé, mais je vais jeter un oeil, et sinon demain je croise des vrais dev web, ils pourront me renseigner ^^’

Je me réponds à moi-même…

Alors:
La version est en ligne avec un petit bonus: j’ai vu dans la doc de revealJS qu’il y avait une option embedded, que j’ai mise à true du coup.

Aussi, un petit code à mettre dans la page pour inclure la présentation:

<iframe width="50%" height="50%" marginheight="0" marginwidth="0" src="index.html">
  Fallback text here for unsupporting browsers, of which there are scant few.
</iframe>

(merci à stackoverflow en passant)
Remplacer la largeur et la longueur (en %) à ta convenance.
dans le src, ca doit indiquer le chemin vers la présentation, donc le index.html si tu le stockes qquepart, ou pourquoi pas https://framabag.org/cquoi/#/ :innocent:

Salut @Pyves !
T’as stocké ça quelque part ? Genre gitlab, github, etc. ?

J’ai stocké ca sur mon petit serveur perso mentionné ci-dessus (les URL n’ont pas changé; par contre j’ai oublié de dire que c’était les mêmes :sweat_smile:): https://public.neverhood.fr/Framasoft/Framabag_Presentation_v3.zip

Par contre je n’ai pas mis en place de github/gitlab pour le moment, et c’est con de ma part puisque ca se prête bien au versionnement :confused: (la flemme, tout ca…)

Je vais voir à mettre qqch du genre en place avant de commencer Framapack du coup :grimacing:

https://git.framasoft.org :slight_smile:

Ben c’est parfait tout ça !

Merci à vous. Je repingue @Gee pour voir s’il t’autorise personnellement à mettre ta présentation sous CC0 ou s’il préfère que ce soit sous CC-BY-SA… et on publie dans la foulée !

Yop, sorry pour les vents et merci à Pouhiou de m’avoir contacté !

Donc ouais, les dessins de Gégé c’est le Geektionnerd donc ça reste du CC-By-Sa (effectivement faudra le préciser sur Gégé aussi).

Hyper classe la présentation sinon :wink: