Commit e7e1bc58 authored by Étienne Oz's avatar Étienne Oz 🖖

la couv

parent 9fac119b
<!doctype html>
<html lang="en">
<style media="screen, print">
body{
width: 21cm;
......@@ -5,6 +9,7 @@
margin: 0;
padding: 0;
color: red;
font-family: monospace;
}
table{
......@@ -52,18 +57,45 @@
-ms-transform: rotate(7deg); /* IE 9 */
-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
transform: rotate(7deg);
width: 310px;
z-index: -1;
left: 280px;
top:280px;
}
p{
margin: 0;
padding: 0;
font-size: 14pt;
line-height: 1.3;
text-indent: 22px;
}
</style>
p:nth-of-type(1){
text-indent: 0;
margin-top: 130px;
}
p span{
border: 1px solid red;
}
</style>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<table>
<tr class="day">
<td>13:00:00</td>
<td colspan="3"><span style="text-decoration: underline;">D E V I A T I O N</span></td>
</tr>
<tr class="day">
<td>13:00:00</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="day">
<td>13:00:00</td>
<td colspan="3">D A Y&nbsp; O N E</td>
......@@ -287,11 +319,18 @@
<td>Nicolas</td>
<td>^^</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>14:13:19</td>
<td>Nicolas</td>
<td>:D</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
......@@ -307,15 +346,174 @@
<td>sarah</td>
<td>gray</td>
</tr>
<!--
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>14:57:48</td>
<td>dasha</td>
<td>fonts, colors, alignment</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>14:58:38</td>
<td>nicolas</td>
<td>hi!</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>15:11:57</td>
<td>Nicolas</td>
<td>boooom</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>15:22:10</td>
<td>Kris</td>
<td>random shapes</td>
</tr>
<tr>
<td>04-07-17</td>
<td>15:23:30</td>
<td>Nicolas</td>
<td>RED IS DEAD</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>15:31:56</td>
<td>Nicolas</td>
<td>?</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>15:39:38</td>
<td>dasha</td>
<td></td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>16:06:58</td>
<td>Nicolas</td>
<td>BLEU BLANC ROUGE</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>16:08:16</td>
<td>Kris</td>
<td>colors.</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>16:22:10</td>
<td>Nicolas</td>
<td>*+-***/=++-</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>16:36:40</td>
<td></td>
<td>colors</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>16:40:26</td>
<td>etienne</td>
<td>fontface univers</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>16:42:13</td>
<td></td>
<td>updated mona lisa :)</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>16:50:09</td>
<td></td>
<td></td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>16:50:43</td>
<td></td>
<td>raphael + colors</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>16:58:43</td>
<td></td>
<td>:)</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>17:03:45</td>
<td>Μεγκαν</td>
<td>erase everything</td>
</tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
<td>17:41:25</td>
<td>Anthony et Nicolas</td>
<td>VIVE LA MATRICE</td>
</tr>
<!--
<tr class="empty"><td></td><td></td> <td></td><td></td></tr>
<tr>
<td>04-07-17</td>
......@@ -334,14 +532,19 @@
<img src="Mona_a'la_Mace_in_ballpoint_pen_by_Lennie_Mace_1993_(shown_cropped).jpg">
</table>
<p>
<span>DEViation</span> is a collaborative printable layout tool in the web browser. It uses pads where everybody can edit css by going to <span>http://prepostprint.org/deviation</span> and allows a real-time previsualisation. Each participant is invited to modify and appropriate the existing layout and let it as it is for the next one.
</p>
<p>
The goal is to use this tool to product a book putting light on the evolution of the layout though time and users. We propose to deviate from the classical linearity of the book object to create a set of books where we can find each modifications to the original layout.
Works properly only on Chromium or Chrome.
</p>
<p>
<span>→ http://prepostprint.org/deviation</span>
</p>
<p>
<span>→ https://gitlab.com/atelier-bek/prepostprint</span>
</p>
</p>
</body>
<ul>
<li class="name">etienne</li>
<li class="mail"></li>
<li class="date">04-07-17</li>
<li class="hour">16:40:26</li>
<li class="mod">fontface univers</li>
</ul>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment