Refactor typewriter specifications layout and update README to reflect changes

layouts/partials/maec-encadre.html

@@ -3,9 +3,13 @@
 <style>
 .typewriter-specs {
   width: 300px;
-  margin: 20px 0;
   padding: 10px;
   border: 1px solid #ccc;
+  float: right;
+  margin-left: 20px;
+  clear: right;
+  box-sizing: border-box;
+  overflow: hidden;
 }
 
 

layouts/shortcodes/maec-encadre.html

@@ -1,91 +0,0 @@
-<!-- For displaying typewriter specifications from the current page -->
-
-<style>
-.typewriter-specs {
-  width: 300px;
-  margin: 20px 0;
-  padding: 10px;
-  border: 1px solid #ccc;
-}
-
-
-</style>
-{{ $specs := .Page.Params.typewriterSpecs }}
-
-{{ if $specs }}
-<div class="typewriter-specs">
-  <h3>{{$specs.make}} {{$specs.model}}</h3>
-  {{ with $specs.logo }}
-      <figure class="logo">
-        <img src="{{ . }}" alt="Logo of {{ $specs.manufacturer }}">
-      </figure>
-  {{ end }}
-
-  {{ with $specs.image }}
-  <figure>
-    <img src="{{ . }}" alt="Image of {{ $specs.manufacturer }} {{ $specs.type }}">
-  </figure>
-  {{ end }}
-  <table>
-    <tbody>
-      
-      {{ with $specs.make }}
-      <tr>
-        <th>Fabricant</th>
-        <td>{{ . }}</td>
-      </tr>
-      {{ end }}
-      
-      {{ with $specs.type }}
-      <tr>
-        <th>Type</th>
-        <td>{{ . }}</td>
-      </tr>
-      {{ end }}
-      
-      {{ with $specs.dateManufactured }}
-      <tr>
-        <th>Date de fabrication</th>
-        <td>{{ . }}</td>
-      </tr>
-      {{ end }}
-      
-      {{ with $specs.massKg }}
-      <tr>
-        <th>Masse</th>
-        <td>{{ . }} kg</td>
-      </tr>
-      {{ end }}
-      
-      {{ with $specs.widthCm }}
-      <tr>
-        <th>Largeur</th>
-        <td>{{ . }} cm</td>
-      </tr>
-      {{ end }}
-      
-      {{ with $specs.linkWiki }}
-      <tr>
-        <th>Ressource externe</th>
-        <td><a href="{{ . }}" target="_blank">Link</a></td>
-      </tr>
-      {{ end }}
-      
-      {{ with $specs.linkTpdb }}
-      <tr>
-        <th>Typewriter Database</th>
-        <td><a href="{{ . }}" target="_blank">Link</a></td>
-      </tr>
-      {{ end }}
-    </tbody>
-  </table>
-  
-  
-  
-
-</div>
-{{ else }}
-<div class="notice warning">
-  <p>Pas de spécifications trouvées :(</p>
-</div>
-{{ end }}

readMe.md

@@ -83,7 +83,7 @@
 ## Collection
 - [x] changer l'affichage des machines à écrire dans colleciton en grid, avec le titre et une image
 - [ ] finir de créer le contenu de l'encadré de fiche technique pour les màe
-- [ ] afficher l'encadré à droite de la page, avec le reste du texte qui s'organise autour (comme dans word)
+- [x] afficher l'encadré à droite de la page, avec le reste du texte qui s'organise autour (comme dans word)
 - [ ] pouvoir trier les machines par les paramètres de l'encadré sur la page de liste
 - [ ] Rendre adaptatifs au theme les encadrés de machines
 - [ ] Mettre un traitement pour les images dans l'encadré