simoon
/
libraryofcontingencies
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'master' of ssh://git.xpub.nl:2501/simoon/libraryofcontingencies

Browse Source
master
bootleglibrary 4 years ago
parent 0367358262 6969e16811
commit 13e272782c
30 changed files with 1502 additions and 0 deletions
Show Stats Download Patch File Download Diff File

BIN
sketches/site3/.DS_Store vendored
View File

Binary file not shown.

BIN
sketches/site3/IMG/2px_grey.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
sketches/site3/IMG/Books_are_for_use.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 171 KiB

BIN
sketches/site3/IMG/Deadheads.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
sketches/site3/IMG/Isbn_barcode.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 213 KiB

BIN
sketches/site3/IMG/Publication_studio_London_staff.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 498 KiB

BIN
sketches/site3/IMG/Real_bootlegger.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 513 KiB

BIN
sketches/site3/IMG/Tasks_of_the_Contingent_Librarian16.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
sketches/site3/IMG/Tasks_of_the_Contingent_Librarian3.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

BIN
sketches/site3/IMG/Woven_papyrus_sheet.jpeg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 768 KiB

216
sketches/site3/IMG/bootlegging_dots.svg
Unescape Escape View File

@ -0,0 +1,216 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 420.9 297.6" style="enable-background:new 0 0 420.9 297.6;" xml:space="preserve">
<style type="text/css">
.st0{fill:#999999;}
.st1{fill:none;stroke:#999999;stroke-miterlimit:10;}
.st2{font-family:'ArialMT';}
.st3{font-size:9px;}
</style>
<g>
<g>
<circle class="st0" cx="95.1" cy="34" r="5"/>
</g>
<g>
<path class="st0" d="M70.1,48c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S67.9,48,70.1,48 M70.1,47c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S72.9,47,70.1,47L70.1,47z"/>
</g>
<g>
<path class="st0" d="M204.1,169c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S201.9,169,204.1,169 M204.1,168c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S206.9,168,204.1,168L204.1,168z"/>
</g>
<g>
<path class="st0" d="M239.1,184c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S236.9,184,239.1,184 M239.1,183c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S241.9,183,239.1,183L239.1,183z"/>
</g>
<g>
<path class="st0" d="M295.1,60c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4s-4-1.8-4-4C291.1,61.8,292.9,60,295.1,60 M295.1,59
c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5s5-2.2,5-5C300.1,61.2,297.9,59,295.1,59L295.1,59z"/>
</g>
<g>
<path class="st0" d="M355.1,137c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S352.9,137,355.1,137 M355.1,136c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S357.9,136,355.1,136L355.1,136z"/>
</g>
<g>
<path class="st0" d="M337.1,231c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S334.9,231,337.1,231 M337.1,230c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S339.9,230,337.1,230L337.1,230z"/>
</g>
<g>
<path class="st0" d="M322.1,189c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S319.9,189,322.1,189 M322.1,188c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S324.9,188,322.1,188L322.1,188z"/>
</g>
<g>
<path class="st0" d="M244.1,249c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S241.9,249,244.1,249 M244.1,248c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S246.9,248,244.1,248L244.1,248z"/>
</g>
<g>
<path class="st0" d="M90.1,148c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S87.9,148,90.1,148 M90.1,147c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S92.9,147,90.1,147L90.1,147z"/>
</g>
<g>
<path class="st0" d="M105.1,71c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S102.9,71,105.1,71 M105.1,70c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S107.9,70,105.1,70L105.1,70z"/>
</g>
<g>
<path class="st0" d="M134.1,48c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S131.9,48,134.1,48 M134.1,47c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S136.9,47,134.1,47L134.1,47z"/>
</g>
<g>
<path class="st0" d="M95.1,105c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S92.9,105,95.1,105 M95.1,104c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S97.9,104,95.1,104L95.1,104z"/>
</g>
<g>
<path class="st0" d="M189.1,110c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S186.9,110,189.1,110 M189.1,109c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S191.9,109,189.1,109L189.1,109z"/>
</g>
<g>
<path class="st0" d="M181.1,45c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S178.9,45,181.1,45 M181.1,44c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S183.9,44,181.1,44L181.1,44z"/>
</g>
<g>
<path class="st0" d="M265.1,129c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S262.9,129,265.1,129 M265.1,128c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S267.9,128,265.1,128L265.1,128z"/>
</g>
<g>
<path class="st0" d="M255.1,31c2.2,0,4,1.8,4,4s-1.8,4-4,4c-2.2,0-4-1.8-4-4S252.9,31,255.1,31 M255.1,30c-2.8,0-5,2.2-5,5
s2.2,5,5,5c2.8,0,5-2.2,5-5S257.9,30,255.1,30L255.1,30z"/>
</g>
<g>
<path class="st0" d="M199.1,48c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S196.9,48,199.1,48 M199.1,47c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S201.9,47,199.1,47L199.1,47z"/>
</g>
<g>
<path class="st0" d="M148.1,141c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S145.9,141,148.1,141 M148.1,140c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S150.9,140,148.1,140L148.1,140z"/>
</g>
<g>
<path class="st0" d="M65.1,134c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S62.9,134,65.1,134 M65.1,133c-2.8,0-5,2.2-5,5s2.2,5,5,5
c2.8,0,5-2.2,5-5S67.9,133,65.1,133L65.1,133z"/>
</g>
<g>
<path class="st0" d="M90.1,250c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S87.9,250,90.1,250 M90.1,249c-2.8,0-5,2.2-5,5
c0,2.8,2.2,5,5,5s5-2.2,5-5C95.1,251.2,92.9,249,90.1,249L90.1,249z"/>
</g>
<g>
<path class="st0" d="M143.1,221c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S140.9,221,143.1,221 M143.1,220c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S145.9,220,143.1,220L143.1,220z"/>
</g>
<g>
<path class="st0" d="M160.1,178c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S157.9,178,160.1,178 M160.1,177c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S162.9,177,160.1,177L160.1,177z"/>
</g>
<g>
<path class="st0" d="M184.1,145c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S181.9,145,184.1,145 M184.1,144c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S186.9,144,184.1,144L184.1,144z"/>
</g>
<g>
<path class="st0" d="M165.1,125c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4s-4-1.8-4-4C161.1,126.8,162.9,125,165.1,125 M165.1,124
c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5s5-2.2,5-5C170.1,126.2,167.9,124,165.1,124L165.1,124z"/>
</g>
<g>
<path class="st0" d="M176.1,76c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S173.9,76,176.1,76 M176.1,75c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S178.9,75,176.1,75L176.1,75z"/>
</g>
<g>
<path class="st0" d="M224.1,81c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S221.9,81,224.1,81 M224.1,80c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S226.9,80,224.1,80L224.1,80z"/>
</g>
<g>
<path class="st0" d="M224.1,125c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4s-4-1.8-4-4C220.1,126.8,221.9,125,224.1,125 M224.1,124
c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5s5-2.2,5-5C229.1,126.2,226.9,124,224.1,124L224.1,124z"/>
</g>
<g>
<path class="st0" d="M229.1,155c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S226.9,155,229.1,155 M229.1,154c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S231.9,154,229.1,154L229.1,154z"/>
</g>
<g>
<path class="st0" d="M214.1,201c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S211.9,201,214.1,201 M214.1,200c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S216.9,200,214.1,200L214.1,200z"/>
</g>
<g>
<path class="st0" d="M179.1,221c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S176.9,221,179.1,221 M179.1,220c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S181.9,220,179.1,220L179.1,220z"/>
</g>
<g>
<path class="st0" d="M129.1,193c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S126.9,193,129.1,193 M129.1,192c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S131.9,192,129.1,192L129.1,192z"/>
</g>
<g>
<path class="st0" d="M115.1,161c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S112.9,161,115.1,161 M115.1,160c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S117.9,160,115.1,160L115.1,160z"/>
</g>
<g>
<path class="st0" d="M134.1,161c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S131.9,161,134.1,161 M134.1,160c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S136.9,160,134.1,160L134.1,160z"/>
</g>
<g>
<path class="st0" d="M124.1,148c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S121.9,148,124.1,148 M124.1,147c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S126.9,147,124.1,147L124.1,147z"/>
</g>
<g>
<path class="st0" d="M139.1,110c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S136.9,110,139.1,110 M139.1,109c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S141.9,109,139.1,109L139.1,109z"/>
</g>
<g>
<path class="st0" d="M265.1,110c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S262.9,110,265.1,110 M265.1,109c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S267.9,109,265.1,109L265.1,109z"/>
</g>
<g>
<path class="st0" d="M300.1,139c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S297.9,139,300.1,139 M300.1,138c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S302.9,138,300.1,138L300.1,138z"/>
</g>
<g>
<path class="st0" d="M274.1,162c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S271.9,162,274.1,162 M274.1,161c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S276.9,161,274.1,161L274.1,161z"/>
</g>
<g>
<path class="st0" d="M265.1,183c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S262.9,183,265.1,183 M265.1,182c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S267.9,182,265.1,182L265.1,182z"/>
</g>
<g>
<path class="st0" d="M260.1,211c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S257.9,211,260.1,211 M260.1,210c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S262.9,210,260.1,210L260.1,210z"/>
</g>
<g>
<path class="st0" d="M229.1,217c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S226.9,217,229.1,217 M229.1,216c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S231.9,216,229.1,216L229.1,216z"/>
</g>
<g>
<path class="st0" d="M194.1,216c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S191.9,216,194.1,216 M194.1,215c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S196.9,215,194.1,215L194.1,215z"/>
</g>
<g>
<path class="st0" d="M189.1,192c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S186.9,192,189.1,192 M189.1,191c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S191.9,191,189.1,191L189.1,191z"/>
</g>
<g>
<path class="st0" d="M229.1,48c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S226.9,48,229.1,48 M229.1,47c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S231.9,47,229.1,47L229.1,47z"/>
</g>
<g>
<path class="st0" d="M327.1,72c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S324.9,72,327.1,72 M327.1,71c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S329.9,71,327.1,71L327.1,71z"/>
</g>
<g>
<path class="st0" d="M80.1,217c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S77.9,217,80.1,217 M80.1,216c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S82.9,216,80.1,216L80.1,216z"/>
</g>
<g>
<path class="st0" d="M148.1,86c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S145.9,86,148.1,86 M148.1,85c-2.8,0-5,2.2-5,5s2.2,5,5,5
s5-2.2,5-5S150.9,85,148.1,85L148.1,85z"/>
</g>
<g>
<path class="st0" d="M153.1,250c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S150.9,250,153.1,250 M153.1,249c-2.8,0-5,2.2-5,5
c0,2.8,2.2,5,5,5s5-2.2,5-5C158.1,251.2,155.9,249,153.1,249L153.1,249z"/>
</g>
<g>
<path class="st0" d="M312.1,206c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S309.9,206,312.1,206 M312.1,205c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S314.9,205,312.1,205L312.1,205z"/>
</g>
<line class="st1" x1="95.1" y1="34" x2="74.1" y2="49"/>
<line class="st1" x1="95.1" y1="34" x2="104" y2="70.6"/>
<line class="st1" x1="95.1" y1="34" x2="130.1" y2="50.1"/>
</g>
<text transform="matrix(1 0 0 1 103.4727 35.8189)" class="st2 st3">bootlegging</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

259
sketches/site3/IMG/dots-03.svg
Unescape Escape View File

@ -0,0 +1,259 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 420.9 297.6" style="enable-background:new 0 0 420.9 297.6;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;}
</style>
<g>
<circle class="st1" cx="95.1" cy="34" r="4.5"/>
<path d="M95.1,30c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S92.9,30,95.1,30 M95.1,29c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5s5-2.2,5-5
C100.1,31.2,97.9,29,95.1,29L95.1,29z"/>
</g>
<g>
<circle class="st1" cx="70.1" cy="52" r="4.5"/>
<path d="M70.1,48c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4s-4-1.8-4-4C66.1,49.8,67.9,48,70.1,48 M70.1,47c-2.8,0-5,2.2-5,5
c0,2.8,2.2,5,5,5s5-2.2,5-5C75.1,49.2,72.9,47,70.1,47L70.1,47z"/>
</g>
<g>
<circle class="st1" cx="204.1" cy="173" r="4.5"/>
<path d="M204.1,169c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S201.9,169,204.1,169 M204.1,168c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5
s5-2.2,5-5C209.1,170.2,206.9,168,204.1,168L204.1,168z"/>
</g>
<g>
<circle class="st1" cx="239.1" cy="188" r="4.5"/>
<path d="M239.1,184c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S236.9,184,239.1,184 M239.1,183c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5
s5-2.2,5-5C244.1,185.2,241.9,183,239.1,183L239.1,183z"/>
</g>
<g>
<circle class="st1" cx="295.1" cy="64" r="4.5"/>
<path d="M295.1,60c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S292.9,60,295.1,60 M295.1,59c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5s5-2.2,5-5
C300.1,61.2,297.9,59,295.1,59L295.1,59z"/>
</g>
<g>
<circle class="st1" cx="355.1" cy="141" r="4.5"/>
<path d="M355.1,137c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S352.9,137,355.1,137 M355.1,136c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S357.9,136,355.1,136L355.1,136z"/>
</g>
<g>
<circle class="st1" cx="337.1" cy="235" r="4.5"/>
<path d="M337.1,231c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S334.9,231,337.1,231 M337.1,230c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S339.9,230,337.1,230L337.1,230z"/>
</g>
<g>
<circle class="st1" cx="322.1" cy="193" r="4.5"/>
<path d="M322.1,189c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S319.9,189,322.1,189 M322.1,188c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S324.9,188,322.1,188L322.1,188z"/>
</g>
<g>
<circle class="st1" cx="244.1" cy="253" r="4.5"/>
<path d="M244.1,249c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4s-4-1.8-4-4C240.1,250.8,241.9,249,244.1,249 M244.1,248c-2.8,0-5,2.2-5,5
c0,2.8,2.2,5,5,5s5-2.2,5-5C249.1,250.2,246.9,248,244.1,248L244.1,248z"/>
</g>
<g>
<circle class="st1" cx="90.1" cy="152" r="4.5"/>
<path d="M90.1,148c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S87.9,148,90.1,148 M90.1,147c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S92.9,147,90.1,147L90.1,147z"/>
</g>
<g>
<circle class="st1" cx="105.1" cy="75" r="4.5"/>
<path d="M105.1,71c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S102.9,71,105.1,71 M105.1,70c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S107.9,70,105.1,70L105.1,70z"/>
</g>
<g>
<circle class="st1" cx="134.1" cy="52" r="4.5"/>
<path d="M134.1,48c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S131.9,48,134.1,48 M134.1,47c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S136.9,47,134.1,47L134.1,47z"/>
</g>
<g>
<circle class="st1" cx="95.1" cy="109" r="4.5"/>
<path d="M95.1,105c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S92.9,105,95.1,105 M95.1,104c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S97.9,104,95.1,104L95.1,104z"/>
</g>
<g>
<circle class="st1" cx="189.1" cy="114" r="4.5"/>
<path d="M189.1,110c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S186.9,110,189.1,110 M189.1,109c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S191.9,109,189.1,109L189.1,109z"/>
</g>
<g>
<circle class="st1" cx="181.1" cy="49" r="4.5"/>
<path d="M181.1,45c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S178.9,45,181.1,45 M181.1,44c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S183.9,44,181.1,44L181.1,44z"/>
</g>
<g>
<circle class="st1" cx="265.1" cy="133" r="4.5"/>
<path d="M265.1,129c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S262.9,129,265.1,129 M265.1,128c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S267.9,128,265.1,128L265.1,128z"/>
</g>
<g>
<circle class="st1" cx="255.1" cy="35" r="4.5"/>
<path d="M255.1,31c2.2,0,4,1.8,4,4s-1.8,4-4,4c-2.2,0-4-1.8-4-4S252.9,31,255.1,31 M255.1,30c-2.8,0-5,2.2-5,5s2.2,5,5,5
c2.8,0,5-2.2,5-5S257.9,30,255.1,30L255.1,30z"/>
</g>
<g>
<circle class="st1" cx="199.1" cy="52" r="4.5"/>
<path d="M199.1,48c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S196.9,48,199.1,48 M199.1,47c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S201.9,47,199.1,47L199.1,47z"/>
</g>
<g>
<circle class="st1" cx="148.1" cy="145" r="4.5"/>
<path d="M148.1,141c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S145.9,141,148.1,141 M148.1,140c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S150.9,140,148.1,140L148.1,140z"/>
</g>
<g>
<circle class="st1" cx="65.1" cy="138" r="4.5"/>
<path d="M65.1,134c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S62.9,134,65.1,134 M65.1,133c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S67.9,133,65.1,133L65.1,133z"/>
</g>
<g>
<circle class="st1" cx="90.1" cy="254" r="4.5"/>
<path d="M90.1,250c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4s-4-1.8-4-4C86.1,251.8,87.9,250,90.1,250 M90.1,249c-2.8,0-5,2.2-5,5
c0,2.8,2.2,5,5,5s5-2.2,5-5C95.1,251.2,92.9,249,90.1,249L90.1,249z"/>
</g>
<g>
<circle class="st1" cx="143.1" cy="225" r="4.5"/>
<path d="M143.1,221c2.2,0,4,1.8,4,4s-1.8,4-4,4c-2.2,0-4-1.8-4-4S140.9,221,143.1,221 M143.1,220c-2.8,0-5,2.2-5,5s2.2,5,5,5
c2.8,0,5-2.2,5-5S145.9,220,143.1,220L143.1,220z"/>
</g>
<g>
<circle class="st1" cx="160.1" cy="182" r="4.5"/>
<path d="M160.1,178c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S157.9,178,160.1,178 M160.1,177c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S162.9,177,160.1,177L160.1,177z"/>
</g>
<g>
<circle class="st1" cx="184.1" cy="149" r="4.5"/>
<path d="M184.1,145c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S181.9,145,184.1,145 M184.1,144c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S186.9,144,184.1,144L184.1,144z"/>
</g>
<g>
<circle class="st1" cx="165.1" cy="129" r="4.5"/>
<path d="M165.1,125c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S162.9,125,165.1,125 M165.1,124c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S167.9,124,165.1,124L165.1,124z"/>
</g>
<g>
<circle class="st1" cx="176.1" cy="80" r="4.5"/>
<path d="M176.1,76c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S173.9,76,176.1,76 M176.1,75c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S178.9,75,176.1,75L176.1,75z"/>
</g>
<g>
<circle class="st1" cx="224.1" cy="85" r="4.5"/>
<path d="M224.1,81c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S221.9,81,224.1,81 M224.1,80c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S226.9,80,224.1,80L224.1,80z"/>
</g>
<g>
<circle class="st1" cx="224.1" cy="129" r="4.5"/>
<path d="M224.1,125c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S221.9,125,224.1,125 M224.1,124c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S226.9,124,224.1,124L224.1,124z"/>
</g>
<g>
<circle class="st1" cx="229.1" cy="159" r="4.5"/>
<path d="M229.1,155c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S226.9,155,229.1,155 M229.1,154c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S231.9,154,229.1,154L229.1,154z"/>
</g>
<g>
<circle class="st1" cx="214.1" cy="205" r="4.5"/>
<path d="M214.1,201c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S211.9,201,214.1,201 M214.1,200c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S216.9,200,214.1,200L214.1,200z"/>
</g>
<g>
<circle class="st1" cx="179.1" cy="225" r="4.5"/>
<path d="M179.1,221c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S176.9,221,179.1,221 M179.1,220c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S181.9,220,179.1,220L179.1,220z"/>
</g>
<g>
<circle class="st1" cx="129.1" cy="197" r="4.5"/>
<path d="M129.1,193c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S126.9,193,129.1,193 M129.1,192c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S131.9,192,129.1,192L129.1,192z"/>
</g>
<g>
<circle class="st1" cx="115.1" cy="165" r="4.5"/>
<path d="M115.1,161c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S112.9,161,115.1,161 M115.1,160c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S117.9,160,115.1,160L115.1,160z"/>
</g>
<g>
<circle class="st1" cx="134.1" cy="165" r="4.5"/>
<path d="M134.1,161c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S131.9,161,134.1,161 M134.1,160c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S136.9,160,134.1,160L134.1,160z"/>
</g>
<g>
<circle class="st1" cx="124.1" cy="152" r="4.5"/>
<path d="M124.1,148c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S121.9,148,124.1,148 M124.1,147c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S126.9,147,124.1,147L124.1,147z"/>
</g>
<g>
<circle class="st1" cx="139.1" cy="114" r="4.5"/>
<path d="M139.1,110c2.2,0,4,1.8,4,4s-1.8,4-4,4c-2.2,0-4-1.8-4-4S136.9,110,139.1,110 M139.1,109c-2.8,0-5,2.2-5,5s2.2,5,5,5
c2.8,0,5-2.2,5-5S141.9,109,139.1,109L139.1,109z"/>
</g>
<g>
<circle class="st1" cx="265.1" cy="114" r="4.5"/>
<path d="M265.1,110c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S262.9,110,265.1,110 M265.1,109c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S267.9,109,265.1,109L265.1,109z"/>
</g>
<g>
<circle class="st1" cx="300.1" cy="143" r="4.5"/>
<path d="M300.1,139c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S297.9,139,300.1,139 M300.1,138c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S302.9,138,300.1,138L300.1,138z"/>
</g>
<g>
<circle class="st1" cx="274.1" cy="166" r="4.5"/>
<path d="M274.1,162c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S271.9,162,274.1,162 M274.1,161c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S276.9,161,274.1,161L274.1,161z"/>
</g>
<g>
<circle class="st1" cx="265.1" cy="187" r="4.5"/>
<path d="M265.1,183c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S262.9,183,265.1,183 M265.1,182c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S267.9,182,265.1,182L265.1,182z"/>
</g>
<g>
<circle class="st1" cx="260.1" cy="215" r="4.5"/>
<path d="M260.1,211c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S257.9,211,260.1,211 M260.1,210c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S262.9,210,260.1,210L260.1,210z"/>
</g>
<g>
<circle class="st1" cx="229.1" cy="221" r="4.5"/>
<path d="M229.1,217c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S226.9,217,229.1,217 M229.1,216c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S231.9,216,229.1,216L229.1,216z"/>
</g>
<g>
<circle class="st1" cx="194.1" cy="220" r="4.5"/>
<path d="M194.1,216c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S191.9,216,194.1,216 M194.1,215c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S196.9,215,194.1,215L194.1,215z"/>
</g>
<g>
<circle class="st1" cx="189.1" cy="196" r="4.5"/>
<path d="M189.1,192c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S186.9,192,189.1,192 M189.1,191c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5
S191.9,191,189.1,191L189.1,191z"/>
</g>
<g>
<circle class="st1" cx="229.1" cy="52" r="4.5"/>
<path d="M229.1,48c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4s-4-1.8-4-4C225.1,49.8,226.9,48,229.1,48 M229.1,47c-2.8,0-5,2.2-5,5
c0,2.8,2.2,5,5,5s5-2.2,5-5C234.1,49.2,231.9,47,229.1,47L229.1,47z"/>
</g>
<g>
<circle class="st1" cx="327.1" cy="76" r="4.5"/>
<path d="M327.1,72c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S324.9,72,327.1,72 M327.1,71c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5s5-2.2,5-5
C332.1,73.2,329.9,71,327.1,71L327.1,71z"/>
</g>
<g>
<circle class="st1" cx="80.1" cy="221" r="4.5"/>
<path d="M80.1,217c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S77.9,217,80.1,217 M80.1,216c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5s5-2.2,5-5
C85.1,218.2,82.9,216,80.1,216L80.1,216z"/>
</g>
<g>
<circle class="st1" cx="148.1" cy="90" r="4.5"/>
<path d="M148.1,86c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S145.9,86,148.1,86 M148.1,85c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5s5-2.2,5-5
C153.1,87.2,150.9,85,148.1,85L148.1,85z"/>
</g>
<g>
<circle class="st1" cx="153.1" cy="254" r="4.5"/>
<path d="M153.1,250c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4s-4-1.8-4-4C149.1,251.8,150.9,250,153.1,250 M153.1,249c-2.8,0-5,2.2-5,5
s2.2,5,5,5s5-2.2,5-5S155.9,249,153.1,249L153.1,249z"/>
</g>
<g>
<circle class="st1" cx="312.1" cy="210" r="4.5"/>
<path d="M312.1,206c2.2,0,4,1.8,4,4s-1.8,4-4,4s-4-1.8-4-4S309.9,206,312.1,206 M312.1,205c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5
s5-2.2,5-5C317.1,207.2,314.9,205,312.1,205L312.1,205z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

162
sketches/site3/IMG/dots.svg
Unescape Escape View File

@ -0,0 +1,162 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 420.9 297.6" style="enable-background:new 0 0 420.9 297.6;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:none;}
</style>
<g>
<circle class="st0" cx="95.1" cy="34" r="5"/>
</g>
<g>
<circle class="st0" cx="70.1" cy="52" r="5"/>
</g>
<g>
<circle class="st0" cx="204.1" cy="173" r="5"/>
</g>
<g>
<circle class="st0" cx="239.1" cy="188" r="5"/>
</g>
<g>
<circle class="st0" cx="295.1" cy="64" r="5"/>
</g>
<g>
<circle class="st0" cx="355.1" cy="141" r="5"/>
</g>
<g>
<circle class="st0" cx="337.1" cy="235" r="5"/>
</g>
<g>
<circle class="st0" cx="322.1" cy="193" r="5"/>
</g>
<g>
<circle class="st0" cx="244.1" cy="253" r="5"/>
</g>
<g>
<circle class="st0" cx="90.1" cy="152" r="5"/>
</g>
<g>
<circle class="st0" cx="105.1" cy="75" r="5"/>
</g>
<g>
<circle class="st0" cx="134.1" cy="52" r="5"/>
</g>
<g>
<circle class="st0" cx="95.1" cy="109" r="5"/>
</g>
<g>
<circle class="st0" cx="189.1" cy="114" r="5"/>
</g>
<g>
<circle class="st0" cx="181.1" cy="49" r="5"/>
</g>
<g>
<circle class="st0" cx="265.1" cy="133" r="5"/>
</g>
<g>
<circle class="st0" cx="255.1" cy="35" r="5"/>
</g>
<g>
<circle class="st0" cx="199.1" cy="52" r="5"/>
</g>
<g>
<circle class="st0" cx="148.1" cy="145" r="5"/>
</g>
<g>
<circle class="st0" cx="65.1" cy="138" r="5"/>
</g>
<g>
<circle class="st0" cx="90.1" cy="254" r="5"/>
</g>
<g>
<circle class="st0" cx="143.1" cy="225" r="5"/>
</g>
<g>
<circle class="st0" cx="160.1" cy="182" r="5"/>
</g>
<g>
<circle class="st0" cx="184.1" cy="149" r="5"/>
</g>
<g>
<circle class="st0" cx="165.1" cy="129" r="5"/>
</g>
<g>
<circle class="st0" cx="176.1" cy="80" r="5"/>
</g>
<g>
<circle class="st0" cx="224.1" cy="85" r="5"/>
</g>
<g>
<circle class="st0" cx="224.1" cy="129" r="5"/>
</g>
<g>
<circle class="st0" cx="229.1" cy="159" r="5"/>
</g>
<g>
<circle class="st0" cx="214.1" cy="205" r="5"/>
</g>
<g>
<circle class="st0" cx="179.1" cy="225" r="5"/>
</g>
<g>
<circle class="st0" cx="129.1" cy="197" r="5"/>
</g>
<g>
<circle class="st0" cx="115.1" cy="165" r="5"/>
</g>
<g>
<circle class="st0" cx="134.1" cy="165" r="5"/>
</g>
<g>
<circle class="st0" cx="124.1" cy="152" r="5"/>
</g>
<g>
<circle class="st0" cx="139.1" cy="114" r="5"/>
</g>
<g>
<circle class="st0" cx="265.1" cy="114" r="5"/>
</g>
<g>
<circle class="st0" cx="300.1" cy="143" r="5"/>
</g>
<g>
<circle class="st0" cx="274.1" cy="166" r="5"/>
</g>
<g>
<circle class="st0" cx="265.1" cy="187" r="5"/>
</g>
<g>
<circle class="st0" cx="260.1" cy="215" r="5"/>
</g>
<g>
<circle class="st0" cx="229.1" cy="221" r="5"/>
</g>
<g>
<circle class="st0" cx="194.1" cy="220" r="5"/>
</g>
<g>
<circle class="st0" cx="189.1" cy="196" r="5"/>
</g>
<g>
<circle class="st0" cx="229.1" cy="52" r="5"/>
</g>
<g>
<circle class="st0" cx="327.1" cy="76" r="5"/>
</g>
<g>
<circle class="st0" cx="80.1" cy="221" r="5"/>
</g>
<g>
<circle class="st0" cx="148.1" cy="90" r="5"/>
</g>
<g>
<circle class="st0" cx="153.1" cy="254" r="5"/>
</g>
<g>
<circle class="st0" cx="312.1" cy="210" r="5"/>
</g>
<line class="st1" x1="95.1" y1="34" x2="74.1" y2="49"/>
<line class="st1" x1="95.1" y1="34" x2="104" y2="70.6"/>
<line class="st1" x1="95.1" y1="34" x2="130.1" y2="50.1"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

52
sketches/site3/bootlegging.html
Unescape Escape View File

@ -0,0 +1,52 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div class="item">
<h2>bootlegging</h2>
<p>see also <a href="diversifying.html">diversifying through use</a>, <a href="multiplying.html">multiplying form</a>, <a href="republishing.html">republishing</a>
</p>
<p>Most people think of bootlegs as cheap knock-off products that masquerade as the real deal; bootleg cigarettes, designer-label clothes, not-quite-right imitations of Disney products and the like. Bootlegging began during the prohibition era with the practice of illegally distilling and distributing alcoholic beverages, often literally concealed in the leg of a boot while being transported. Run an image search on the keyword “bootleg” and you’ll probably see all sorts of suspicious-looking products. But the way I want to speak of bootlegging is as a social act, a homage, and one that creates and celebrates a multiplicity of form. I’m referring in particular to the vibrant culture of music sharing in the 1970s that followed portable cassette tape recorders entering the market. These allowed fans to cheaply record live performances and share these recordings—also known as bootlegs.</p>
<p>Image: A “bootlegger” concealing a flask of an illegally distributed alcoholic beverage in the leg of a boot during the Prohibition era</p>
<a href="bootlegging_rvrs.html" target="recto">flipside</a>
<!-- <img class="imgsnippets" src="./IMG/Real_bootlegger.jpeg">reverse</a> -->
</div>
<!-- <a href="bootlegging_rvrs.html" target="recto">
<img class="imgsnippets" src="./IMG/Real_bootlegger.jpeg">a link to bootlegging_rvrs</a>
-->
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

41
sketches/site3/bootlegging_rvrs.html
Unescape Escape View File

@ -0,0 +1,41 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<img src="./IMG/Real_bootlegger.jpeg"><p>This is the bootlegging reverse page</p>
<a class="snippets" href=""><pre>/etc/systemd/system/calibre-server.service</pre></a>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

38
sketches/site3/clear.html
Unescape Escape View File

@ -0,0 +1,38 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

46
sketches/site3/diversifying.html
Unescape Escape View File

@ -0,0 +1,46 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<h2>diversifying through use</h2>
<p>see also <a href="bootlegging.html">bootlegging</a>, <a href="beingkind.html">being kind to the reader</a>, <a href="multiplying.html">multiplying form</a>, <a href="republishing.html">republishing</a>
</p>
<p>Publications acquire difference through reproduction; sometimes intentionally, always circumstantially. A printed book always ends up in the hands of at least one reader. It is transported, pages are dog-eared and annotated, time weathers the paper and cracks the spine. Multiply this by many readers, and each printed copy starts to accumulate its own traces, losing resemblance to the rest of the edition and acquiring its own particular countenance and provenance through use.</p>
<p>Image: 1. Books are for use. The first law of S. R. R. Rangathan’s <i>5 Laws of Library Science</i>, 1931</p>
<a href="diversifying_rvrs.html" target="recto">flipside</a>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

44
sketches/site3/diversifying_rvrs.html
Unescape Escape View File

@ -0,0 +1,44 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<img src="./IMG/Books_are_for_use.jpeg"><p>This is the diversifying reverse page</p>
<div class="snippets">
<a href="https://pad.xpub.nl" target="recto">some code here</a>
<a href="https://pzwiki.wdka.nl/mediadesign/Simon%27s_What_How_Why_26-9-18" target="recto">From the books what how why</a>
</div>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

62
sketches/site3/index.html
Unescape Escape View File

@ -0,0 +1,62 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<div class="container-fluid">
<div class="row">
<a class="heading" href="note.html" target="verso">Library of Contingencies*</a>
<nav><ul class="heading">
<a class="control" href="bootlegging.html" target="verso">shuffle</a>
<a class="control" href="clear.html" target="recto">clear</a>
<a class="control" href="https://pad.xpub.nl/p/empty_pad" target="bottom">pad</a>
</ul></nav>
</div>
<div class="row">
<div class="col">
<iframe class="cards" name="verso" src="note.html" target="recto"><a href="bootlegging.html">*A note to the reader</a></iframe>
</div>
<div class="col">
<iframe class="cards" name="recto" target="verso"></iframe>
<iframe class="cards" name="bottom"></iframe>
</div>
<!-- flip -->
<!-- <div class="row"><a href="note.html" target="verso">flip</a>
</div> -->
</div>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

47
sketches/site3/list.html
Unescape Escape View File

@ -0,0 +1,47 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<a href="note.html" target="verso">*A note to the reader</a><br>
<a href="tasks.html" target="verso">Tasks of the Contingent Librarian</a><br>
<a href="diversifying.html" target="verso">diversifying through use</a><br>
<a href="bootlegging.html" target="verso">bootlegging</a><br>
<a href="multiplying.html" target="verso">multiplying form</a><br>
<a href="producing.html" target="verso">producing texts</a><br>
<a href="republishing.html" target="verso">republishing</a><br>
<a href="beingkind.html" target="verso">being kind to the reader</a><br>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

47
sketches/site3/multiplying.html
Unescape Escape View File

@ -0,0 +1,47 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<h2>multiplying form</h2>
<p>see also <a href="bootlegging.html">bootlegging</a>, <a href="diversifying.html">diversifying through use</a>, <a href="producing.html">producing texts</a>, <a href="republishing.html">republishing</a>
</p>
<p>The jam band The Grateful Dead were followed around the United States by a legion of die-hard fans, proclaiming themselves “Deadheads”. Cheaply available cassette recorders allowed them to tape concerts and then share recordings amongst each other. Thinking of this, I’m reminded of John Cage’s motto, “Everything you do is music, and everywhere is the best seat.” Each position in the audience produces a slightly different recording, and this multiplicity of form connects the audience not only with the music, but with each other.</p>
<p>There are files in the library that are of the same text, but they have travelled different paths to get there, accumulating difference through methods such as annotation and material transformation. And so, they have different materialities, lending weight to the argument that a text is not identical with itself; that there is no such thing as a unique, singular, original “work”, but instead many different versions of texts, born through the accidents of their creation.</p>
<p>Image: “Deadheads” recording a live Grateful Dead concert, 1972
</p>
<a href="multiplying_rvrs.html" target="recto">flipside</a><br>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

44
sketches/site3/multiplying_rvrs.html
Unescape Escape View File

@ -0,0 +1,44 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<img src="./IMG/Deadheads.jpeg"><p>This is the multiplying reverse page</p>
<div class="snippets">
<p class="notes"><a href="https://pad.vvvvvvaria.org/floss-graphics" target="recto">a pad conversation with manetta</p>
</div>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

60
sketches/site3/multiplying_snippets_01.html
Unescape Escape View File

@ -0,0 +1,60 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<p class="notes">10.10.19
<p>A few notes on what I'm doing at the moment:</p>
<h3>bootleg library</h3>
<p>The "bootleg library" is a pirate library I've set up that is available over the Hogeschool Rotterdam local network. It's basically calibre-web https://github.com/janeczku/calibre-web at the moment, and I'm bootstrapping the instance (as opposed to developing the software before release) because I'm interested in what type of culture can develop around its use, and therefore what type of sociability comes from this type of library. If you find yourself near one of their buildings (and still have access to the network), you can visit the library at this address:</p>
<p>http://145.24.131.15:20190/</p>
<p>I think I might have mentioned the way in which I'm thinking about the library, which is kind of like a community garden. The collection is not very big (there's always lib gen, sci-hub et al if you just want to download a particular book), and I'm trying to highlight the embodied knowledge available within my local network of people by encouraging uploaders to tag the books with a reference of the referrer (the uploader themself or another person). Kind of like an ex-libris that lets you know something about the book if you know the person. Other than this rule, I'm also asking people to upload texts that they are familiar with, wish to share, and feel that they represent them in some way. This is with the aim of associating texts more closely with readers, rather than writers, and to therefore somewhat reduce the authoritarian position of the author.</p>
<p>The library is also physical; so far I have created a small selection of printed books (all made at PZI), and have them available to be borrowed, read and annotated, as long as they are returned. I'm interested in what type of transformations may happen to the texts in this way, and whether the para-text that evolves could somehow become a part of new publications.</p>
<h3>material translations of texts</h3>
<p>If the library is a community garden, then the texts are the seeds, and the form of the books within it can mutate and change from generation to generation depending on the way the garden is tended, by myself or other gardeners. Starting with Burrough's idea of the written word as a virus that makes the spoken word possible, I'm exploring what can happen when texts are treated as biological elements that can grow and evolve. I'm thinking about this evolution as "material translations", not in a linguistic sense, but to see what happens when texts travel through different material representations.</p>
<p>Which leads me to what I wanted to ask you about...
<p>I'm interested in exploring new ways of working with texts as a departure to the tool I'm most familiar with; the Adobe CS. Apart from weasyprint and flat https://xxyxyz.org/flat, I haven't worked with many more F/LOSS graphics software, but I'm quite interested in finding out more, and adding a material diversity to the community garden of a library I've made.</p>
<p>I thought I'd ask you for some help with this as you are quite skilled, passionate and involved in using F/LOSS graphics, and could probably point me in the right direction in terms of workflow. First of all, are there any you'd recommend for laying out long documents? I'm also quite interested in ones that might be used to design layouts from texts available on Etherpad (another ambition of mine is to see if I can create publications from the pads we use).</p>
</p>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

44
sketches/site3/note.html
Unescape Escape View File

@ -0,0 +1,44 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<h2>*A note to the reader:</h2>
<p>This text has been written with the intention to be materialised in a very specific form; a set of A6-sized index cards, contained in a box. Please read it while holding the cards in your hands, shuffling and reordering them, making your own text as you read.
</p><p>These cards list the tasks performed on the site of contingencies, the bootleg library. Tasks are described on the obverse, and related images and references are on the reverse.
</p>
<a href="tasks.html" target="verso">Tasks of the Contingent Librarian</a><br>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

53
sketches/site3/producing.html
Unescape Escape View File

@ -0,0 +1,53 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<h2>producing texts</h2>
<p>see also <a href="annotating.html">annotating</a>, <a href="glossing.html">glossing</a>, <a href="understanding_texts.html">understanding texts</a>
</p>
<p>Historically, the word “text” comes from the Proto-Indo-European word <i>teks-</i>, meaning “to weave, to fabricate, to make; make wicker or wattle framework”. The written word is a text, and so is a conversation, both represent the exchange of shared concepts woven into the fabric of communication. There is also an exchange between written and spoken texts; discussions which influence writing, and writing which sparks conversations.
</p><p>The digital library creates texts through its catalogue, where the metadata for each entry comprises a paratext<sup id="cite_ref-1" class="reference"><a href="#cite_note-1">&#91;1&#93;</a></sup> that not only adds meaning to the core text, but also influences how a reader will discover it in the collection by fields such as <i>tags</i>&#160;and <i>description</i>. Metadata which is downloaded and entered automatically comes from online commercial sources has a particular promotional tone. Those who write metadata should do so subjectively; descriptions based on personal significance represent the text and the readers, equivalently.
</p><p>The library is sustained through producing texts.
</p><p>Image: Papyrus, an early writing surface made from woven reeds
</p>
<div class="mw-references-wrap"><ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text">Genette, G. (1997) <i>Paratexts: thresholds of interpretation</i>. Literature, culture, theory 20. Cambridge ; New York, NY, USA: Cambridge University Press.</span>
</li>
</ol>
</div>
<a href="producing_rvrs.html" target="recto">flipside</a>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

44
sketches/site3/producing_rvrs.html
Unescape Escape View File

@ -0,0 +1,44 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<img src="./IMG/Woven_papyrus_sheet.jpeg"><p>This is the producing texts reverse page</p>
<div class="snippets">
<a href="https://pzwiki.wdka.nl/mediadesign/User:Simon/Trim4/Running_backwards_through_the_library" target="recto">Running backwards through the library</a>
<a href="http://simonbrowne.biz/projects/from-the-books-slv-rbrr-000-099/" target="recto">From the books project</a>
</div>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

46
sketches/site3/republishing.html
Unescape Escape View File

@ -0,0 +1,46 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<h2>republishing</h2>
<p>see also <a href="bootlegging.html">bootlegging</a>, <a href="diversifying.html">diversifying through use</a>, <a href="multiplying.html">multiplying form</a>
</p>
<p>Samizdat publishers considered a printed text to be officially published if it came in an edition of at least 5 copies. The library considers this to be excessive, and reduces that number to 1. One copy of a text can be shared and enriched by the accumulated annotations of many readers. A one-to-many-publishing model distributes texts to the widest possible public. The library instead insists on a many-to-one model, drawing many readers to one text. Republishing the one text many times creates a multiplicity of form, and subsequently a multiplicity of publics in each instance.</p>
<p>Image: Staff working at Publication Studio, London. Publication Studio is a federated publishing network with studios located worldwide. Books ordered from the shared catalog are printed and bound one-at-a-time by the closest studio. Differences in availability of paper and machinery at each studio means that the materiality of each instance of a printed text will vary depending on where and how the books are made.</p>
<a href="republishing_rvrs.html" target="recto">flipside</a>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

43
sketches/site3/republishing_rvrs.html
Unescape Escape View File

@ -0,0 +1,43 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<img src="./IMG/Publication_studio_London_staff.jpg"><p>This is the republishing reverse page</p>
<div class="snippets">
<p class="notes"><a href="republishing_rvrs.html" target="recto">a snippet</p>
</div>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>

101
sketches/site3/style.css
Unescape Escape View File

@ -0,0 +1,101 @@
body {
font-family: sans-serif;
color: black;
height: 100%
width: 100%;
display: block;
}
a:hover {
background-color: yellow;
color: black;
}
.heading {
font-family: serif;
font-size: 1.6em;
color: black;
padding-left: 18px;
padding-top: 6px;
padding-bottom: 6px;
}
.control {
font-family: serif;
font-size: 1em;
color: black;
padding-left: 0px;
padding-top: 6px;
padding-bottom: 6px;
}
div.container-fluid {
max-width: 100%;
}
.item {
}
.cardback {
width: 50%;
height: 100%;
}
.col {
width: 50%;
}
.row {
display: inline-block;
vertical-align: top;
}
h2 {
text-align: top;
}
iframe {
border: 1px solid blue;
width: 100%;
height: 563px;
margin: 0;
}
iframe[name="verso"] {
background-repeat: repeat;
background-image: url("./IMG/2px_grey.jpg");
}
iframe[name="bottom"] {
width: 100%;
height: 100%
}
.cards {
box-shadow: 5px 8px #888888;
}
img {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
max-width: 100%
}
.imgsnippets {
width: 210px;
height: 148px;
margin-left: 6px;
margin-top: 400px;
z-index: 0;
/*position: fixed;
float: right;*/
border: solid 1px blue;
}
nav {
text-align: right;
}

53
sketches/site3/tasks.html
Unescape Escape View File

@ -0,0 +1,53 @@
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title></title>
<meta name="description" content="">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Add your site or application content here -->
<h2>Tasks of the Contingent Librarian</h2>
<p>The library is closed, the shelves are empty, the librarian has gone. All that is left is a set of index cards contained in a box. At the top of each card is a verb introducing the tasks performed within the space and duration of a particular, situated social infrastructure called the “bootleg library”. The reverse includes references and images that illustrate each task.
</p><p>This text was written with, by and for readers during library sessions. We wrote on cards by hand, we typed words in a collaborative writing environment. We wrote them together; humans and machines; texts were blended into a mix of keystrokes in changesets too complex, and dependencies too layered to determine singular authorship. These texts were never objects, always processes<sup id="cite_ref-1" class="reference"><a href="#cite_note-1">&#91;1&#93;</a></sup>.
</p><p>Participation from readers became a vital element in the practice of librarianship. The library grew, and we sustained it through conversation and correspondence. We wrote together in threads and strings; and so we created and maintained a space for publication. In the journey from private to public collection, texts were intermingled and rematerialised, gaining provenance and diversification through use. The readers are in the pages of the books, in the metadata of the library and on these cards, where traces of their presence remain.
</p><p>This text will never be complete. It describes a particular, situated library, one that does not exist anymore, but resembles those that came before it and those that will succeed it. This set of cards is also a library, a collection organised into a structure that directs readers towards the interior, towards the texts it contains. This set is a book, a hyper-index, forever pointing outwards to other books, libraries, readers and writers. Text, library, book and index all come together in this particular material form to comprise a manual, a thing to be manipulated in the hands of readers.
</p><p>Cards invite shuffling, re-organising, flipping over, distributing, annotating, laying out. An A6 card like the one you’re holding now fits comfortably into the palm of one’s hand, and can be easily turned as it is gripped between the index finger and thumb.
</p><p>Cards have two sides. Arranged on a table, only one side is visible, and proximity determines connections. Held in the hands and flipped like a book, new relationships between the verso and recto pages emerge. The reader becomes the writer anew, determining what to keep or discard, what to edit or leave as is; the author of the sequence, connections and hierarchy between tasks.
</p>
<div class="mw-references-wrap"><ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text">Barthes, R., ‘From Work to Text’, in Barthes, R. and Heath, S. (1987) <i>Image, music, text</i>. London: Fontana Press.</span>
</li>
</ol></div>
<!-- shuffle js function-->
<a href="bootlegging.html" target="verso">shuffle</a>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>
Write Preview
Loading…
Cancel
Save