|
|
@@ -4,10 +4,10 @@
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
- <title>reveal.js - The HTML Presentation Framework</title>
|
|
|
+ <title>The Drupal blocks system from Drop.org to Drupal 8</title>
|
|
|
|
|
|
- <meta name="description" content="A framework for easily creating beautiful presentations using HTML">
|
|
|
- <meta name="author" content="Hakim El Hattab" />
|
|
|
+ <meta name="description" content="Presentation given on DrupalCon Prague 2013">
|
|
|
+ <meta name="author" content="Frederic G. Marand" />
|
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
|
@@ -36,7 +36,7 @@
|
|
|
|
|
|
|
|
|
<div class="slides">
|
|
|
-
|
|
|
+
|
|
|
<section data-background="images/background-prague.png">
|
|
|
<h1 class="custom inverse">The Drupal blocks system</h1>
|
|
|
<h2 class="custom inverse">from drop.org to Drupal 8</h2>
|
|
|
@@ -44,8 +44,8 @@
|
|
|
</p>
|
|
|
<img src="images/logo-prague.png" class="cover-img" style="height: 250px; margin-top: 0.8em;">
|
|
|
</section>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<section>
|
|
|
<img src="osinet.png" class="cover-img" style="height: 150px;" />
|
|
|
<div class="cover-osi">
|
|
|
@@ -110,7 +110,7 @@
|
|
|
<p class="caption">JavaScript code in Drupal</p>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<h1 class="chapter">drop.org</h1>
|
|
|
<img src="images/druplicon-glow.png" class="cover-img" style="height: 200px;" />
|
|
|
@@ -125,7 +125,7 @@
|
|
|
<section>
|
|
|
<h3>drop.org – what's a block, really ?</h3>
|
|
|
<blockquote class="right downer" style="float: left; width: 25%;"><span class="quote-underline">Boxes:</span></blockquote>
|
|
|
-
|
|
|
+
|
|
|
<blockquote class="left downer" style="float: right; width: 70%;">
|
|
|
Box for latest headlines.<br />
|
|
|
Box for older headlines.<br />
|
|
|
@@ -138,7 +138,7 @@
|
|
|
<section>
|
|
|
<h3>drop.org – what's a block, really ?</h3>
|
|
|
<blockquote class="right downer" style="float: left; width: 25%;"><span class="quote-underline">Theme support:</span></blockquote>
|
|
|
-
|
|
|
+
|
|
|
<blockquote class="left downer" style="float: right; width: 70%;">
|
|
|
Not only can you change the colors, you can also change the position of most boxes and such.
|
|
|
</blockquote>
|
|
|
@@ -223,8 +223,8 @@
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>drop.org : box theme</h2>
|
|
|
@@ -261,14 +261,14 @@
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>drop.org – article page</h2>
|
|
|
<div class="illustration"><img src="images/drop1-article-dries.png" alt="Article page" /></div>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>drop.org – ab -n10000 -c10 (home)</h2>
|
|
|
@@ -311,7 +311,7 @@
|
|
|
<td>9282.49 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -360,20 +360,20 @@
|
|
|
</code>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>drop.org – default theme</h2>
|
|
|
<div class="illustration"><img src="images/drop1-refer.png" alt="Theme example"></div>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<h1 class="chapter">Drupal 1</h1>
|
|
|
<p class="release-date">15/01/2001</p>
|
|
|
<img src="images/druplicon-glow.png" class="cover-img" style="height: 200px;" />
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 1.0</h2>
|
|
|
@@ -436,8 +436,8 @@
|
|
|
<p>... but <code>Theme::box()</code> still exists !</p>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<section>
|
|
|
<h2>Drupal 1 – page cycle</h2>
|
|
|
<ul class="left">
|
|
|
@@ -608,7 +608,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
</tr>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -665,7 +665,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
<div class="illustration"><img src="images/drupal1-account-site.png" alt="Drupal 1 Block override"></div>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<h1 class="chapter">Drupal 2</h1>
|
|
|
<p class="release-date">15/03/2001 (2 months later)</p>
|
|
|
@@ -763,7 +763,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
<td>6958.77 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -820,7 +820,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
<div class="illustration"><img src="images/drupal2-diary.png" alt="Drupal 1 Block override"></div>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<h1 class="chapter">Drupal 3</h1>
|
|
|
<p class="release-date">26/11/2001 (8 months later)</p>
|
|
|
@@ -974,7 +974,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
<td>3340.65 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -1046,7 +1046,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
<div class="illustration"><img src="images/drupal3-yaroon.png" alt="Drupal 3 Yaroon theme"></div>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<h1 class="chapter">Drupal 4</h1>
|
|
|
<p class="release-date">08/12/2002 (12 months later)</p>
|
|
|
@@ -1172,7 +1172,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
<td>2785.42 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -1252,15 +1252,15 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
<p class="note">* CHANGELOG claims 15/02/2003, but commits say 25/06/2003</p>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 4.1 – user block sorting</h2>
|
|
|
<div class="illustration"><img src="images/drupal41-block-user.png" alt="Drupal 4 Block sorting"></div>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
|
|
|
|
|
|
<section>
|
|
|
@@ -1334,7 +1334,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
</tr>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -1446,7 +1446,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 4.2 – block admin</h2>
|
|
|
@@ -1485,7 +1485,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 4.2 – XTemplate</h2>
|
|
|
@@ -1535,7 +1535,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
<td>1812.97 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -1584,7 +1584,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
</code>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 4.3.x</h2>
|
|
|
@@ -1667,7 +1667,7 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
<td>2543.97 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -1808,9 +1808,9 @@ NOWRAP><FONT COLOR=\"$this->fgcolor1\"><B><span class="high">$sub
|
|
|
</code>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- </section>
|
|
|
+ </section>
|
|
|
<section>
|
|
|
- <h3>Drupal 4.4 – theme_block()</h3>
|
|
|
+ <h3>Drupal 4.4 – theme_block()</h3>
|
|
|
<code class="codeblock left">
|
|
|
function theme_block($block) {<br />
|
|
|
$output = "<div class=\"block block-$block->module\"
|
|
|
@@ -1824,7 +1824,7 @@ id=\"block-$block->module-$block->delta\">\n";<br />
|
|
|
</code>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 4.4 – Chameleon theme</h2>
|
|
|
@@ -1875,7 +1875,7 @@ id=\"block-$block->module-$block->delta\">\n";<br />
|
|
|
<td>1646.99 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -1965,7 +1965,7 @@ id=\"block-$block->module-$block->delta\">\n";<br />
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 4.5 – Marvin</h2>
|
|
|
@@ -2016,7 +2016,7 @@ id=\"block-$block->module-$block->delta\">\n";<br />
|
|
|
<td>2059.24 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -2125,7 +2125,7 @@ id=\"block-$block->module-$block->delta\">\n";<br />
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 4.6 – Block configuration</h2>
|
|
|
@@ -2175,7 +2175,7 @@ id=\"block-$block->module-$block->delta\">\n";<br />
|
|
|
<td>48505.27 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -2314,7 +2314,7 @@ id=\"block-$block->module-$block->delta\">\n";<br />
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 4.7 – custom blocks</h2>
|
|
|
@@ -2364,7 +2364,7 @@ id=\"block-$block->module-$block->delta\">\n";<br />
|
|
|
<td>5128.37 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -2413,7 +2413,7 @@ id=\"block-$block->module-$block->delta\">\n";<br />
|
|
|
</code>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<h1 class="chapter">Drupal 5</h1>
|
|
|
<p class="release-date">15/01/2007 (8 months later)</p>
|
|
|
@@ -2478,14 +2478,14 @@ block_list()</code>, passing it to <code>check_plain()</code></li>
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 5 – block admin + preview</h2>
|
|
|
<div class="illustration"><img src="images/drupal5-block-preview.png" alt="Drupal 5 Block preview"></div>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 5 – per-role visibility</h2>
|
|
|
@@ -2535,7 +2535,7 @@ block_list()</code>, passing it to <code>check_plain()</code></li>
|
|
|
<td>8342.63 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -2584,7 +2584,7 @@ block_list()</code>, passing it to <code>check_plain()</code></li>
|
|
|
</code>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<h1 class="chapter">Drupal 6</h1>
|
|
|
<p class="release-date">13/02/2008 (13 months later)</p>
|
|
|
@@ -2640,7 +2640,7 @@ block_list()</code>, passing it to <code>check_plain()</code></li>
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 6.0 – block cache</h2>
|
|
|
@@ -2770,7 +2770,7 @@ not perform any db query), <br />
|
|
|
<td>672.56 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -2819,7 +2819,7 @@ not perform any db query), <br />
|
|
|
</code>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<h1 class="chapter">Drupal 7</h1>
|
|
|
<p class="release-date">05/01/2011 (35 months later)</p>
|
|
|
@@ -2908,7 +2908,7 @@ not perform any db query), <br />
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 7 – block preview</h2>
|
|
|
@@ -2958,7 +2958,7 @@ not perform any db query), <br />
|
|
|
<td>9926.00 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -3007,13 +3007,13 @@ not perform any db query), <br />
|
|
|
</code>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<h1 class="chapter">Drupal 8</h1>
|
|
|
<p class="release-date">02/2014? (37 months later)</p>
|
|
|
<img src="images/druplicon-glow.png" class="cover-img" style="height: 200px;">
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 8.0</h2>
|
|
|
@@ -3035,7 +3035,7 @@ not perform any db query), <br />
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 8 – just the basics...</h2>
|
|
|
@@ -3107,7 +3107,7 @@ not perform any db query), <br />
|
|
|
</code>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 8.0 – Block statistics</h2>
|
|
|
@@ -3141,7 +3141,7 @@ not perform any db query), <br />
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table class="compare-table seven">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
@@ -3172,7 +3172,7 @@ not perform any db query), <br />
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table class="compare-table eight">
|
|
|
<thead>
|
|
|
<tr>
|
|
|
@@ -3206,7 +3206,7 @@ not perform any db query), <br />
|
|
|
<p class="left"><span class="highlight" style="margin-left: 0;">Drupal 3 = 5622 PHP LoC</span></p>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 8 – UI</h2>
|
|
|
@@ -3226,14 +3226,14 @@ not perform any db query), <br />
|
|
|
</ul>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 8 – block admin</h2>
|
|
|
<div class="illustration"><img src="images/drupal8-placement.png" alt="Drupal 8 Block administration page"></div>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>Drupal 8 – block add</h2>
|
|
|
@@ -3374,7 +3374,7 @@ not perform any db query), <br />
|
|
|
<td>2273.40 [Kbytes/sec] received</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<table>
|
|
|
<tr>
|
|
|
<td colspan="2">Connection Times (ms)</td>
|
|
|
@@ -3423,7 +3423,7 @@ not perform any db query), <br />
|
|
|
</code>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<section>
|
|
|
<h2>ms/<anonymous home></h2>
|
|
|
@@ -3435,7 +3435,7 @@ not perform any db query), <br />
|
|
|
<p class="caption">PHP 5.3.10, MySQL 5.5, APC 3.1.9, aggressive Cache, D8 APC Classloader</p>
|
|
|
</section>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<img src="osinet.png" class="cover-img" style="height: 150px;" />
|
|
|
<div class="cover-osi">
|
|
|
@@ -3444,12 +3444,12 @@ not perform any db query), <br />
|
|
|
<img src="images/druplicon-glow.png" class="cover-img" style="height: 200px;" />
|
|
|
</div>
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section>
|
|
|
<img src="osinet.png" class="cover-img" style="height: 150px;" />
|
|
|
-
|
|
|
+
|
|
|
<h3 class="people blue" style="text-align: center;">Come and say hello!</h3>
|
|
|
-
|
|
|
+
|
|
|
<table class="people">
|
|
|
<tr class="blue">
|
|
|
<td>Frédéric G. Marand (<a href="http://drupal.org/user/27985">fgm</a>)</td>
|
|
|
@@ -3467,11 +3467,11 @@ not perform any db query), <br />
|
|
|
<td>I can talk business.</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
-
|
|
|
+
|
|
|
<p style="text-align: center;"><a href="http://www.osinet.fr" class="highlight" style="color: white; font-size: 1.05em; margin-left: 0;">www.osinet.fr</a></p>
|
|
|
-
|
|
|
+
|
|
|
</section>
|
|
|
-
|
|
|
+
|
|
|
<section data-background="images/background-prague.png">
|
|
|
<img src="images/logo-prague.png" class="cover-img" style="height: 150px; margin-bottom: 2em;">
|
|
|
<p class="custom inverse">WHAT DID YOU THINK?</p>
|
|
|
@@ -3480,14 +3480,14 @@ not perform any db query), <br />
|
|
|
<p class="custom inverse">Click the "Take the survey" link</p>
|
|
|
<p class="custom inverse">THANK YOU!</p>
|
|
|
</section>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="footer"><img src="osinet.png" alt="logo" class="logo" height="70"><span class="footnote">The Drupal blocks system from drop.org to Drupal 8 / © 2013 OSInet / Licence CC-BY-SA 2.0 France</span></div>
|
|
|
|
|
|
</div>
|
