the-document/index.html at main · priitey/the-document · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>new Document()</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://unpkg.com/98.css" />
    <link rel="icon" href="favicon.png" type="image/x-icon">
</head>

<body>

    <div class="window" id="main-container">
        <div class="title-bar">
            <div class="title-bar-text">new Document()</div>
            <div class="title-bar-controls">
                <button aria-label="Minimize"></button>
                <button aria-label="Maximize"></button>
                <button aria-label="Close"></button>
            </div>
        </div>
        <div class="window-body">
            <div class="sunken-panel" style="padding: 0.5rem; margin-bottom: 1rem; font-size: 2.0em;">
                <p>How can one play with their rental agreement?</p>
                <p>The Document is designed to reside outside of time and politics. The Document is often presented as an
                    immutable projection of authority. It's banal triviality disguising the violence and control that it is
                    designed to legitimise.</p>
                <p>My rental agreement sits-perfectly dust-free and unopened-in my downloads folder. Yet the clauses it
                    contains retain at best an ambient, and at worst a direct and evicting control over the daily decisions of life as a renter.</p>
                <p>This project aims to subvert the enforced displacement of The Document's politicality- make poems with your
                    pay-slip. It aims to counter The Document's imperial language by remixing it and in doing so, obviates the
                    primacy of officiation and obfuscation within its design.</p>
                <p>Throughout this website are sketches and tools I have designed and coded (with the assistance of Copilot) in
                    order to explore this project's aims and the resulting aesthetic/s which emerge.</p>
                <p>The Document is malleable.</p>
                <p>The Technics:<br>What is the methodology of all these tools? The user is asked to upload a pdf document.
                    It could be anything, as long as it contains text. Then the pdf's text content is extracted including it's strings
                    of characters and position coordinates relative to the page. The string is then further extracted and sorted into
                    nouns, verbs, adverb and adjectives. These extracted and sorted terms are then placed into randomised layouts
                    which form stickers, or emulations of the pdf's original layout in order to generate books. One can even animate
                    these permutations and combinations. In performing these transformations The Document is engaged in a frivolous,
                    iterative, playful manner. The architecture of authority is rendered strange–recomposed as fragments of poetic possibility.
                </p>
                <p>I encourage anyone and everyone to play with these tools, download them, re-purpose them, break them, fork
                    them.</p>
                <p>This project is directly inspired by Chris Lee's <a
                    href="https://www.setmargins.press/books/designing-history/">Designing History: Documents and the Design
                    Imperative to Immutability</a>, Karen Ann Donnachie's and Andy Simionato's <a
                    href="https://www.academia.edu/video/kzmygl?t=30">Library of Nonhuman Books</a> and <a
                    href="https://brill.com/display/book/9789004389960/BP000027.xml">Aleatory poetry</a>.
                The Art Institute of Chicago's <a href="https://api.artic.edu/docs/#introduction">API</a>,
                <a href="https://jdan.github.io/98.css/">98.css</a> and <a href="https://artskydj.github.io/jsPDF/docs/index.html">jspdf</a>
                libraries are also utilised in this project.<br>
                I would like to give my sincere thanks to these works, their authors and contributors.</p>
            </div>

            <p>Explorations:</p>
            <ul class="tree-view" style="font-size: 2em;">
                <li><a href="./doc1/doc1.html">document.sketch</a></li>
                <li><a href="./doc2/doc2.html">document.sticker</a></li>
                <li><a href="./doc3/doc3.html">document.more_stickers</a></li>
                <li><a href="./doc4/doc4.html">document.remix</a></li>
                <li><a href="./doc5/doc5-editor.html">document.generate</a></li>
                <li><a href="./doc6/doc6.html">document.animate </a></li>
            </ul>
        </div>
    </div>

</body>

</html>