Voir la source de Microgram

[source GitHub](https://github.com/cleverdevil/microgram)


Code de https://cleverdevi.io pour créer une page "Index Photo" pour un site web hébergé [[Micro.blog]].

Actuellement utilisé sur le site sa femme [cleverangel.org](http://cleverangel.org/pictures).

Pour l'utiliser, créez simplement une page sur votre site Micro.blog avec le contenu qui suit : 

```html
<link type="text/css" rel="stylesheet" href="https://microgram.cleverdevil.io/css" />

<div id="microgram">
  Chargement en cours ...
</div>

<script src="https://microgram.cleverdevil.io/js"></script>
```

Ceci injectera un peu de [[JavaScript]] à l'intérieur de la page, qui découvrira ensuite et crawlera vos flux pour les photos et remplira pour vous le contenu.

Par défaut, les vignettes seront rendus sous forme de carrés de 200x200 pixels. Si vous préférez, vous pouvez modifier ça en passant un paramètre `size` à l'inclusion CSS comme suit :

```html
<link type="text/css" rel="stylesheet" href="https://microgram.cleverdevil.io/css?size=300" />
```

Note : ceci reste relativement expérimental, et il y a quelques hypothèses incluses qui ont besoin d'être rendues configurables selon le type de site web.