index.html 9.74 KB
Newer Older
1
<!DOCTYPE HTML>
2
<html class="debug spread">
3 4 5 6 7 8 9 10 11 12 13
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>HTML to Print Boilerplate</title>

    <link rel="stylesheet" type="text/css" href="reset.css" />
    <link rel="stylesheet" href="print.less" type="text/less" media="all" charset="utf-8">
</head>
<body>
    <!-- PRINT MARKS -->
    <div id="print-marks">
        <div id="master-page" class="preview-page">
svilayphiou's avatar
svilayphiou committed
14
            <!--<img src="page-height.png" />-->
15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
            <div class="crop-top-left">
                <div class="crop-right" style="top: 0; right: 0;"></div>
                <div class="crop-bottom" style="bottom: 0cm; left: 0;"></div>
            </div>
            <div class="crop-top-right">
                <div class="crop-left" style="top: 0; left: 0;"></div>
                <div class="crop-bottom" style="bottom: 0; right: 0;"></div>
            </div>
            <div class="crop-bottom-right">
                <div class="crop-left" style="left: 0; bottom: 0;"></div>
                <div class="crop-top" style="right: 0cm; top: 0;"></div>
            </div>
            <div class="crop-bottom-left">
                <div class="crop-right" style="bottom: 0cm; right: 0;"></div>
                <div class="crop-top" style="left: 0cm; top: 0"></div>
            </div>
            <div class="folio">
            </div>
        </div>
    </div>
    <div id="content">
        <p>
splinter fields is an initiative of brussels based organizations active within the fields of technological and media arts (constant, foam, nadine and okno) to foster collaborative, agile and flexible learning. the programme of workshops, study-groups and field-tests is open to artists, designers, technologists and other generalists curious to explore tools and mindware for experiments in contemporary culture and daily life.
        </p>
        <p>
undertype was originally built as an educationnal platform to make apparent the processes that a typesetting engine may go through. it was purposely rudimentary and bare. for todays purpose, pierre built a version that allows for copying and pasting functions. we may take these abilities for granted, but they didn't necessarely fit in the original idea of the program. undertype imitates a linotype machine as is sets slugs of text line by line and one by one. reenacting digitally what these machines did with masters and hot lead. 
        </p>
        <p>
the imagined workflow will be to use both laidout and undertype: undertype will be the tool to set the text in sections. this combination came about as laidout does not enable text setting functions. outputted pdf files from undertype will be rasterised and imported into laidout as images (the idea from the beggining is to print the flyers on a risograph machine) then images, logos, etc will be laidout in laidout.
        </p>
        <img style="width: 100%;" src="collaborative-plotting.png" />
        <p>
svilayphiou's avatar
svilayphiou committed
47
splinter fields is an initiative of brussels based organizations active within the fields of technological and media arts (constant, foam, nadine and okno) to foster collaborative, agile and flexible. 
48
        </p>
svilayphiou's avatar
svilayphiou committed
49 50 51 52 53 54


        <h1 class="page-break" style="font-size: 2em;">
            I'm a heading and I don't want to be alone.
        </h1>

55
        <p>
svilayphiou's avatar
svilayphiou committed
56
undertype was originally built as an educationnal platform to make apparent the processes that a typesetting engine may go through. it was purposely rudimentary and bare. for todays purpose, pierre built a version that allows for copying and pasting functions. we may take these abilities for granted, but they didn't necessarely fit in the original idea of the program. undertype imitates a linotype machine as is sets slugs of text line by line and one by one. reenacting digitally what these machines did with masters and hot lead. undertype was originally built as an educationnal platform to make apparent the processes that a typesetting engine may go through. it was purposely rudimentary and bare. for todays purpose, pierre built a version that allows for copying and pasting functions. we may take these abilities for granted, but they didn't necessarely fit in the original idea of the program. undertype imitates a linotype machine as is sets slugs of text line by line and one by one. reenacting digitally what these machines did with masters and hot lead. 
57 58 59 60 61 62
        </p>
        <p>
the imagined workflow will be to use both laidout and undertype: undertype will be the tool to set the text in sections. this combination came about as laidout does not enable text setting functions. outputted pdf files from undertype will be rasterised and imported into laidout as images (the idea from the beggining is to print the flyers on a risograph machine) then images, logos, etc will be laidout in laidout.
        </p>
        <img style="width: 100%;" src="collaborative-plotting.png" />
        <p>
svilayphiou's avatar
svilayphiou committed
63 64 65 66 67 68 69 70
splinter fields is an initiative of brussels based organizations active within the fields of technological and media arts (constant, foam, nadine and okno) to foster collaborative, agile and flexible learning. the programme of workshops, study-groups and field-tests is open to artists, designers, technologists and other generalists curious to explore tools and mindware for experiments in contemporary culture and daily life.
        </p>
        <p>
undertype was originally built as an educationnal platform to make apparent the processes that a typesetting engine may go through. it was purposely rudimentary and bare. for todays purpose, pierre built a version that allows for copying and pasting functions. we may take these abilities for granted, but they didn't necessarely fit in the original idea of the program. undertype imitates a linotype machine as is sets slugs of text line by line and one by one. reenacting digitally what these machines did with masters and hot lead. 
        </p>
        <p>
the imagined workflow will be to use both laidout and undertype: undertype will be the tool to set the text in sections. this combination came about as laidout does not enable text setting functions. outputted pdf files from undertype will be rasterised and imported into laidout as images (the idea from the beggining is to print the flyers on a risograph machine) then images, logos, etc will be laidout in laidout.
        </p>
svilayphiou's avatar
svilayphiou committed
71 72 73

        <div class="page-break"></div>

svilayphiou's avatar
svilayphiou committed
74 75 76 77 78 79 80 81 82 83 84 85
        <img style="width: 100%;" src="collaborative-plotting.png" />
gg        <p>
splinter fields is an initiative of brussels based organizations active within the fields of technological and media arts (constant, foam, nadine and okno) to foster collaborative, agile and flexible learning. the programme of workshops, study-groups and field-tests is open to artists, designers, technologists and other generalists curious to explore tools and mindware for experiments in contemporary culture and daily life.
        </p>
        <p>
undertype was originally built as an educationnal platform to make apparent the processes that a typesetting engine may go through. it was purposely rudimentary and bare. for todays purpose, pierre built a version that allows for copying and pasting functions. we may take these abilities for granted, but they didn't necessarely fit in the original idea of the program. undertype imitates a linotype machine as is sets slugs of text line by line and one by one. reenacting digitally what these machines did with masters and hot lead. 
        </p>
        <p>
the imagined workflow will be to use both laidout and undertype: undertype will be the tool to set the text in sections. this combination came about as laidout does not enable text setting functions. outputted pdf files from undertype will be rasterised and imported into laidout as images (the idea from the beggining is to print the flyers on a risograph machine) then images, logos, etc will be laidout in laidout.
        </p>
        <img style="width: 100%;" src="collaborative-plotting.png" />
gg        <p>
86 87 88 89 90 91 92 93 94 95
splinter fields is an initiative of brussels based organizations active within the fields of technological and media arts (constant, foam, nadine and okno) to foster collaborative, agile and flexible learning. the programme of workshops, study-groups and field-tests is open to artists, designers, technologists and other generalists curious to explore tools and mindware for experiments in contemporary culture and daily life.
        </p>
        <p>
undertype was originally built as an educationnal platform to make apparent the processes that a typesetting engine may go through. it was purposely rudimentary and bare. for todays purpose, pierre built a version that allows for copying and pasting functions. we may take these abilities for granted, but they didn't necessarely fit in the original idea of the program. undertype imitates a linotype machine as is sets slugs of text line by line and one by one. reenacting digitally what these machines did with masters and hot lead. 
        </p>
        <p>
the imagined workflow will be to use both laidout and undertype: undertype will be the tool to set the text in sections. this combination came about as laidout does not enable text setting functions. outputted pdf files from undertype will be rasterised and imported into laidout as images (the idea from the beggining is to print the flyers on a risograph machine) then images, logos, etc will be laidout in laidout.
        </p>
    </div>

96 97 98 99 100 101 102 103 104 105 106 107
    <div id="container">
        <div class="page">
        </div>
        <div class="page">
        </div>
        <div class="page">
        </div>
        <div class="page">
        </div>
        <div class="page">
        </div>
    </div>
108 109 110 111 112 113
    <!-- JAVASCRIPT -->
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="less-1.3.0.min.js"></script>
    <script type="text/javascript" src="print.js"></script>
</body>
</html>