Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

comments.html 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <div class="comment" typeof="schema:UserComments">
  2. <p class="comment-meta">
  3. <span class="comment-author" property="schema:creator">Olivier</span> le <span class="comment-date" property="schema:commentTime">25/01/2006</span> :
  4. </p>
  5. <div class="comment-content" property="schema:commentText">
  6. <p>Splendide !<br />
  7. Certes c'est en grande partie due au travail de l'auteur original, mais on ne t'enlève pas le mérite de l'adaptation très réussie.<br />
  8. <br />
  9. Je trouve que c'est interessant d'adapter les thèmes du ZenGarden sur des sites réels, ça permet d'encore plus démocratiser la démarche je trouve.<br />
  10. <br />
  11. Je me pose des questions cependant sur les :first-letter en gras, je ne trouve pas ça très très beau ni très utile d'ailleurs (avis perso)<br />
  12. <br />
  13. La position de la boite &quot;commentaire&quot; en bas est discutable à mon avis, ça fait un peu &quot;posé là comme ça en attendant&quot;. Faire 3 &quot;boites&quot; (vert/blanc/vert) serait plus efficace je trouve. (la boite blanche étant implicite non détourée)<br />
  14. <br />
  15. La boite de citation est très réussi, peut-être une couleur de texte différente sur l'auteur de la citation par contre. Le guillemet est très chouette (j'ai toujours du mal à trouver un beau guillemet pour les citations !!).<br />
  16. La citation en elle-même sur l'accueil comme ça, je suis pas fan, mais ça n'engage que moi :)<br />
  17. <br />
  18. Si j'ai d'autres remarques, je dirais ;) @+</p>
  19. </div>
  20. </div>
  21. <div class="comment" typeof="schema:UserComments">
  22. <p class="comment-meta">
  23. <span class="comment-author" property="schema:creator">Olivier</span> le <span class="comment-date" property="schema:commentTime">25/01/2006</span> :
  24. </p>
  25. <div class="comment-content" property="schema:commentText">
  26. <p>Splendide !<br />
  27. Certes c'est en grande partie due au travail de l'auteur original, mais on ne t'enlève pas le mérite de l'adaptation très réussie.<br />
  28. <br />
  29. Je trouve que c'est interessant d'adapter les thèmes du ZenGarden sur des sites réels, ça permet d'encore plus démocratiser la démarche je trouve.<br />
  30. <br />
  31. Je me pose des questions cependant sur les :first-letter en gras, je ne trouve pas ça très très beau ni très utile d'ailleurs (avis perso)<br />
  32. <br />
  33. La position de la boite &quot;commentaire&quot; en bas est discutable à mon avis, ça fait un peu &quot;posé là comme ça en attendant&quot;. Faire 3 &quot;boites&quot; (vert/blanc/vert) serait plus efficace je trouve. (la boite blanche étant implicite non détourée)<br />
  34. <br />
  35. La boite de citation est très réussi, peut-être une couleur de texte différente sur l'auteur de la citation par contre. Le guillemet est très chouette (j'ai toujours du mal à trouver un beau guillemet pour les citations !!).<br />
  36. La citation en elle-même sur l'accueil comme ça, je suis pas fan, mais ça n'engage que moi :)<br />
  37. <br />
  38. Si j'ai d'autres remarques, je dirais ;) @+<br />
  39. <br />
  40. ahh si j'oubliais, le border: 1px dotted; sur la page active (en haut), je mettrais border-bottom simplement, ça fait un peu chargé là (surtout pour les pauvres IE-Users !)</p>
  41. </div>
  42. </div>
  43. <div class="comment" typeof="schema:UserComments">
  44. <p class="comment-meta">
  45. <span class="comment-author" property="schema:creator">neolao</span> le <span class="comment-date" property="schema:commentTime">25/01/2006</span> :
  46. </p>
  47. <div class="comment-content" property="schema:commentText">
  48. <p>j'aime bien ouais</p>
  49. </div>
  50. </div>
  51. <div class="comment" typeof="schema:UserComments">
  52. <p class="comment-meta">
  53. <span class="comment-author" property="schema:creator">NiKo</span> le <span class="comment-date" property="schema:commentTime">25/01/2006</span> :
  54. </p>
  55. <div class="comment-content" property="schema:commentText">
  56. <p>Classe !<br />
  57. <br />
  58. J'ai juste un peu de mal avec le footer (derniers billets / commentaires / best of) qui me semble trop dense et chargé à mon goût.<br />
  59. <br />
  60. Sinon c'est vraiment chouette :)</p>
  61. </div>
  62. </div>
  63. <div class="comment" typeof="schema:UserComments">
  64. <p class="comment-meta">
  65. <span class="comment-author" property="schema:creator">Bob</span> le <span class="comment-date" property="schema:commentTime">25/01/2006</span> :
  66. </p>
  67. <div class="comment-content" property="schema:commentText">
  68. <p>Magnifique, je vote pour !</p>
  69. </div>
  70. </div>
  71. <div class="comment" typeof="schema:UserComments">
  72. <p class="comment-meta">
  73. <span class="comment-author" property="schema:creator">zebob</span> le <span class="comment-date" property="schema:commentTime">25/01/2006</span> :
  74. </p>
  75. <div class="comment-content" property="schema:commentText">
  76. <p>Je suis relativement d'accord avec Niko sur le footer, un peu chargé et il me semblerait plus judicieux que la liste des derniers billets soit visibles au début de la page, pour donner soit une idée du contenu aux nouveaux arrivants, soit un coup d'oeil rapide pour les habitués.<br />
  77. Je metterais un poil d'espace en plus autour du titre Biologeek aussi. Ca me parait un peu tassé.<br />
  78. Sinon le choix de ce vert est vraiment très beau, magnifique dégradé.</p>
  79. </div>
  80. </div>
  81. <div class="comment" typeof="schema:UserComments">
  82. <p class="comment-meta">
  83. <span class="comment-author" property="schema:creator">Pierre</span> le <span class="comment-date" property="schema:commentTime">25/01/2006</span> :
  84. </p>
  85. <div class="comment-content" property="schema:commentText">
  86. <p>J'aime beaucoup ces couleurs ! C'est vrai que ça change du mélange orangé/sable/marron ; ça fait plus frais, comme on dit dans la capitale :)<br />
  87. <br />
  88. Chouette nouveau thème en tout cas !<br />
  89. <br />
  90. Sinon, pour faire dans le constructif, je dirais comme NiKo que ça fait un poil boxon en bas, mais autrement c'est chouette !</p>
  91. </div>
  92. </div>
  93. <div class="comment" typeof="schema:UserComments">
  94. <p class="comment-meta">
  95. <span class="comment-author" property="schema:creator">Omnisilver</span> le <span class="comment-date" property="schema:commentTime">25/01/2006</span> :
  96. </p>
  97. <div class="comment-content" property="schema:commentText">
  98. <p>J'aime bien le thème aussi, la taille du texte est bonne. Par contre le footer est trop chargé j'ai l'impression.<br />
  99. <br />
  100. C'est possible un choix possible entre les deux thèmes ? Ca serait cool :-)</p>
  101. </div>
  102. </div>
  103. <div class="comment" typeof="schema:UserComments">
  104. <p class="comment-meta">
  105. <span class="comment-author" property="schema:creator">darkagonik</span> le <span class="comment-date" property="schema:commentTime">25/01/2006</span> :
  106. </p>
  107. <div class="comment-content" property="schema:commentText">
  108. <p>Très joli, j'aime bien aussi.<br />
  109. Pour la taille du texte, je préfère en faisant 1 ctrl -, voilà :-)</p>
  110. </div>
  111. </div>
  112. <div class="comment" typeof="schema:UserComments">
  113. <p class="comment-meta">
  114. <span class="comment-author" property="schema:creator">wildmary</span> le <span class="comment-date" property="schema:commentTime">25/01/2006</span> :
  115. </p>
  116. <div class="comment-content" property="schema:commentText">
  117. <p>splendide !<br />
  118. j'ai une résolution 1280x960 et ça supporterait facilement une police un cran plus petite (comme l'actuelle, avec 1 ctrl- quoi), mais bon, c'est affaire de lisibilité et de goût...<br />
  119. pour ce qui est du footer, je le verrais plutôt inversé avec la sidebar : les infos hébergeur/moteur sont plutôt accessoires et les lecteurs (du moins l'humble lectrice que je suis) recherchent plutôt les billets. Et comme Olivier, la boite &quot;commentaire&quot; a un peu l'air d'être là par hasard et de ne pas être à sa place...<br />
  120. c'est vrai que c'est zen et frais, chapeau bas :)</p>
  121. </div>
  122. </div>
  123. <div class="comment" typeof="schema:UserComments">
  124. <p class="comment-meta">
  125. <span class="comment-author" property="schema:creator">S.F.</span> le <span class="comment-date" property="schema:commentTime">26/01/2006</span> :
  126. </p>
  127. <div class="comment-content" property="schema:commentText">
  128. <p>« Du déjà vu cent fois. »<br />
  129. <br />
  130. Première impression en direct lors du premier visionnage de la nouvelle maquette.</p>
  131. </div>
  132. </div>
  133. <div class="comment" typeof="schema:UserComments">
  134. <p class="comment-meta">
  135. <span class="comment-author" property="schema:creator">xave</span> le <span class="comment-date" property="schema:commentTime">26/01/2006</span> :
  136. </p>
  137. <div class="comment-content" property="schema:commentText">
  138. <p>C'ist bô. Un peu ... vaporeux, peut-être. Mais c'est bô.<br />
  139. <br />
  140. Perso, j'en profiterais pour retirer l'affichage des adresses mails des commentateurs, ou au moins pour prévenir qu'elles seront affichées.</p>
  141. </div>
  142. </div>
  143. <div class="comment" typeof="schema:UserComments">
  144. <p class="comment-meta">
  145. <span class="comment-author" property="schema:creator">Tonio</span> le <span class="comment-date" property="schema:commentTime">26/01/2006</span> :
  146. </p>
  147. <div class="comment-content" property="schema:commentText">
  148. <p>1 &quot;Ctrl&quot; + &quot;-&quot;, pour moi ;)</p>
  149. </div>
  150. </div>
  151. <div class="comment" typeof="schema:UserComments">
  152. <p class="comment-meta">
  153. <span class="comment-author" property="schema:creator">Olivier</span> le <span class="comment-date" property="schema:commentTime">26/01/2006</span> :
  154. </p>
  155. <div class="comment-content" property="schema:commentText">
  156. <p>Vraiment bien.<br />
  157. 2 remarques constructives :<br />
  158. - la couleur de fond de www.biologeek.com/css/img... est légèrement différente de celle du blockquote, ce qui fait qu'on voit les bords de l'image qui représente les guillemets. Idem pour le coin arrondi inférieur droit. En passant, pour faire du coin arrondi, il y a le css -moz-border-radius (seulement pour gecko)<br />
  159. - pour le footer, je pense que l'impression &quot;condensée&quot; pourrait être modérée en ajoutant un peu d'espace avant et après la guirlande de feuilles.</p>
  160. </div>
  161. </div>
  162. <div class="comment" typeof="schema:UserComments">
  163. <p class="comment-meta">
  164. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">26/01/2006</span> :
  165. </p>
  166. <div class="comment-content" property="schema:commentText">
  167. <p>Merci pour tous vos commentaires constructifs, j'ai essayé de faire un mix de toutes vos remarques :)<br />
  168. <br />
  169. Maintenant des réponses plus ciblées :<br />
  170. @Olivier#1 :<br />
  171. &gt; La citation en elle-même sur l'accueil comme ça, je suis pas fan, mais ça n'engage que moi :)<br />
  172. On m'a fait la même réflexion par ailleurs, j'hésite encore.<br />
  173. <br />
  174. @NiKo &amp; co :<br />
  175. &gt; J'ai juste un peu de mal avec le footer qui me semble trop dense et chargé à mon goût.<br />
  176. Et maintenant ? J'ai enlevé le nom des catégories.<br />
  177. <br />
  178. @zebob &amp; wildmary:<br />
  179. &gt; il me semblerait plus judicieux que la liste des derniers billets soit visibles au début de la page, pour donner soit une idée du contenu aux nouveaux arrivants<br />
  180. Je sais plus si ce commentaire est arrivé avane l'édition du billet mais le footer va être sur toutes les pages du site et la sidebar va changer, c'est plus pour laisser une ouverture au lecteur qui arrive en pied de page.<br />
  181. <br />
  182. @Omnisilver :<br />
  183. &gt; C'est possible un choix possible entre les deux thèmes ? Ca serait cool :-)<br />
  184. Non pas prévu, ça ferait beaucoup de boulot car pas mal de choses vont changer.<br />
  185. <br />
  186. @S.F. :<br />
  187. &gt; « Du déjà vu cent fois. »<br />
  188. Argh, des exemples concrêts ou une simple impression ?<br />
  189. <br />
  190. @xave : <br />
  191. &gt; Perso, j'en profiterais pour retirer l'affichage des adresses mails des commentateurs, ou au moins pour prévenir qu'elles seront affichées.<br />
  192. Elles sont en partie encodées en hexa, mais je pourrais les supprimer oui.<br />
  193. <br />
  194. @Olivier#13 :<br />
  195. &gt; la couleur de fond est légèrement différente de celle du blockquote<br />
  196. Ah :/ j'ai optimisé les images hier mais je ne vois aucune différence sur mon écran... très embêtant ça, je vais voir ce que je peux faire.<br />
  197. <br />
  198. Globalement j'ai aéré le titre et j'ai légèrement réduit la police (mais je déteste avoir à faire un ctrl++ en arrivant sur un site...)</p>
  199. </div>
  200. </div>
  201. <div class="comment" typeof="schema:UserComments">
  202. <p class="comment-meta">
  203. <span class="comment-author" property="schema:creator">Xethorn</span> le <span class="comment-date" property="schema:commentTime">26/01/2006</span> :
  204. </p>
  205. <div class="comment-content" property="schema:commentText">
  206. <p>Dites donc !<br />
  207. <br />
  208. La différence entre les deux designs est flagrante, l'une fait très débutant, l'autre beaucoup plus professionnel. Enfin, il y a une marge entre les deux présentations qui reste conséquente. La nouvelle, très verte, mise beaucoup sur tout ce qui touche à la stylisation légère mais efficace (on est loin des designs graphiques de Maurice), néanmoins, l'ensemble conserve une sobriété élégante et une originalité flagrante.<br />
  209. <br />
  210. J'aime beaucoup le côté vert du design, la mise en forme, c'est dans l'ensemble très bien réussi. Il y a juste la taille du texte que je regrette, mais pour le reste, c'est du good job !<br />
  211. <br />
  212. Vivement son intégration ;)</p>
  213. </div>
  214. </div>
  215. <div class="comment" typeof="schema:UserComments">
  216. <p class="comment-meta">
  217. <span class="comment-author" property="schema:creator">Julot</span> le <span class="comment-date" property="schema:commentTime">30/01/2006</span> :
  218. </p>
  219. <div class="comment-content" property="schema:commentText">
  220. <p>Je trouve que tout en vert avec des feuilles et des fleurs de partout, ça fait un peu site de tisane contre la constipation .... :-P<br />
  221. J'aimais bien les dunes perso ...</p>
  222. </div>
  223. </div>
  224. <div class="comment" typeof="schema:UserComments">
  225. <p class="comment-meta">
  226. <span class="comment-author" property="schema:creator">Tartopom</span> le <span class="comment-date" property="schema:commentTime">09/02/2006</span> :
  227. </p>
  228. <div class="comment-content" property="schema:commentText">
  229. <p>Très beau design je trouve, le vert est très rafraichissant. Par contre je le préfère avec encore un ctrl - moi ;).<br />
  230. <br />
  231. J'adore le fait que toute les tailles changent si on fait un ctrl + ou - (ça change de la plupart des sites en px avec juste la police en em).</p>
  232. </div>
  233. </div>
  234. <div class="comment" typeof="schema:UserComments">
  235. <p class="comment-meta">
  236. <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">09/02/2006</span> :
  237. </p>
  238. <div class="comment-content" property="schema:commentText">
  239. <p>Ouf enfin quelqu'un qui s'en rend compte \o/<br />
  240. <br />
  241. Merci pour les compliments.</p>
  242. </div>
  243. </div>