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.

index.html 6.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Media — David Larlet</title>
  7. <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1"/>
  9. <!-- Fake favicon, to avoid extra request to the server -->
  10. <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  11. <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  12. <link rel="manifest" href="/manifest.json">
  13. <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  14. <noscript>
  15. <style type="text/css">
  16. /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
  17. body {
  18. font-family: 'EquityTextB', serif;
  19. }
  20. h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
  21. font-family: 'EquityCapsB', sans-serif;
  22. font-variant: normal;
  23. }
  24. </style>
  25. </noscript>
  26. <!-- Canonical URL for SEO purposes -->
  27. <link rel="canonical" href="https://larlet.fr/david/media/2010/">
  28. </head>
  29. <body>
  30. <div>
  31. <header>
  32. <nav>
  33. <p>
  34. <small>
  35. Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
  36. </small>
  37. </p>
  38. </nav>
  39. </header>
  40. <section>
  41. <article>
  42. <ul>
  43. <li><a href="/david/media/2013/">2013 : Mont-Blanc</a></li>
  44. <li><a href="/david/media/2012/">2012 : Japon</a></li>
  45. <li><a href="/david/media/2010/">2010 : Québec etc</a></li>
  46. <li><a href="/david/media/2009/">2009 : Japon</a></li>
  47. <li><a href="/david/media/2008/">2008 : Toscane</a></li>
  48. </ul>
  49. </article>
  50. <figure>
  51. <img src="/static/david/media/2010/2010-laciotat-canyoning.jpg" alt="Canyoning" width="453" height="681" />
  52. <figcaption>
  53. Canyoning.<span class="metadata"> — La Ciotat</span>
  54. </figcaption>
  55. </figure>
  56. <figure>
  57. <img src="/static/david/media/2010/201001-arles-lever-soleil.jpg" alt="Lever de soleil" width="800" height="532" />
  58. <figcaption>
  59. Lever de soleil.<span class="metadata"> — Arles</span>
  60. </figcaption>
  61. </figure>
  62. <figure>
  63. <img src="/static/david/media/2010/201002-pontdegau-cygnes-amoureux.jpg" alt="Cygnes amoureux" width="800" height="532" />
  64. <figcaption>
  65. Cygnes amoureux.<span class="metadata"> — Pont de Gau</span>
  66. </figcaption>
  67. </figure>
  68. <figure>
  69. <img src="/static/david/media/2010/201003-pontdegau-avocettes.jpg" alt="Avocettes" width="800" height="533" />
  70. <figcaption>
  71. Avocettes.<span class="metadata"> — Pont de Gau</span>
  72. </figcaption>
  73. </figure>
  74. <figure>
  75. <img src="/static/david/media/2010/201004-nimes-taureau.jpg" alt="Taureau" width="800" height="532" />
  76. <figcaption>
  77. Taureau.<span class="metadata"> — Nîmes</span>
  78. </figcaption>
  79. </figure>
  80. <figure>
  81. <img src="/static/david/media/2010/201005-saintesmaries-port.jpg" alt="Port" width="800" height="532" />
  82. <figcaption>
  83. Port.<span class="metadata"> — Saintes-Maries</span>
  84. </figcaption>
  85. </figure>
  86. <figure>
  87. <img src="/static/david/media/2010/201006-croatie-sibenik.jpg" alt="Šibenik" width="800" height="532" />
  88. <figcaption>
  89. Šibenik.<span class="metadata"> — Croatie</span>
  90. </figcaption>
  91. </figure>
  92. <figure>
  93. <img src="/static/david/media/2010/201007-arles-papillon.jpg" alt="Papillon" width="800" height="532" />
  94. <figcaption>
  95. Papillon.<span class="metadata"> — Arles</span>
  96. </figcaption>
  97. </figure>
  98. <figure>
  99. <img src="/static/david/media/2010/201008-croatie-primosten.jpg" alt="Primošten" width="800" height="532" />
  100. <figcaption>
  101. Primošten.<span class="metadata"> — Croatie</span>
  102. </figcaption>
  103. </figure>
  104. <figure>
  105. <img src="/static/david/media/2010/201009-croatie-chutes-krka.jpg" alt="Chutes de Krka" width="800" height="532" />
  106. <figcaption>
  107. Chutes de Krka.<span class="metadata"> — Croatie</span>
  108. </figcaption>
  109. </figure>
  110. <figure>
  111. <img src="/static/david/media/2010/201010-saintfelicien-caribou-farceur.jpg" alt="Caribou farceur" width="800" height="532" />
  112. <figcaption>
  113. Caribou farceur.<span class="metadata"> — St Félicien</span>
  114. </figcaption>
  115. </figure>
  116. <figure>
  117. <img src="/static/david/media/2010/201011-quebec-chateau-frontenac.jpg" alt="Château Frontenac" width="800" height="532" />
  118. <figcaption>
  119. Château Frontenac.<span class="metadata"> — Québec</span>
  120. </figcaption>
  121. </figure>
  122. <figure>
  123. <img src="/static/david/media/2010/201012-saintfelicien-ourson-blanc.jpg" alt="Ourson blanc" width="800" height="532" />
  124. <figcaption>
  125. Ourson blanc.<span class="metadata"> — St Félicien</span>
  126. </figcaption>
  127. </figure>
  128. </section>
  129. <footer>
  130. <nav>
  131. <p>
  132. <small>
  133. Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
  134. </small>
  135. </p>
  136. </nav>
  137. </footer>
  138. </div>
  139. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  140. <script data-no-instant>InstantClick.init()</script>
  141. </body>
  142. </html>