Commit graph

15 commits

Author SHA1 Message Date
Mitsukarenai
2068947e61 syntaxes SVG 2013-10-19 14:05:33 +02:00
mitsukarenai
732a014256 Merge pull request #55 from galex-713/patch-5
Création d’un fichier séparé pour l’icône du type youtube.
2013-10-14 08:34:45 -07:00
mitsukarenai
9209c9f551 Merge pull request #57 from galex-713/patch-7
Réduction du code du fichier svg du logo d’autoblog.
2013-10-14 08:34:33 -07:00
mitsukarenai
abae1f9dc8 Merge pull request #54 from galex-713/patch-4
Création d’un fichier séparé pour l’icône du type twitter.
2013-10-14 08:34:12 -07:00
mitsukarenai
84f2c0d151 Merge pull request #53 from galex-713/patch-3
Création d’un fichier séparé pour l’icône du type shaarli.
2013-10-14 08:34:07 -07:00
mitsukarenai
deb8bf14f9 Merge pull request #52 from galex-713/patch-2
Création d’un fichier séparé pour l’icône du type microblog.
2013-10-14 08:34:02 -07:00
Garreau Alexandre
c88e26bbf7 Réduction du fichier du logo d’autoblog.
Alors là ça se voyait clairement que c’était Inkscape, c’était écrit en commentaire. Donc j’ai pris le temps de supprimer les méta-données inutiles, les id inutiles, les styles inutiles, le nombre de décimales inutiles, les groupes inutiles, etc. avec python-scour (je le recommande, le fichier doit être environ 3× plus petit maintenant), j’ai supprimé l’indentation, tout ce que le validateur du W3C me laisse retirer sans gueuler, et voilou ! Bon après on comprend toujours rien, mais bon allez comprendre des courbes de bezier instantanément… que ce soit réduit ou non, c’est du pareil au même.
2013-10-14 17:19:21 +02:00
Garreau Alexandre
2d035ccd7a Création d’un fichier séparé pour l’icône du type youtube.
Voilà la version en fichier unique du logo des autoblogs twitter !
J’ai maté le code source et… ’fin ça se voit que ça a été fait vite fait sur Inkscape quoi… déjà que c’était pas un cercle parfait mais une presque-ellipse, mais en plus il utilisait `path` (l’élément à tout faire, qui fonctionne avec des commandes en lignes brisées et courbes de bezier), alors qu’il existe en svg un élément `circle` et même un élément `ellipse` !
Bon du coup j’ai refait ça à la main, retiré tout ce que le validateur voulait bien que je retire sans gueuler (je ne compte pas les warnings : la spécification de l’encodage osef, ya que de l’ASCII), et voilà un joli résultat on-ne-peut-plus-court (et la désindentation ne le rend même pas moins lisible tellement il est petit) en one-liner !
Pour utiliser la notation chromatique courte, j’ai un peu arrondi la couleur (mais de vraiment peu), mais aucune différence n’est visible à l’œil nu (de toute façon la couleur a été piochée dans Inkscape avec la précision d’une souris ou je me trompe ?).
2013-10-14 17:13:27 +02:00
Garreau Alexandre
597de6602e Création d’un fichier séparé pour l’icône du type twitter.
Voilà la version en fichier unique du logo des autoblogs twitter !
J’ai maté le code source et… ’fin ça se voit que ça a été fait vite fait sur Inkscape quoi… déjà que c’était pas un cercle parfait mais une presque-ellipse, mais en plus il utilisait `path` (l’élément à tout faire, qui fonctionne avec des commandes en lignes brisées et courbes de bezier), alors qu’il existe en svg un élément `circle` et même un élément `ellipse` !
Bon du coup j’ai refait ça à la main, retiré tout ce que le validateur voulait bien que je retire sans gueuler (je ne compte pas les warnings : la spécification de l’encodage osef, ya que de l’ASCII), et voilà un joli résultat on-ne-peut-plus-court (et la désindentation ne le rend même pas moins lisible tellement il est petit) en one-liner !
Pour utiliser la notation chromatique courte, j’ai un peu arrondi la couleur, mais aucune différence n’est visible à l’œil nu (de toute façon la couleur a été piochée dans Inkscape avec la précision d’une souris ou je me trompe ?).
2013-10-14 17:11:24 +02:00
Garreau Alexandre
39f8ad6681 Création d’un fichier séparé pour l’icône du type shaarli.
Voilà la version en fichier unique du logo des autoblogs shaarli !
J’ai maté le code source et… ’fin ça se voit que ça a été fait vite fait sur Inkscape quoi… déjà que c’était pas un cercle parfait mais une presque-ellipse, mais en plus il utilisait `path` (l’élément à tout faire, qui fonctionne avec des commandes en lignes brisées et courbes de bezier), alors qu’il existe en svg un élément `circle` et même un élément `ellipse` !
Bon du coup j’ai refait ça à la main, retiré tout ce que le validateur voulait bien que je retire sans gueuler (je ne compte pas les warnings : la spécification de l’encodage osef, ya que de l’ASCII), et voilà un joli résultat on-ne-peut-plus-court (et la désindentation ne le rend même pas moins lisible tellement il est petit) en one-liner !
Pour utiliser la notation chromatique courte, j’ai un peu arrondi la couleur (mais de vraiment peu), mais aucune différence n’est visible à l’œil nu (de toute façon la couleur a été piochée dans Inkscape avec la précision d’une souris ou je me trompe ?).
2013-10-14 17:08:21 +02:00
Garreau Alexandre
9144987e27 Création d’un fichier séparé pour l’icône du type microblog.
Voilà la version en fichier unique du logo des autoblogs statusnet/GNU Social !
J’ai maté le code source et… ’fin ça se voit que ça a été fait vite fait sur Inkscape quoi… déjà que c’était pas un cercle parfait mais une presque-ellipse, mais en plus il utilisait `path` (l’élément à tout faire, qui fonctionne avec des commandes en lignes brisées et courbes de bezier), alors qu’il existe en svg un élément `circle` et même un élément `ellipse` !
Bon du coup j’ai refait ça à la main, retiré tout ce que le validateur voulait bien que je retire sans gueuler (je ne compte pas les warnings : la spécification de l’encodage osef, ya que de l’ASCII), et voilà un joli résultat on-ne-peut-plus-court (et la désindentation ne le rend même pas moins lisible tellement il est petit) en one-liner !
Pour utiliser la notation chromatique courte, j’ai un peu arrondi la couleur, mais aucune différence n’est visible à l’œil nu (de toute façon la couleur a été piochée dans Inkscape avec la précision d’une souris ou je me trompe ?).
2013-10-14 17:06:16 +02:00
Garreau Alexandre
c2e8fc035c Création d’un fichier séparé pour l’icône du type generic.
Voilà la version en fichier unique du logo des autoblogs génériques !
J’ai maté le code source et… ’fin ça se voit que ça a été fait vite fait sur Inkscape quoi… déjà que c’était pas un cercle parfait mais une presque-ellipse, mais en plus il utilisait `path` (l’élément à tout faire, qui fonctionne avec des commandes en lignes brisées et courbes de bezier), alors qu’il existe en svg un élément `circle` et même un élément `ellipse` !
Bon du coup j’ai refait ça à la main, retiré tout ce que le validateur voulait bien que je retire sans gueuler (je ne compte pas les warnings : la spécification de l’encodage osef, ya que de l’ASCII), et voilà un joli résultat on-ne-peut-plus-court (et la désindentation ne le rend même pas moins lisible tellement il est petit) en one-liner !
2013-10-14 17:02:53 +02:00
Garreau Alexandre
1769559c32 Adaptation à la sémantisation du pull 41
Alors mon gros changement du pull 41 (pull request à peine faite), il faut évidemment adapter le CSS, pour les nouveaux éléments HTML5, comme le nettoyage du code. J’utilise ainsi les sélecteurs avancés (>, :target) de CSS2.1, mais c’est pas plus avancé que :hover, et la spécification date du XXe siècle, et les sélecteurs avancés fonctionnent partout, même sur IE, à l’exception de Netscape et Mozaic.
J’ai aussi supprimé plusieurs id du coup, pour ne spécifier les id que sémantiquement et clairement, sans superflu. J’ai aussi ajouté un max-height à img par défaut, parce que chez moi mon image de 713px dépasse largement le bloc (et évidemment « max-height:100% » ne donne pas le résultat voulu, et ne fait rien), mais il faudrait mettre ça en px dans un conditionnel en fonction de la taille de l’écran, ou trouver un moyen de lui faire faire la hauteur du block de la section.
J’ai aussi supprimé une propriété CSS de gradiant MS, déjà parce que IE est en train de tomber (et tout le monde il est content, et tout le monde il va faire du standard, et le fait-pou-IE est mort, etc.), et puis parce que c’est non seulement pas standard, mais que ça rend le CSS invalide pour le validateur du W3C (et ça pourrait donc créer des problèmes avec certains navigateurs, et diminuer l’expérience de certains à cause d’IE, je sais pas pour les autres, mais moi JAMAIS).
2013-10-13 19:21:49 +02:00
Mitsukarenai
862d349e7b fix readme orz 2013-10-07 12:35:35 +02:00
Mitsukarenai
732c7d5f6c ?? 2013-04-22 12:00:26 +02:00