first commit

articles/20180815/content.html

@@ -0,0 +1,70 @@
+<div class="container-fluid bg-grey">
+    <div class="row">
+      <div class="col-sm-4">
+        <img src="articles/ARTICLE/images/1522026225650.JPEG" width="100%; height: auto"></img>
+      </div>
+      <div class="col-sm-8">
+      <p class="text-justify">
+        <br><br><br>
+        Structure de Quadrilatères (Square Structures)​​​​​​​, 1985, ink on paper, 11.81 x 16.54 inches (30 x 42 cm)    
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid bg-grey">
+    <div class="row">
+      <div class="col-sm-4">
+        <img src="articles/ARTICLE/images/quadrilateres1985.jpg" width="100%; height: auto"></img>
+      </div>
+      <div class="col-sm-8">
+      <p class="text-justify">
+          <br><br><br>
+          Structure de Quadrilatères (Square Structures)​​​​​​​, 1985.    
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid bg-grey">
+    <div class="row">
+      <div class="col-sm-4">
+        <img src="articles/ARTICLE/images/Molnar_1.jpeg" width="100%; height: auto"></img>
+      </div>
+      <div class="col-sm-8">
+      <p class="text-justify">
+          <br><br><br>
+          Structure de Quadrilatères (Square Structures)​​​​​​​, 1987.    
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid bg-grey">
+    <div class="row">
+      <div class="col-sm-4">
+        <img src="articles/ARTICLE/images/veramolnar2.jpg" width="100%; height: auto"></img>
+      </div>
+      <div class="col-sm-8">
+      <p class="text-justify">
+          <br><br><br>
+          Structure de Quadrilatères (Square Structures)​​​​​​​, 1988.    
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid bg-grey">
+    <div class="row">
+      <div class="col-sm-4">
+        <img src="articles/ARTICLE/images/VeraMolnar.jpg" width="100%; height: auto"></img>
+      </div>
+      <div class="col-sm-8">
+      <p class="text-justify">
+          <br><br><br>
+          Affiche promo exposition.<br>
+          <i>"1 % de désordre, ou la vulnérabilité de l'angle droit"</i>
+      </p>
+    </div>
+  </div>
+</div>

articles/20180815/header.html

@@ -0,0 +1,14 @@
+<div class="container-fluid bg-grey">
+  <div class="row">
+    <div class="col-sm-4">
+      <br><img id="logo_ARTICLE" src="images/block_image.php?methode=veraMolnar" width="100%; height: auto"></img>
+      <br><p>ARTICLE</p>
+    </div>
+    <div class="col-sm-8">
+      <h2>Tribute to Vera Molnar</h2>
+      <h4>In fact, my "fuzzy treemap" is a true <span style="color:blue">Vera Molnar</span> legacy.</h4>
+      <p>As usual, see <a href="https://en.wikipedia.org/wiki/Vera_Moln%C3%A1r" target="_blank">wikipedia</a> for more information</p>
+      ####BUTTON####
+    </div>
+  </div>
+</div>