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.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!doctype html>
  2. <html lang=fr>
  3. <head>
  4. <!-- Always define the charset before the title -->
  5. <meta charset=utf-8>
  6. <title>Liens — 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/liens/">
  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. <h1>Liens</h1>
  41. <section>
  42. <article>
  43. <h1>Liens internes</h1>
  44. <p>Liste des différentes sections que vous pourrez retrouver sur ce site :</p>
  45. <ul>
  46. <li><a href="/david/"><code>/david/</code></a> : mon profil personnel ;</li>
  47. <li><a href="/david/pro/"><code>/david/pro/</code></a> : mon profil professionnel ;</li>
  48. <li><a href="/david/blog/"><code>/david/blog/</code></a> : mon blog depuis 2004 ;</li>
  49. <li><a href="/david/stream/"><code>/david/stream/</code></a> : mes notes depuis 2009 ;</li>
  50. <li><a href="/david/arlesien/"><code>/david/arlesien/</code></a> : mes propositions citoyennes pour Arles ;</li>
  51. <li><a href="/david/talks/" data-no-instant><code>/david/talks/</code></a> : mes interventions en public sous forme de timeline ;</li>
  52. <li><a href="/david/code/"><code>/david/code/</code></a> : une partie du code que j’ai produit en Open-Source ;</li>
  53. <li><a href="/david/media/"><code>/david/media/</code></a> : mes photos de vacances et d’ailleurs ;</li>
  54. <li><a href="/david/log/"><code>/david/log/</code></a> : le flux pour être informé des mises à jour.</li>
  55. </ul>
  56. </article>
  57. <article>
  58. <h2>Liens externes</h2>
  59. <p>Liste des ressources que je consulte fréquemment :</p>
  60. <ul>
  61. <li><a href="http://www.la-grange.net/" title="">La grange</a> est un lieu où <em>Karl Dubost</em> entrepose de la nourriture pour l’esprit, en toute saison, avec poésie et justesse ;</li>
  62. <li><a href="http://www.christian-faure.net/" title="">Hypomnemata : supports de mémoire</a> est un blog où <em>Christian Fauré</em> mèle philosophie et pragmatisme au sujet du Web et de ses données ;</li>
  63. <li><a href="http://n.survol.fr/" title="">Carnet de notes</a> est un espace d’opinion tenu par <em>Éric D.</em> reflétant certains de mes questionnements ;</li>
  64. <li><a href="https://xkcd.com/" title="">A webcomic of romance, sarcasm, math, and language</a> par <em>Randall Munroe</em> est indescriptiblement vrai ;</li>
  65. <li><a href="http://www.cynicalturtle.net/kame/" title="">La tortue cynique</a> par <em>Damien Bonvillain</em> avec lequel j’entretiens une relation masochiste digitale (il aime bien me taper sur les doigts) ;</li>
  66. <li><a href="http://jehaisleprintemps.net/blog/" title="">Je Hais Le Printemps</a> le blog de <em>Bruno Bord</em> qui a toujours été là quand j’avais besoin d’intégrité ;</li>
  67. <li><a href="http://demainjarrete.stpo.fr" title="">Demain j’arrête</a> le blog pas souvent mis à jour de <em>Christophe Andrieu</em> dont j’apprécie le trait, l’esprit et l’aigreur ;</li>
  68. <li><a href="http://www.faitmain.org/" title="">FaitMain</a> un magazine lancé par <em>Tarek Ziadé</em> que j’apprécie pour sa constance dans l’envie de partager ses passions et l’énergie qu’il met dedans ;</li>
  69. <li><a href="http://www.internetactu.net/" title="">InternetActu</a> et plus particulièrement les articles d’<em>Hubert Guillaud</em> qui fait un effort de synthèse et de réflexion qui m’impressionne à chaque fois ;</li>
  70. </ul>
  71. <p>Liste des services que j’utilise pour propulser ce site :</p>
  72. <ul>
  73. <li><a href="https://www.alwaysdata.com/" title="">AlwaysData SàRL</a>, mon hébergeur de confiance ayant son siège social au 62 rue Tiquetonne, 75002 Paris (tél. +33 1 84 16 23 40) ;</li>
  74. <li><a href="https://www.gandi.net/" title="">Gandi</a>, pour le nom de domaine et le certificat SSL ;</li>
  75. <li><a href="http://www.alessioatzeni.com/metrize-icons/" title="">Metrize Icons</a>, pour les icônes en SVG ;</li>
  76. <li><a href="http://practicaltypography.com/equity.html" title="">Equity</a> et <a href="http://practicaltypography.com/triplicate.html" title="">Triplicate</a> pour les polices de caractères.</li>
  77. </article>
  78. </section>
  79. <footer>
  80. <nav>
  81. <p>
  82. <small>
  83. 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>
  84. </small>
  85. </p>
  86. </nav>
  87. </footer>
  88. </div>
  89. <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  90. <script data-no-instant>InstantClick.init()</script>
  91. </body>
  92. </html>