You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

95 lines
4.4 KiB
HTML

<html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Paged.js workshop</title>
<link rel="stylesheet" href="default.css" media="only screen">
<link rel="stylesheet" media="screen and (max-width: 1920px)" href="laptop_1920.css">
<link rel="stylesheet" media="only screen and (min-device-width : 1190px) and (max-device-width : 1440px)" href="laptop_big.css">
<link rel="stylesheet" media="only screen and (min-device-width : 768px) and (max-device-width : 1189px)" href="laptop_small.css">
<link rel="stylesheet" media="only screen and (min-device-width : 360px) and (max-device-width : 767px) and (orientation: portrait)" href="mobile_p.css">
<link rel="stylesheet" href="print.css" media="print">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="ext/becee672c41a09a09c11466c771fb5e5/css2.css?family=Courgette&amp;family=Dancing+Script:wght@400;500;600&amp;display=swap" rel="stylesheet">
<link href="ext/8a7380f228a12515c367465bc33bb013/css2.css?family=Archivo+Black&amp;family=Arsenal:ital@0;1&amp;family=Chivo:ital,wght@0,300;0,400;1,300;1,400&amp;family=Libre+Baskerville:wght@700&amp;display=swap" rel="stylesheet">
<link rel="original" href="https://hub.xpub.nl/sandbot/Nami_Researchlog/Pagedjs_workshop/index.html"></head>
<body>
<div id="home"><a href="https://xpub.nl/">Back</a></div>
<div id="designer"><a href="https://hub.xpub.nl/sandbot/Nami_Researchlog/"><img src="img/namikim2.svg"></a></div>
<div class="wrapper">
<div id="tape"><img src="img/tape.png"></div>
<div id="title"><h1>XPUB invites you to a Paged.js Workshop!</h1></div>
<div class="bar bar1">
<div class="frame">
<h3>Adobe Again?</h3>
<p id="p1">
Most people would think making a publication should be done via
Adobe applications. Don't we want to explore other possibilities
though?
</p>
<img src="img/adobelogo_s.jpg" id="adobe">
<img src="img/nomore.jpg" id="nomore">
</div>
</div>
<div class="bar bar2">
<div class="deco1"></div>
<div class="frame">
<h3>There should be a way</h3>
<p>that I can directly render web pages to print.</p>
<img src="img/coverimg1.jpg">
</div>
</div>
<div class="bar bar3">
<h3 id="t1">On</h3>
<h3 id="t2">Thursday</h3>
<h3 id="t3">13th October</h3>
<h3 id="t4">11am - 6pm</h3>
<h3 id="t5">WH.04.115</h3>
<p id="t6">Guess what would happen?</p>
</div>
<div id="note">
<div class="page1">
<p id="time">11am - 1pm: Lecture &amp;<br>2 - 6pm: Workshop</p><p>13th Oct 2022<br>Wijnhaven 04.115</p><p id="time">Piet Zwart Institute, Willem de Kooning Academy</p>
</div>
<div class="page2">
<p>
<span id="hostnames"><a href="https://julie-blanc.fr/en/blog/2021-04-16_hackathon-pagedjs/">Julie Blanc</a></span> and <span id="hostnames"><a href="https://www.pagedmedia.org/author/julien/">Julien Taquet</a></span> will introduce Paged.js!
</p>
</div>
</div>
<div class="bar bar4" data-scroll="">
<div class="frame">
<h3 class="font-effect-emboss"><a href="https://pagedjs.org/">Paged.js</a></h3>
<p>
is a rendering tool for previewing, inspecting and designing a PDF
in the browser, that is known for specifically accommodating
designers using web-to-print techniques in their publications and book making practice.
</p>
<img src="img/coverimg2.jpg">
<p id="hosts"> Julie and Julien both work as developers on
the project, so we can also ask them about Paged.js as an open
source project, and what it means to develop and maintain it. </p>
</div>
</div>
<div class="bar bar5">
<p>Are you interested in joining the workshop? Sign up via <span id="print"><a href="https://pad.xpub.nl/p/pagedjs">xpub.nl.</a></span><span id="web"><a href="https://pad.xpub.nl/p/pagedjs">here.</a></span></p>
</div>
<img src="img/xpubcode.png" id="qr">
</div>
<script src="app.js"></script>
</body></html>