revise la page d'accueil

2019-12-23 23:33:18 +01:00
parent 64fe106c29
commit 74d4a06d5f
13 changed files with 41 additions and 64 deletions
@@ -18,7 +18,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <link rel="index" title="Yannick François / Développeur" href="index.html" />
    <link rel="stylesheet" href="/css/201912-elsif.css" media="all"/>
-    <link rel="alternate" type="application/rss" href="/feed.xml" title="Les pieds dans le code" />
+    <link rel="alternate" type="application/rss" href="/feed.xml" title="elsif.fr/feed" />
  </head>
  <body>
    <main>
@@ -1,6 +1,6 @@
 body {
  font-size:16pt;
-  max-width:50rem;
+  max-width:42rem;
  margin: 1em;
  color: black;
  background: white;
@@ -16,7 +16,7 @@ a:hover {
 }
 a:visited, a:active {
-  color: darkgrey;
+  color: dimgrey;
 }
 nav {
@@ -18,16 +18,16 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <link rel="index" title="Yannick François / Développeur" href="index.html" />
    <link rel="stylesheet" href="/css/201912-elsif.css" media="all"/>
-    <link rel="alternate" type="application/rss" href="/feed.xml" title="Les pieds dans le code" />
+    <link rel="alternate" type="application/rss" href="/feed.xml" title="elsif.fr/feed" />
  </head>
  <body>
    <main>
-      <p>Bonjour, je m'appelle <strong>Yannick</strong>. <a href="/">Elsif.fr</a> est mon espace en ligne.</p>
+      <div style="display:block; ">
-      <p>Je travail actuellement chez <a href="http://scopyleft.fr">Scopyleft</a> depuis le <a href="https://chateauephemere.org/">château éphémère</a> bien souvent</p>
+      <p><img src="/images/demi_portrait_bonnet.png" style="display: flex" class="portrait"></p>
-      <p>À une époque, j'ai écrit quelques <a href="/posts">billets de blogs</a>, Pour suivre les mises à jours, vous pouvez suivre le <a href="/feed.xml">flux</a>.</p>
+      <div style="text-align:right; display:flex;flex-flow: row wrap">
-      <p>Actuellement je fais plutôt des publications courtes sur <a
+      <p>Bonjour, je m'appelle <strong>Yannick</strong>. Je travail actuellement chez <a href="http://scopyleft.fr">Scopyleft</a> depuis le <a href="https://chateauephemere.org/">château éphémère</a> bien souvent</p>
-      href="https://framapiaf.org/@yaf"><span class="citation">@yaf</span><span class="citation">@framapiaf.org</span></a> et encore sur <a
+      <p>J'ai écrit quelques <a href="/posts">billets de blogs</a>, vous pouvez suivre les modifications avec le <a href="/feed.xml">flux rss</a>. Je partage également mes lectures et écrits sur <a href="https://framapiaf.org/@yaf"><span class="citation">@yaf</span><span class="citation">@framapiaf.org</span></a> et sur <a
-      href="https://twitter.com/ya_f">twitter.com/ya_f</a>. Il n'est pas impossible que je publie à nouveau quelques trucs ici.</p>
+      href="https://twitter.com/ya_f">twitter.com/ya_f</a>.</p>
      <p>La plupart du code que j'écrit est sous licence libre, vous pouvez en trouver des traces sur <a href="https://github.com/yaf">github/yaf</a>, <a
      href="https://gitlab.com/yaf">gitlab/yaf</a> et encore sur <a
      href="https://framagit.org/yaf">https://framagit.org/yaf</a></p>
@@ -35,7 +35,8 @@
      href="https://pixelfed.social/ya_f">pixelfed.social/ya_f</a></p>
      <p>Pour me contacter, le plus simple est le mail <a
      href="mailto:yaf@elsif.fr">yaf@elsif.fr</a>.</p>
-      <p><img src="/images/20170219_184229.jpg" class="portrait"></p>
+      </div>
      </div>
    </main>
  </body>
 </html>
@@ -1,17 +1,13 @@
 <div style="display:block; ">
 <img src="/images/demi_portrait_bonnet.png" style="display: flex" class="portrait">
-Bonjour, je m'appelle <strong>Yannick</strong>. <a href="/">Elsif.fr</a> est
+<div style="text-align:right; display:flex;flex-flow: row wrap">
 mon espace en ligne.
-Je travail actuellement chez <a href="http://scopyleft.fr">Scopyleft</a> depuis
+Bonjour, je m'appelle <strong>Yannick</strong>. Je travail actuellement chez <a href="http://scopyleft.fr">Scopyleft</a> depuis
 le <a href="https://chateauephemere.org/">château éphémère</a> bien souvent
-À une époque, j'ai écrit quelques <a href="/posts">billets de blogs</a>, Pour
+J'ai écrit quelques <a href="/posts">billets de blogs</a>, vous pouvez suivre les modifications avec le <a href="/feed.xml">flux rss</a>. Je partage également mes lectures et écrits sur <a href="https://framapiaf.org/@yaf">@yaf@framapiaf.org</a> et sur <a
-suivre les mises à jours, vous pouvez suivre le <a href="/feed.xml">flux</a>.
+href="https://twitter.com/ya_f">twitter.com/ya_f</a>.
 Actuellement je fais plutôt des publications courtes sur <a
 href="https://framapiaf.org/@yaf">@yaf@framapiaf.org</a> et encore sur <a
 href="https://twitter.com/ya_f">twitter.com/ya_f</a>. Il n'est pas impossible
 que je publie à nouveau quelques trucs ici.
 La plupart du code que j'écrit est sous licence libre, vous pouvez en trouver
 des traces sur <a href="https://github.com/yaf">github/yaf</a>, <a
@@ -24,4 +20,5 @@ href="https://pixelfed.social/ya_f">pixelfed.social/ya_f</a>
 Pour me contacter, le plus simple est le mail <a
 href="mailto:yaf@elsif.fr">yaf@elsif.fr</a>.
-<img src="/images/20170219_184229.jpg" class="portrait">
+</div>
 </div>
@@ -18,7 +18,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <link rel="index" title="Yannick François / Développeur" href="index.html" />
    <link rel="stylesheet" href="/css/201912-elsif.css" media="all"/>
-    <link rel="alternate" type="application/rss" href="/feed.xml" title="Les pieds dans le code" />
+    <link rel="alternate" type="application/rss" href="/feed.xml" title="elsif.fr/feed" />
  </head>
  <body>
    <main>
@@ -1,11 +1,8 @@
 ## 2018
 <ul>
  <li>05 Sep 2018 » <a href="/posts/2018-09-05/index.html">Notes du 5 Septembre 2018</a></li>
  <li>30 Aug 2018 » <a href="/posts/2018-08-30/index.html">Notes du 30 Août 2018</a></li>
  <li>29 Aug 2018 » <a href="/posts/2018-08-29/index.html">Notes du 29 Août 2018</a></li>
  <li>28 Aug 2018 » <a href="/posts/2018-08-28/index.html">Notes du 28 Août 2018</a></li>
@@ -1,6 +1,6 @@
 body {
  font-size:16pt;
-  max-width:50rem;
+  max-width:42rem;
  margin: 1em;
  color: black;
  background: white;
@@ -16,7 +16,7 @@ a:hover {
 }
 a:visited, a:active {
-  color: darkgrey;
+  color: dimgrey;
 }
 nav {
@@ -18,16 +18,16 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <link rel="index" title="Yannick François / Développeur" href="index.html" />
    <link rel="stylesheet" href="/css/201912-elsif.css" media="all"/>
-    <link rel="alternate" type="application/rss" href="/feed.xml" title="Les pieds dans le code" />
+    <link rel="alternate" type="application/rss" href="/feed.xml" title="elsif.fr/feed" />
  </head>
  <body>
    <main>
-      <p>Bonjour, je m'appelle <strong>Yannick</strong>. <a href="/">Elsif.fr</a> est mon espace en ligne.</p>
+      <div style="display:block; ">
-      <p>Je travail actuellement chez <a href="http://scopyleft.fr">Scopyleft</a> depuis le <a href="https://chateauephemere.org/">château éphémère</a> bien souvent</p>
+      <p><img src="/images/demi_portrait_bonnet.png" style="display: flex" class="portrait"></p>
-      <p>À une époque, j'ai écrit quelques <a href="/posts">billets de blogs</a>, Pour suivre les mises à jours, vous pouvez suivre le <a href="/feed.xml">flux</a>.</p>
+      <div style="text-align:right; display:flex;flex-flow: row wrap">
-      <p>Actuellement je fais plutôt des publications courtes sur <a
+      <p>Bonjour, je m'appelle <strong>Yannick</strong>. Je travail actuellement chez <a href="http://scopyleft.fr">Scopyleft</a> depuis le <a href="https://chateauephemere.org/">château éphémère</a> bien souvent</p>
-      href="https://framapiaf.org/@yaf"><span class="citation">@yaf</span><span class="citation">@framapiaf.org</span></a> et encore sur <a
+      <p>J'ai écrit quelques <a href="/posts">billets de blogs</a>, vous pouvez suivre les modifications avec le <a href="/feed.xml">flux rss</a>. Je partage également mes lectures et écrits sur <a href="https://framapiaf.org/@yaf"><span class="citation">@yaf</span><span class="citation">@framapiaf.org</span></a> et sur <a
-      href="https://twitter.com/ya_f">twitter.com/ya_f</a>. Il n'est pas impossible que je publie à nouveau quelques trucs ici.</p>
+      href="https://twitter.com/ya_f">twitter.com/ya_f</a>.</p>
      <p>La plupart du code que j'écrit est sous licence libre, vous pouvez en trouver des traces sur <a href="https://github.com/yaf">github/yaf</a>, <a
      href="https://gitlab.com/yaf">gitlab/yaf</a> et encore sur <a
      href="https://framagit.org/yaf">https://framagit.org/yaf</a></p>
@@ -35,7 +35,8 @@
      href="https://pixelfed.social/ya_f">pixelfed.social/ya_f</a></p>
      <p>Pour me contacter, le plus simple est le mail <a
      href="mailto:yaf@elsif.fr">yaf@elsif.fr</a>.</p>
-      <p><img src="/images/20170219_184229.jpg" class="portrait"></p>
+      </div>
      </div>
    </main>
  </body>
 </html>
@@ -1,17 +1,13 @@
 <div style="display:block; ">
 <img src="/images/demi_portrait_bonnet.png" style="display: flex" class="portrait">
-Bonjour, je m'appelle <strong>Yannick</strong>. <a href="/">Elsif.fr</a> est
+<div style="text-align:right; display:flex;flex-flow: row wrap">
 mon espace en ligne.
-Je travail actuellement chez <a href="http://scopyleft.fr">Scopyleft</a> depuis
+Bonjour, je m'appelle <strong>Yannick</strong>. Je travail actuellement chez <a href="http://scopyleft.fr">Scopyleft</a> depuis
 le <a href="https://chateauephemere.org/">château éphémère</a> bien souvent
-À une époque, j'ai écrit quelques <a href="/posts">billets de blogs</a>, Pour
+J'ai écrit quelques <a href="/posts">billets de blogs</a>, vous pouvez suivre les modifications avec le <a href="/feed.xml">flux rss</a>. Je partage également mes lectures et écrits sur <a href="https://framapiaf.org/@yaf">@yaf@framapiaf.org</a> et sur <a
-suivre les mises à jours, vous pouvez suivre le <a href="/feed.xml">flux</a>.
+href="https://twitter.com/ya_f">twitter.com/ya_f</a>.
 Actuellement je fais plutôt des publications courtes sur <a
 href="https://framapiaf.org/@yaf">@yaf@framapiaf.org</a> et encore sur <a
 href="https://twitter.com/ya_f">twitter.com/ya_f</a>. Il n'est pas impossible
 que je publie à nouveau quelques trucs ici.
 La plupart du code que j'écrit est sous licence libre, vous pouvez en trouver
 des traces sur <a href="https://github.com/yaf">github/yaf</a>, <a
@@ -24,4 +20,5 @@ href="https://pixelfed.social/ya_f">pixelfed.social/ya_f</a>
 Pour me contacter, le plus simple est le mail <a
 href="mailto:yaf@elsif.fr">yaf@elsif.fr</a>.
-<img src="/images/20170219_184229.jpg" class="portrait">
+</div>
 </div>
@@ -18,7 +18,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <link rel="index" title="Yannick François / Développeur" href="index.html" />
    <link rel="stylesheet" href="/css/201912-elsif.css" media="all"/>
-    <link rel="alternate" type="application/rss" href="/feed.xml" title="Les pieds dans le code" />
+    <link rel="alternate" type="application/rss" href="/feed.xml" title="elsif.fr/feed" />
  </head>
  <body>
    <main>
@@ -1,37 +1,21 @@
 ## 2018
 <ul>
  <li>05 Sep 2018 » <a href="/posts/2018-09-05/index.html">Notes du 5 Septembre 2018</a></li>
  <li>30 Aug 2018 » <a href="/posts/2018-08-30/index.html">Notes du 30 Août 2018</a></li>
  <li>29 Aug 2018 » <a href="/posts/2018-08-29/index.html">Notes du 29 Août 2018</a></li>
  <li>28 Aug 2018 » <a href="/posts/2018-08-28/index.html">Notes du 28 Août 2018</a></li>
  <li>27 Aug 2018 » <a href="/posts/2018-08-27/index.html">Notes du 27 Août 2018</a></li>
  <li>26 Aug 2018 » <a href="/posts/2018-08-26/index.html">Notes du 26 Août 2018</a></li>
  <li>23 Aug 2018 » <a href="/posts/2018-08-23/index.html">Notes du 23 Août 2018</a></li>
  <li>21 Aug 2018 » <a href="/posts/2018-08-21/index.html">Journal du 21 Août 2018</a></li>
  <li>17 Aug 2018 » <a href="/posts/2018-08-17/index.html">Journal du 17 Août 2018</a></li>
  <li>16 Aug 2018 » <a href="/posts/2018-08-16/index.html">Journal du 16 August 2018 </a></li>
  <li>16 Aug 2018 » <a href="/posts/2018-08-10/index.html">Notes du 10 août 2018</a></li>
  <li>16 Aug 2018 » <a href="/posts/2018-08-02/index.html">Notes du 2 août 2018</a></li>
  <li>15 Aug 2018 » <a href="/posts/2018-08-15/index.html">2018 08 15</a></li>
  <li>31 Jul 2018 » <a href="/posts/2018-07-31/index.html">Journal du 31 juillet 2018</a></li>
  <li>29 Jul 2018 » <a href="/posts/2018-07-29/index.html">Journal du 29 juillet 2018</a></li>
  <li>28 Jul 2018 » <a href="/posts/2018-07-28/">Notes du samedi 28 juillet 2018</a></li>
  </ul>