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
95 lines
4.4 KiB
HTML
2 years ago
|
<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&family=Dancing+Script:wght@400;500;600&display=swap" rel="stylesheet">
|
||
|
|
<link href="ext/8a7380f228a12515c367465bc33bb013/css2.css?family=Archivo+Black&family=Arsenal:ital@0;1&family=Chivo:ital,wght@0,300;0,400;1,300;1,400&family=Libre+Baskerville:wght@700&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 &<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>
|