Commit 984b7150 authored by Louis-Olivier Brassard's avatar Louis-Olivier Brassard

Merge Julie demo

parents 9049d027 99683458
.DS_Store
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-->
<title>pageTitre</title>
<style type="text/css">
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
</style>
<link href="pagedmedia/layout-ecridil.css" rel="stylesheet" type='text/css'>
<link href="pagedmedia/style-ecridil.css" rel="stylesheet" type='text/css'>
<!-- Paged js-->
<script src="https://s3.amazonaws.com/pagedmedia/pagedjs/dist/paged.polyfill.js"></script>
<link href="pagedmedia/interface-pagedjs.css" rel="stylesheet"/>
<script src="pagedmedia/interface-paged.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
<![endif]-->
</head>
<body>
&lt;!DOCTYPE html&gt; <!-- vim:set sw=2 ts=2 sts=2 ft=html expandtab: -->
<html>
<head>
<title>
MyPads
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<p><link href="css/mypads.css" rel="stylesheet"> <link rel="shortcut icon" href="img/mypads_fav.ico" /></p>
<script type="text/javascript" src="https://framasoft.org/nav/lib/jquery/jquery.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
script = document.createElement('script');
script.type = "text/javascript";
script.src="https://framasoft.org/nav/nav.js";
document.getElementsByTagName('head')[0].appendChild(script);
});
</script>
</head>
<body>
<div id="mypads">
</div>
<script src="js/mypads.js"></script>
</body>
</html>
&lt;!DOCTYPE html&gt; <!-- vim:set sw=2 ts=2 sts=2 ft=html expandtab: -->
<html>
<head>
<title>
MyPads
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<p><link href="css/mypads.css" rel="stylesheet"> <link rel="shortcut icon" href="img/mypads_fav.ico" /></p>
<script type="text/javascript" src="https://framasoft.org/nav/lib/jquery/jquery.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
script = document.createElement('script');
script.type = "text/javascript";
script.src="https://framasoft.org/nav/nav.js";
document.getElementsByTagName('head')[0].appendChild(script);
});
</script>
</head>
<body>
<div id="mypads">
</div>
<script src="js/mypads.js"></script>
</body>
</html>
&lt;!DOCTYPE html&gt; <!-- vim:set sw=2 ts=2 sts=2 ft=html expandtab: -->
<html>
<head>
<title>
MyPads
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<p><link href="css/mypads.css" rel="stylesheet"> <link rel="shortcut icon" href="img/mypads_fav.ico" /></p>
<script type="text/javascript" src="https://framasoft.org/nav/lib/jquery/jquery.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
script = document.createElement('script');
script.type = "text/javascript";
script.src="https://framasoft.org/nav/nav.js";
document.getElementsByTagName('head')[0].appendChild(script);
});
</script>
</head>
<body>
<div id="mypads">
</div>
<script src="js/mypads.js"></script>
</body>
</html>
</body>
</html>
......@@ -17,6 +17,9 @@
<!-- Paged js-->
<script src="pagedmedia/paged.polyfill.js"></script>
<!-- <script src="https://unpkg.com/pagedjs@0.0.4/dist/paged.polyfill.js"></script>
-->
<link href="pagedmedia/interface-pagedjs.css" rel="stylesheet"/>
......@@ -33,18 +36,22 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam malesuada lacus vehicula massa consequat, maximus faucibus libero laoreet. Nullam maximus, diam consectetur tincidunt gravida, ligula orci venenatis dolor, facilisis dignissim tellus libero vel turpis. Proin in elit mattis, egestas sapien eu, hendrerit est. Pellentesque aliquet dui non lorem pellentesque posuere. Donec et erat efficitur, vulputate erat vitae, rhoncus mi. Aliquam rhoncus sem libero, non luctus ex rutrum non. Proin ligula tortor, lacinia in urna et, suscipit lobortis dui. Praesent lacinia neque eget tincidunt sagittis. Nunc egestas dui ac gravida consequat. Nunc porta viverra massa quis pharetra.
</p>
</header>
<section id="test">
<section id="section-auteurs">
<p>Ceci est la section des auteurs</p>
</section>
<section>
<div class="saut">
<p>
Integer ipsum felis, tincidunt eu laoreet et, cursus ac quam. Nulla gravida et nibh in elementum. Praesent iaculis eu erat eget sagittis. Curabitur ut neque id nulla dignissim vehicula eu in augue. Donec pulvinar, velit eu cursus rhoncus, mauris turpis venenatis leo, id malesuada tortor enim nec purus. Donec tincidunt, odio vel vestibulum sollicitudin, nibh dolor tempor sapien, ac laoreet sem felis ut purus. Morbi cursus bibendum consectetur. Nullam vel lacus congue nibh pulvinar maximus sit amet eu risus. Curabitur semper odio mauris, nec imperdiet velit pharetra non. Aenean accumsan nulla ac ex iaculis interdum. Curabitur hendrerit lacinia arcu non consequat. Nulla ornare, nibh id fermentum pharetra, dolor ante laoreet ligula, id sodales nunc leo ut libero. Nam ut ipsum sit amet nunc dignissim porta vel sagittis nunc. Vestibulum convallis fringilla ante sit amet ultrices. Vestibulum neque ex, ullamcorper sit amet diam sed, pharetra laoreet sem. <span class="appelnote"></span><span class="sidenote">Vestibulum neque ex, ullamcorper sit amet diam sed, pharetra laoreet sem.</span>
</p>
</div>
<p>
oulipo Vestibulum velit massa, rhoncus non congue vitae, hendrerit eu metus. Donec lorem nisi, rutrum quis erat id, egestas iaculis ex. Pellentesque lacinia blandit dignissim. Nam at lorem finibus, facilisis orci eu, pellentesque enim. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce fermentum lorem quis finibus mattis. Vestibulum in ipsum cursus, mattis elit ut, sodales libero. Sed blandit iaculis ex, sit amet volutpat massa fringilla sed. Proin porta enim justo, sed hendrerit leo efficitur sit amet. Maecenas ultrices nunc ut mi convallis vestibulum. Morbi imperdiet blandit malesuada. Nulla rhoncus non turpis non gravida. Quisque cursus turpis urna, ac auctor nunc ullamcorper id. <span class="appelnote"></span><span class="sidenote">Nulla rhoncus non turpis non gravida. Quisque cursus turpis urna, ac auctor nunc ullamcorper id.</span>
</p>
<p>
Mauris at ligula id risus interdum cursus ut at massa. Fusce ut augue quis lacus maximus placerat at in quam. Ut id sem sed ipsum lobortis laoreet. Sed dictum sodales nisi. Fusce lacus nulla, maximus quis malesuada egestas, egestas ut nulla. Nulla id ultrices felis. Proin molestie quam nec varius vulputate. Nullam luctus sapien massa. Nullam ac dignissim leo. Cras at neque sed neque faucibus ultrices a quis dolor. Donec vestibulum elit sed augue porta, et imperdiet velit sodales. Suspendisse erat nibh, lacinia at varius sed, tempus vitae diam. Suspendisse potenti. <span class="appelnote"></span><span class="sidenote">Suspendisse erat nibh, lacinia at varius sed, tempus vitae diam. Suspendisse potenti.</span>
</p>
<p>
<p id="test-avoid">
Praesent velit massa, placerat in risus vitae, commodo tempor lectus. Donec eget accumsan nisl, gravida ornare dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo vel metus vulputate lobortis. Cras ultricies sagittis metus, nec feugiat turpis rutrum iaculis. Nunc fermentum tristique erat et aliquam. Vivamus ut sagittis quam. Vestibulum fringilla iaculis euismod. <span class="appelnote"></span><span class="sidenote" id="sidenote">Vivamus ut sagittis quam. Vestibulum fringilla iaculis euismod.</span>
</p>
......
div.unite
<!-- marge _avant_ div.main -->
div.marge-<...>
div.main
div.main-glose
p
div.marge-glose
p
div.marge-visuel
img
.(source)
.legende
div.main-slide
img
.source
.tweeter-tweet
bloquote
p
footer
.reference
p.auteur
p.titre
bloquote
span.citation
p|spna.source
bloquote
p.citation-ext
p.citation-ext-auteur
p.citation-ext-source
......@@ -3,7 +3,7 @@
@page {
size: 160mm 210mm;
size: 215.9mm 215.9mm;
margin: 15mm 15mm;
}
......@@ -18,20 +18,33 @@
}
#test {
page: test;
margin: 5mm 5mm;
#test-avoid {
page-break-before: right;
}
@page test {
background-color: orange;
}
#section-auteurs{
page: sectionAuteur;
}
@page sectionAuteur:left {
margin: 30mm 30mm;
background-color:yellow;
}
@page sectionAuteur {
margin: 30mm 30mm;
background-color:yellow;
}
@page:left{
margin-top:15mm;
margin-bottom:15mm;
margin-left:50mm;
margin-right: 15mm;
@top-left{
content: counter(page);
}
}
@page:right{
......@@ -47,6 +60,11 @@
}
*/
.saut{
color: green;
page-break-after: right;
break-after: page;
}
.sidenote {
display: block;
......@@ -65,7 +83,7 @@
width: 150px;
position:absolute;
top:0mm;
left: 100mm;
left: 150mm;
}
......
This diff is collapsed.
This diff is collapsed.
<!DOCTYPE html>
<!-- vim:set sw=2 ts=2 sts=2 ft=html expandtab: -->
<html>
<head>
<title>MyPads</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/mypads.css" rel="stylesheet">
<link rel="shortcut icon" href="img/mypads_fav.ico" />
<script type="text/javascript" src="https://framasoft.org/nav/lib/jquery/jquery.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
script = document.createElement('script');
script.type = "text/javascript";
script.src="https://framasoft.org/nav/nav.js";
document.getElementsByTagName('head')[0].appendChild(script);
});
</script>
</head>
<body>
<div id= "mypads"></div>
<script src="js/mypads.js"></script>
</body>
</html>
<!DOCTYPE html>
<!-- vim:set sw=2 ts=2 sts=2 ft=html expandtab: -->
<html>
<head>
<title>MyPads</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/mypads.css" rel="stylesheet">
<link rel="shortcut icon" href="img/mypads_fav.ico" />
<script type="text/javascript" src="https://framasoft.org/nav/lib/jquery/jquery.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
script = document.createElement('script');
script.type = "text/javascript";
script.src="https://framasoft.org/nav/nav.js";
document.getElementsByTagName('head')[0].appendChild(script);
});
</script>
</head>
<body>
<div id= "mypads"></div>
<script src="js/mypads.js"></script>
</body>
</html>
<!DOCTYPE html>
<!-- vim:set sw=2 ts=2 sts=2 ft=html expandtab: -->
<html>
<head>
<title>MyPads</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/mypads.css" rel="stylesheet">
<link rel="shortcut icon" href="img/mypads_fav.ico" />
<script type="text/javascript" src="https://framasoft.org/nav/lib/jquery/jquery.min.js"></script>
<script type="text/javascript">
$('document').ready(function(){
script = document.createElement('script');
script.type = "text/javascript";
script.src="https://framasoft.org/nav/nav.js";
document.getElementsByTagName('head')[0].appendChild(script);
});
</script>
</head>
<body>
<div id= "mypads"></div>
<script src="js/mypads.js"></script>
</body>
</html>
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