Commit 3bec6073 authored by ludi's avatar ludi

images claise

parent a8bea8bd
......@@ -6,6 +6,7 @@
*/
/* Loads the base variables such as page size and margins. */
@import "setup.less";
......
#flow-decheance { .flow-into(flowDecheance); }
.flow-decheance { .flow-from(flowDecheance); }
#flow-decheance h1 {
-webkit-region-break-after: always;
}
#flow-utopie { .flow-into(flowUtopie); }
.flow-utopie { .flow-from(flowUtopie); }
#flow-utopie h1 {
-webkit-region-break-after: always;
}
......@@ -6,7 +6,6 @@
.page { text-rendering: optimizeLegibility; }
/*
* Styles génériques
* -----------------
......@@ -23,87 +22,75 @@ body {
h1,
h2,
h3 {
margin-top: 0;
margin-bottom: 0;
-webkit-break-inside: avoid-region;
-webkit-break-inside: avoid-region;
}
h1 {
margin-top: 0;
margin-bottom: 0;
font-family: "Bagnard";
font-size: 44pt;
line-height: 6pt * 7;
letter-spacing: -.05em;
font-weight: normal;
}
p { margin: 0; }
h2 {
float: left;
p + p { text-indent: 6pt; }
em { font-style: italic; }
margin: 0 6pt 0 0 ;
/*
* Styles enquêtes
* -----------------
*/
.enquete h1 {
font-family: "Erbar condensed";
font-weight: bold;
font-size: 9.4pt;
line-height: 6pt * 2;
font-size: 54pt;
line-height: 6pt * 9;
text-transform: uppercase;
}
p { margin: 0; }
p + p { text-indent: 6pt; }
p:first-of-type::first-letter {
.enquete h2 {
font-family: "Erbar condensed";
font-weight: bold;
/*font-size: 12pt * 4;*/
-webkit-initial-letter: 4;
initial-letter: 4;
/*float: left;*/
/*line-height: 12pt * 3;*/
/*margin-right: 6pt;*/
font-size: 15pt;
line-height: 6pt * 3;
text-transform: uppercase;
margin-top: 12pt;
}
/*a { */
/*text-decoration: none;*/
/*color: rgba(177, 69, 66, 255);*/
/*}*/
em { font-style: italic; }
/*ul {*/
/*list-style-type: none;*/
/*padding-left: 1.25em;*/
/*}*/
/*ul li { position: relative; }*/
/*ul li:before {*/
/*content: "—";*/
/*width: 1.25em;*/
/*display: block;*/
/*position: absolute;*/
/*left: -1.25em;*/
/*}*/
/*ol { padding-left: 1.25em; }*/
/*li { margin-top: 9.75pt; }*/
.enquete .chapeau {
font-family: "Bagnard";
font-size: 15pt;
line-height: 6pt * 3;
}
/*pre { white-space: pre; }*/
/*code { font-family: "DOS"; }*/
.enquete .exergue {
font-family: "Erbar condensed";
font-weight: bold;
font-size: 20pt;
line-height: 6pt * 3;
}
// Pour les footnotes
/*hr { display: none; }*/
/*
* Styles rubriques
* -----------------
*/
/*figure { text-align: center; }*/
.rubrique h1 {
margin-top: 0;
margin-bottom: 0;
font-family: "Bagnard";
font-size: 44pt;
line-height: 6pt * 7;
font-weight: normal;
}
/*img { max-width: 100%; }*/
.rubrique h2 {
float: left;
/*pre { overflow: hidden; }*/
margin: 0 6pt 0 0;
/*sup { line-height: 0; vertical-align: -0.1em; }*/
font-family: "Erbar condensed";
font-weight: bold;
font-size: 9.4pt;
line-height: 6pt * 2;
text-transform: uppercase;
}
......@@ -31,7 +31,7 @@
</div>
<div id="stories">
<article id="flow-decheance" data-src="sample-content/html/decheance-de-nationalite.html"></article>
<article id="flow-decheance" class="rubrique" data-src="sample-content/html/decheance-de-nationalite.html"></article>
</div>
<!-- JAVASCRIPT -->
......
......@@ -8,7 +8,7 @@
</head>
<body>
<div id="viewport">
<iframe src="doc.html"></iframe>
<iframe src="doc-utopie.html"></iframe>
</div>
<div id="toolbar">
......
De l’utopie numérique au choc social
De l’utopie numéri-que au choc social
=============================
Quarante-cinq ans après les premiers pas de l’homme sur la Lune, la course technologique emprunte une voie singulière : en janvier dernier, un réfrigérateur connecté à Internet envoyait inopinément des rafales de courriels indésirables... Au-delà de son folklore, la numérisation de la vie quotidienne engendre un modèle économique qui contraste avec les promesses mirifiques de la Silicon Valley.
......
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