chore: 🤖 In content/* refactoring articles

content/blog/2009/08/inexis-net-2004-sur-flickr.md

@@ -9,7 +9,8 @@ migrateImages: true
 created: '2009-08-20'
 updated: '2013-03-27'
 tags: []
-categories: []
+categories:
+- portfolio
 excerpt: ''
 ---
 

content/blog/2009/12/realisation-du-site-solutions-affaires-experts-conseils-2004.md

@@ -1,67 +1,87 @@
 ---
-locale: fr-CA
 title: Réalisation du site Solutions Affaires experts-conseils [2004]
+locale: fr-CA
 created: 2009-12-04
 updated: 2013-03-27
 canonical: >-
   https://renoirboulanger.com/blog/2009/12/realisation-du-site-solutions-affaires-experts-conseils-2004/
 status: publish
-revising: true
-gallery: true
-images: true
+revising: false
+categories:
+  - portfolio
 tags:
   - css
   - geraniumcms
   - html
   - inexis
   - integration
   - web
-categories:
-  - portfolio
 excerpt: ''
+coverImage:
+  src: ~/assets/content/blog/2009/12/screenshot_saffaires_home.png
+  alt: ' '
+  text: 'Solutions Affaires Experts-Conseils : Accueil'
+waybackMachineSnapshots:
+- orig: http://www.htdig.org/
+  snapshots:
+  - https://web.archive.org/web/20040816030226/http://www.htdig.org/
+  - https://web.archive.org/web/20090217134607/http://www.htdig.org/
+- orig: http://www.htdig.org/htsearch.html
+  snapshots:
+  - https://web.archive.org/web/20040816032810/http://www.htdig.org/htsearch.html
 ---
 
-<center><img src="http://renoirboulanger.com/wp-content/uploads/2009/12/screenshot_saffaires_home.png" alt="Solutions Affaires Experts-Conseils : Accueil" title="Solutions Affaires Experts-Conseils : Accueil" width="600" height="407" class="size-full wp-image-1465" /></center>
-<p>&nbsp;</p>
-<p>Il s'agit d'un site que j'ai fait en 2004 qui provient du graphisme produit par <a href="http://www.tatou.ca/">Tatou Communication visuelle</a>. Je n'avait pas dans mon dossier d'archives tout les documents ni de captures d'écran car à l'époque je ne faisait pas attention a ce genre de truc.</p>
+Il s’agit d’un site que j’ai fait en 2004 qui provient du graphisme produit par [Tatou Communication visuelle](http://www.tatou.ca/). Je n’avait pas dans mon dossier d’archives tout les documents ni de captures d’écran car à l’époque je ne faisait pas attention a ce genre de truc.
+
 <!--more-->
-<p> J'ai donc passé les deux dernières heures a fouiller et réinstaller le site archivé sur un DVD datant de 2005 pour revoir ce dont avait d'lair le site. Dans la <strong>Gallerie d'images</strong> plus bas.</p>
-
-<p>A chaque fois que je fouille dans mes archives je tombe sur des surprises. Des vieux dossiers ou j'avait des backup de base de donnée MySQL et de «home directories» de serveur. J'était pas très organisé coté archives... mais au moins j'ai pu trouver!</p>
-
-<h3>Mon implication</h3>
-<p>Si on ne considère pas la direction artistique, le graphisme, et la gestion avec le client. J'ai tout fait le reste. Sur ce site j'avait même intégré un engin de recherche <a href="http://www.htdig.org/">ht://dig</a>.</p>
-<p> Je n'ai pas pris de capture du résultat de recherche car je n'avait pas archivé tout de l'engin et le site brisait lorsque je faisait une recherche.</p>
-<p>Voici quelques fonctions que j'ai intégré</p>
-<ul>
-  <li>GéraniumCMS v2.5<br />
-  <span>Maintenant c'est une version extraite en html statique qui est en ligne alors il est impossible de voir toute trace de son usage.</span></li>
-  <li>Intégragion de <a href="http://www.htdig.org/">Htdig</a> et de la librairie <a href="http://www.htdig.org/htsearch.html">HtSearch</a><br /><span>Cette fonction qui Indexait les pages et on pouvait y chercher à l'intérieur du site sans utiliser un engin de recherche externe.</span></li>
-  <li>Intégragion html et Javascript des fonctions comme un Scroll Javascript.<br />
-  <span>Le concept original laissait une hauteur de document fixe.</span></li>
-</ul>
-<p>&nbsp;</p>
-<table class="dltable" border="0" cellspacing="0">
-<tbody>
-<tr>
-<th class="nobg"></th>
-<th scope="col">Détails</th>
-</tr>
-<tr>
-<th class="spec" scope="row">Graphisme</th>
-<td><a href="http://www.tatou.ca/">Tatou Communication visuelle</a></td>
-</tr>
-<tr>
-<th class="spec" scope="row">Date de réalisation</th>
-<td>Mars 2004 (environ)</td>
-</tr>
-<tr>
-<th class="spec" scope="row">Nom de domaine</th>
-<td><a href="http://www.solutionsaffaires.ca/">solutionsaffaires.ca</a></td>
-</tr>
-</tbody>
-</table>
-<p>&nbsp;</p>
-<h3>Gallerie d'images</h3>
-
-<ul class="thumbnails gallery"><li><a class="thumbnail" href="https://renoirboulanger.com/wp-content/uploads/2009/12/screenshot_saffaires3.png"><img decoding="async" width="150" height="150" src="https://renoirboulanger.com/wp-content/uploads/2009/12/screenshot_saffaires3-150x150.png" class="attachment-thumbnail size-thumbnail" alt=""></a><div class="caption hidden">La page de contact de la version 2009</div></li><li><a class="thumbnail" href="https://renoirboulanger.com/wp-content/uploads/2009/12/screenshot_saffaires21.png"><img decoding="async" width="150" height="150" src="https://renoirboulanger.com/wp-content/uploads/2009/12/screenshot_saffaires21-150x150.png" class="attachment-thumbnail size-thumbnail" alt=""></a><div class="caption hidden">Une page intérieure</div></li><li><a class="thumbnail" href="https://renoirboulanger.com/wp-content/uploads/2009/12/Screenshot_saffaires_2004_scroll.png"><img loading="lazy" decoding="async" width="150" height="150" src="https://renoirboulanger.com/wp-content/uploads/2009/12/Screenshot_saffaires_2004_scroll-150x150.png" class="attachment-thumbnail size-thumbnail" alt=""></a><div class="caption hidden">Sorti de mes vieilles archives. Remarquez le logo a gauche comme il n’est plus comme ça aujourd’hui (2009). On voit aussi le scroll javascript en action.</div></li><li><a class="thumbnail" href="https://renoirboulanger.com/wp-content/uploads/2009/12/Screenshot_saffaires_2004_noscroll.png"><img loading="lazy" decoding="async" width="150" height="150" src="https://renoirboulanger.com/wp-content/uploads/2009/12/Screenshot_saffaires_2004_noscroll-150x150.png" class="attachment-thumbnail size-thumbnail" alt=""></a><div class="caption hidden">On voit ici le scroll javascript</div></li><li><a class="thumbnail" href="https://renoirboulanger.com/wp-content/uploads/2009/12/Screenshot_saffaires_2004_GeraniumCMS.png"><img loading="lazy" decoding="async" width="150" height="150" src="https://renoirboulanger.com/wp-content/uploads/2009/12/Screenshot_saffaires_2004_GeraniumCMS-150x150.png" class="attachment-thumbnail size-thumbnail" alt=""></a><div class="caption hidden">Direct de mes Archives on voit le logo GeraniumCMS et la boite de recherche</div></li><li><a class="thumbnail" href="https://renoirboulanger.com/wp-content/uploads/2009/12/Screenshot_saffaires_2004_geranium_modifier.png"><img loading="lazy" decoding="async" width="150" height="150" src="https://renoirboulanger.com/wp-content/uploads/2009/12/Screenshot_saffaires_2004_geranium_modifier-150x150.png" class="attachment-thumbnail size-thumbnail" alt=""></a><div class="caption hidden">Ce qui est dommage c’est que le reste de l’engin refuse de s’exécuter a cause que mon serveur de démo roule sur php 5.3 et que c’était fait en php 4… avec de bien mauvaises habitudes!</div></li></ul>
+
+A chaque fois que je fouille dans mes archives je tombe sur des surprises. Des vieux dossiers ou j’avait des <span lang="en">backup</span> de base de donnée MySQL et de «<span lang="en">home directories</span>» de serveur. J’était pas très organisé coté archives... mais au moins j’ai pu trouver!
+
+## Mon implication
+
+Si on ne considère pas la direction artistique, le graphisme, et la gestion avec le client. J’ai tout fait le reste. Sur ce site j’avait même intégré un engin de recherche [ht://dig][htdig-home].
+
+Je n’ai pas pris de capture du résultat de recherche car je n’avait pas archivé tout de l’engin et le site brisait lorsque je faisait une recherche.
+
+Voici quelques fonctions que j’ai intégré
+
+- GéraniumCMS
+  Maintenant c’est une version extraite en html statique qui est en ligne alors il est impossible de voir toute trace de son usage.
+- Intégragion de [ht://dig][htdig-home] et de la librairie [HtSearch](https://web.archive.org/web/20040816032810/http://www.htdig.org/htsearch.html)
+  Cette fonction qui Indexait les pages et on pouvait y chercher à l’intérieur du site sans utiliser un engin de recherche externe.
+- Intégragion html et Javascript des fonctions comme un <span lang="en">Scroll</span> Javascript.
+  Le concept original laissait une hauteur de document fixe.
+
+<!--
+|                 | Détails |
+|-----------------|---------|
+| Graphisme | [Tatou Communication visuelle](http://www.tatou.ca/) |
+| Date de réalisation | Mars 2004 (environ) |
+| Nom de domaine | [solutionsaffaires.ca](http://www.solutionsaffaires.ca/) |
+-->
+
+## Captures d’écran
+
+<div style="overflow:hidden;clear:both" class="thumbnails gallery flex flex-row flex-wrap">
+
+<app-image class="w-1/3" src="~/assets/content/blog/2009/12/screenshot_saffaires3.png" data-smaller-src="~/assets/content/blog/2009/12/screenshot_saffaires3-150x150.png" alt="" figcaption="La page de contact">
+</app-image>
+
+<app-image class="w-1/3" src="~/assets/content/blog/2009/12/screenshot_saffaires21.png" data-smaller-src="~/assets/content/blog/2009/12/screenshot_saffaires21-150x150.png" alt="" figcaption="Une page intérieure">
+</app-image>
+
+<app-image class="w-1/3" src="~/assets/content/blog/2009/12/Screenshot_saffaires_2004_scroll.png" data-smaller-src="~/assets/content/blog/2009/12/Screenshot_saffaires_2004_scroll-150x150.png" alt="" figcaption="Sorti de mes vieilles archives. Remarquez le logo a gauche comme il n’est plus comme ça aujourd’hui (2009). On voit aussi le scroll javascript en action.">
+</app-image>
+
+<app-image class="w-1/3" src="~/assets/content/blog/2009/12/Screenshot_saffaires_2004_noscroll.png" data-smaller-src="~/assets/content/blog/2009/12/Screenshot_saffaires_2004_noscroll-150x150.png" alt="" figcaption="On voit ici le scroll javascript">
+</app-image>
+
+<app-image class="w-1/3" src="~/assets/content/blog/2009/12/Screenshot_saffaires_2004_GeraniumCMS.png" data-smaller-src="~/assets/content/blog/2009/12/Screenshot_saffaires_2004_GeraniumCMS-150x150.png" alt="" figcaption="Direct de mes Archives on voit le logo GeraniumCMS et la boite de recherche">
+</app-image>
+
+<app-image class="w-1/3" src="~/assets/content/blog/2009/12/Screenshot_saffaires_2004_geranium_modifier.png" data-smaller-src="~/assets/content/blog/2009/12/Screenshot_saffaires_2004_geranium_modifier-150x150.png" alt="" figcaption="Ce qui est dommage c’est que le reste de l’engin refuse de s’exécuter a cause que mon serveur de démo roule sur php 5.3 et que c’était fait en php 4… avec de bien mauvaises habitudes!">
+</app-image>
+
+</div>
+
+[htdig-home]: https://web.archive.org/web/20040816030226/http://www.htdig.org/