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

deleted sketches folder

Browse Source
master
simon 4 years ago
parent e8e4f7a01e
commit 9d39f327ee
333 changed files with 0 additions and 29755 deletions
Show Stats Download Patch File Download Diff File

BIN
sketches/.DS_Store vendored
View File

Binary file not shown.

51
sketches/library.csv
Unescape Escape View File

@ -1,51 +0,0 @@
card,link1,link2,link3,link4,link5,link6,link7,snippet1,snippet2,snippet3
*A note to the reader:,,,,,,,,,,
Tasks of the Contingent Librarian,,,,,,,,,,
acquiring/removing,administrating,finding texts,downloading,,,,,,,
finding texts,acquiring/removing,downloading,searching/browsing,,,,,,,
uploading,acquiring/removing,amateuring,including/excluding,,,,,,,
downloading,acquiring/removing,finding texts,uploading,,,,,,,
bootlegging,diversifying through use,multiplying form,republishing,,,,,,,
being kind to the reader,bootlegging,cleaning up text,diversifying through use,multiplying form,republishing,,,,,
diversifying through use,bootlegging,being kind to the reader,multiplying form,republishing,,,,,,
multiplying form,bootlegging,diversifying through use,producing texts,republishing,,,,,,
republishing,bootlegging,diversifying through use,multiplying form,,,,,,,
cleaning up text,being kind to the reader,editing,typing,,,,,,,
editing,amateuring,multiplying form,republishing,rereferencing,typing,writing,,,,
repaginating,being kind to the reader,cleaning up text,editing,rebinding,reprinting,republishing,rereferencing,,,
reprinting,being kind to the reader,bootlegging,rebinding,republishing,,,,,,
rereferencing,being kind to the reader,cleaning up text,editing,rebinding,repaginating,reprinting,republishing,,,
rebinding,being kind to the reader,cleaning up text,editing,repaginating,republishing,reprinting,rereferencing,,,
digitising/printing,understanding texts,reprinting,republishing,,,,,,,
producing texts,annotating,glossing,understanding texts,,,,,,,
annotating,glossing,producing texts,inter-depending,,,,,,,
glossing,annotating,multiplying form,producing text,writing,,,,,,
understanding texts,human writing,machine writing,producing texts,technologising the word,,,,,,
including/excluding,making it public/keeping it private,,,,,,,,,
administrating,including/excluding,inter-depending,open-sourcing,trusting,,,,,,
indexing,human reading,inter-depending,scanning,,,,,,,
making it public/keeping it private,human reading,inter-depending,scanning,,,,,,,
inviting,administrating,inter-depending,trusting,,,,,,,
making public,consulting,inter-depending,"meeting in small rooms, in small groups",,,,,,,
keeping private,networking,trusting,,,,,,,,
trusting,administrating,making public,keeping private,,,,,,,
networking,consulting,inter-depending,making public,"meeting in small rooms, in small groups",,,,,,
"meeting in small rooms, in small groups",administrating,consulting,making public,,,,,,,
consulting,administrating,making public,networking,uploading,,,,,,
open-sourcing,diversifying through use,editing,networking,multiplying form,,,,,,
inter-depending,diversifying through use,editing,multiplying form,,,,,,,
proprietorising,keeping private,,,,,,,,,
professionalising,administrating,making public,,,,,,,,
amateuring,making public,professionalising,republishing,,,,,,,
reading/writing,editing,typing,,,,,,,,
reading,technologising the word,,,,,,,,,
skimming/scanning,human reading,,,,,,,,,
human reading,technologising the word,,,,,,,,,
skimming,human reading,,,,,,,,,
machine reading,scanning,,,,,,,,,
scanning,human reading,machine reading,,,,,,,,
writing,technologising the word,producing texts,,,,,,,,
technologising the word,reading/writing,understanding texts,,,,,,,,
typing,machine writing,,,,,,,,,
machine writing,editing,,,,,,,,,
searching/browsing,skimming/scanning,,,,,,,,,
1 card link1 link2 link3 link4 link5 link6 link7 snippet1 snippet2 snippet3
2 *A note to the reader:
3 Tasks of the Contingent Librarian
4 acquiring/removing administrating finding texts downloading
5 finding texts acquiring/removing downloading searching/browsing
6 uploading acquiring/removing amateuring including/excluding
7 downloading acquiring/removing finding texts uploading
8 bootlegging diversifying through use multiplying form republishing
9 being kind to the reader bootlegging cleaning up text diversifying through use multiplying form republishing
10 diversifying through use bootlegging being kind to the reader multiplying form republishing
11 multiplying form bootlegging diversifying through use producing texts republishing
12 republishing bootlegging diversifying through use multiplying form
13 cleaning up text being kind to the reader editing typing
14 editing amateuring multiplying form republishing rereferencing typing writing
15 repaginating being kind to the reader cleaning up text editing rebinding reprinting republishing rereferencing
16 reprinting being kind to the reader bootlegging rebinding republishing
17 rereferencing being kind to the reader cleaning up text editing rebinding repaginating reprinting republishing
18 rebinding being kind to the reader cleaning up text editing repaginating republishing reprinting rereferencing
19 digitising/printing understanding texts reprinting republishing
20 producing texts annotating glossing understanding texts
21 annotating glossing producing texts inter-depending
22 glossing annotating multiplying form producing text writing
23 understanding texts human writing machine writing producing texts technologising the word
24 including/excluding making it public/keeping it private
25 administrating including/excluding inter-depending open-sourcing trusting
26 indexing human reading inter-depending scanning
27 making it public/keeping it private human reading inter-depending scanning
28 inviting administrating inter-depending trusting
29 making public consulting inter-depending meeting in small rooms, in small groups
30 keeping private networking trusting
31 trusting administrating making public keeping private
32 networking consulting inter-depending making public meeting in small rooms, in small groups
33 meeting in small rooms, in small groups administrating consulting making public
34 consulting administrating making public networking uploading
35 open-sourcing diversifying through use editing networking multiplying form
36 inter-depending diversifying through use editing multiplying form
37 proprietorising keeping private
38 professionalising administrating making public
39 amateuring making public professionalising republishing
40 reading/writing editing typing
41 reading technologising the word
42 skimming/scanning human reading
43 human reading technologising the word
44 skimming human reading
45 machine reading scanning
46 scanning human reading machine reading
47 writing technologising the word producing texts
48 technologising the word reading/writing understanding texts
49 typing machine writing
50 machine writing editing
51 searching/browsing skimming/scanning

BIN
sketches/site1/.DS_Store vendored
View File

Binary file not shown.

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 160 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 112 KiB

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

@ -1,216 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 9.9 KiB

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

@ -1,259 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 12 KiB

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

@ -1,162 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 3.4 KiB

102
sketches/site1/bootlegging.html
Unescape Escape View File

@ -1,102 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<!-- <li class="nav"><a class=nav href="collect.html">collect</a>
<a class=nav href="collate.html">collate</a></li> -->
</div>
<div class="col-md-4"><!-- <h1><a href="index.html">Library of Contingencies*</a></h1> --></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<img class="svg" src="./IMG/bootlegging_dots.svg">
<!-- <p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p> -->
</div>
<div class="col">
<img src="./IMG/Tasks_of_the_Contingent_Librarian16.jpg" class="img-responsive" alt="Responsive image"><br>
<h2>bootlegging</h2><br>
<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 bootlegged 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>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

47
sketches/site1/collate.html
Unescape Escape View File

@ -1,47 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<li class="nav"><a class=nav href="collect.html">collect</a>
<a class=nav href="collate.html">collate</a></li>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<img src="./IMG/Tasks_of_the_Contingent_Librarian16.jpg" class="img-responsive" alt="Responsive image">
</div>
<div class="col">
<h2>*A note to the reader:<br>
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.
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.
</h2>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

43
sketches/site1/collect.html
Unescape Escape View File

@ -1,43 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<li class="nav"><a class=nav href="collect.html">collect</a>
<a class=nav href="collate.html">collate</a></li>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<img src="./IMG/dots.svg">
</div>
<div class="col">
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

103
sketches/site1/diversifying.html
Unescape Escape View File

@ -1,103 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<li class="nav"><a class=nav href="collect.html">collect</a>
<a class=nav href="collate.html">collate</a></li>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p>
</div>
<div class="col">
<h2>bootlegging</h2><br>
<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 bootlegged 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>
Image: A “bootlegger” concealing a flask of an illegally distributed alcoholic beverage in the leg of a boot during the Prohibition era
</h2>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

BIN
sketches/site1/fonts/Century-Old-Style-Std_9801.ttf
View File

Binary file not shown.

BIN
sketches/site1/fonts/CenturyExpandedLTStd-Italic.ttf
View File

Binary file not shown.

BIN
sketches/site1/fonts/CenturyExpandedLTStd.ttf
View File

Binary file not shown.

44
sketches/site1/index.html
Unescape Escape View File

@ -1,44 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<li class="nav"><a class=nav href="collect.html">collect</a>
<a class=nav href="collate.html">collate</a></li>
</div>
<div class="col-md-4"></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<h1><a href="index.html">Library of Contingencies*</a></h1>
</div>
<div class="col">
<img src="./IMG/Tasks_of_the_Contingent_Librarian3.jpg" class="img-responsive" alt="Responsive image">
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

103
sketches/site1/multiplying.html
Unescape Escape View File

@ -1,103 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<li class="nav"><a class=nav href="collect.html">collect</a>
<a class=nav href="collate.html">collate</a></li>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p>
</div>
<div class="col">
<h2>bootlegging</h2><br>
<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 bootlegged 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>
Image: A “bootlegger” concealing a flask of an illegally distributed alcoholic beverage in the leg of a boot during the Prohibition era
</h2>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

97
sketches/site1/republishing.html
Unescape Escape View File

@ -1,97 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<li class="nav"><a class=nav href="collect.html">collect</a>
<a class=nav href="collate.html">collate</a></li>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p>
</div>
<div class="col">
<iframe src="https://stuff2233.club/padlife/p/foo"></iframe>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

83
sketches/site1/style.css
Unescape Escape View File

@ -1,83 +0,0 @@
body {
font-style: normal;
font-family: sans-serif;
font-size: 1em;
color: black;
background-color: lightgrey;
padding: 6px;
}
a.nav {
display: block;
padding: 6px;
padding-left: 6px;
height: 44px;
}
a:link {
color: black;
}
a:visited {
color: black;
}
a:hover {
text-decoration: underline;
}
h1 {
font-family: sans-serif;
text-align: left;
font-size: 1em;
color: black;
}
h2 {
font-family: sans-serif;
font-size: 1.2em;
padding-top: 12px;
}
div .container-fluid {
background-color: white;
/*padding-top: 12px;*/
}
.col-md-4 {
padding-left: 6px;
padding-right: 6px;
}
p.nav {
font-size: 0.9em;
/*height:200px;
*/}
iframe {
width: 100%;
height: 100%;
}
img {
max-width: 100%;
max-height: 100%;
}
.svg {
z-index: 2;
}
li.nav {
float: left;
}
title {
font-family: sans-serif;
font-size: 1.2em;
padding: 6px;
}
@font-face {
font-family: "Century";
src: url(./fonts/CenturyExpandedLTStd.ttf) format("truetype");
}

98
sketches/site1/tasks.html
Unescape Escape View File

@ -1,98 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<li class="nav"><a class=nav href="collect.html">collect</a>
<a class=nav href="collate.html">collate</a></li>
</div>
<div class="col-md-4"><h1><a href="index.html">Library of Contingencies*</a></h1></div>
<div class="col-md-4">
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col">
<img src="./IMG/dots.svg">
<!-- <p>
<ul class="tasks">
<li>*A note to the reader:</li>
<li><a href="tasks.html">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li><a href= "bootlegging.html">bootlegging</a></li>
<li>being kind to the reader</li>
<li><a href="diversifying.html">diversifying through use</a></li>
<li><a href="multiplying.html">multiplying form</a></li>
<li><a href="republishing.html">republishing</a></li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</ul>
</p> -->
</div>
<div class="col">
<iframe src="https://pzwiki.wdka.nl/mediadesign/User:Simon/Tasks_of_the_Contingent_Librarian"></iframe>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

BIN
sketches/site2/.DS_Store vendored
View File

Binary file not shown.

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 213 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 160 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 112 KiB

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

@ -1,216 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 9.9 KiB

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

@ -1,259 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 12 KiB

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

@ -1,162 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 3.4 KiB

BIN
sketches/site2/fonts/Century-Old-Style-Std_9801.ttf
View File

Binary file not shown.

BIN
sketches/site2/fonts/CenturyExpandedLTStd-Italic.ttf
View File

Binary file not shown.

BIN
sketches/site2/fonts/CenturyExpandedLTStd.ttf
View File

Binary file not shown.

92
sketches/site2/index.html
Unescape Escape View File

@ -1,92 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Library of Contingencies</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div>
<h1><a href="index.html">Library of Contingencies*</a></h1>
</div>
</div>
<div class="row">
<div class="col">
<div>
<li><a class="iframe_redirect" href="https://pzwiki.wdka.nl/mediadesign/User:Simon/A_note_to_the_reader" target="iframe">*A note to the reader:</a></li>
<li><a class="iframe_redirect" href="https://pzwiki.wdka.nl/mediadesign/User:Simon/Tasks_of_the_Contingent_Librarian" target="iframe">Tasks of the Contingent Librarian</a></li>
<li>acquiring/removing</li>
<li>finding texts</li>
<li>uploading</li>
<li>downloading</li>
<li>bootlegging</li>
<li>being kind to the reader</li>
<li>diversifying through use</li>
<li>multiplying form</li>
<li>republishing</li>
<li>cleaning up text</li>
<li>editing</li>
<li>repaginating</li>
<li>reprinting</li>
<li>rereferencing</li>
<li>rebinding</li>
<li>digitising/printing</li>
<li>producing texts</li>
<li>annotating</li>
<li>glossing</li>
<li>understanding texts</li>
<li>including/excluding</li>
<li>administrating</li>
<li>indexing</li>
<li>making it public/keeping it private</li>
<li>inviting</li>
<li>making public</li>
<li>keeping private</li>
<li>trusting</li>
<li>networking</li>
<li>meeting in small rooms, in small groups</li>
<li>consulting</li>
<li>open-sourcing</li>
<li>inter-depending</li>
<li>proprietorising</li>
<li>professionalising</li>
<li>amateuring</li>
<li>reading/writing</li>
<li>reading</li>
<li>skimming/scanning</li>
<li>human reading</li>
<li>skimming</li>
<li>machine reading</li>
<li>scanning</li>
<li>writing</li>
<li>technologising the word</li>
<li>typing</li>
<li>machine writing</li>
<li>searching/browsing</li>
</h1>
</div>
</div>
<div class="col">
<iframe name="iframe" src="https://pzwiki.wdka.nl/mediadesign/User:Simon/Tasks_of_the_Contingent_Librarian">*A note to the reader</iframe>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

90
sketches/site2/style.css
Unescape Escape View File

@ -1,90 +0,0 @@
body {
font-style: normal;
font-family: sans-serif;
font-size: 0.8em;
color: black;
background-color: lightgrey;
padding: 6px;
}
a.nav {
display: block;
padding: 6px;
padding-left: 6px;
height: 44px;
}
a:link {
color: black;
}
a:visited {
color: black;
}
a:hover {
text-decoration: underline;
}
h1 {
font-family: sans-serif;
text-align: left;
font-size: 1em;
color: black;
}
h2 {
font-family: sans-serif;
font-size: 1.2em;
padding-top: 12px;
}
div
.container-fluid {
background-color: white;
/*padding-top: 12px;*/
}
.col-md-4 {
padding-left: 6px;
padding-right: 6px;
}
p.nav {
font-size: 0.9em;
/*height:200px;
*/}
iframe {
width: 100%;
height: 100%;
}
img {
max-width: 100%;
max-height: 100%;
}
.svg {
z-index: 2;
}
li {
list-style-type: circle;
}
.nav {
float: left;
}
title {
font-family: sans-serif;
font-size: 1.2em;
padding: 6px;
}
@font-face {
font-family: "Century";
src: url(./fonts/CenturyExpandedLTStd.ttf) format("truetype");
}

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

Before

Width:  |  Height:  |  Size: 11 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 171 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 MiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 213 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 498 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 513 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 160 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 112 KiB

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 768 KiB

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

@ -1,216 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 9.9 KiB

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

@ -1,259 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 12 KiB

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

@ -1,162 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 3.4 KiB

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

@ -1,52 +0,0 @@
<!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

@ -1,41 +0,0 @@
<!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

@ -1,38 +0,0 @@
<!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

@ -1,46 +0,0 @@
<!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

@ -1,44 +0,0 @@
<!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

@ -1,62 +0,0 @@
<!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

@ -1,47 +0,0 @@
<!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

@ -1,47 +0,0 @@
<!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

@ -1,44 +0,0 @@
<!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

@ -1,60 +0,0 @@
<!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

@ -1,44 +0,0 @@
<!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

@ -1,53 +0,0 @@
<!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

@ -1,44 +0,0 @@
<!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

@ -1,46 +0,0 @@
<!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

@ -1,43 +0,0 @@
<!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

@ -1,101 +0,0 @@
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

@ -1,53 +0,0 @@
<!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>

BIN
sketches/site4/.DS_Store vendored
View File

Binary file not shown.

199
sketches/site4/20_03_06_Bootleg_Library_at_Meeting_Grounds_pad_dump.html
Unescape Escape View File

@ -1,199 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><pre>/ b \ o / o \ t / l \ e / g \ l / i \ b / r \ a / r \ y /
\ a / t \
/ m \ e / e \ t / i \ n / g \ g / r \ o / u \ n / d \ s
-------------------------------------------
the bootleg library
https://hub.xpub.nl/bootleglibrary
-------------------------------------------
book sharing &amp; annotation
calibre
ebook manager - you can download this, run it on your computer and share books over a local network using the content server function
https://calibre-ebook.com/
calibre-web
web app that the bootleg library runs on (a fork of the open-source calibre software)
https://github.com/janeczku/calibre-web
Annotation on the web - the holy grail with lots of projects:
https://beepb00p.xyz/annotating.html
also done very simply and effectively with genius:
https://genius.com/
-------------------------------------------
pirate/shadow/"extra-legal" libraries
Monoskop
https://monoskop.org/Monoskop
Library Genesis (collection is HUGE and mirrored) - i usually use the russian site
http://gen.lib.rus.ec/
Memory of the World
https://library.memoryoftheworld.org/#/books/
aaaaarg (only accessible by members. simon can invite you - just send him an email)
https://aaaaarg.fail/
ask for PDFs from people with institutional access
group for informal PDF sharing through a social network
https://www.facebook.com/groups/850609558335839/
Sci-Hub (this is mirrored too, try googling if the link is down):
https://mg.scihub.ltd/
ubu-web
kenneth goldsmith's baby - an archive of avant-garde cinema and writing
http://ubu.com/
Leeszaal
not an online pirate library, but a volunteer-run place in Rotterdam where you can borrow books, look up information, learn how to use LINUX, study or just read the newspaper. Books are not catalogued, and if you want to borrow one, just take it off the shelf and walk out with it :)
https://www.leeszaalrotterdamwest.nl/
-------------------------------------------
legal online libraries &amp; archives
Project Gutenberg
books are within the public domain (70+ years after death of the author), so free of copyright restrictions:
https://www.gutenberg.org/
The Internet Archive
hosts a collection of books and more, also has the wayback machine (snapshots of web pages going back to the 90s)
https://archive.org/
--------------------------------------------
projects &amp; open letters in support of and about piracy/peeracy
In solidarity with Library Genesis and Sci-Hub
an open letter calling for shadow librarians to come out of the shadows
http://custodians.online/
Alexandra Elbakyan to Mr. Robert W. Sweet (presiding judge in the Elsevier vs Sci-Hub et al court case)
https://torrentfreak.com/images/sci-hub-reply.pdf
and publishing
http://andpublishing.org/
The Piracy Project
http://andpublishing.org/the-piracy-project/
--------------------------------------------
loose thoughts from our conversation
misspellings on ebay - how to exploit this to find undiscovered items http://fatfingers.com
bootlegged DVDs and PS1 games - "chipping" to play bootlegged games
social capital accumulated from having a chipped console
The Pirate Book
historical stories of piracy - warez, demoscene, music etc:
https://hub.xpub.nl/bootleglibrary/read/290/pdf
selling unauthorised copies out of a car boot = "boot"legging?
why do we feel it's more threatening to pirate books than movies/music/games etc?
where does the text reside?
what if i read a book out loud and make a file on youtube - is it bootlegging?
can the library also have audio/visual media?
yes - the library is running on open-source software, so definitely possible. this requires an upgrade of the computer and data storage
what is more of a risk - a shared google drive of PDFs or the bootleglib?
a shared google drive is more risky - the bootleg library has several security measures in place to keep it private
will i get into trouble for using the bootleg library?
haha - not very likely :)
can readers communicate with each other through the bootleglib?
not directly, but possible by adding links to etherpads (like this one) in the description fields
--------------------------------------------
some interesting things to watch &amp; read on archives, libraries, piracy and activism
things to read:
the science of piracy and the piracy of science by bodo balasz (an economist researching use of pirate libraries)
Part 1: http://copyrightblog.kluweriplaw.com/2019/03/06/the-science-of-piracy-the-piracy-of-science-who-are-the-science-pirates-and-where-do-they-come-from-part-1/
Part 2: http://copyrightblog.kluweriplaw.com/2019/03/21/the-science-of-piracy-the-piracy-of-science-who-are-the-science-pirates-and-where-do-they-come-from-part-2/
a view from elsewhere on authorship, copyright and creativity by eva weinmayr (of and publishing and the piracy project)
https://pzwiki.wdka.nl/mw-mediadesign/images/d/dd/Confronting_Authorship_Published_with_content_page--Whose_book_is_it_anyway.pdf
articles by shannon mattern on self-organised and "fugitive" libraries
https://placesjournal.org/article/marginalia-little-libraries-in-the-urban-margins/
https://placesjournal.org/article/fugitive-libraries/
interview with kate eichhorn, author of the archival turn in feminism
https://criticalmargins.com/interview-with-kate-eichhorn-author-of-the-archival-turn-in-feminism-a204b02ae340
things to watch:
Digital Amnesia
https://youtu.be/NdZxI3nFVJs
"Our memory is dissipating. Hard drives only last five years, a web page is forever changing and there’s no machine left that reads 15-year old floppy disks. Digital data is vulnerable. Yet entire libraries are shredded and lost to budget cuts, because we assume everything can be found online."
The Internet's Own Boy: The Story of Aaron Swartz
https://archive.org/details/TheInternetsOwnBoyTheStoryOfAaronSwartz
"The Internet's Own Boy depicts the life of American computer programmer, writer, political organizer and Internet activist Aaron Swartz. It features interviews with his family and friends as well as the internet luminaries who worked with him. The film tells his story up to his eventual suicide after a legal battle, and explores the questions of access to information and civil liberties that drove his work."
--------------------------------------------
King Gizzard And The Lizard Wizard
Polygondwanaland is free for everybody and you can do with what you.
From the band's post accompanying links to different digital packs:
"This album is FREE. Free as in, free. Free to download and if you wish, free to make copies.
Make tapes, make CD’s, make records.
[...]
Ever wanted to start your own record label? GO for it! Employ your mates, press wax, pack boxes. We do not own this record. You do. Go forth, share, enjoy."
https://www.discogs.com/King-Gizzard-And-The-Lizard-Wizard-Polygondwanaland/master/1268453
100 copies of the white album played at once
https://thevinylfactory.com/news/artist-layers-100-unique-copies-of-the-beatles-white-album-for-original-vinyl-release/
royalty-free audio
http://freesound.org
spotify scanning interface
http://everynoise.com/
sharpest knife ever made from {insert substance here}
https://www.youtube.com/channel/UCg3qsVzHeUt5_cPpcRtoaJQ
Bootleg Britney / A bootleg CD bought at the market in Montenegro had 3 extra unpublished songs in comparison to the actual album on sale in the shops - what message was Britney sending me?! i &lt;3 this story
</pre>
<!--
NewPP limit report
Cached time: 20200609203829
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.008 seconds
Real time usage: 0.008 seconds
Preprocessor visited node count: 4/1000000
Preprocessor generated node count: 24/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 7427/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31633-0!canonical and timestamp 20200609203829 and revision id 173526
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

84
sketches/site4/A_Voice_and_Nothing_More.html
Unescape Escape View File

@ -1,84 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h2><span class="mw-headline" id="A_Voice_and_Nothing_More">A Voice and Nothing More</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/A_Voice_and_Nothing_More&amp;action=edit&amp;section=1" title="Edit section: A Voice and Nothing More">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>Printed: 19.11.19<br>
Dimensions: 155x235mm<br>
Cover stock: Ursus glossy white 210gsm<br>
Text stock: Bio Top 80gsm<br>
Binding: Perfect bound, cold glue<br>
Pages: 226pp
</p><p>This is another book where I took a text file and laid it out again in InDesign, like the copy of <i>Dumbstruck</i> that I bootlegged. However, this time I made a code to indicate the page numbering and text flow of the source publication. This was to provide comfortable, consistent tracking to the letterspacing - one of the issues with <i>Dumbstruck</i> was that, in an attempt to keep the text flow and page numbering the same, some paragraphs were too tightly, or too loosely kerned. I feel this is a more elegant solution, however, it might pose problems if someone else tried to do the same as I had (taking the text from a source publication and laying it out) as the code is now part of the text. The cover was made with glossy paper, and custom-cut vinyl stickers. In time these will probably come off, but that's conceptually sympathetic to the content of the book, which is about the transience of the voice.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:AVANM_A01.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/2/2e/AVANM_A01.JPG/90px-AVANM_A01.JPG" srcset="/mw-mediadesign/images/thumb/2/2e/AVANM_A01.JPG/135px-AVANM_A01.JPG 1.5x, /mw-mediadesign/images/thumb/2/2e/AVANM_A01.JPG/180px-AVANM_A01.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Front cover, with white vinyl text and graphics
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:AVANM_A02.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/0/08/AVANM_A02.JPG/90px-AVANM_A02.JPG" srcset="/mw-mediadesign/images/thumb/0/08/AVANM_A02.JPG/135px-AVANM_A02.JPG 1.5x, /mw-mediadesign/images/thumb/0/08/AVANM_A02.JPG/180px-AVANM_A02.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spine
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:AVANM_A03.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/4/4e/AVANM_A03.JPG/90px-AVANM_A03.JPG" srcset="/mw-mediadesign/images/thumb/4/4e/AVANM_A03.JPG/135px-AVANM_A03.JPG 1.5x, /mw-mediadesign/images/thumb/4/4e/AVANM_A03.JPG/180px-AVANM_A03.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Code referring to text flow of the source publication
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:AVANM_A04.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/6/60/AVANM_A04.JPG/90px-AVANM_A04.JPG" srcset="/mw-mediadesign/images/thumb/6/60/AVANM_A04.JPG/135px-AVANM_A04.JPG 1.5x, /mw-mediadesign/images/thumb/6/60/AVANM_A04.JPG/180px-AVANM_A04.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Bootleg acknowledgement
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:AVANM_A05.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/8/8f/AVANM_A05.JPG/90px-AVANM_A05.JPG" srcset="/mw-mediadesign/images/thumb/8/8f/AVANM_A05.JPG/135px-AVANM_A05.JPG 1.5x, /mw-mediadesign/images/thumb/8/8f/AVANM_A05.JPG/180px-AVANM_A05.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread: Book opens easily due to cold glue binding
</p>
</div>
</div></li>
</ul>
<!--
NewPP limit report
Cached time: 20200610083229
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.038 seconds
Real time usage: 0.191 seconds
Preprocessor visited node count: 10/1000000
Preprocessor generated node count: 48/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 3012/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31500-0!canonical and timestamp 20200610083228 and revision id 173544
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

42
sketches/site4/A_note_to_the_reader.html
Unescape Escape View File

@ -1,42 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span id="*A_note_to_the_reader:"></span><span class="mw-headline" id=".2AA_note_to_the_reader:">*A note to the reader:</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/A_note_to_the_reader&amp;action=edit&amp;section=1" title="Edit section: *A note to the reader:">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<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>
<!--
NewPP limit report
Cached time: 20200611150712
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.003 seconds
Real time usage: 0.003 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31419-0!canonical and timestamp 20200611150712 and revision id 174110
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

46
sketches/site4/Acquiring_Removing.html
Unescape Escape View File

@ -1,46 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span id="acquiring/removing"></span><span class="mw-headline" id="acquiring.2Fremoving">acquiring/removing</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Acquiring_Removing&amp;action=edit&amp;section=1" title="Edit section: acquiring/removing">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Administrating.html" title="User:Simon/Administrating">administrating</a>, <a href="Finding_texts.html" title="User:Simon/Finding texts">finding texts</a>, <a href="Downloading.html" title="User:Simon/Downloading">downloading</a>
</p><p>Many national libraries have acquisition programs in place with stringent, highly formalised procedures through which new texts enter the collection. Some countries require that an officially published book is donated to their national library by way of a system called “legal deposit”. Purchase of a commercial identifier such as an ISBN (International Standard Book Number) allows the book to be registered, so that other libraries that subsequently acquire the same text may share cataloguing details.
</p><p>The library makes no such demands. Books are acquired through informal means, in ways that are not regulated or legislated. Anyone may remove or add texts to the library.
</p><p>Image: ISBN barcode
</p>
<a class="flipside" href="Acquiring_Removing_rvrs.html" target="recto">flipside</a>
<!--
NewPP limit report
Cached time: 20200611150511
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.006 seconds
Real time usage: 0.007 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31421-0!canonical and timestamp 20200611150511 and revision id 174104
-->
</div></DOCUMENT_FRAGMENT>
</div>
</body>
</html>

64
sketches/site4/Acquiring_Removing_rvrs.html
Unescape Escape View File

@ -1,64 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><img class="cardbackimg" src="./IMG/Isbn_barcode.jpeg"></div>ISBN barcode</div></div></div>
<h2><span id="shadow/pirate/extra-legal_libraries"></span><span class="mw-headline" id="shadow.2Fpirate.2Fextra-legal_libraries">shadow/pirate/extra-legal libraries</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Libraries&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<ul><li>#icanhazpdf <a class="external text" href="https://twitter.com/hashtag/icanhazpdf?src=hash" rel="nofollow">https://twitter.com/hashtag/icanhazpdf?src=hash</a></li>
<li>aaaaarg <a class="external text" href="http://aaaaarg.fail/" rel="nofollow">http://aaaaarg.fail</a></li>
<li>Bibliotheca <a class="external text" href="http://bibliotecha.info/" rel="nofollow">http://bibliotecha.info/</a></li>
<li>Clockwise libraries <a class="external text" href="https://clockwise3rldkgu.onion.to/" rel="nofollow">https://clockwise3rldkgu.onion</a></li>
<li>Library Genesis <a class="external text" href="http://gen.lib.rus.ec" rel="nofollow">http://gen.lib.rus.ec</a></li>
<li>Memory of the world <a class="external text" href="http://library.memoryoftheworld.org/" rel="nofollow">http://library.memoryoftheworld.org</a></li>
<li>Monoskop <a class="external text" href="http://monoskop.org/" rel="nofollow">http://monoskop.org</a></li>
<li>On Our Backs <a class="external text" href="http://voices.revealdigital.com/cgi-bin/independentvoices?a=cl&amp;cl=CL1&amp;sp=BEBJBJCA&amp;ai=1&amp;e=-------en-20--1--txt-txIN---------------1" rel="nofollow">http://voices.revealdigital.com/cgi-bin/independentvoices?a=cl&amp;cl=CL1&amp;sp=BEBJBJCA&amp;ai=1&amp;e=-------en-20--1--txt-txIN---------------1</a></li>
<li>Project Gutenberg <a class="external text" href="http://gutenberg.org/" rel="nofollow">http://gutenberg.org</a></li>
<li>Radical Militant Library (Jotunbane’s Reading Club) <a class="external text" href="https://c3jemx2ube5v5zpg.onion.to/" rel="nofollow">https://c3jemx2ube5v5zpg.onion</a></li>
<li>Sci-hub <a class="external text" href="http://sci-hub.io/" rel="nofollow">http://sci-hub.tw/</a></li>
<li>Textz.com <a class="external text" href="http://www.textz.com/" rel="nofollow">http://www.textz.com</a></li>
<li><a class="external text" href="https://bibliotik.me/" rel="nofollow">https://bibliotik.me</a></li>
<li>volafile.io * #bookz on IRCHighway/undernet</li>
<li>The Piratebay @ Worm <a class="external text" href="http://thepiratebay.worm.org/" rel="nofollow">http://thepiratebay.worm.org</a></li>
<li>UBU-web <a class="external text" href="http://ubu.com/" rel="nofollow">http://ubu.com</a></li>
<li><a class="external text" href="http://pzwiki.wdka.nl/mediadesign/XPPL" rel="nofollow">XPPL</a></li>
<li><a class="external text" href="https://hub.xpub.nl/bootleglibrary" rel="nofollow">the bootleg library</a></li></ul>
<h2><span class="mw-headline" id="other_libraries">other libraries</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Libraries&amp;action=edit&amp;section=T-2" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<ul><li><a class="external text" href="https://www.are.na/sam-hart/library-as-database/" rel="nofollow">Library as database project</a></li>
<li><a class="external text" href="http://cybernetics.social/" rel="nofollow">Cybernetics Library</a></li>
<li><a class="external text" href="https://hyperreadings.info/" rel="nofollow">Hyperreadings</a></li>
<li><a class="external text" href="https://archive.leftove.rs/" rel="nofollow">leftove.rs</a></li></ul>
<!--
NewPP limit report
Cached time: 20200612082929
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.022 seconds
Real time usage: 0.063 seconds
Preprocessor visited node count: 11/1000000
Preprocessor generated node count: 38/1000000
Post‐expand include size: 1809/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 40/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 3.673 1 User:Simon/Libraries
100.00% 3.673 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31689-0!canonical and timestamp 20200612082929 and revision id 173986
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

43
sketches/site4/Administrating.html
Unescape Escape View File

@ -1,43 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="administrating">administrating</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Administrating&amp;action=edit&amp;section=1" title="Edit section: administrating">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Including_Excluding.html" title="User:Simon/Including Excluding">including/excluding</a>, <a href="Inter-depending.html" title="User:Simon/Inter-depending">inter-depending</a>, <a href="Open-sourcing.html" title="User:Simon/Open-sourcing">open-sourcing</a>, <a href="Trusting.html" title="User:Simon/Trusting">trusting</a>
</p><p>An administrator has authority to make modifications to the infrastructure of the library. Every registered user of the library is also an “admin”. <i>With this responsibility, comes great power.</i> An admin may delete user accounts, or take down the entire library if they wish. But they can also make registered accounts for other users, and choose to bestow the same privileges, or not. The library is open.
</p><p>Image: Characters representing read (r), write (w), and execute (x) permissions in UNIX and UNIX-like systems
</p>
<!--
NewPP limit report
Cached time: 20200616234406
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.004 seconds
Real time usage: 0.005 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31450-0!canonical and timestamp 20200616234406 and revision id 173967
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

44
sketches/site4/Administrating_rvrs.html
Unescape Escape View File

@ -1,44 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback">
<img class="cardbackimg" src="./IMG/R_w_x_symbols.jpeg">
<p class="imgcaption">Permissions in UNIX and UNIX-like systems</p>
</div>
<!--
NewPP limit report
Cached time: 20200612082929
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.027 seconds
Real time usage: 0.042 seconds
Preprocessor visited node count: 11/1000000
Preprocessor generated node count: 45/1000000
Post‐expand include size: 323/2097152 bytes
Template argument size: 18/2097152 bytes
Highest expansion depth: 4/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 11.024 1 -total
100.00% 11.024 1 User:Simon/read_write_execute
63.34% 6.983 1 Template:Vimeo
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31711-0!canonical and timestamp 20200612082929 and revision id 173985
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

43
sketches/site4/Amateuring.html
Unescape Escape View File

@ -1,43 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="amateuring">amateuring</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Amateuring&amp;action=edit&amp;section=1" title="Edit section: amateuring">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Making_public.html" title="User:Simon/Making public">making public</a>, <a href="Professionalising.html" title="User:Simon/Professionalising">professionalising</a>, <a href="Republishing.html" title="User:Simon/Republishing">republishing</a>
</p><p>Amateur librarianship happens whenever texts are shared informally. An amateur (from French, meaning “one who loves, lover”) acts out of love (rather than motivated by prestige, or money); there is not often a conscious decision to be an amateur <i>anything</i>. Instead, we often see the word “amateur” as a negation or lack of professionalism. A rising imperative emerges, for amateurs to take up the task of librarianship. The 19th century model of the public library that spread throughout the U.K. and the U.S.A. was an exemplar of social democratic values. Such libraries are now under threat. So, sometimes in response, but often without thought of the legal consequences, amateur librarianship happens in small, quiet ways that are usually mundane; passing a USB drive around, emailing a link or a file. <i>I thought you should read this</i>.
</p><p>Image: USB drives as libraries
</p>
<!--
NewPP limit report
Cached time: 20200617091909
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.004 seconds
Real time usage: 0.005 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31464-0!canonical and timestamp 20200617091909 and revision id 174273
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

109
sketches/site4/Amateuring_rvrs.html
Unescape Escape View File

@ -1,109 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><img class="cardbackimg" src="./IMG/USB_drives_as_libraries.jpeg"></div>USB drives as libraries</div></div></div>
<div class="toc" id="toc"><input class="toctogglecheckbox" id="toctogglecheckbox" role="button" style="display:none" type="checkbox"><div class="toctitle" dir="ltr" lang="en"><h2>Contents</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div>
<ul>
<li class="toclevel-1"><a href="#Auto-mount_an_external_drive_on_boot"><span class="tocnumber">1</span> <span class="toctext">Auto-mount an external drive on boot</span></a>
<ul>
<li class="toclevel-2"><a href="#Step_1_.E2.80.93_Plug_In_The_Device"><span class="tocnumber">1.1</span> <span class="toctext">Step 1 – Plug In The Device</span></a></li>
<li class="toclevel-2"><a href="#Step_2_.E2.80.93_Identify_The_Device.27s_Unique_ID"><span class="tocnumber">1.2</span> <span class="toctext">Step 2 – Identify The Device's Unique ID</span></a></li>
<li class="toclevel-2"><a href="#Step_3_.E2.80.93_Create_a_Mount_Point"><span class="tocnumber">1.3</span> <span class="toctext">Step 3 – Create a Mount Point</span></a></li>
<li class="toclevel-2"><a href="#Step_4_.E2.80.93_Manually_Mount_The_Drive"><span class="tocnumber">1.4</span> <span class="toctext">Step 4 – Manually Mount The Drive</span></a></li>
<li class="toclevel-2"><a href="#Step_5_.E2.80.93_Un-mounting_The_Drive"><span class="tocnumber">1.5</span> <span class="toctext">Step 5 – Un-mounting The Drive</span></a></li>
<li class="toclevel-2"><a href="#Step_6_.E2.80.93_Auto_Mount"><span class="tocnumber">1.6</span> <span class="toctext">Step 6 – Auto Mount</span></a></li>
<li class="toclevel-2"><a href="#An_Extra_Note_About_File_Systems"><span class="tocnumber">1.7</span> <span class="toctext">An Extra Note About File Systems</span></a></li>
<li class="toclevel-2"><a href="#Final_Thoughts"><span class="tocnumber">1.8</span> <span class="toctext">Final Thoughts</span></a></li>
</ul>
</li>
</ul>
</div>
<h3><span class="mw-headline" id="Auto-mount_an_external_drive_on_boot">Auto-mount an external drive on boot</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/prototypes/automount_a_drive_on_boot&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<h4><span id="Step_1_–_Plug_In_The_Device"></span><span class="mw-headline" id="Step_1_.E2.80.93_Plug_In_The_Device">Step 1 – Plug In The Device</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/prototypes/automount_a_drive_on_boot&amp;action=edit&amp;section=T-2" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h4>
<h4><span id="Step_2_–_Identify_The_Device's_Unique_ID"></span><span class="mw-headline" id="Step_2_.E2.80.93_Identify_The_Device.27s_Unique_ID">Step 2 – Identify The Device's Unique ID</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/prototypes/automount_a_drive_on_boot&amp;action=edit&amp;section=T-3" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h4>
<p>In order to find the unique reference (UUID) for your drive run the following command in the terminal :
</p><p><code>ls -l /dev/disk/by-uuid/</code>
</p><p>This will give you an output that should list your drive :
</p><p><a class="image" href="File:Bootleg_uuid.png.html"><img alt="Bootleg uuid.png" decoding="async" height="96" src="/mw-mediadesign/images/thumb/a/ae/Bootleg_uuid.png/800px-Bootleg_uuid.png" srcset="/mw-mediadesign/images/thumb/a/ae/Bootleg_uuid.png/1200px-Bootleg_uuid.png 1.5x, /mw-mediadesign/images/thumb/a/ae/Bootleg_uuid.png/1600px-Bootleg_uuid.png 2x" width="800"></a>
</p><p>The line will usually refer to “/sda” and in this example it is “sda1”. My ID is “989B-E900”. Note down yours.
You would need to repeat this step if you wanted to use a different device as the UUID would be different.
</p>
<h4><span id="Step_3_–_Create_a_Mount_Point"></span><span class="mw-headline" id="Step_3_.E2.80.93_Create_a_Mount_Point">Step 3 – Create a Mount Point</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/prototypes/automount_a_drive_on_boot&amp;action=edit&amp;section=T-4" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h4>
<p>A mount point is a directory that will point to the contents of your flash drive. Create a suitable folder :
</p><p><code>sudo mkdir /media/usb</code>
</p><p>I’m using “usb” but you can give it whatever name you like. Keep it short as it saves typing later on. Now we need to make sure the Pi user owns this folder :
</p><p><code>sudo chown -R pi:pi /media/usb</code>
</p><p>You will only need to do this step once.
</p>
<h4><span id="Step_4_–_Manually_Mount_The_Drive"></span><span class="mw-headline" id="Step_4_.E2.80.93_Manually_Mount_The_Drive">Step 4 – Manually Mount The Drive</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/prototypes/automount_a_drive_on_boot&amp;action=edit&amp;section=T-5" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h4>
<p>To manually mount the drive use the following command :
</p><p><code>sudo mount /dev/sda1 /media/usb -o uid=pi,gid=pi</code>
</p><p><br>
This will mount the drive so that the ordinary Pi user can write to it. Omitting the “-o uid=pi,gid=pi” would mean you could only write to it using “sudo”.
Now you can read, write and delete files using “/media/usb” as a destination or source without needing to use sudo.
</p>
<h4><span id="Step_5_–_Un-mounting_The_Drive"></span><span class="mw-headline" id="Step_5_.E2.80.93_Un-mounting_The_Drive">Step 5 – Un-mounting The Drive</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/prototypes/automount_a_drive_on_boot&amp;action=edit&amp;section=T-6" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h4>
<p>You don’t need to manually un-mount if you shutdown your Pi but if you need to remove the drive at any other time you should un-mount it first. Only the user that mounted the drive can un-mount it.
</p><p><code>umount /media/usb</code>
</p><p>If you used the fstab file to auto-mount it you will need to use :
</p><p><code>sudo umount /media/usb</code>
</p><p>If you are paying attention you will notice the command is “<i>u</i>mount” NOT “<i>un</i>mount”!
</p>
<h4><span id="Step_6_–_Auto_Mount"></span><span class="mw-headline" id="Step_6_.E2.80.93_Auto_Mount">Step 6 – Auto Mount</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/prototypes/automount_a_drive_on_boot&amp;action=edit&amp;section=T-7" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h4>
<p>When you restart your Pi your mounts will be lost and you will need to repeat Step 4. If you want your USB drive to be mounted when the system starts you can edit the fstab file :
</p><p><code>sudo nano /etc/fstab</code>
</p><p>Then add the following line at the end :
</p><p><code>UUID=989B-E900 /media/usb vfat auto,nofail,noatime,users,rw,uid=pi,gid=pi 0 0</code>
</p><p>The “nofail” option allows the boot process to proceed if the drive is not plugged in. The “noatime” option stops the file access time being updated every time a file is read from the USB stick. This helps improve performance.
This is what my fstab file looks like:
</p><p><a class="image" href="File:Bootleg_fstab.png.html"><img alt="Bootleg fstab.png" decoding="async" height="412" src="/mw-mediadesign/images/thumb/7/70/Bootleg_fstab.png/800px-Bootleg_fstab.png" srcset="/mw-mediadesign/images/thumb/7/70/Bootleg_fstab.png/1200px-Bootleg_fstab.png 1.5x, /mw-mediadesign/images/thumb/7/70/Bootleg_fstab.png/1600px-Bootleg_fstab.png 2x" width="800"></a>
</p><p>Make sure you set the correct UUID. Use CTRL-X followed by Y to save and exit the nano editor.
</p><p>Now reboot :
</p><p><code>sudo reboot</code>
</p><p>Your USB drive should be auto-mounted and available as “/media/usb”.
</p>
<h4><span class="mw-headline" id="An_Extra_Note_About_File_Systems">An Extra Note About File Systems</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/prototypes/automount_a_drive_on_boot&amp;action=edit&amp;section=T-8" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h4>
<p>In the examples above I specified “vfat” as the file system of the device as it was formatted as FAT32. If you need to change the file system replace references of “vfat” with “ntfs-3g”, “ext3” or “ext4”.
If you are using NTFS you will also need to install the following package :
</p><p><code>sudo apt-get install ntfs-3g</code>
</p>
<h4><span class="mw-headline" id="Final_Thoughts">Final Thoughts</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/prototypes/automount_a_drive_on_boot&amp;action=edit&amp;section=T-9" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h4>
<p>This technique suits my applications but the main disadvantage is that it is specific to a known USB device given we are using the device ID. However if you created a few mount points in advance you could manually mount a new device to a spare mount point without worrying about updating the fstab file.
</p>
<!--
NewPP limit report
Cached time: 20200611093953
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.033 seconds
Real time usage: 0.035 seconds
Preprocessor visited node count: 12/1000000
Preprocessor generated node count: 32/1000000
Post‐expand include size: 3863/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 3.971 1 User:Simon/Trim4/prototypes/automount_a_drive_on_boot
100.00% 3.971 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31738-0!canonical and timestamp 20200611093953 and revision id 174063
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

43
sketches/site4/Annotating.html
Unescape Escape View File

@ -1,43 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="annotating">annotating</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Annotating&amp;action=edit&amp;section=1" title="Edit section: annotating">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Glossing.html" title="User:Simon/Glossing">glossing</a>, <a href="Producing_texts.html" title="User:Simon/Producing texts">producing texts</a>, <a href="Inter-depending.html" title="User:Simon/Inter-depending">inter-depending</a>
</p><p>Marks left by readers are at times recognisable as annotation; underlines, asterisks and notes scribbled in the margins that all add something to the text. Taken a step further, annotation can include metadata (information about information), which is most commonly text that describes the author and subject, and bibliographic details needed for citation purposes. Collectively, these forms of annotation indicate the presence of readers, making them visible to each other. Annotation lives in close proximity to the text. When it is separated from the text, it becomes unfixed, losing its symbolic power to remind us that other readers have also been here.
</p><p>Image: Tracing paper bearing carbon-copied annotations from <i>Marginal Conversations</i>, a workshop first held by Simon Browne, Paloma García and Artemis Gryllaki at Leeszaal West Rotterdam, 20th June 2019
</p>
<!--
NewPP limit report
Cached time: 20200617034434
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.002 seconds
Real time usage: 0.004 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31446-0!canonical and timestamp 20200617034434 and revision id 173952
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

109
sketches/site4/Annotating_rvrs.html
Unescape Escape View File

@ -1,109 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><div class="thumb tright"><div class="thumbinner" style="width:152px;"><a class="image" href="File:Tracing_paper_annotations.jpeg.html"><img alt="" class="thumbimage" decoding="async" height="106" src="/mw-mediadesign/images/thumb/6/65/Tracing_paper_annotations.jpeg/150px-Tracing_paper_annotations.jpeg" srcset="/mw-mediadesign/images/thumb/6/65/Tracing_paper_annotations.jpeg/225px-Tracing_paper_annotations.jpeg 1.5x, /mw-mediadesign/images/thumb/6/65/Tracing_paper_annotations.jpeg/300px-Tracing_paper_annotations.jpeg 2x" width="150"></a> <div class="thumbcaption"><div class="magnify"><a class="internal" href="File:Tracing_paper_annotations.jpeg.html" title="Enlarge"></a></div>Tracing paper bearing carbon-copied annotations from Marginal Conversations</div></div></div>
<div class="toc" id="toc"><input class="toctogglecheckbox" id="toctogglecheckbox" role="button" style="display:none" type="checkbox"><div class="toctitle" dir="ltr" lang="en"><h2>Contents</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div>
<ul>
<li class="toclevel-1"><a href="#15.06.19_interfaces_for_annotation"><span class="tocnumber">1</span> <span class="toctext">15.06.19 interfaces for annotation</span></a>
<ul>
<li class="toclevel-2"><a href="#digital_annotations"><span class="tocnumber">1.1</span> <span class="toctext">digital annotations</span></a></li>
<li class="toclevel-2"><a href="#analog_annotations"><span class="tocnumber">1.2</span> <span class="toctext">analog annotations</span></a></li>
</ul>
</li>
<li class="toclevel-1"><a href="#The_Carrier_Bag_Theory_of_Fiction"><span class="tocnumber">2</span> <span class="toctext">The Carrier Bag Theory of Fiction</span></a></li>
</ul>
</div>
<h2><span class="mw-headline" id="15.06.19_interfaces_for_annotation">15.06.19 interfaces for annotation</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Retention_and_transformation_of_annotations&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>The formal qualities of annotations are defined by the tools used to make them, and also the cultural uses of these. Given a pen, most people will write, although it is also possible to draw or use it in other ways. With a keyboard it seems most appropriate to type. With a mouse, one can click on things, and select them.
</p><p>What happens when these are retained, transformed and isolated from the source?
</p>
<h3><span class="mw-headline" id="digital_annotations">digital annotations</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Retention_and_transformation_of_annotations&amp;action=edit&amp;section=T-2" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>Retained digital annotations are rare in the wild, but I found one PDF of Jorge Luis Borges "The Garden of Forking Paths" that had underlinings and highlighted text. The interesting thing is that these change appearance slightly depending on the e-reader software used to display the text.
</p><p>The first two spreads of the Borges PDF:<br>
<a class="image" href="File:Borges_annotations_01.png.html"><img alt="Borges annotations 01.png" decoding="async" height="387" src="/mw-mediadesign/images/thumb/6/63/Borges_annotations_01.png/500px-Borges_annotations_01.png" srcset="/mw-mediadesign/images/thumb/6/63/Borges_annotations_01.png/750px-Borges_annotations_01.png 1.5x, /mw-mediadesign/images/thumb/6/63/Borges_annotations_01.png/1000px-Borges_annotations_01.png 2x" width="500"></a>
<a class="image" href="File:Borges_annotations_02.png.html"><img alt="Borges annotations 02.png" decoding="async" height="387" src="/mw-mediadesign/images/thumb/7/7e/Borges_annotations_02.png/500px-Borges_annotations_02.png" srcset="/mw-mediadesign/images/thumb/7/7e/Borges_annotations_02.png/750px-Borges_annotations_02.png 1.5x, /mw-mediadesign/images/thumb/7/7e/Borges_annotations_02.png/1000px-Borges_annotations_02.png 2x" width="500"></a>
</p><p><a class="image" href="File:Garden_01.png.html"><img alt="Garden 01.png" decoding="async" height="386" src="/mw-mediadesign/images/thumb/d/d1/Garden_01.png/500px-Garden_01.png" srcset="/mw-mediadesign/images/thumb/d/d1/Garden_01.png/750px-Garden_01.png 1.5x, /mw-mediadesign/images/d/d1/Garden_01.png 2x" width="500"></a>
<a class="image" href="File:Garden_02.png.html"><img alt="Garden 02.png" decoding="async" height="386" src="/mw-mediadesign/images/thumb/4/47/Garden_02.png/500px-Garden_02.png" srcset="/mw-mediadesign/images/thumb/4/47/Garden_02.png/750px-Garden_02.png 1.5x, /mw-mediadesign/images/4/47/Garden_02.png 2x" width="500"></a><br>
<small>Digital annotations transcribed from a PDF of Jorge Luis Borges' "The Garden of Forking Paths"</small>
</p>
<h3><span class="mw-headline" id="analog_annotations">analog annotations</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Retention_and_transformation_of_annotations&amp;action=edit&amp;section=T-3" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>Another text that came pre-annotated was Ursula K Le Guin's "The Carrier Bag Theory of Fiction". For this, I placed scans in a vector graphics program and digitised pen marks. I also included the text that was annotated with circles, underlines and lines in the margins.
The first two spreads of the Le Guin PDF:<br>
<a class="image" href="File:Leguin_annotations_01.png.html"><img alt="Leguin annotations 01.png" decoding="async" height="387" src="/mw-mediadesign/images/thumb/5/5a/Leguin_annotations_01.png/500px-Leguin_annotations_01.png" srcset="/mw-mediadesign/images/thumb/5/5a/Leguin_annotations_01.png/750px-Leguin_annotations_01.png 1.5x, /mw-mediadesign/images/thumb/5/5a/Leguin_annotations_01.png/1000px-Leguin_annotations_01.png 2x" width="500"></a>
<a class="image" href="File:Leguin_annotations_02.png.html"><img alt="Leguin annotations 02.png" decoding="async" height="387" src="/mw-mediadesign/images/thumb/f/f3/Leguin_annotations_02.png/500px-Leguin_annotations_02.png" srcset="/mw-mediadesign/images/thumb/f/f3/Leguin_annotations_02.png/750px-Leguin_annotations_02.png 1.5x, /mw-mediadesign/images/thumb/f/f3/Leguin_annotations_02.png/1000px-Leguin_annotations_02.png 2x" width="500"></a>
</p><p><a class="image" href="File:Carrier_bag_01.png.html"><img alt="Carrier bag 01.png" decoding="async" height="387" src="/mw-mediadesign/images/thumb/5/5d/Carrier_bag_01.png/500px-Carrier_bag_01.png" srcset="/mw-mediadesign/images/thumb/5/5d/Carrier_bag_01.png/750px-Carrier_bag_01.png 1.5x, /mw-mediadesign/images/thumb/5/5d/Carrier_bag_01.png/1000px-Carrier_bag_01.png 2x" width="500"></a>
<a class="image" href="File:Carrier_bag_02.png.html"><img alt="Carrier bag 02.png" decoding="async" height="387" src="/mw-mediadesign/images/thumb/f/f7/Carrier_bag_02.png/500px-Carrier_bag_02.png" srcset="/mw-mediadesign/images/thumb/f/f7/Carrier_bag_02.png/750px-Carrier_bag_02.png 1.5x, /mw-mediadesign/images/thumb/f/f7/Carrier_bag_02.png/1000px-Carrier_bag_02.png 2x" width="500"></a><br>
<small>Hand-drawn annotations digitally transcribed from a PDF of Ursula K. Le Guin's "The Carrier Bag Theory of Fiction"</small>
</p>
<h2><span class="mw-headline" id="The_Carrier_Bag_Theory_of_Fiction">The Carrier Bag Theory of Fiction</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/The_Carrier_Bag_Theory_of_Fiction&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>Printed: 25.09.19<br>
Dimensions: 90x120mm<br>
Cover stock: Clairefontaine Trophee (ivory) 120gsm<br>
Text stock: Clairefontaine Trophee (ivory) 120gsm<br>
Binding: Staple bound<br>
Pages: 16pp
</p><p>Ursula K. Le Guin's short essay appears in a compilation called <i>Dancing at the Edge of the World</i>, which I've found impossible to find online through the usual pirate libraries such as Library Genesis, aaaaaarg.fail and Monoskop. Perhaps this points to a gender bias in what is perceived as knowledge (Le Guin was a woman wrote mostly science-fiction)? In lieu of not being able to find the compilation, I decided to print this book in a very small size (90x120mm) and retain the annotations from the PDF I found. I digitised them by making them into vectors, and printed the text and annotations in green. In this way I wanted to speculate on what would happen when a reader was confronted with annotations that seemed to be part of the source, not a para-text added after publication.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:CB_01.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/7/7b/CB_01.JPG/90px-CB_01.JPG" srcset="/mw-mediadesign/images/thumb/7/7b/CB_01.JPG/135px-CB_01.JPG 1.5x, /mw-mediadesign/images/thumb/7/7b/CB_01.JPG/180px-CB_01.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Front cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:CB_02.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/2/29/CB_02.JPG/90px-CB_02.JPG" srcset="/mw-mediadesign/images/thumb/2/29/CB_02.JPG/135px-CB_02.JPG 1.5x, /mw-mediadesign/images/thumb/2/29/CB_02.JPG/180px-CB_02.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Digitised annotations
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:CB_03.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/2/2c/CB_03.JPG/90px-CB_03.JPG" srcset="/mw-mediadesign/images/thumb/2/2c/CB_03.JPG/135px-CB_03.JPG 1.5x, /mw-mediadesign/images/thumb/2/2c/CB_03.JPG/180px-CB_03.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Back cover with bootleg acknowledgement
</p>
</div>
</div></li>
</ul>
<p><a class="external free" href="https://pad.xpub.nl/p/annotated_reader_prbs" rel="nofollow">https://pad.xpub.nl/p/annotated_reader_prbs</a>
</p>
<!--
NewPP limit report
Cached time: 20200611162846
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.058 seconds
Real time usage: 0.282 seconds
Preprocessor visited node count: 15/1000000
Preprocessor generated node count: 54/1000000
Post‐expand include size: 2944/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 1707/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 109.700 1 -total
96.54% 105.908 1 User:Simon/The_Carrier_Bag_Theory_of_Fiction
3.32% 3.645 1 User:Simon/Retention_and_transformation_of_annotations
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31707-0!canonical and timestamp 20200611162846 and revision id 173987
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

67
sketches/site4/Annotations_08.05.19.html
Unescape Escape View File

@ -1,67 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h2><span class="mw-headline" id="Annotations_08.05.19">Annotations 08.05.19</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Reading,Writing_%26_Research_Methodologies_SI9/Annotations_08.05.19&amp;action=edit&amp;section=1" title="Edit section: Annotations 08.05.19">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>Main question: How can annotation be useful to us, and a third party?
</p><p>Possible ways
</p><p>Keep text and annotations together
</p>
<ul><li>scan and overlay transparencies (more like a graphical representation but perhaps not very readable)</li>
<li>write, re-write, cut and paste the annotations in a bigger paper all together</li>
<li>use the annotation bot (a digital tool)(it would be cool if you could underline, etc - yes! including graphic elements)</li>
<li>if digital, create the possibility to turn on and off the annotations to keep the original text</li>
<li>bind the pages into books and make a bootleg library with them</li></ul>
<p>Separate text and annotations (deconstruction / structure analysis)
</p>
<ul><li>only underlined text (in many ways: lines, circles, waves...)</li>
<li>list of questions, tags, notes + composition and mapping of them (different mapping techniques)</li>
<li>historical timeline</li>
<li>only drawings?</li>
<li>free graphical interpretation</li></ul>
<p>Computer driven annotation
</p>
<ul><li>scrape the text (words processing)</li>
<li>pattern recognition</li>
<li>delete all articles and implicit elements</li></ul>
<p>Combine the above possibilities
</p>
<ul><li>overlay of analog annotations to represent "heat patterns" (parts of the text with lots of/little engagement), as well as a digital version that is more legible</li></ul>
<p>HOW DO I KNOW WHAT I AM READING? We are discussing form how do we talk about content?<br>
How do you make the content readable for others?<br>
How do you communicate what you're interpreting?<br>
</p>
<!--
NewPP limit report
Cached time: 20200610083233
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.003 seconds
Real time usage: 0.004 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31679-0!canonical and timestamp 20200610083233 and revision id 173783
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

45
sketches/site4/Being_kind_to_the_reader.html
Unescape Escape View File

@ -1,45 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="being_kind_to_the_reader">being kind to the reader</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Being_kind_to_the_reader&amp;action=edit&amp;section=1" title="Edit section: being kind to the reader">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Bootlegging.html" title="User:Simon/Bootlegging">bootlegging</a>, <a href="Cleaning_up_text.html" title="User:Simon/Cleaning up text">cleaning up text</a>, <a href="Diversifying_through_use.html" title="User:Simon/Diversifying through use">diversifying through use</a>, <a href="Multiplying_form.html" title="User:Simon/Multiplying form">multiplying form</a>, <a href="Republishing.html" title="User:Simon/Republishing">republishing</a>
</p><p>While bootlegging makes a fairly faithful reproduction of a source publication, the degree of transformation is sometimes due to unintentional or uncontrollable factors, such as availability of the equipment and materials needed to make a close copy. At other times, more deliberate choices can be made concerning the transformed materiality of the bootleg.
</p><p>Economy, efficiency, and readability are the main concerns when bootlegging texts for the library. Economy often dictates that materials that are at hand are used—in the case of printed books for example, this often means defaulting to certain choices with paper, printing methods and binding. An efficient workflow is not too time-consuming. Although the most important thing is to have the text by any means necessary, we read best what we read most, and certain typographic concerns may become vital to the readability of the text.
</p><p>Being kind to the reader can involve adhering to typesetting conventions; including headers, footers and page numbers should the book be photocopied and pages subsequently separated from the others. Most importantly, a reasonable line length and wide margins will allow the book to be made in a way that ensures a comfortable reading experience and provides space for annotation.
</p><p>Image: A bootleg copy of <i>My Mother Was A Computer</i> by N. Katherine Hayles. The source PDF has been reimposed into a booklet, with reasonable line length (60-80 characters) and ample space for annotations
</p>
<!--
NewPP limit report
Cached time: 20200616212231
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.003 seconds
Real time usage: 0.004 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31430-0!canonical and timestamp 20200616212231 and revision id 173914
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

156
sketches/site4/Being_kind_to_the_reader_rvrs.html
Unescape Escape View File

@ -1,156 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><div class="thumb tright"><div class="thumbinner" style="width:152px;"><a class="image" href="File:Being_kind_to_the_reader_mmwac.jpeg.html"><img alt="" class="thumbimage" decoding="async" height="106" src="/mw-mediadesign/images/thumb/8/85/Being_kind_to_the_reader_mmwac.jpeg/150px-Being_kind_to_the_reader_mmwac.jpeg" srcset="/mw-mediadesign/images/thumb/8/85/Being_kind_to_the_reader_mmwac.jpeg/225px-Being_kind_to_the_reader_mmwac.jpeg 1.5x, /mw-mediadesign/images/thumb/8/85/Being_kind_to_the_reader_mmwac.jpeg/300px-Being_kind_to_the_reader_mmwac.jpeg 2x" width="150"></a> <div class="thumbcaption"><div class="magnify"><a class="internal" href="File:Being_kind_to_the_reader_mmwac.jpeg.html" title="Enlarge"></a></div>A bootleg copy of <i>My Mother Was A Computer</i> with ample space for annotations</div></div></div>
<p>Snippets:
</p>
<h2><span class="mw-headline" id="Deschooling_Society">Deschooling Society</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Deschooling_Society&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<h3><span class="mw-headline" id="First_edition">First edition</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Deschooling_Society&amp;action=edit&amp;section=T-2" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>Printed: 13.01.20<br>
Dimensions: 110x170mm<br>
Cover stock: Clairefontaine Trophee (white) 210gsm<br>
Text stock: Laser 80gsm<br>
Binding: Perfect bound, cold glue<br>
Pages: 160pp
</p><p>I made this book with and for Luke (a friend), as a favour, and also to show him how to bootleg a book. I'd already redesigned the text, and printed it double-sided on laser paper. What he wanted to know how to bind books. Luke had been helping me out a lot with getting the bookscanner running, and it seemed like a nice way to repay him. The problem came when we tried to bind the book using the hot-glue machine, which was once again not working as it should and the result we got was less than optimal. So, I showed him how to notch-bind using cold glue, and he took the text block home with him to try out the technique himself, using a DIY book press made from two chopping boards. One the text block was dry, he brought it back to me to show him how to apply the cover. I'd already printed the cover on a piece of paper, but had been using it to write quick notes on in the interim. It's ironic, I'm surrounded by paper, but scrap paper can be hard to come by. Rather than printing the cover again, I decided to tear away all the areas I'd written notes on it, and then photocopy this with the lid open, leaving black where there was no paper. It was another impromptu, make-do decision, but one that lent an interesting mark - removal of all that is not necessary - and in line with the type of radical pedagogical approaches the author of the text was aiming at.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:30px auto;"><a class="image" href="File:L_A_book_rig.jpg.html"><img alt="" decoding="async" height="90" src="/mw-mediadesign/images/thumb/8/8d/L_A_book_rig.jpg/120px-L_A_book_rig.jpg" srcset="/mw-mediadesign/images/thumb/8/8d/L_A_book_rig.jpg/180px-L_A_book_rig.jpg 1.5x, /mw-mediadesign/images/thumb/8/8d/L_A_book_rig.jpg/240px-L_A_book_rig.jpg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Luke's DIY book press
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_first_01.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/b/b7/DS_first_01.jpg/90px-DS_first_01.jpg" srcset="/mw-mediadesign/images/thumb/b/b7/DS_first_01.jpg/135px-DS_first_01.jpg 1.5x, /mw-mediadesign/images/thumb/b/b7/DS_first_01.jpg/180px-DS_first_01.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Front cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_first_02.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/a/a5/DS_first_02.jpg/90px-DS_first_02.jpg" srcset="/mw-mediadesign/images/thumb/a/a5/DS_first_02.jpg/135px-DS_first_02.jpg 1.5x, /mw-mediadesign/images/thumb/a/a5/DS_first_02.jpg/180px-DS_first_02.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_first_03.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/0/01/DS_first_03.jpg/90px-DS_first_03.jpg" srcset="/mw-mediadesign/images/thumb/0/01/DS_first_03.jpg/135px-DS_first_03.jpg 1.5x, /mw-mediadesign/images/thumb/0/01/DS_first_03.jpg/180px-DS_first_03.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spine
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_first_04.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/f/f6/DS_first_04.jpg/90px-DS_first_04.jpg" srcset="/mw-mediadesign/images/thumb/f/f6/DS_first_04.jpg/135px-DS_first_04.jpg 1.5x, /mw-mediadesign/images/thumb/f/f6/DS_first_04.jpg/180px-DS_first_04.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Back cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Book_with_note_4_luke.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/c/c2/Book_with_note_4_luke.jpg/90px-Book_with_note_4_luke.jpg" srcset="/mw-mediadesign/images/thumb/c/c2/Book_with_note_4_luke.jpg/135px-Book_with_note_4_luke.jpg 1.5x, /mw-mediadesign/images/thumb/c/c2/Book_with_note_4_luke.jpg/180px-Book_with_note_4_luke.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>The book, left with keys I borrowed from Luke while staying with him and Alice in January, 2020
</p>
</div>
</div></li>
</ul>
<h3><span class="mw-headline" id="Second_edition">Second edition</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Deschooling_Society&amp;action=edit&amp;section=T-3" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>Printed: 29.01.20<br>
Dimensions: 110x170mm<br>
Cover stock: Clairefontaine Trophee (white) 210gsm<br>
Text stock: Laser 80gsm<br>
Binding: Perfect bound, hot glue<br>
Pages: 160pp
</p><p>I decided to print another copy of <i>Deschooling Society</i> for the physical bootleg library when the hot glue machine was working properly again. It was interesting to compare the differences between the two different binding methods - not something I usually see as I don't often bootleg more than one copy of a book.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_second_01.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/b/b7/DS_second_01.jpg/90px-DS_second_01.jpg" srcset="/mw-mediadesign/images/thumb/b/b7/DS_second_01.jpg/135px-DS_second_01.jpg 1.5x, /mw-mediadesign/images/thumb/b/b7/DS_second_01.jpg/180px-DS_second_01.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Front cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_second_02.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/9/9c/DS_second_02.jpg/90px-DS_second_02.jpg" srcset="/mw-mediadesign/images/thumb/9/9c/DS_second_02.jpg/135px-DS_second_02.jpg 1.5x, /mw-mediadesign/images/thumb/9/9c/DS_second_02.jpg/180px-DS_second_02.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_second_03.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/1/12/DS_second_03.jpg/90px-DS_second_03.jpg" srcset="/mw-mediadesign/images/thumb/1/12/DS_second_03.jpg/135px-DS_second_03.jpg 1.5x, /mw-mediadesign/images/thumb/1/12/DS_second_03.jpg/180px-DS_second_03.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_second_04.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/9/91/DS_second_04.jpg/90px-DS_second_04.jpg" srcset="/mw-mediadesign/images/thumb/9/91/DS_second_04.jpg/135px-DS_second_04.jpg 1.5x, /mw-mediadesign/images/thumb/9/91/DS_second_04.jpg/180px-DS_second_04.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spine
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_second_05.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/6/64/DS_second_05.jpg/90px-DS_second_05.jpg" srcset="/mw-mediadesign/images/thumb/6/64/DS_second_05.jpg/135px-DS_second_05.jpg 1.5x, /mw-mediadesign/images/thumb/6/64/DS_second_05.jpg/180px-DS_second_05.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Back cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_second_06.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/e/e5/DS_second_06.jpg/90px-DS_second_06.jpg" srcset="/mw-mediadesign/images/thumb/e/e5/DS_second_06.jpg/135px-DS_second_06.jpg 1.5x, /mw-mediadesign/images/thumb/e/e5/DS_second_06.jpg/180px-DS_second_06.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spines: First edition (top), second edition (bottom). The difference in cold vs hot glue is apparent here - hot glue ensures a smooth, square spine
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:DS_second_07.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/1/1b/DS_second_07.jpg/90px-DS_second_07.jpg" srcset="/mw-mediadesign/images/thumb/1/1b/DS_second_07.jpg/135px-DS_second_07.jpg 1.5x, /mw-mediadesign/images/thumb/1/1b/DS_second_07.jpg/180px-DS_second_07.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Back covers: First edition (left), second edition (right)
</p>
</div>
</div></li>
</ul>
<!--
NewPP limit report
Cached time: 20200612082931
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.095 seconds
Real time usage: 0.282 seconds
Preprocessor visited node count: 25/1000000
Preprocessor generated node count: 92/1000000
Post‐expand include size: 2293/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 8038/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 263.911 1 User:Simon/Deschooling_Society
100.00% 263.911 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31696-0!canonical and timestamp 20200612082930 and revision id 173915
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

43
sketches/site4/Bootlegging.html
Unescape Escape View File

@ -1,43 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="bootlegging">bootlegging</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Bootlegging&amp;action=edit&amp;section=1" title="Edit section: bootlegging">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Diversifying_through_use.html" title="User:Simon/Diversifying through use">diversifying through use</a>, <a href="Multiplying_form.html" title="User:Simon/Multiplying form">multiplying form</a>, <a href="Republishing.html" title="User:Simon/Republishing">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>
<!--
NewPP limit report
Cached time: 20200616183822
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.003 seconds
Real time usage: 0.004 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31429-0!canonical and timestamp 20200616183822 and revision id 173902
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

73
sketches/site4/Bootlegging_rvrs.html
Unescape Escape View File

@ -1,73 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><img class="cardbackimg" src="./IMG/Real_bootlegger.jpeg"></div>A “bootlegger” concealing a flask in the leg of a boot
<h2><span class="mw-headline" id="kind_of_a_nomadic_mini-bieb">kind of a nomadic mini-bieb</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/The_physical_bootleg_library&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>The physical bootleg library is housed in a disused champagne crate. It contains books that I have bootlegged myself, or ones that others have. It also contains books donated by visitors to wherever the library is (temporarily) installed. The library travels, and is part of bootleg library sessions held at PZI and at other locations.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Bl_varia_01.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/4/42/Bl_varia_01.jpg/90px-Bl_varia_01.jpg" srcset="/mw-mediadesign/images/thumb/4/42/Bl_varia_01.jpg/135px-Bl_varia_01.jpg 1.5x, /mw-mediadesign/images/thumb/4/42/Bl_varia_01.jpg/180px-Bl_varia_01.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>At Varia, Gouwstraat 3, with books distributed on table
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Bl_kdh_04.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/f/f3/Bl_kdh_04.jpg/90px-Bl_kdh_04.jpg" srcset="/mw-mediadesign/images/thumb/f/f3/Bl_kdh_04.jpg/135px-Bl_kdh_04.jpg 1.5x, /mw-mediadesign/images/thumb/f/f3/Bl_kdh_04.jpg/180px-Bl_kdh_04.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>At the Library, Karel Doormanhof 45, ready to be unpacked
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:BL_Meeting_Grounds_07.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/8/8a/BL_Meeting_Grounds_07.jpg/90px-BL_Meeting_Grounds_07.jpg" srcset="/mw-mediadesign/images/thumb/8/8a/BL_Meeting_Grounds_07.jpg/135px-BL_Meeting_Grounds_07.jpg 1.5x, /mw-mediadesign/images/thumb/8/8a/BL_Meeting_Grounds_07.jpg/180px-BL_Meeting_Grounds_07.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>At Onomatopee Projects, before the bootleg library session
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:BL_Meeting_Grounds_11.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/9/98/BL_Meeting_Grounds_11.jpg/90px-BL_Meeting_Grounds_11.jpg" srcset="/mw-mediadesign/images/thumb/9/98/BL_Meeting_Grounds_11.jpg/135px-BL_Meeting_Grounds_11.jpg 1.5x, /mw-mediadesign/images/thumb/9/98/BL_Meeting_Grounds_11.jpg/180px-BL_Meeting_Grounds_11.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>The IKEA trolley the physical bootleg library usually travels on. Biyi lent me the trolley, and in return, I bootlegged the IKEA logo to read AIKE (Biyi's husband's name)
</p>
</div>
</div></li>
</ul>
<!--
NewPP limit report
Cached time: 20200612082931
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.034 seconds
Real time usage: 0.084 seconds
Preprocessor visited node count: 11/1000000
Preprocessor generated node count: 42/1000000
Post‐expand include size: 427/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 2799/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 77.691 1 User:Simon/The_physical_bootleg_library
100.00% 77.691 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31695-0!canonical and timestamp 20200612082931 and revision id 173910
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

40
sketches/site4/Category:Bootlegs.html
Unescape Escape View File

@ -1,40 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><p>Links of bootlegs
</p>
<!--
NewPP limit report
Cached time: 20200612082944
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.001 seconds
Real time usage: 0.001 seconds
Preprocessor visited node count: 1/1000000
Preprocessor generated node count: 4/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 1/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31512-0!canonical and timestamp 20200612082944 and revision id 172861
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

45
sketches/site4/Cleaning_up_text.html
Unescape Escape View File

@ -1,45 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="cleaning_up_text">cleaning up text</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Cleaning_up_text&amp;action=edit&amp;section=1" title="Edit section: cleaning up text">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Being_kind_to_the_reader.html" title="User:Simon/Being kind to the reader">being kind to the reader</a>, <a href="Editing.html" title="User:Simon/Editing">editing</a>, <a href="Typing.html" title="User:Simon/Typing">typing</a>
</p><p>A text found in the wild often comes with visible and invisible artefacts. The visible ones come from bad OCR, with strange characters popping up in place of the ones you expect, such as a 1 instead of an l. The bane of the bootlegger is most definitely the line break or “soft return”, inserted by software that automatically breaks the line as you type. Screen-based formats such as EPUB don’t have the notion of a page, and flow text according to window size.
</p><p>You can either be methodical and remove each soft return manually, or use the powerful automated <i>find/replace all</i> option. A useful tactic is to <i>find</i> every instance of a full stop followed by a space where a line was intentionally broken by the human writer. Next, <i>replace</i> each full stop with an arbitrary but uncommon character, such as a dagger (†). Then, do another <i>find/replace</i> and remove every instance of a soft return and a space, and finally <i>replace</i> the uncommon character with a full stop, in one final <i>find/change</i> command.
Another unwanted character that often appears is the hyphen, inserted where words break at the end of a line. Here the pruning of errant characters is trickier, and the best method is to <i>find</i> each instance and remove them manually. Running <i>find/replace all</i> can often remove necessary hyphens, such as in time ranges (e.g. 9-5) and compound adjectives (e.g. inter-dependent).
</p><p>Image: Hidden characters (e.g. tabs, spaces, carriage and ‘soft’ returns)
</p>
<!--
NewPP limit report
Cached time: 20200616105951
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.003 seconds
Real time usage: 0.003 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31434-0!canonical and timestamp 20200616105951 and revision id 173927
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

96
sketches/site4/Cleaning_up_text_rvrs.html
Unescape Escape View File

@ -1,96 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><div class="thumb tright"><div class="thumbinner" style="width:152px;"><a class="image" href="File:Hidden_characters.jpg.html"><img alt="" class="thumbimage" decoding="async" height="106" src="/mw-mediadesign/images/thumb/a/a3/Hidden_characters.jpg/150px-Hidden_characters.jpg" srcset="/mw-mediadesign/images/thumb/a/a3/Hidden_characters.jpg/225px-Hidden_characters.jpg 1.5x, /mw-mediadesign/images/thumb/a/a3/Hidden_characters.jpg/300px-Hidden_characters.jpg 2x" width="150"></a> <div class="thumbcaption"><div class="magnify"><a class="internal" href="File:Hidden_characters.jpg.html" title="Enlarge"></a></div>Hidden characters (e.g. tabs, spaces, carriage and ‘soft’ returns)</div></div></div>
<p>Snippets:
</p>
<h2><span class="mw-headline" id="Extracting_text_from_a_PDF">Extracting text from a PDF</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/Extracting_text_from_PDF&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>In Al Sweigart's <i>Automate the Boring Stuff with Python</i>, there's a nice section on a Python library called PyPDF2 that allows you to work with the contents of PDFs. To begin with, I thought I'd try extracting text from a PDF of William S. Burrough's <i>The Electronic Revolution</i>. I chose this PDF as the only version I've found of it online is a 40pp document published by ubuclassics (which I suppose is the publishing house for ubuweb.com). There was no identifier other than this (no ISBN etc.), and it was impossible locating any other version online. What's more, the PDF had very small text, which was uncomfortable to read when I ran the <a href="Michaels_booklet_script_for_PDF_imposition.html" title="User:Simon/Trim4/Michaels booklet script for PDF imposition">booklet.sh</a> script on it.
</p><p>I thought it would be worthwhile laying out this book again for print reading purposes, and the first step is to get the text from the PDF. Pandoc is usually my go to for extracting text, but it doesn't work with PDFs, so I tried <a class="external text" href="https://pythonhosted.org/PyPDF2/index.html" rel="nofollow">PyPDF2</a>.
</p>
<h3><span class="mw-headline" id="28.09.19">28.09.19</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/Extracting_text_from_PDF&amp;action=edit&amp;section=T-2" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>I began by copying a file called electronic_revolution.pdf to a folder, then in the terminal <code>cd</code> into that directory. Then I initiated the interactive python interpreter with this command:
</p>
<pre>$ python3</pre>
<p>Next I wrote the following commands in Python 3 (comments above each line):
</p>
<pre># First, import the PyPDF2 module
&gt;&gt;&gt; import PyPDF2
# Then open electronic_revolution.pdf in read binary mode and store it in pdfFileObj
&gt;&gt;&gt; pdfFileObj = open('electronic_revolution.pdf', 'rb')
# To get a PdfFileReader object that rep- resents this PDF, call PyPDF2.PdfFileReader() and pass it pdfFileObj. Store this PdfFileReader object in pdfReader
&gt;&gt;&gt; pdfReader = PyPDF2.PdfFileReader(pdfFileObj)
# The total number of pages in the document is stored in the numPages attribute of a PdfFileReader object
&gt;&gt;&gt; pdfReader.numPages
&gt;&gt;&gt; 40
# The PDF has 40 pages. To extract text from a page, you need to get a Page object, which represents a single page of a PDF, from a PdfFileReader object.
# You can get a Page object by calling the getPage() method on a PdfFileReader object and passing it the page number of the page you’re interested in — in our case, 0
&gt;&gt;&gt; pageObj = pdfReader.getPage(0)
# Once you have your Page object, call its extractText() method to return a string of the page’s text
&gt;&gt;&gt; pageObj.extractText()
&gt;&gt;&gt; 'ubuclassics2005WILLIAM S. BURROUGHSTheElectronic\nRevolution'
</pre>
<p>This returns the value for total page count, and the text for the first page (0). What I want to get is the text for the whole document. I have no idea how to do this!!!
This doesn't work at all.
</p>
<pre>&gt;&gt;&gt; pageObj = pdfReader.getPage(0-40)
</pre>
<h3><span class="mw-headline" id="02.10.19">02.10.19</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/Extracting_text_from_PDF&amp;action=edit&amp;section=T-3" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>With Rita &amp; Pedro's help I managed to write a Python script that includes a for loop to extract text from the entire PDF:
</p>
<div class="mw-highlight mw-content-ltr" dir="ltr"><pre><span></span><span class="lineno"> 1 </span><span class="c1"># imports the PyPDF2 module</span>
<span class="lineno"> 2 </span> <span class="kn">import</span> <span class="nn">PyPDF2</span>
<span class="lineno"> 3 </span>
<span class="lineno"> 4 </span> <span class="n">filename</span> <span class="o">=</span> <span class="nb">input</span><span class="p">(</span><span class="s2">"name of the file: "</span><span class="p">)</span>
<span class="lineno"> 5 </span>
<span class="lineno"> 6 </span> <span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="n">filename</span> <span class="p">,</span><span class="s1">'rb'</span><span class="p">)</span> <span class="k">as</span> <span class="n">pdf_file</span><span class="p">,</span> <span class="nb">open</span><span class="p">(</span><span class="s1">'input.txt'</span><span class="p">,</span> <span class="s1">'w'</span><span class="p">)</span> <span class="k">as</span> <span class="n">text_file</span><span class="p">:</span>
<span class="lineno"> 7 </span> <span class="n">read_pdf</span> <span class="o">=</span> <span class="n">PyPDF2</span><span class="o">.</span><span class="n">PdfFileReader</span><span class="p">(</span><span class="n">pdf_file</span><span class="p">)</span>
<span class="lineno"> 8 </span> <span class="n">number_of_pages</span> <span class="o">=</span> <span class="n">read_pdf</span><span class="o">.</span><span class="n">getNumPages</span><span class="p">()</span>
<span class="lineno"> 9 </span> <span class="k">for</span> <span class="n">page_number</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="n">number_of_pages</span><span class="p">):</span> <span class="c1"># use xrange in Py2</span>
<span class="lineno">10 </span> <span class="n">page</span> <span class="o">=</span> <span class="n">read_pdf</span><span class="o">.</span><span class="n">getPage</span><span class="p">(</span><span class="n">page_number</span><span class="p">)</span>
<span class="lineno">11 </span> <span class="n">page_content</span> <span class="o">=</span> <span class="n">page</span><span class="o">.</span><span class="n">extractText</span><span class="p">()</span>
<span class="lineno">12 </span> <span class="n">text_file</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="n">page_content</span><span class="p">)</span>
</pre></div>
<p>The next step is to then begin cleaning up the text by removing the line-breaks. We wrote a simple shell script for this that runs the Python script, then a command to take out line breaks:
</p>
<pre>$ python3 extract_text.py
$ grep -v "^$" input.txt &gt; output.txt
</pre>
<p>Only problem is that the names of the txt files that are produced will all be "input.txt", which means that if you run this on more than one PDF, you'll have to move input.txt to another directory before running again, rename the file manually, or perhaps I could write another Python script that renames the file and include it in the shell script after the last line.
</p>
<!--
NewPP limit report
Cached time: 20200612082931
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.022 seconds
Real time usage: 0.187 seconds
Preprocessor visited node count: 21/1000000
Preprocessor generated node count: 70/1000000
Post‐expand include size: 2494/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 3957/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 158.550 1 User:Simon/Trim4/Extracting_text_from_PDF
100.00% 158.550 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31700-0!canonical and timestamp 20200612082931 and revision id 173928
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

43
sketches/site4/Consulting.html
Unescape Escape View File

@ -1,43 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="consulting">consulting</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Consulting&amp;action=edit&amp;section=1" title="Edit section: consulting">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Administrating.html" title="User:Simon/Administrating">administrating</a>, <a href="Making_public.html" title="User:Simon/Making public">making public</a>, <a href="Networking.html" title="User:Simon/Networking">networking</a>, <a href="Uploading.html" title="User:Simon/Uploading">uploading</a>
</p><p>The library is for all, and made by all. There is no singular embedded librarian, because everyone is a librarian, and the library is everywhere. I’m not interested in developing the “perfect” system in isolation and then dictating how it should be used, I’m interested in asking how people want to use systems, and developing them together. <i>Technical development is ongoing in line with feedback from bootleg library sessions</i>.
</p><p>Image: bootleg library session at Onomatopee Projects, Eindhoven, as part of <i>Meeting Grounds</i>, 6th March, 2020
</p>
<!--
NewPP limit report
Cached time: 20200617092148
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.011 seconds
Real time usage: 0.014 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31459-0!canonical and timestamp 20200617092148 and revision id 173975
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

201
sketches/site4/Consulting_rvrs.html
Unescape Escape View File

@ -1,201 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><img class="cardbackimg" src="./IMG/Bls_mg_onomatopee.jpeg"></div>bootleg library session at Onomatopee Projects, 6th March, 2020</div></div></div>
<pre>/ b \ o / o \ t / l \ e / g \ l / i \ b / r \ a / r \ y /
\ a / t \
/ m \ e / e \ t / i \ n / g \ g / r \ o / u \ n / d \ s
-------------------------------------------
the bootleg library
https://hub.xpub.nl/bootleglibrary
-------------------------------------------
book sharing &amp; annotation
calibre
ebook manager - you can download this, run it on your computer and share books over a local network using the content server function
https://calibre-ebook.com/
calibre-web
web app that the bootleg library runs on (a fork of the open-source calibre software)
https://github.com/janeczku/calibre-web
Annotation on the web - the holy grail with lots of projects:
https://beepb00p.xyz/annotating.html
also done very simply and effectively with genius:
https://genius.com/
-------------------------------------------
pirate/shadow/"extra-legal" libraries
Monoskop
https://monoskop.org/Monoskop
Library Genesis (collection is HUGE and mirrored) - i usually use the russian site
http://gen.lib.rus.ec/
Memory of the World
https://library.memoryoftheworld.org/#/books/
aaaaarg (only accessible by members. simon can invite you - just send him an email)
https://aaaaarg.fail/
ask for PDFs from people with institutional access
group for informal PDF sharing through a social network
https://www.facebook.com/groups/850609558335839/
Sci-Hub (this is mirrored too, try googling if the link is down):
https://mg.scihub.ltd/
ubu-web
kenneth goldsmith's baby - an archive of avant-garde cinema and writing
http://ubu.com/
Leeszaal
not an online pirate library, but a volunteer-run place in Rotterdam where you can borrow books, look up information, learn how to use LINUX, study or just read the newspaper. Books are not catalogued, and if you want to borrow one, just take it off the shelf and walk out with it :)
https://www.leeszaalrotterdamwest.nl/
-------------------------------------------
legal online libraries &amp; archives
Project Gutenberg
books are within the public domain (70+ years after death of the author), so free of copyright restrictions:
https://www.gutenberg.org/
The Internet Archive
hosts a collection of books and more, also has the wayback machine (snapshots of web pages going back to the 90s)
https://archive.org/
--------------------------------------------
projects &amp; open letters in support of and about piracy/peeracy
In solidarity with Library Genesis and Sci-Hub
an open letter calling for shadow librarians to come out of the shadows
http://custodians.online/
Alexandra Elbakyan to Mr. Robert W. Sweet (presiding judge in the Elsevier vs Sci-Hub et al court case)
https://torrentfreak.com/images/sci-hub-reply.pdf
and publishing
http://andpublishing.org/
The Piracy Project
http://andpublishing.org/the-piracy-project/
--------------------------------------------
loose thoughts from our conversation
misspellings on ebay - how to exploit this to find undiscovered items http://fatfingers.com
bootlegged DVDs and PS1 games - "chipping" to play bootlegged games
social capital accumulated from having a chipped console
The Pirate Book
historical stories of piracy - warez, demoscene, music etc:
https://hub.xpub.nl/bootleglibrary/read/290/pdf
selling unauthorised copies out of a car boot = "boot"legging?
why do we feel it's more threatening to pirate books than movies/music/games etc?
where does the text reside?
what if i read a book out loud and make a file on youtube - is it bootlegging?
can the library also have audio/visual media?
yes - the library is running on open-source software, so definitely possible. this requires an upgrade of the computer and data storage
what is more of a risk - a shared google drive of PDFs or the bootleglib?
a shared google drive is more risky - the bootleg library has several security measures in place to keep it private
will i get into trouble for using the bootleg library?
haha - not very likely :)
can readers communicate with each other through the bootleglib?
not directly, but possible by adding links to etherpads (like this one) in the description fields
--------------------------------------------
some interesting things to watch &amp; read on archives, libraries, piracy and activism
things to read:
the science of piracy and the piracy of science by bodo balasz (an economist researching use of pirate libraries)
Part 1: http://copyrightblog.kluweriplaw.com/2019/03/06/the-science-of-piracy-the-piracy-of-science-who-are-the-science-pirates-and-where-do-they-come-from-part-1/
Part 2: http://copyrightblog.kluweriplaw.com/2019/03/21/the-science-of-piracy-the-piracy-of-science-who-are-the-science-pirates-and-where-do-they-come-from-part-2/
a view from elsewhere on authorship, copyright and creativity by eva weinmayr (of and publishing and the piracy project)
https://pzwiki.wdka.nl/mw-mediadesign/images/d/dd/Confronting_Authorship_Published_with_content_page--Whose_book_is_it_anyway.pdf
articles by shannon mattern on self-organised and "fugitive" libraries
https://placesjournal.org/article/marginalia-little-libraries-in-the-urban-margins/
https://placesjournal.org/article/fugitive-libraries/
interview with kate eichhorn, author of the archival turn in feminism
https://criticalmargins.com/interview-with-kate-eichhorn-author-of-the-archival-turn-in-feminism-a204b02ae340
things to watch:
Digital Amnesia
https://youtu.be/NdZxI3nFVJs
"Our memory is dissipating. Hard drives only last five years, a web page is forever changing and there’s no machine left that reads 15-year old floppy disks. Digital data is vulnerable. Yet entire libraries are shredded and lost to budget cuts, because we assume everything can be found online."
The Internet's Own Boy: The Story of Aaron Swartz
https://archive.org/details/TheInternetsOwnBoyTheStoryOfAaronSwartz
"The Internet's Own Boy depicts the life of American computer programmer, writer, political organizer and Internet activist Aaron Swartz. It features interviews with his family and friends as well as the internet luminaries who worked with him. The film tells his story up to his eventual suicide after a legal battle, and explores the questions of access to information and civil liberties that drove his work."
--------------------------------------------
King Gizzard And The Lizard Wizard
Polygondwanaland is free for everybody and you can do with what you.
From the band's post accompanying links to different digital packs:
"This album is FREE. Free as in, free. Free to download and if you wish, free to make copies.
Make tapes, make CD’s, make records.
[...]
Ever wanted to start your own record label? GO for it! Employ your mates, press wax, pack boxes. We do not own this record. You do. Go forth, share, enjoy."
https://www.discogs.com/King-Gizzard-And-The-Lizard-Wizard-Polygondwanaland/master/1268453
100 copies of the white album played at once
https://thevinylfactory.com/news/artist-layers-100-unique-copies-of-the-beatles-white-album-for-original-vinyl-release/
royalty-free audio
http://freesound.org
spotify scanning interface
http://everynoise.com/
sharpest knife ever made from {insert substance here}
https://www.youtube.com/channel/UCg3qsVzHeUt5_cPpcRtoaJQ
Bootleg Britney / A bootleg CD bought at the market in Montenegro had 3 extra unpublished songs in comparison to the actual album on sale in the shops - what message was Britney sending me?! i &lt;3 this story
</pre>
<!--
NewPP limit report
Cached time: 20200611162936
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.008 seconds
Real time usage: 0.008 seconds
Preprocessor visited node count: 6/1000000
Preprocessor generated node count: 24/1000000
Post‐expand include size: 31/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 7427/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 1.378 1 User:Simon/20_03_06_Bootleg_Library_at_Meeting_Grounds_pad_dump
100.00% 1.378 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31714-0!canonical and timestamp 20200611162936 and revision id 174155
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

51
sketches/site4/Digitising_Printing.html
Unescape Escape View File

@ -1,51 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span id="digitising/printing"></span><span class="mw-headline" id="digitising.2Fprinting">digitising/printing</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Digitising_Printing&amp;action=edit&amp;section=1" title="Edit section: digitising/printing">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Understanding_texts.html" title="User:Simon/Understanding texts">understanding texts</a>, <a href="Reprinting.html" title="User:Simon/Reprinting">reprinting</a>, <a href="Republishing.html" title="User:Simon/Republishing">republishing</a>
</p><p>Most people I know prefer to read off paper. The arguments for the printed text usually are about exhaustion, e.g. “I get tired reading from a screen”, lack of retention, e.g. “It’s proven that people remember things they read on paper better than on screen”, and in the circles I tend to run in, a sentimentality pervades, nostalgic for the haptic experience that reading from printed books brings.
</p><p>We expect acceleration from digital technologies. The cultural significance of new media is bolstered through remediality, which is its refashioning through the lens of old media<sup class="reference" id="cite_ref-1"><a href="#cite_note-1">[1]</a></sup>. Skeuomorphic design brings us the texture of paper on a screen. Hayles argues for intermediality, the interpretations between, and the coexistence of all media, including printed and digital texts.<sup class="reference" id="cite_ref-2"><a href="#cite_note-2">[2]</a></sup>
</p><p>Digital text is fraught with trauma, underpinned by the possibility of fragmentation. Text that is to the reader fully searchable and copy-pasteable is also text that threatens to come apart. Text that is less of an object, and more a process, often not residing in any one place in a computer file system, assembled dynamically, “on-the-fly”. Printed text, by contrast, reassures us by way of its indelibility.
</p><p>Image: The physical bootleg library contained in a disused champagne crate, and the digital bootleg library running from a Raspberry Pi computer
</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">Bolter, J.D. and Grusin, R. (2003) <i>Remediation: understanding new media</i>. 6. Nachdr. Cambridge, Mass.: MIT Press.</span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text">Hayles, N.K. (2005) <i>My mother was a computer: digital subjects and literary texts</i>. Chicago London: The University of Chicago Press.</span>
</li>
</ol></div>
<!--
NewPP limit report
Cached time: 20200611152417
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.007 seconds
Real time usage: 0.008 seconds
Preprocessor visited node count: 22/1000000
Preprocessor generated node count: 90/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 754/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31443-0!canonical and timestamp 20200611152417 and revision id 174119
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

264
sketches/site4/Digitising_Printing_rvrs.html
Unescape Escape View File

@ -1,264 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><div class="thumb tright"><div class="thumbinner" style="width:152px;"><a class="image" href="File:The_physical_digital_bl.jpeg.html"><img alt="" class="thumbimage" decoding="async" height="106" src="/mw-mediadesign/images/thumb/0/05/The_physical_digital_bl.jpeg/150px-The_physical_digital_bl.jpeg" srcset="/mw-mediadesign/images/thumb/0/05/The_physical_digital_bl.jpeg/225px-The_physical_digital_bl.jpeg 1.5x, /mw-mediadesign/images/thumb/0/05/The_physical_digital_bl.jpeg/300px-The_physical_digital_bl.jpeg 2x" width="150"></a> <div class="thumbcaption"><div class="magnify"><a class="internal" href="File:The_physical_digital_bl.jpeg.html" title="Enlarge"></a></div>The physical bootleg library contained in a disused champagne crate, and the digital bootleg library running from a Raspberry Pi computer</div></div></div>
<div class="toc" id="toc"><input class="toctogglecheckbox" id="toctogglecheckbox" role="button" style="display:none" type="checkbox"><div class="toctitle" dir="ltr" lang="en"><h2>Contents</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div>
<ul>
<li class="toclevel-1"><a href="#Text_Laundrette"><span class="tocnumber">1</span> <span class="toctext">Text Laundrette</span></a></li>
<li class="toclevel-1"><a href="#First_workshop_03.02.20"><span class="tocnumber">2</span> <span class="toctext">First workshop 03.02.20</span></a></li>
<li class="toclevel-1"><a href="#Feminist_Art_Manifestos"><span class="tocnumber">3</span> <span class="toctext">Feminist Art Manifestos</span></a>
<ul>
<li class="toclevel-2"><a href="#First_edition"><span class="tocnumber">3.1</span> <span class="toctext">First edition</span></a></li>
<li class="toclevel-2"><a href="#Second_edition"><span class="tocnumber">3.2</span> <span class="toctext">Second edition</span></a></li>
</ul>
</li>
</ul>
</div>
<h2><span class="mw-headline" id="Text_Laundrette">Text Laundrette</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/Text_Laundrette&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p><i>Text Laundrette</i> is a workshop in which we use a home-made, DIY book scanner, and open-source software to scan, process, and add digital features to printed texts brought by the participants to the workshop. These are included in the “bootleg library”, a shadow library accessible over a local network.
</p><p>Shadow libraries operate outside of legal copyright frameworks, in response to decreased open access to knowledge. This workshop aims to extend our research on libraries, their sociability, and methods by which we can add provenance to texts included in public or private, legal or extra-legal collections.
</p>
<h2><span class="mw-headline" id="First_workshop_03.02.20">First workshop 03.02.20</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/Text_Laundrette&amp;action=edit&amp;section=T-2" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>The workshop ran over 2 hours with invited guests from the academy. It was an ambitious workflow, but we managed to run through several iterations of watermarking, scanning, processing and uploading. The realisation of how much work is involved in digitising and processing texts was certainly a take-home for participants. An interesting moment occurred when uploading - who was the author of the altered text?
</p><p>Some photos here:
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_01.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/c/c0/TL_01.jpeg/90px-TL_01.jpeg" srcset="/mw-mediadesign/images/thumb/c/c0/TL_01.jpeg/135px-TL_01.jpeg 1.5x, /mw-mediadesign/images/thumb/c/c0/TL_01.jpeg/180px-TL_01.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>the bookscanner
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_02.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/1/1c/TL_02.jpeg/90px-TL_02.jpeg" srcset="/mw-mediadesign/images/thumb/1/1c/TL_02.jpeg/135px-TL_02.jpeg 1.5x, /mw-mediadesign/images/thumb/1/1c/TL_02.jpeg/180px-TL_02.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>poster
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_03.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/0/0a/TL_03.jpeg/90px-TL_03.jpeg" srcset="/mw-mediadesign/images/thumb/0/0a/TL_03.jpeg/135px-TL_03.jpeg 1.5x, /mw-mediadesign/images/thumb/0/0a/TL_03.jpeg/180px-TL_03.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>watermarked annotations from artemis, verso
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_04.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/d/df/TL_04.jpeg/90px-TL_04.jpeg" srcset="/mw-mediadesign/images/thumb/d/df/TL_04.jpeg/135px-TL_04.jpeg 1.5x, /mw-mediadesign/images/thumb/d/df/TL_04.jpeg/180px-TL_04.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>watermarked annotations from artemis, recto
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_05.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/d/d2/TL_05.jpeg/90px-TL_05.jpeg" srcset="/mw-mediadesign/images/thumb/d/d2/TL_05.jpeg/135px-TL_05.jpeg 1.5x, /mw-mediadesign/images/thumb/d/d2/TL_05.jpeg/180px-TL_05.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>the physical bootleg library
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_06.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/7/7a/TL_06.jpeg/90px-TL_06.jpeg" srcset="/mw-mediadesign/images/thumb/7/7a/TL_06.jpeg/135px-TL_06.jpeg 1.5x, /mw-mediadesign/images/thumb/7/7a/TL_06.jpeg/180px-TL_06.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>space for watermarks
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_07.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/8/83/TL_07.jpeg/90px-TL_07.jpeg" srcset="/mw-mediadesign/images/thumb/8/83/TL_07.jpeg/135px-TL_07.jpeg 1.5x, /mw-mediadesign/images/thumb/8/83/TL_07.jpeg/180px-TL_07.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>watermarks on cybertext
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_09.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/f/fc/TL_09.jpeg/90px-TL_09.jpeg" srcset="/mw-mediadesign/images/thumb/f/fc/TL_09.jpeg/135px-TL_09.jpeg 1.5x, /mw-mediadesign/images/thumb/f/fc/TL_09.jpeg/180px-TL_09.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>watermarks on cybertext, verso
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_08.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/8/80/TL_08.jpeg/90px-TL_08.jpeg" srcset="/mw-mediadesign/images/thumb/8/80/TL_08.jpeg/135px-TL_08.jpeg 1.5x, /mw-mediadesign/images/thumb/8/80/TL_08.jpeg/180px-TL_08.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>watermarks on cybertext, recto
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_10.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/4/45/TL_10.jpeg/90px-TL_10.jpeg" srcset="/mw-mediadesign/images/thumb/4/45/TL_10.jpeg/135px-TL_10.jpeg 1.5x, /mw-mediadesign/images/thumb/4/45/TL_10.jpeg/180px-TL_10.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>folded instruction sheet and acetate
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_11.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/c/c9/TL_11.jpeg/90px-TL_11.jpeg" srcset="/mw-mediadesign/images/thumb/c/c9/TL_11.jpeg/135px-TL_11.jpeg 1.5x, /mw-mediadesign/images/thumb/c/c9/TL_11.jpeg/180px-TL_11.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>running OCR script
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:TL_12.jpeg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/0/01/TL_12.jpeg/90px-TL_12.jpeg" srcset="/mw-mediadesign/images/thumb/0/01/TL_12.jpeg/135px-TL_12.jpeg 1.5x, /mw-mediadesign/images/thumb/0/01/TL_12.jpeg/180px-TL_12.jpeg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>inside the bookscanner
</p>
</div>
</div></li>
</ul>
<h2><span class="mw-headline" id="Feminist_Art_Manifestos">Feminist Art Manifestos</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Feminist_Art_Manifestos&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<h3><span class="mw-headline" id="First_edition">First edition</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Feminist_Art_Manifestos&amp;action=edit&amp;section=T-2" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>Printed: 12.09.19<br>
Dimensions: 130x180mm<br>
Cover stock: Clairefontaine Trophee (green) 210gsm<br>
Text stock: Bio Top 80gsm<br>
Binding: Perfect bound (hot glue)<br>
Pages: 180pp
</p><p>This book took quite some time to lay out. The original publication exists as an EPUB. You have to buy it, and it's not available in this format from the usual pirate libraries, but I did find an HTML version on <a class="external free" href="https://monoskop.org/media/text/feminist_art_manifestos/" rel="nofollow">https://monoskop.org/media/text/feminist_art_manifestos/</a>
</p><p>I ran pandoc on the HTML file to turn it into a .rtf so that I could lay it out in InDesign using this command:
</p>
<pre> $ pandoc -s source.html -o new_source.rtf
</pre>
<p>This retained italics and hyperlinks (which was super nice), but there were lots of line-breaks that I didn't need and had to remove manually as find/change in InDesign is indiscriminate...
</p><p>In some ways the digital book is superior to the printed version as you can click on the hyperlinks to visit the source pages of many of these texts, something which is obviously impossible in the printed version, although it does say where the manifestos can be found.
</p><p>The interesting thing about doing this as a book sprint is the speed at which you have to make design decisions. This makes the design quite minimal, and the only typographic conceit here was with a decision to use a variety of indentation styles, which refers to the multiplicity of feminist manifestos. The interesting thing for me about these texts is that they show many different artistic views of feminism which don't necessarily agree with each other.
</p><p>During the time I was laying out this publication, I was invited by Artemis to join her and Paloma in applying to present our Marginal Conversations workshop in Athens at the ETC (Eclectic Tech Conference) festival. We were all pretty excited about the prospect, however as it turned out, some of the organisers were unsure about me presenting a workshop as a cis-gendered hetero man. Although I was disappointed, I understood the reasoning, as due to the nature of this particular conference (which started as a way for women and queer, trans &amp; non-binary folk to share skills outside of a patriarchal male-dominated tech culture. I was reassured that this was not the opinion of all of the organisers, but of some, however, they were trying to reach a compromise with me and each other. I found this an interesting sidenote to the publication I was producing, in which there is a plurality of views that co-exist.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_B01.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/4/48/Femifestos_B01.JPG/90px-Femifestos_B01.JPG" srcset="/mw-mediadesign/images/thumb/4/48/Femifestos_B01.JPG/135px-Femifestos_B01.JPG 1.5x, /mw-mediadesign/images/thumb/4/48/Femifestos_B01.JPG/180px-Femifestos_B01.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Front cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_B02.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/9/93/Femifestos_B02.JPG/90px-Femifestos_B02.JPG" srcset="/mw-mediadesign/images/thumb/9/93/Femifestos_B02.JPG/135px-Femifestos_B02.JPG 1.5x, /mw-mediadesign/images/thumb/9/93/Femifestos_B02.JPG/180px-Femifestos_B02.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_B03.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/b/b2/Femifestos_B03.JPG/90px-Femifestos_B03.JPG" srcset="/mw-mediadesign/images/thumb/b/b2/Femifestos_B03.JPG/135px-Femifestos_B03.JPG 1.5x, /mw-mediadesign/images/thumb/b/b2/Femifestos_B03.JPG/180px-Femifestos_B03.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Bootleg acknowledgment
</p>
</div>
</div></li>
</ul>
<h3><span class="mw-headline" id="Second_edition">Second edition</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Feminist_Art_Manifestos&amp;action=edit&amp;section=T-3" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>Printed: 05.03.20<br>
Dimensions: 130x180mm<br>
Cover stock: Clairefontaine Trophee (grey) 210gsm<br>
Text stock: Laser 80gsm<br>
Binding: Perfect bound (hot glue)<br>
Pages: 224pp
</p><p>I decided to print a second edition of this book for two reasons; 1) someone had borrowed the first edition three months ago and it hadn't been returned, and 2) what's a books of Feminist Art Manifestos without any images?
</p><p>I spent quite some time tracking down images to use in the book. Oftentimes I couldn't find an image that directly corresponded to the writer/writers of each manifesto, which created an interesting opportunity to think about who is represented by each text. Sometimes it was an image of an artwork (if the manifesto was written by an artist), sometimes an image of a collective or the publications they produces, often a portrait of the author or authors, sometimes an image of the manifesto as it appeared in print originally. Each manifesto text is prefaced by an image - abutting the text of a previous manifesto. This creates an interesting connection between seemingly disparate elements and waves of feminist movements. The book was printed in the same size as the first edition, with a grey cover, and noticeably more pages due to the addition of so many colour images.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_2nd_ed_C_01.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/4/4b/Femifestos_2nd_ed_C_01.jpg/90px-Femifestos_2nd_ed_C_01.jpg" srcset="/mw-mediadesign/images/thumb/4/4b/Femifestos_2nd_ed_C_01.jpg/135px-Femifestos_2nd_ed_C_01.jpg 1.5x, /mw-mediadesign/images/thumb/4/4b/Femifestos_2nd_ed_C_01.jpg/180px-Femifestos_2nd_ed_C_01.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Front cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_2nd_ed_C_02.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/f/f4/Femifestos_2nd_ed_C_02.jpg/90px-Femifestos_2nd_ed_C_02.jpg" srcset="/mw-mediadesign/images/thumb/f/f4/Femifestos_2nd_ed_C_02.jpg/135px-Femifestos_2nd_ed_C_02.jpg 1.5x, /mw-mediadesign/images/thumb/f/f4/Femifestos_2nd_ed_C_02.jpg/180px-Femifestos_2nd_ed_C_02.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread: WSABAL manifesto alongside image of Nancy Spero's painting <i>Sheela-na-gig</i>
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_2nd_ed_C_03.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/6/63/Femifestos_2nd_ed_C_03.jpg/90px-Femifestos_2nd_ed_C_03.jpg" srcset="/mw-mediadesign/images/thumb/6/63/Femifestos_2nd_ed_C_03.jpg/135px-Femifestos_2nd_ed_C_03.jpg 1.5x, /mw-mediadesign/images/thumb/6/63/Femifestos_2nd_ed_C_03.jpg/180px-Femifestos_2nd_ed_C_03.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread: Work and portrait of Chila Kumari Burman
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_2nd_ed_C_04.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/d/d2/Femifestos_2nd_ed_C_04.jpg/90px-Femifestos_2nd_ed_C_04.jpg" srcset="/mw-mediadesign/images/thumb/d/d2/Femifestos_2nd_ed_C_04.jpg/135px-Femifestos_2nd_ed_C_04.jpg 1.5x, /mw-mediadesign/images/thumb/d/d2/Femifestos_2nd_ed_C_04.jpg/180px-Femifestos_2nd_ed_C_04.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread: Dora Garcia
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_2nd_ed_C_05.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/7/7a/Femifestos_2nd_ed_C_05.jpg/90px-Femifestos_2nd_ed_C_05.jpg" srcset="/mw-mediadesign/images/thumb/7/7a/Femifestos_2nd_ed_C_05.jpg/135px-Femifestos_2nd_ed_C_05.jpg 1.5x, /mw-mediadesign/images/thumb/7/7a/Femifestos_2nd_ed_C_05.jpg/180px-Femifestos_2nd_ed_C_05.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread: YES Manifesto, alongside FAAB Manifesto
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_2nd_ed_C_06.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/6/6d/Femifestos_2nd_ed_C_06.jpg/90px-Femifestos_2nd_ed_C_06.jpg" srcset="/mw-mediadesign/images/thumb/6/6d/Femifestos_2nd_ed_C_06.jpg/135px-Femifestos_2nd_ed_C_06.jpg 1.5x, /mw-mediadesign/images/thumb/6/6d/Femifestos_2nd_ed_C_06.jpg/180px-Femifestos_2nd_ed_C_06.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Bootleg acknowledgment
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_2nd_ed_C_07.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/4/46/Femifestos_2nd_ed_C_07.jpg/90px-Femifestos_2nd_ed_C_07.jpg" srcset="/mw-mediadesign/images/thumb/4/46/Femifestos_2nd_ed_C_07.jpg/135px-Femifestos_2nd_ed_C_07.jpg 1.5x, /mw-mediadesign/images/thumb/4/46/Femifestos_2nd_ed_C_07.jpg/180px-Femifestos_2nd_ed_C_07.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Bootleg acknowledgment, closeup
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_2nd_ed_C_08.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/5/5e/Femifestos_2nd_ed_C_08.jpg/90px-Femifestos_2nd_ed_C_08.jpg" srcset="/mw-mediadesign/images/thumb/5/5e/Femifestos_2nd_ed_C_08.jpg/135px-Femifestos_2nd_ed_C_08.jpg 1.5x, /mw-mediadesign/images/thumb/5/5e/Femifestos_2nd_ed_C_08.jpg/180px-Femifestos_2nd_ed_C_08.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spine
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Femifestos_2nd_ed_C_11.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/3/3d/Femifestos_2nd_ed_C_11.jpg/90px-Femifestos_2nd_ed_C_11.jpg" srcset="/mw-mediadesign/images/thumb/3/3d/Femifestos_2nd_ed_C_11.jpg/135px-Femifestos_2nd_ed_C_11.jpg 1.5x, /mw-mediadesign/images/thumb/3/3d/Femifestos_2nd_ed_C_11.jpg/180px-Femifestos_2nd_ed_C_11.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Back cover
</p>
</div>
</div></li>
</ul>
<!--
NewPP limit report
Cached time: 20200611200217
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.062 seconds
Real time usage: 0.066 seconds
Preprocessor visited node count: 43/1000000
Preprocessor generated node count: 160/1000000
Post‐expand include size: 5156/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 14820/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 53.364 1 -total
53.07% 28.320 1 User:Simon/Trim4/Text_Laundrette
46.62% 24.877 1 User:Simon/Feminist_Art_Manifestos
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31747-0!canonical and timestamp 20200611200216 and revision id 174225
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

44
sketches/site4/Diversifying_through_use.html
Unescape Escape View File

@ -1,44 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="diversifying_through_use">diversifying through use</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Diversifying_through_use&amp;action=edit&amp;section=1" title="Edit section: diversifying through use">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Bootlegging.html" title="User:Simon/Bootlegging">bootlegging</a>, <a href="Being_kind_to_the_reader.html" title="User:Simon/Being kind to the reader">being kind to the reader</a>, <a href="Multiplying_form.html" title="User:Simon/Multiplying form">multiplying form</a>, <a href="Republishing.html" title="User:Simon/Republishing">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>
<!--
NewPP limit report
Cached time: 20200616212922
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.004 seconds
Real time usage: 0.006 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31431-0!canonical and timestamp 20200616212922 and revision id 173916
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

41
sketches/site4/Diversifying_through_use_rvrs.html
Unescape Escape View File

@ -1,41 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><img class="cardbackimg" src="./IMG/Books_are_for_use.jpeg">The first law of S. R. R. Rangathan’s <i>5 Laws of Library Science</i>, 1931</div></div></div>
<a href="From_the_Books_SLV_RBRR_000-099.html">From the Books: SLV RBRR 000-099</a>
<!--
NewPP limit report
Cached time: 20200612082932
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.046 seconds
Real time usage: 0.149 seconds
Preprocessor visited node count: 13/1000000
Preprocessor generated node count: 50/1000000
Post‐expand include size: 3892/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 3551/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 98.429 1 User:Simon/From_the_Books:_SLV_RBRR_000-099
100.00% 98.429 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31697-0!canonical and timestamp 20200612082932 and revision id 173918
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

43
sketches/site4/Downloading.html
Unescape Escape View File

@ -1,43 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="downloading">downloading</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Downloading&amp;action=edit&amp;section=1" title="Edit section: downloading">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Acquiring_Removing.html" title="User:Simon/Acquiring Removing">acquiring/removing</a>, <a href="Finding_texts.html" title="User:Simon/Finding texts">finding texts</a>, <a href="Uploading.html" title="User:Simon/Uploading">uploading</a>
</p><p>A reader who downloads and does not upload is a passive observer to the activities of the library. We prefer to be in the position of the downloader due to the legal penalties for uploading and redistributing copyrighted texts, which are far more severe than those for downloading. The library will not grow if all we do is take. A library is a collection of shared texts, and sharing is facilitated by both uploading and downloading.
</p><p>Image: A download symbol
</p>
<!--
NewPP limit report
Cached time: 20200611145341
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.005 seconds
Real time usage: 0.005 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31427-0!canonical and timestamp 20200611145341 and revision id 174095
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

113
sketches/site4/Downloading_rvrs.html
Unescape Escape View File

@ -1,113 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><div class="thumb tright"><div class="thumbinner" style="width:152px;"><a class="image" href="File:Download_symbol.jpeg.html"><img alt="" class="thumbimage" decoding="async" height="106" src="/mw-mediadesign/images/thumb/9/90/Download_symbol.jpeg/150px-Download_symbol.jpeg" srcset="/mw-mediadesign/images/thumb/9/90/Download_symbol.jpeg/225px-Download_symbol.jpeg 1.5x, /mw-mediadesign/images/thumb/9/90/Download_symbol.jpeg/300px-Download_symbol.jpeg 2x" width="150"></a> <div class="thumbcaption"><div class="magnify"><a class="internal" href="File:Download_symbol.jpeg.html" title="Enlarge"></a></div>A download symbol</div></div></div>
<h2><span class="mw-headline" id="07.05.19_workshop_with_bodo_balasz">07.05.19 workshop with bodo balasz</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Workshop_Bodo_Balasz&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>Profile:
<a class="external free" href="https://www.uva.nl/en/profile/b/o/b.bodo/b.bodo.html" rel="nofollow">https://www.uva.nl/en/profile/b/o/b.bodo/b.bodo.html</a>
</p><p>Reading: Bodó, Balázs (2019): <i>The science of piracy, the piracy of science. Who are the science pirates and where do they come from</i> <a class="external text" href="http://copyrightblog.kluweriplaw.com/2019/03/06/the-science-of-piracy-the-piracy-of-science-who-are-the-science-pirates-and-where-do-they-come-from-part-1/" rel="nofollow">Part I</a> + <a class="external text" href="http://copyrightblog.kluweriplaw.com/2019/03/21/the-science-of-piracy-the-piracy-of-science-who-are-the-science-pirates-and-where-do-they-come-from-part-2/" rel="nofollow">Part II</a>
</p><p>Workshop with economist Bodo Balasz, whose research is on shadow libraries and the forces that drive them, taking the point of view that "if you do not understand the black market, you can not organize legality". Bodo's recent work is on the dataset of the biggest shadow libraries (which for certain reason, I won't name here). The most striking conclusions drawn from his analysis show that use of the shadow library has increased dramatically in the developing world, it is actually those in the privileged, richer countries that are using the service most, raising questions if cost competition is the driving factor of use of shadow libraries. Also examined are file formats, which reveals interesting facts about the duplication process involved in creating copies.
</p><p>The process differs historically between Eastern and Western countries due to cultural and technological differences. In the East (particularly in Russia and eastern bloc countries) texts were initially re-typed. This follows the tradition established in samizdat publishing of duplicating texts by hand. The need to have developed systems of private distribution was higher in former Soviet countries. In the West, most texts were photocopied or scanned initially, due to cheaper access to the technology.
</p><p>Bodo examines the dataset using a browser-based interactive python server. By running code on the csv file of the dataset, it is possible to establish trends and make inferences on the behaviour of the users of the shadow library. Certain problems may arise due to the metadata associated with each file - different character sets, errors, lack of information and "inaccurate" information can make some analyses difficult to pin down. Using interactive python, we did single variable analysis, and also two-dimensional analysis.
</p>
<h2><span class="mw-headline" id="open_syllabus_project">open syllabus project</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Workshop_Bodo_Balasz&amp;action=edit&amp;section=T-2" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>The Open Syllabus Project publishes the syllabi of academic courses, seeing them as the DNA, not just the byproduct of academic research.
</p><p><a class="external free" href="http://explorer.opensyllabusproject.org/" rel="nofollow">http://explorer.opensyllabusproject.org/</a>
</p>
<h2><span id="Information_ages_:_literacy,_numeracy,_and_the_computer_revolution"></span><span class="mw-headline" id="Information_ages_:_literacy.2C_numeracy.2C_and_the_computer_revolution">Information ages : literacy, numeracy, and the computer revolution</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Information_Ages&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>Printed: 26.11.19<br>
Dimensions: 155x235mm<br>
Cover stock: Clairefontaine Trophee (white) 210gsm<br>
Text stock: Laser 80gsm<br>
Binding: Perfect bound, cold glue<br>
Pages: 320pp
</p><p>I could only find this as a printed book available for purchase online, or to borrow from the closest library, which is the Koninklijke Bibliotheek in The Hague. So, I went to the KB in the Hague, registered a membership (costing 7,50 euro per year) and borrowed the book. I scanned the book on a photocopier back at PZI (it took about 40 mins and many apologies to those who wanted to use it), and then printed and bound it by hand using a cold glue binding technique. The file produced by scanning actually took longer to be transferred over the network than it did to scan the entire book. I optimised the file after receiving it, which produced splotchy text and images (in some places the print looked damaged by water). The cover was an impromptu decision - to use the same method. The copy was made in about 2 hours.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Information_ages_A01.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/2/26/Information_ages_A01.JPG/90px-Information_ages_A01.JPG" srcset="/mw-mediadesign/images/thumb/2/26/Information_ages_A01.JPG/135px-Information_ages_A01.JPG 1.5x, /mw-mediadesign/images/thumb/2/26/Information_ages_A01.JPG/180px-Information_ages_A01.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Front cover: Bootleg (left) and source publication (right)
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Information_ages_A02.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/d/db/Information_ages_A02.JPG/90px-Information_ages_A02.JPG" srcset="/mw-mediadesign/images/thumb/d/db/Information_ages_A02.JPG/135px-Information_ages_A02.JPG 1.5x, /mw-mediadesign/images/thumb/d/db/Information_ages_A02.JPG/180px-Information_ages_A02.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spine: Source publication
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Information_ages_A03.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/7/73/Information_ages_A03.JPG/90px-Information_ages_A03.JPG" srcset="/mw-mediadesign/images/thumb/7/73/Information_ages_A03.JPG/135px-Information_ages_A03.JPG 1.5x, /mw-mediadesign/images/thumb/7/73/Information_ages_A03.JPG/180px-Information_ages_A03.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spine: Bootleg
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:30px auto;"><a class="image" href="File:Information_ages_B01.JPG.html"><img alt="" decoding="async" height="90" src="/mw-mediadesign/images/thumb/0/0e/Information_ages_B01.JPG/120px-Information_ages_B01.JPG" srcset="/mw-mediadesign/images/thumb/0/0e/Information_ages_B01.JPG/180px-Information_ages_B01.JPG 1.5x, /mw-mediadesign/images/thumb/0/0e/Information_ages_B01.JPG/240px-Information_ages_B01.JPG 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Spines: Source publication (left) and bootleg (right)
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:30px auto;"><a class="image" href="File:Information_ages_B02.jpg.html"><img alt="" decoding="async" height="90" src="/mw-mediadesign/images/thumb/7/79/Information_ages_B02.jpg/120px-Information_ages_B02.jpg" srcset="/mw-mediadesign/images/thumb/7/79/Information_ages_B02.jpg/180px-Information_ages_B02.jpg 1.5x, /mw-mediadesign/images/thumb/7/79/Information_ages_B02.jpg/240px-Information_ages_B02.jpg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Spread: Source publication (left) and bootleg (right)
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Information_ages_A04.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/a/a4/Information_ages_A04.JPG/90px-Information_ages_A04.JPG" srcset="/mw-mediadesign/images/thumb/a/a4/Information_ages_A04.JPG/135px-Information_ages_A04.JPG 1.5x, /mw-mediadesign/images/thumb/a/a4/Information_ages_A04.JPG/180px-Information_ages_A04.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread: Images in source publication
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Information_ages_A05.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/0/02/Information_ages_A05.JPG/90px-Information_ages_A05.JPG" srcset="/mw-mediadesign/images/thumb/0/02/Information_ages_A05.JPG/135px-Information_ages_A05.JPG 1.5x, /mw-mediadesign/images/thumb/0/02/Information_ages_A05.JPG/180px-Information_ages_A05.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread: Images in bootleg
</p>
</div>
</div></li>
</ul>
<!--
NewPP limit report
Cached time: 20200612082933
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.060 seconds
Real time usage: 0.148 seconds
Preprocessor visited node count: 18/1000000
Preprocessor generated node count: 68/1000000
Post‐expand include size: 3799/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 4753/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 133.485 1 -total
98.26% 131.160 1 User:Simon/Information_Ages
1.64% 2.184 1 User:Simon/Workshop_Bodo_Balasz
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31744-0!canonical and timestamp 20200612082933 and revision id 174228
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

131
sketches/site4/Dumbstruck_A_Cultural_History_of_Ventriloquism.html
Unescape Escape View File

@ -1,131 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h2><span id="Dumbstruck—A_Cultural_History_of_Ventriloquism"></span><span class="mw-headline" id="Dumbstruck.E2.80.94A_Cultural_History_of_Ventriloquism">Dumbstruck—A Cultural History of Ventriloquism</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Dumbstruck_A_Cultural_History_of_Ventriloquism&amp;action=edit&amp;section=1" title="Edit section: Dumbstruck—A Cultural History of Ventriloquism">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<h3><span class="mw-headline" id="First_edition">First edition</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Dumbstruck_A_Cultural_History_of_Ventriloquism&amp;action=edit&amp;section=2" title="Edit section: First edition">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>Printed: 29.10.19<br>
Dimensions: 150x235mm<br>
Cover stock: Clairefontaine Trophee (yellow) 210gsm<br>
Text stock: Bio Top 80gsm<br>
Binding: Perfect bound (hot glue)<br>
Pages: 433pp
</p><p>This book took about 40 hours to create, the longest time it's taken so far... I found a PDF on Lib Gen, but for some reason the OCR'd text was tracked quite tight making each line look like a very long word - this was even worse when printed. After a quick search on worldcat, I discovered that this book was available to be borrowed from the Royal Library in the Hague. Off I went to borrow the book. I planned to scan it using the bookscanner, but the cameras kept crashing after scanning half the 433 page book. So, I managed to extract the text using Calibre's book convert process from PDF &gt; RTF. However, after placing the text in an InDesign layout, all of the numbers appeared as missing characters. From the looks of the PDF it seemed that these were perhaps from an Opentype font's custom stylistic set, which would explain why they weren't turning up in my system fonts. Also, in the index at the back of the book the numbers seemed to have the appearance of hyperlinks (when hovering over the hand icon appears) but when clicked, did absolutely nothing. So I began the rather painstaking process of laying out the book with exactly the same text flow and page numbers as the source. The work included removing headers and page numbers from the RTF, scanning all photos from the printed book, endlessly wordspacing paragraphs to make sure they fit where they should on each page, styling the text, removing manually written hyphenation (this was done programmatically, and ended up with a few words that were joined together in the case of examples like "re- and dis- associate" becoming reand disassociate") and the seemingly endless task of manually entering in EVERY number. At times it felt a bit masochistic, but I used this time to reflect on the process, thinking a lot about the changes I was making to preserve the form of the original. Ironically, this also involved a lot of forced line breaks, which would make the task of anyone who wanted to bootleg this book a bit more difficult (forced line breaks are the bane of the bootlegger). Another strange thought - I'm reading these books as I redesign them, but my reading happens on a more superficial level perhaps, meaning that I'm not absorbing the content fully, but reading it like a machine would as I look for anomalies and address them.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Dumbstruck_A01.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/1/14/Dumbstruck_A01.JPG/90px-Dumbstruck_A01.JPG" srcset="/mw-mediadesign/images/thumb/1/14/Dumbstruck_A01.JPG/135px-Dumbstruck_A01.JPG 1.5x, /mw-mediadesign/images/thumb/1/14/Dumbstruck_A01.JPG/180px-Dumbstruck_A01.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Front cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Dumbstruck_A02.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/b/be/Dumbstruck_A02.JPG/90px-Dumbstruck_A02.JPG" srcset="/mw-mediadesign/images/thumb/b/be/Dumbstruck_A02.JPG/135px-Dumbstruck_A02.JPG 1.5x, /mw-mediadesign/images/thumb/b/be/Dumbstruck_A02.JPG/180px-Dumbstruck_A02.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Title page
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Dumbstruck_A03.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/b/b6/Dumbstruck_A03.JPG/90px-Dumbstruck_A03.JPG" srcset="/mw-mediadesign/images/thumb/b/b6/Dumbstruck_A03.JPG/135px-Dumbstruck_A03.JPG 1.5x, /mw-mediadesign/images/thumb/b/b6/Dumbstruck_A03.JPG/180px-Dumbstruck_A03.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread: Image section
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Dumbstruck_A04.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/d/dd/Dumbstruck_A04.JPG/90px-Dumbstruck_A04.JPG" srcset="/mw-mediadesign/images/thumb/d/dd/Dumbstruck_A04.JPG/135px-Dumbstruck_A04.JPG 1.5x, /mw-mediadesign/images/thumb/d/dd/Dumbstruck_A04.JPG/180px-Dumbstruck_A04.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spread: Section begins
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Dumbstruck_A05.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/9/9c/Dumbstruck_A05.JPG/90px-Dumbstruck_A05.JPG" srcset="/mw-mediadesign/images/thumb/9/9c/Dumbstruck_A05.JPG/135px-Dumbstruck_A05.JPG 1.5x, /mw-mediadesign/images/thumb/9/9c/Dumbstruck_A05.JPG/180px-Dumbstruck_A05.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Back cover
</p>
</div>
</div></li>
</ul>
<h3><span class="mw-headline" id="Second_edition">Second edition</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Dumbstruck_A_Cultural_History_of_Ventriloquism&amp;action=edit&amp;section=3" title="Edit section: Second edition">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>Printed: 28.11.19<br>
Dimensions: 150x235mm<br>
Cover stock: Clairefontaine Trophee (yellow) 210gsm<br>
Text stock: Bio Top 80gsm<br>
Binding: Perfect bound (cold glue)<br>
Pages: 433pp
</p><p>Clara Balaguer asked me for a copy of this book, and it seemed like a good opportunity to try a new printing and binding process. I decided to print the book double-sided on A4 paper, as opposed to the previous method of 2-up imposed printing on A3 paper. I wasn't very satisfied with how the previous printing method had produced a "split" in the book due to the paper grain direction. Yin Yin Wong at PS Rotterdam had recommended printing double sided rather than 2-up to avoid this, so this was the technique I decided to try out. I also decided on hand-binding it with cold glue, a technique which I had recently learned. Cold glue binding is done with equipment and materials such as a hacksaw, scissors, medical gauze (or cheesecloth), brushes, PVA glue, bookbinding thread, a jig to hold the book in while notches are cut and the spine receives its initial gluing, and a book press to keep the book in overnight, which stops the book from warping due to the high water content of the PVA glue. Cold glue binding allows the book to lay open flat on a table, a benefit I was keen to apply to this edition of the book as I was dissatisfied by how tight the binding of the first edition was because I had used the hot glue binding machine, which takes much less time but for thick books can produce a lower quality result. I was quite pleased with how this book came out, however, when applying the cover I had to decide not to glue it to the spine. Cold glue binding results in a rough spine, and hot glue creates a smooth layer of glue that dries quickly, producing a smooth spine. The only way to avoid this is to not attach the cover to the spine if using cold glue.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Dumbstruck_B01.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/3/36/Dumbstruck_B01.JPG/90px-Dumbstruck_B01.JPG" srcset="/mw-mediadesign/images/thumb/3/36/Dumbstruck_B01.JPG/135px-Dumbstruck_B01.JPG 1.5x, /mw-mediadesign/images/thumb/3/36/Dumbstruck_B01.JPG/180px-Dumbstruck_B01.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Bootlegged books front covers: Second edition (left) and first edition (right)
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Dumbstruck_B02.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/a/a8/Dumbstruck_B02.JPG/90px-Dumbstruck_B02.JPG" srcset="/mw-mediadesign/images/thumb/a/a8/Dumbstruck_B02.JPG/135px-Dumbstruck_B02.JPG 1.5x, /mw-mediadesign/images/thumb/a/a8/Dumbstruck_B02.JPG/180px-Dumbstruck_B02.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Front covers: Source publication (left) and second edition bootleg (right)
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:30px auto;"><a class="image" href="File:Dumbstruck_B03.JPG.html"><img alt="" decoding="async" height="90" src="/mw-mediadesign/images/thumb/5/51/Dumbstruck_B03.JPG/120px-Dumbstruck_B03.JPG" srcset="/mw-mediadesign/images/thumb/5/51/Dumbstruck_B03.JPG/180px-Dumbstruck_B03.JPG 1.5x, /mw-mediadesign/images/thumb/5/51/Dumbstruck_B03.JPG/240px-Dumbstruck_B03.JPG 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Beginning of image section: Source publication (left) and second edition bootleg (right). The second edition bootleg book lies open more easily due to the cold glue binding
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Dumbstruck_B06.JPG.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/9/96/Dumbstruck_B06.JPG/90px-Dumbstruck_B06.JPG" srcset="/mw-mediadesign/images/thumb/9/96/Dumbstruck_B06.JPG/135px-Dumbstruck_B06.JPG 1.5x, /mw-mediadesign/images/thumb/9/96/Dumbstruck_B06.JPG/180px-Dumbstruck_B06.JPG 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Spines: Source publication (left) and second edition bootleg (right)
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:30px auto;"><a class="image" href="File:Dumbstruck_B05.JPG.html"><img alt="" decoding="async" height="90" src="/mw-mediadesign/images/thumb/6/67/Dumbstruck_B05.JPG/120px-Dumbstruck_B05.JPG" srcset="/mw-mediadesign/images/thumb/6/67/Dumbstruck_B05.JPG/180px-Dumbstruck_B05.JPG 1.5x, /mw-mediadesign/images/thumb/6/67/Dumbstruck_B05.JPG/240px-Dumbstruck_B05.JPG 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Back covers: Source publication (left) and second edition bootleg (right)
</p>
</div>
</div></li>
</ul>
<!--
NewPP limit report
Cached time: 20200610083230
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.067 seconds
Real time usage: 0.256 seconds
Preprocessor visited node count: 32/1000000
Preprocessor generated node count: 96/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 6559/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31498-0!canonical and timestamp 20200610083230 and revision id 173657
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

43
sketches/site4/Editing.html
Unescape Escape View File

@ -1,43 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="editing">editing</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Editing&amp;action=edit&amp;section=1" title="Edit section: editing">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Amateuring.html" title="User:Simon/Amateuring">amateuring</a>, <a href="Multiplying_form.html" title="User:Simon/Multiplying form">multiplying form</a>, <a href="Republishing.html" title="User:Simon/Republishing">republishing</a>, <a href="Rereferencing.html" title="User:Simon/Rereferencing">rereferencing</a>, <a href="Typing.html" title="User:Simon/Typing">typing</a>, <a href="Writing.html" title="User:Simon/Writing">writing</a>
</p><p>As soon as a reader edits a text its materiality changes either unintentionally, or through more intentional methods, such as republishing in a different format to make the text more accessible to a wider public. Samizdat publishers often considered themselves editors, or typists (rather than authors) due to the unwanted attention and risk that this credit would bring. As they reproduced texts by hand, a slippery form of authorship evolved through human error and also particular idiosyncratic preferences for a new phrase, approximate translation or text structure. Vladimir Bukovsky summarised the process of self-publishing as “Samizdat: I write it myself, edit it myself, censor it myself, publish it myself, distribute it myself, and spend time in prison for it myself.” The responsibility these self-proclaimed editors took upon themselves by republishing dissident material bound them to the texts; entwined in their creation and distribution. When no writer wants to be an author, everyone becomes an editor.
</p><p>Image: Facsimile of <i>A Chronicle of Current Events</i> (Russian: Хро́ника теку́щих собы́тий), the longest-running Samizdat publication, (1968-1982)
</p>
<!--
NewPP limit report
Cached time: 20200617061127
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.006 seconds
Real time usage: 0.008 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31438-0!canonical and timestamp 20200617061127 and revision id 173934
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

119
sketches/site4/Editing_rvrs.html
Unescape Escape View File

@ -1,119 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><img class="cardbackimg" src="./IMG/Chronicle_of_current_events.jpeg">Facsimile of A Chronicle of Current Events (Russian: Хро́ника теку́щих собы́тий)</div>
<h2><span class="mw-headline" id="Description_of_task">Description of task</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Etherpad_timed_writing/editing_experiment&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>In November 2018, I experimented with a timed writing task using Etherpad, a collaborative realtime browser-based text editor. Etherpad automatically assigns authorship colours to users, and I wanted to explore how a text that I was writing, reading and editing over a specific time period could be visualised.
</p>
<h2><span class="mw-headline" id="Method">Method</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Etherpad_timed_writing/editing_experiment&amp;action=edit&amp;section=T-2" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>The method was to write for one hour. I begin by writing a text about what I was doing (writing, reading and editing). For time constraints, I established writing periods of 3 minutes, and a rest period of 2 minutes. After 6 iterations, this shifted to 5 minutes for both respectively. I kept writing and opening up new private tabs in my browser to give each iteration new authorship colours. These are lost when exported, so I recreated the text and authorship colours to make visualisations.<br>
</p><p><a class="image" href="File:18_11_21_Pad_difs_01.jpg.html" title="The entire text, recreated with authorship colours"><img alt="The entire text, recreated with authorship colours" decoding="async" height="424" src="/mw-mediadesign/images/thumb/a/aa/18_11_21_Pad_difs_01.jpg/300px-18_11_21_Pad_difs_01.jpg" srcset="/mw-mediadesign/images/thumb/a/aa/18_11_21_Pad_difs_01.jpg/450px-18_11_21_Pad_difs_01.jpg 1.5x, /mw-mediadesign/images/thumb/a/aa/18_11_21_Pad_difs_01.jpg/600px-18_11_21_Pad_difs_01.jpg 2x" width="300"></a>
</p>
<h2><span class="mw-headline" id="Isolated_iterations">Isolated iterations</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Etherpad_timed_writing/editing_experiment&amp;action=edit&amp;section=T-3" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>Each iteration is isolated in the following visualisations:
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_910.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/f/fa/18_11_21_Pad_difs_910.jpg/85px-18_11_21_Pad_difs_910.jpg" srcset="/mw-mediadesign/images/thumb/f/fa/18_11_21_Pad_difs_910.jpg/127px-18_11_21_Pad_difs_910.jpg 1.5x, /mw-mediadesign/images/thumb/f/fa/18_11_21_Pad_difs_910.jpg/170px-18_11_21_Pad_difs_910.jpg 2x" width="85"></a></div></div>
<div class="gallerytext">
<p>21:10-21:15
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_915.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/b/b8/18_11_21_Pad_difs_915.jpg/85px-18_11_21_Pad_difs_915.jpg" srcset="/mw-mediadesign/images/thumb/b/b8/18_11_21_Pad_difs_915.jpg/127px-18_11_21_Pad_difs_915.jpg 1.5x, /mw-mediadesign/images/thumb/b/b8/18_11_21_Pad_difs_915.jpg/170px-18_11_21_Pad_difs_915.jpg 2x" width="85"></a></div></div>
<div class="gallerytext">
<p>21:15-21:20
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_920.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/e/ed/18_11_21_Pad_difs_920.jpg/85px-18_11_21_Pad_difs_920.jpg" srcset="/mw-mediadesign/images/thumb/e/ed/18_11_21_Pad_difs_920.jpg/127px-18_11_21_Pad_difs_920.jpg 1.5x, /mw-mediadesign/images/thumb/e/ed/18_11_21_Pad_difs_920.jpg/170px-18_11_21_Pad_difs_920.jpg 2x" width="85"></a></div></div>
<div class="gallerytext">
<p>21:20-21:25
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_925.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/1/1f/18_11_21_Pad_difs_925.jpg/85px-18_11_21_Pad_difs_925.jpg" srcset="/mw-mediadesign/images/thumb/1/1f/18_11_21_Pad_difs_925.jpg/127px-18_11_21_Pad_difs_925.jpg 1.5x, /mw-mediadesign/images/thumb/1/1f/18_11_21_Pad_difs_925.jpg/170px-18_11_21_Pad_difs_925.jpg 2x" width="85"></a></div></div>
<div class="gallerytext">
<p>21:25-21:30
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_930.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/4/43/18_11_21_Pad_difs_930.jpg/85px-18_11_21_Pad_difs_930.jpg" srcset="/mw-mediadesign/images/thumb/4/43/18_11_21_Pad_difs_930.jpg/127px-18_11_21_Pad_difs_930.jpg 1.5x, /mw-mediadesign/images/thumb/4/43/18_11_21_Pad_difs_930.jpg/170px-18_11_21_Pad_difs_930.jpg 2x" width="85"></a></div></div>
<div class="gallerytext">
<p>21:30-21:35
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_940.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/d/d2/18_11_21_Pad_difs_940.jpg/85px-18_11_21_Pad_difs_940.jpg" srcset="/mw-mediadesign/images/thumb/d/d2/18_11_21_Pad_difs_940.jpg/127px-18_11_21_Pad_difs_940.jpg 1.5x, /mw-mediadesign/images/thumb/d/d2/18_11_21_Pad_difs_940.jpg/170px-18_11_21_Pad_difs_940.jpg 2x" width="85"></a></div></div>
<div class="gallerytext">
<p>21:35-21:40
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_950.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/a/a4/18_11_21_Pad_difs_950.jpg/85px-18_11_21_Pad_difs_950.jpg" srcset="/mw-mediadesign/images/thumb/a/a4/18_11_21_Pad_difs_950.jpg/127px-18_11_21_Pad_difs_950.jpg 1.5x, /mw-mediadesign/images/thumb/a/a4/18_11_21_Pad_difs_950.jpg/170px-18_11_21_Pad_difs_950.jpg 2x" width="85"></a></div></div>
<div class="gallerytext">
<p>21:40-21:50
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_1000.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/6/6f/18_11_21_Pad_difs_1000.jpg/85px-18_11_21_Pad_difs_1000.jpg" srcset="/mw-mediadesign/images/thumb/6/6f/18_11_21_Pad_difs_1000.jpg/127px-18_11_21_Pad_difs_1000.jpg 1.5x, /mw-mediadesign/images/thumb/6/6f/18_11_21_Pad_difs_1000.jpg/170px-18_11_21_Pad_difs_1000.jpg 2x" width="85"></a></div></div>
<div class="gallerytext">
<p>21:50-22:00
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:18_11_21_Pad_difs_colours.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/3/31/18_11_21_Pad_difs_colours.jpg/85px-18_11_21_Pad_difs_colours.jpg" srcset="/mw-mediadesign/images/thumb/3/31/18_11_21_Pad_difs_colours.jpg/127px-18_11_21_Pad_difs_colours.jpg 1.5x, /mw-mediadesign/images/thumb/3/31/18_11_21_Pad_difs_colours.jpg/170px-18_11_21_Pad_difs_colours.jpg 2x" width="85"></a></div></div>
<div class="gallerytext">
<p>22:00-22:10
</p>
</div>
</div></li>
</ul>
<p>The authorship colours with text removed:
</p><p><a class="image" href="File:18_11_21_Pad_difs_colours_all.jpg.html" title="Authorship colours with text removed"><img alt="Authorship colours with text removed" decoding="async" height="566" src="/mw-mediadesign/images/thumb/9/9a/18_11_21_Pad_difs_colours_all.jpg/400px-18_11_21_Pad_difs_colours_all.jpg" srcset="/mw-mediadesign/images/thumb/9/9a/18_11_21_Pad_difs_colours_all.jpg/600px-18_11_21_Pad_difs_colours_all.jpg 1.5x, /mw-mediadesign/images/thumb/9/9a/18_11_21_Pad_difs_colours_all.jpg/800px-18_11_21_Pad_difs_colours_all.jpg 2x" width="400"></a>
</p><p>The experiment showed me that editing is a way of writing, kind of like making growing a tree while making furniture from it. Whatever is written is there to be pruned and shaped into pieces that are joined together to form a supportive text structure. Etherpad makes this visible with its authorship colours, all the more so when it is used as it has been designed; collaboratively.
</p>
<!--
NewPP limit report
Cached time: 20200612082933
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.074 seconds
Real time usage: 0.272 seconds
Preprocessor visited node count: 18/1000000
Preprocessor generated node count: 66/1000000
Post‐expand include size: 1668/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 5952/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 149.941 1 User:Simon/Etherpad_timed_writing/editing_experiment
100.00% 149.941 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31701-0!canonical and timestamp 20200612082933 and revision id 173935
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

92
sketches/site4/Extracting_text_from_PDF.html
Unescape Escape View File

@ -1,92 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h2><span class="mw-headline" id="Extracting_text_from_a_PDF">Extracting text from a PDF</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/Extracting_text_from_PDF&amp;action=edit&amp;section=1" title="Edit section: Extracting text from a PDF">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>In Al Sweigart's <i>Automate the Boring Stuff with Python</i>, there's a nice section on a Python library called PyPDF2 that allows you to work with the contents of PDFs. To begin with, I thought I'd try extracting text from a PDF of William S. Burrough's <i>The Electronic Revolution</i>. I chose this PDF as the only version I've found of it online is a 40pp document published by ubuclassics (which I suppose is the publishing house for ubuweb.com). There was no identifier other than this (no ISBN etc.), and it was impossible locating any other version online. What's more, the PDF had very small text, which was uncomfortable to read when I ran the <a href="Michaels_booklet_script_for_PDF_imposition.html" title="User:Simon/Trim4/Michaels booklet script for PDF imposition">booklet.sh</a> script on it.
</p><p>I thought it would be worthwhile laying out this book again for print reading purposes, and the first step is to get the text from the PDF. Pandoc is usually my go to for extracting text, but it doesn't work with PDFs, so I tried <a class="external text" href="https://pythonhosted.org/PyPDF2/index.html" rel="nofollow">PyPDF2</a>.
</p>
<h3><span class="mw-headline" id="28.09.19">28.09.19</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/Extracting_text_from_PDF&amp;action=edit&amp;section=2" title="Edit section: 28.09.19">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>I began by copying a file called electronic_revolution.pdf to a folder, then in the terminal <code>cd</code> into that directory. Then I initiated the interactive python interpreter with this command:
</p>
<pre>$ python3</pre>
<p>Next I wrote the following commands in Python 3 (comments above each line):
</p>
<pre># First, import the PyPDF2 module
&gt;&gt;&gt; import PyPDF2
# Then open electronic_revolution.pdf in read binary mode and store it in pdfFileObj
&gt;&gt;&gt; pdfFileObj = open('electronic_revolution.pdf', 'rb')
# To get a PdfFileReader object that rep- resents this PDF, call PyPDF2.PdfFileReader() and pass it pdfFileObj. Store this PdfFileReader object in pdfReader
&gt;&gt;&gt; pdfReader = PyPDF2.PdfFileReader(pdfFileObj)
# The total number of pages in the document is stored in the numPages attribute of a PdfFileReader object
&gt;&gt;&gt; pdfReader.numPages
&gt;&gt;&gt; 40
# The PDF has 40 pages. To extract text from a page, you need to get a Page object, which represents a single page of a PDF, from a PdfFileReader object.
# You can get a Page object by calling the getPage() method on a PdfFileReader object and passing it the page number of the page you’re interested in — in our case, 0
&gt;&gt;&gt; pageObj = pdfReader.getPage(0)
# Once you have your Page object, call its extractText() method to return a string of the page’s text
&gt;&gt;&gt; pageObj.extractText()
&gt;&gt;&gt; 'ubuclassics2005WILLIAM S. BURROUGHSTheElectronic\nRevolution'
</pre>
<p>This returns the value for total page count, and the text for the first page (0). What I want to get is the text for the whole document. I have no idea how to do this!!!
This doesn't work at all.
</p>
<pre>&gt;&gt;&gt; pageObj = pdfReader.getPage(0-40)
</pre>
<h3><span class="mw-headline" id="02.10.19">02.10.19</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/Extracting_text_from_PDF&amp;action=edit&amp;section=3" title="Edit section: 02.10.19">edit</a><span class="mw-editsection-bracket">]</span></span></h3>
<p>With Rita &amp; Pedro's help I managed to write a Python script that includes a for loop to extract text from the entire PDF:
</p>
<div class="mw-highlight mw-content-ltr" dir="ltr"><pre><span></span><span class="lineno"> 1 </span><span class="c1"># imports the PyPDF2 module</span>
<span class="lineno"> 2 </span> <span class="kn">import</span> <span class="nn">PyPDF2</span>
<span class="lineno"> 3 </span>
<span class="lineno"> 4 </span> <span class="n">filename</span> <span class="o">=</span> <span class="nb">input</span><span class="p">(</span><span class="s2">"name of the file: "</span><span class="p">)</span>
<span class="lineno"> 5 </span>
<span class="lineno"> 6 </span> <span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="n">filename</span> <span class="p">,</span><span class="s1">'rb'</span><span class="p">)</span> <span class="k">as</span> <span class="n">pdf_file</span><span class="p">,</span> <span class="nb">open</span><span class="p">(</span><span class="s1">'input.txt'</span><span class="p">,</span> <span class="s1">'w'</span><span class="p">)</span> <span class="k">as</span> <span class="n">text_file</span><span class="p">:</span>
<span class="lineno"> 7 </span> <span class="n">read_pdf</span> <span class="o">=</span> <span class="n">PyPDF2</span><span class="o">.</span><span class="n">PdfFileReader</span><span class="p">(</span><span class="n">pdf_file</span><span class="p">)</span>
<span class="lineno"> 8 </span> <span class="n">number_of_pages</span> <span class="o">=</span> <span class="n">read_pdf</span><span class="o">.</span><span class="n">getNumPages</span><span class="p">()</span>
<span class="lineno"> 9 </span> <span class="k">for</span> <span class="n">page_number</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="n">number_of_pages</span><span class="p">):</span> <span class="c1"># use xrange in Py2</span>
<span class="lineno">10 </span> <span class="n">page</span> <span class="o">=</span> <span class="n">read_pdf</span><span class="o">.</span><span class="n">getPage</span><span class="p">(</span><span class="n">page_number</span><span class="p">)</span>
<span class="lineno">11 </span> <span class="n">page_content</span> <span class="o">=</span> <span class="n">page</span><span class="o">.</span><span class="n">extractText</span><span class="p">()</span>
<span class="lineno">12 </span> <span class="n">text_file</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="n">page_content</span><span class="p">)</span>
</pre></div>
<p>The next step is to then begin cleaning up the text by removing the line-breaks. We wrote a simple shell script for this that runs the Python script, then a command to take out line breaks:
</p>
<pre>$ python3 extract_text.py
$ grep -v "^$" input.txt &gt; output.txt
</pre>
<p>Only problem is that the names of the txt files that are produced will all be "input.txt", which means that if you run this on more than one PDF, you'll have to move input.txt to another directory before running again, rename the file manually, or perhaps I could write another Python script that renames the file and include it in the shell script after the last line.
</p>
<!--
NewPP limit report
Cached time: 20200609110158
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.028 seconds
Real time usage: 0.219 seconds
Preprocessor visited node count: 43/1000000
Preprocessor generated node count: 116/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 3957/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:28939-0!canonical and timestamp 20200609110158 and revision id 173566
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

47
sketches/site4/Extracting_text_from_the_web.html
Unescape Escape View File

@ -1,47 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h2><span class="mw-headline" id="11.11.19_Extracting_text_using_curl">11.11.19 Extracting text using curl</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/Extracting_text_from_the_web&amp;action=edit&amp;section=1" title="Edit section: 11.11.19 Extracting text using curl">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p><code>curl</code> is a command that can be used from the terminal to take text from a URL. It can be piped with software such as pandoc to convert the text to other formats, and in support of a workflow I'm starting to develop, this comes in quite handy.
</p><p>I'm writing text on the pad, and then converting it to markdown. This extra step isn't necessary (in fact it adds to the work) but I'm interested in using pads as multi-flow publishing tools in the future so I'm testing this out. Also, using a pad allows me to style the text simply using markdown rather than HTML.
</p><p>For example, this is a file I made from some notes on a Flusser interview about linear writing:
</p>
<pre> $ curl <a class="external free" href="https://pad.xpub.nl/p/flusser_interview_notes/export/txt" rel="nofollow">https://pad.xpub.nl/p/flusser_interview_notes/export/txt</a> | pandoc -t markdown &gt; flusser.md
</pre>
<p>I'm then storing the files in <a class="external text" href="https://git.xpub.nl/simoon/thesis" rel="nofollow">my git</a>, which is public. Having texts in git allows me to use its versioning capabilities, allowing me to go back over old modified versions in the file tree - I can copy paste from these snippets that I may want to go back and retain in the future..
</p>
<!--
NewPP limit report
Cached time: 20200610083234
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.003 seconds
Real time usage: 0.003 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:29705-0!canonical and timestamp 20200610083234 and revision id 173486
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

43
sketches/site4/Finding_texts.html
Unescape Escape View File

@ -1,43 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="finding_texts">finding texts</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Finding_texts&amp;action=edit&amp;section=1" title="Edit section: finding texts">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Acquiring_Removing.html" title="User:Simon/Acquiring Removing">acquiring/removing</a>, <a href="Downloading.html" title="User:Simon/Downloading">downloading</a>, <a href="Searching_Browsing.html" title="User:Simon/Searching Browsing">searching/browsing</a>
</p><p>Most often, acquisition requests are as mundane as someone asking if the library has a particular text. A quick search online produces a digital file as a result. The provenance of these texts is buried in the file paths of the uploader’s computer, and the computers before it. Texts are acquired by any means necessary, through a social network, or through a digital network of so-called “shadow libraries” and groups of sympathetic readers. It’s often surprising how fast an unknown fellow reader will respond to a request for a text via certain groups operating on social media websites. <i>Type F to follow this post</i>.
</p><p>Image: Flow chart from Facebook group <i><a class="external text" href="https://www.facebook.com/groups/850609558335839/" rel="nofollow">Ask for PDFs from People with Institutional Access</a></i>
</p>
<!--
NewPP limit report
Cached time: 20200612082933
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.004 seconds
Real time usage: 0.005 seconds
Preprocessor visited node count: 2/1000000
Preprocessor generated node count: 8/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 0/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31420-0!canonical and timestamp 20200612082933 and revision id 173887
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

169
sketches/site4/Finding_texts_rvrs.html
Unescape Escape View File

@ -1,169 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="cardback"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><p>Snippets:
</p>
<h2><span id="11.12.19_-_lunchmeeting_#3,_in_the_Research_Station"></span><span class="mw-headline" id="11.12.19_-_lunchmeeting_.233.2C_in_the_Research_Station">11.12.19 - lunchmeeting #3, in the Research Station</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Trim4/fieldwork/WdKA_Research_Station&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Lunchmeeting03_1.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/2/25/Lunchmeeting03_1.jpg/90px-Lunchmeeting03_1.jpg" srcset="/mw-mediadesign/images/thumb/2/25/Lunchmeeting03_1.jpg/135px-Lunchmeeting03_1.jpg 1.5x, /mw-mediadesign/images/thumb/2/25/Lunchmeeting03_1.jpg/180px-Lunchmeeting03_1.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Mapping the library #1
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Lunchmeeting03_3.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/7/78/Lunchmeeting03_3.jpg/90px-Lunchmeeting03_3.jpg" srcset="/mw-mediadesign/images/thumb/7/78/Lunchmeeting03_3.jpg/135px-Lunchmeeting03_3.jpg 1.5x, /mw-mediadesign/images/thumb/7/78/Lunchmeeting03_3.jpg/180px-Lunchmeeting03_3.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Mapping the library #2
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:15px auto;"><a class="image" href="File:Lunchmeeting03_4.jpg.html"><img alt="" decoding="async" height="120" src="/mw-mediadesign/images/thumb/5/51/Lunchmeeting03_4.jpg/90px-Lunchmeeting03_4.jpg" srcset="/mw-mediadesign/images/thumb/5/51/Lunchmeeting03_4.jpg/135px-Lunchmeeting03_4.jpg 1.5x, /mw-mediadesign/images/thumb/5/51/Lunchmeeting03_4.jpg/180px-Lunchmeeting03_4.jpg 2x" width="90"></a></div></div>
<div class="gallerytext">
<p>Mapping the library #3
</p>
</div>
</div></li>
</ul>
<p>Wilma Knol (embedded librarian in the Research Station) invited me to a lunchmeeting, a series of informal hour-long open meetings based on a directive to "future-proof" the collection. Wilma is part of a group that is determining news ways for acquisitions to take place within the WdKA Research Station/Library. Other members of the group are ginger coons and Jojanneke Gijsen, both teachers at WdKA. The group have established certain directions and strategies, highlighting these interests:
</p>
<ul><li>acquisition requests</li>
<li>the legacy of the collection</li>
<li>displaying and distributing the collection</li></ul>
<p>I'm interested to see if the bootleg library can be of assistance with this directive - especially in informing a bottom-up method of acquiring new books by looking at what is being read/downloaded/uploaded.
</p>
<h2><span id="Researching_aaaaarg.fail,_ubuweb_&amp;_Project_Gutenberg_with_Tancredi:"></span><span class="mw-headline" id="Researching_aaaaarg.fail.2C_ubuweb_.26_Project_Gutenberg_with_Tancredi:">Researching aaaaarg.fail, ubuweb &amp; Project Gutenberg with Tancredi:</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Profiling_shadow_libraries&amp;action=edit&amp;section=T-1" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<pre> AAAAARG.FAIL <a class="external free" href="https://aaaaarg.fail/" rel="nofollow">https://aaaaarg.fail/</a>
</pre>
<p><b>Content: What is in the library?</b>
How much? PDFs - a lot! (hard to see how many, but 26,000+ and counting...) theory and critical theory
</p><p><b>Users: Who is using / uploading / downloading?</b>
Used by researchers, academics, students, people interested in theory who can become members by invitation. Members of the site can upload and download, and request new titles through a messageboard.
</p><p><b>Catalog: What is the system? How is it organised? How about its ontology?</b>
Indexed, by "catalog" (listing by author name), "collection" (listing by topic), and also by "requests" (listing by new requests, most requested, unrequested, and everything - also with RSS feed)
</p><p><b>Infrastructure: What are technical specs? Software? Hardware?&lt;</b>
Probably runs on self-hosted server - you access it through a browser
</p><p><b>Politics: What is the attitude?</b>
Kind of like a private club - invite only
</p><p><b>Economy: Sponsors? Donation? Advertising?&lt;</b>
No advertising on site - no information about sponsors or donations on site either...
</p><p><b>Law: How does it interface?&lt;</b>
Brazen defiance
</p>
<pre> UBUWEB <a class="external free" href="http://www.ubu.com/" rel="nofollow">http://www.ubu.com/</a> info &gt;&gt; <a class="external free" href="http://www.ubu.com/resources/" rel="nofollow">http://www.ubu.com/resources/</a> p.66 <a class="external free" href="https://bit.ly/2HN5IST" rel="nofollow">https://bit.ly/2HN5IST</a>
</pre>
<p><b>Content : What is in the library? How much?</b>
(PDF, VIDEO, AUDIO...) art, media, theater... in the contest of avant-gard in 2011 over 7,500 artists and over 2500 full-length avant-garde films and videos
Users: Who is using / uploading / downloading? editors + volunteers + users + artists
</p><p><b>Catalog: What is the system? How is it organised? How about its ontology?</b>
each section has an editor who brings to the site their area of expertise / structured as a research project, index with descriptions
</p><p><b>Infrastructure: What are technical specs? Software? Hardware?</b>
servers donated by several universities as a means of study
</p><p><b>Politics: What is the attitude?</b>
library which is ever-expanding in uncanny—and often uncategorizable—directions / no logo,advertise,donation / anti-institutional / Act as a museum
alternative by invoking a gift economy of plentitude with a strong emphasis on global education
Economy: Sponsors? Donation? Advertising? volunteering / no advertising / free download / autonomous no sponsors
Law: How does it interface? no financial interest but educational approach. VS copyright
</p>
<pre> PROJECT GUTENBERG <a class="external free" href="https://www.gutenberg.org/" rel="nofollow">https://www.gutenberg.org/</a>
</pre>
<p><b>Content: What is in the library? How much?</b>
Project Gutenberg started in 1971. Texts in the library are those that have entered the public domain after exceeding the statute of limitations (in 1971 it was 14 years after death of the author, then 28, now 50 years). The website offers 58,000+ free "eBooks" (ePUB, Kindle, HTML and plain text formats). The collection is described as being comprised of three core types of text, "light literature" (e.g. Alice In Wonderland), "heavy literature" (e.g. Shakespeare), and "references" (e.g. encyclopedias)
</p><p><b>Users: Who is using / uploading / downloading?</b>
Anyone can download without registering an account. Only the site admin can upload.
</p><p><b>Catalog: What is the system? How is it organised? How about its ontology?</b>
Indexed alphabetically by author, title, language, "special categories" and recent uploads. Also includes a search function based on U.S. Library of Congress Subject Headings (LCSH), and Yahoo and Google search (using metadata)
</p><p><b>Infrastructure: What are technical specs? Software? Hardware?</b>
Runs off a wiki. Hosted by ibiblio.org ("one of the largest free information databases online"). Accessed through the browser.
</p><p><b>Politics: What is the attitude? Based on democratic principle of shared knowledge.</b>
Operates (mostly) within the law. Heavily affiliated, with sister organisations in many countries, as well as partnerships with many other libraries and organisations that provide software to help read eBooks.
</p><p><b>Economy: Sponsors? Donation? Advertising?</b>
Project Gutenberg began with a serendipitous grant to Michael Hart (founder of Project Gutenberg) of an operator's account with $100,000,000 of computer time in it in 1971. Now, donations are accepted, run by volunteers (also makes calls for volunteer help - "digitizing, proofreading and formatting, recording audio books, or reporting errors").
</p><p><b>Law: How does it interface?</b>
(mostly) Legally, as most texts are within the public domain.
</p>
<h2><span id="Writing_task_with_Artemis_&amp;_Bo"></span><span class="mw-headline" id="Writing_task_with_Artemis_.26_Bo">Writing task with Artemis &amp; Bo</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Profiling_shadow_libraries&amp;action=edit&amp;section=T-2" title="Edit section: ">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p><br>
A) DESCRIPTION: an abstract of what each shadow library is [Steve suggests: make this 300 words or so]<br>
B) QUESTIONS: what type of questions does it raise? (e.g. what type of assumptions are implicit in its ontology?)
</p><p><br>
</p>
<pre> PROJECT GUTENBERG
</pre>
<p>Abstract — Project Gutenberg, initiated in 1971 by Michael Hart, is the world's oldest digital library of "eBooks", that is, books that are available electronically as PDFs, HTML, ePUB and plain text format. The collection has more recently expanded to include audio books, and texts in a variety of languages other than English. On the wiki-based website www.gutenberg.org, more than 58,000 eBooks are indexed by author, title, language and "recently posted". The search function allows users to look for titles by US Library of Congress search terms, as well as by going through Google and Yahoo metadata. The majority of these books are within the public domain and therefore free from copyright restrictions, although undoubtedly there are some that are orphaned by subsequent changes to US copyright terms (which in most cases of published texts, is now 70 years after the death of the author). Due to this, as well as differences in copyright law internationally, the complete legal legitimacy of its collection is in question, despite careful attempts to comply with US copyright law. It is important to note that Project Gutenberg is a project, rather than a single library, with sister affiliations in many countries (Project Gutenberg Australia, Project Gutenberg Europe among many others). This, alongside its non-profit stance (Project Gutenberg accepts donations, and also calls for volunteer help with proofreading and digitization of books, as well as recording audio books) lends moral legitimacy to its online distribution of texts.
</p><p>Questions —
Looks like a classic collection; the interface is classic; based on a wiki; speaks of legitimacy
</p><p><b>Who is responsible and what are they responsible for?</b>This is all the stuff that's in the public domain...<br>
<b>What could be the motivation to make such a library?</b><br>
<b>What values does it communicate?</b> Good. Air of legitimacy; “library of congress search terms” and google to collect information. On this way they seek legitimacy from the on-line and off-line agents.<br>
<b>What do they mean 'a project'? (is this an agent of legitimacy?)</b> Involves many people; projects into the future; mutable (not set in stone)<br>
<b>What is it filtered out and what are the political implications of that?</b><br>
<b>How does the codex form limit what is available?</b><br>
<b>Who does the library serve?</b> user friendly interface; Also limitations of content, classic collection<br>
<b>Who is responsible and what are they responsible for?</b>
</p><p><br>
</p>
<pre> AAAAARG.FAIL
</pre>
<p>Abstract — Out of the necessity for a library, for artist Sean Dockray's LA-based educational institution called "The Public School", aaaaarg.fail (formerly aaarg.org, then aaaarg.org) is a website that hosts a collection of mostly theory and critical theory texts, and an online forum for members. Access to the collection comes from registering an account (you must be invited by a member first). Members can upload and download texts, as well as request titles via the forum. The changes in the domain name for the library come from repeated copyright infringement allegations from publishers of works that have been made accessible on the site, including the Australian publisher Macmillan. The publisher hired Mark Taylor, a former music industry executive, who was instrumental in bringing forth a cease and desist order against aaarg.org. Dockray later called this "another case where university students are conceived of as consumers, as carriers of debt for everything from degrees to consumer electronics to intellectual property" (<a class="external free" href="http://unprojects.org.au/magazine/issues/issue-4-2/the-future-and-the-public-school/" rel="nofollow">http://unprojects.org.au/magazine/issues/issue-4-2/the-future-and-the-public-school/</a> ).
</p><p>Questions —
</p><p><b>Who does the library serve? (who are the customers?)</b> Intellectual snobs. You have to be invited<br>
<b>Forum? What affordance does that give?</b>Sociability? There is a set of manners<br>
The forum produces a text (a form of collective annotation); a discussion on the texts in the library. Because you can make requests it is much more personal. You can also select by "most requested", which means that a hierarchy of information is produced within the forum.(by the discussion of the members)<br>
</p><p><b>How is it different if you can participate in discussing the content of a library, than just be a viewer-receiver of the content?</b><br>
<b>Who is responsible and what are they responsible for?</b><br>
<b>How is it different to be an exclusive member in order to have access to the content of a library, compared to have no restrictions in accessing it?</b><br>
<b>How does the collection (and discourse around it) represent the members of the library?</b><br>
<b>If the library is based on user requests, it's a mirror of the members interests/social status/credentials/ideologies/clout</b><br>
<b>Does this platform require a certain degree of library literacy and research skills?</b><br>
<b>Does the background of the librarians affect the content presented in a library?</b><br>
</p><p><br>
</p>
<pre> UBUWEB.COM
</pre>
<p>Abstract — UbuWeb.com is a large web-based, free, non-commercial resource for avant-garde poetry, music, film, literature and more, founded in 1996 by poet Kenneth Goldsmith. It offers visual, concrete and sound poetry, expanding to include film and sound art mp3 archives. The site's architecture limits retrieval to keyword searching and browsing by media type and artist/project name. In addition, sustainability is a concern for this website as it was never intended to be a permanent archive. Still, there is no comparable commercial source for the content on UbuWeb so it is valuable as a resource for libraries to point users toward so long as librarians are aware of its limitations. It is a library which is ever-expanding in uncanny—and often uncategorizable—directions. Each section has an editor who brings to the site their area of expertise. UbuWeb is not n to any academic institution, instead relying on alliances of interest and benefiting from bandwidth donations from its partnerships with GreyLodge, WFMU, PennSound, The Electronic Poetry Center, The Center for Literary Computing, and ArtMob. UbuWeb was founded in response to the marginal distribution of crucial avant-garde material. It remains non-commercial and operates on a gift economy. UbuWeb ensures educational open access to out-of-print works that find a second life through digital art reprint while also representing the work of contemporaries. It addresses problems in the distribution of and access to intellectual materials.
</p><p>Questions —
</p><p><b>Who does the library serve?</b><br>
<b>What could be the motivation to make such a library?</b><br>
<b>What values does it communicate?</b><br>
<b>How can the material available in a library shape the discourse around a particular field?</b>
</p>
<!--
NewPP limit report
Cached time: 20200612082934
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.036 seconds
Real time usage: 0.066 seconds
Preprocessor visited node count: 14/1000000
Preprocessor generated node count: 52/1000000
Post‐expand include size: 12510/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 1933/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 52.007 1 -total
85.77% 44.608 1 User:Simon/Trim4/fieldwork/WdKA_Research_Station
13.28% 6.906 1 User:Simon/Profiling_shadow_libraries
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31692-0!canonical and timestamp 20200612082934 and revision id 173900
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

94
sketches/site4/From_the_Books:_SLV_RBRR_000-099.html
Unescape Escape View File

@ -1,94 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h2><span class="mw-headline" id="From_the_books:_SLV_RBRR_000-099">From the books: SLV RBRR 000-099</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/From_the_Books:_SLV_RBRR_000-099&amp;action=edit&amp;section=1" title="Edit section: From the books: SLV RBRR 000-099">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>Date of publication: March 2016<br>
Publisher: Print&gt;Imprint<br>
ISBN: 9780646954691<br>
Dewey number: 028.9099451
</p><p><br>
<i>From the books: SLV RBRR 000-099</i> is a publication that explores marks left in over 300 books by visitors to the 000-099 section of the State Library of Victoria (SLV) Redmond Barry Reading Room (RBRR). The tactile materiality of the publication is emphasised by its form; section-sewn, with an unglued spine, allowing it to incorporate other components of the publication; such as a zine (with a commissioned essay by Federico Antonini) tucked inside the front cover, and a collection of 4" x 6" photographs taken at the SLV which are randomly inserted between pages. Transcripts of sounds recorded in the RBRR appear as intermittent typographic spreads within the layout. On the cover of the book is a list of the terms we defined to categorise the types of marks discovered. The preface to the book is an essay I wrote on the changing role of libraries, and in the end-matter there is a tongue-in-cheek "bibliography" which gives publication details and a Dewey Decimal reference of each book that appears in the publication. The marks we catalogued include (but are not limited to) examples such as marginalia, underlined text, dog-ears, stains, wear and tear, and objects left within books, such as photographs, scraps of paper or letters to future readers.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_01.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/c/c9/FTB_01.jpeg/120px-FTB_01.jpeg" srcset="/mw-mediadesign/images/thumb/c/c9/FTB_01.jpeg/180px-FTB_01.jpeg 1.5x, /mw-mediadesign/images/thumb/c/c9/FTB_01.jpeg/240px-FTB_01.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Front cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_02.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/0/09/FTB_02.jpeg/120px-FTB_02.jpeg" srcset="/mw-mediadesign/images/thumb/0/09/FTB_02.jpeg/180px-FTB_02.jpeg 1.5x, /mw-mediadesign/images/thumb/0/09/FTB_02.jpeg/240px-FTB_02.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Inside front cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_03.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/6/64/FTB_03.jpeg/120px-FTB_03.jpeg" srcset="/mw-mediadesign/images/thumb/6/64/FTB_03.jpeg/180px-FTB_03.jpeg 1.5x, /mw-mediadesign/images/thumb/6/64/FTB_03.jpeg/240px-FTB_03.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>A defaced page from Copernicus' <i>De revolutionibus orbium coelestium</i>, held in the SLV rare books collection
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_04.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/d/d1/FTB_04.jpeg/120px-FTB_04.jpeg" srcset="/mw-mediadesign/images/thumb/d/d1/FTB_04.jpeg/180px-FTB_04.jpeg 1.5x, /mw-mediadesign/images/thumb/d/d1/FTB_04.jpeg/240px-FTB_04.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Sounds from the Redmond Barry Reading Room
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_05.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/f/f7/FTB_05.jpeg/120px-FTB_05.jpeg" srcset="/mw-mediadesign/images/thumb/f/f7/FTB_05.jpeg/180px-FTB_05.jpeg 1.5x, /mw-mediadesign/images/thumb/f/f7/FTB_05.jpeg/240px-FTB_05.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Spread with insert
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_06.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/0/0c/FTB_06.jpeg/120px-FTB_06.jpeg" srcset="/mw-mediadesign/images/thumb/0/0c/FTB_06.jpeg/180px-FTB_06.jpeg 1.5x, /mw-mediadesign/images/thumb/0/0c/FTB_06.jpeg/240px-FTB_06.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Zine with essay by Federico Antonini
</p>
</div>
</div></li>
</ul>
<p><br>
The publication developed from a collaborative research project with graphic designer Masaki Miwa. This initially involved a time-consuming process in which we removed each book, inspected for marks, scanned results, and then identified, catalogued and inserted them into the layout of the publication. The process of identifying marks and ascribing meaning to them prompted questions of intent and conventions within mark-making. Other research included interviews with librarians at the SLV on marks within rare books. A key development from this research was the discovery of how mark-making can indicate provenance, (e.g. markings on a map which can determine that it was owned by Captain James Cook) or give certain historical value to books, that result in relocation to less publicly-accessible areas of the library. The photographs and transcriptions of sounds were included in order to give an impression (beyond the merely textual) of this particular area of the SLV. In order to contextualise our findings within a wider realm of public discourse on the social role of libraries, I wrote an essay on the contemporary shift from libraries acting as repositories of knowledge to active social spaces as collections are slowly being digitised. Federico Antonini's essay explores mark-making as a deliberate creative strategy in the design of artist's books, offering speculative answers to questions of intent and meaning around the marks we discovered in the SLV.
</p><p>The project began with an interest in this phenomenon, and curiosity about the possible intentions of mark-makers. Part of my own interest was from a typographic perspective, exploring the range of symbols used when marking texts. Through our research we became interested in this phenomenon of books being used as vehicles for communication by readers, and through categorising them and exploring commonalities in mark-making, attempt a kind of subjective taxonomy within the limited context of this section, at that particular time in history. Our interviews with SLV librarians and research into the shifting role of libraries prompted us to expand the scope of our publication beyond the small section of books we surveyed, and connect our research to a wider contemporary discourse on attitudes towards libraries. The publication was (perhaps ironically) acquired by the SLV, and now sits within its collection of artist's books.
</p>
<!--
NewPP limit report
Cached time: 20200610083231
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.052 seconds
Real time usage: 0.093 seconds
Preprocessor visited node count: 11/1000000
Preprocessor generated node count: 52/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 3551/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31599-0!canonical and timestamp 20200610083231 and revision id 173427
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

94
sketches/site4/From_the_Books_SLV_RBRR_000-099.html
Unescape Escape View File

@ -1,94 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h2><span class="mw-headline" id="From_the_books:_SLV_RBRR_000-099">From the books: SLV RBRR 000-099</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/From_the_Books:_SLV_RBRR_000-099&amp;action=edit&amp;section=1" title="Edit section: From the books: SLV RBRR 000-099">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
<p>Date of publication: March 2016<br>
Publisher: Print&gt;Imprint<br>
ISBN: 9780646954691<br>
Dewey number: 028.9099451
</p><p><br>
<i>From the books: SLV RBRR 000-099</i> is a publication that explores marks left in over 300 books by visitors to the 000-099 section of the State Library of Victoria (SLV) Redmond Barry Reading Room (RBRR). The tactile materiality of the publication is emphasised by its form; section-sewn, with an unglued spine, allowing it to incorporate other components of the publication; such as a zine (with a commissioned essay by Federico Antonini) tucked inside the front cover, and a collection of 4" x 6" photographs taken at the SLV which are randomly inserted between pages. Transcripts of sounds recorded in the RBRR appear as intermittent typographic spreads within the layout. On the cover of the book is a list of the terms we defined to categorise the types of marks discovered. The preface to the book is an essay I wrote on the changing role of libraries, and in the end-matter there is a tongue-in-cheek "bibliography" which gives publication details and a Dewey Decimal reference of each book that appears in the publication. The marks we catalogued include (but are not limited to) examples such as marginalia, underlined text, dog-ears, stains, wear and tear, and objects left within books, such as photographs, scraps of paper or letters to future readers.
</p>
<ul class="gallery mw-gallery-traditional">
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_01.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/c/c9/FTB_01.jpeg/120px-FTB_01.jpeg" srcset="/mw-mediadesign/images/thumb/c/c9/FTB_01.jpeg/180px-FTB_01.jpeg 1.5x, /mw-mediadesign/images/thumb/c/c9/FTB_01.jpeg/240px-FTB_01.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Front cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_02.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/0/09/FTB_02.jpeg/120px-FTB_02.jpeg" srcset="/mw-mediadesign/images/thumb/0/09/FTB_02.jpeg/180px-FTB_02.jpeg 1.5x, /mw-mediadesign/images/thumb/0/09/FTB_02.jpeg/240px-FTB_02.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Inside front cover
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_03.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/6/64/FTB_03.jpeg/120px-FTB_03.jpeg" srcset="/mw-mediadesign/images/thumb/6/64/FTB_03.jpeg/180px-FTB_03.jpeg 1.5x, /mw-mediadesign/images/thumb/6/64/FTB_03.jpeg/240px-FTB_03.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>A defaced page from Copernicus' <i>De revolutionibus orbium coelestium</i>, held in the SLV rare books collection
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_04.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/d/d1/FTB_04.jpeg/120px-FTB_04.jpeg" srcset="/mw-mediadesign/images/thumb/d/d1/FTB_04.jpeg/180px-FTB_04.jpeg 1.5x, /mw-mediadesign/images/thumb/d/d1/FTB_04.jpeg/240px-FTB_04.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Sounds from the Redmond Barry Reading Room
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_05.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/f/f7/FTB_05.jpeg/120px-FTB_05.jpeg" srcset="/mw-mediadesign/images/thumb/f/f7/FTB_05.jpeg/180px-FTB_05.jpeg 1.5x, /mw-mediadesign/images/thumb/f/f7/FTB_05.jpeg/240px-FTB_05.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Spread with insert
</p>
</div>
</div></li>
<li class="gallerybox" style="width: 155px"><div style="width: 155px">
<div class="thumb" style="width: 150px;"><div style="margin:35px auto;"><a class="image" href="File:FTB_06.jpeg.html"><img alt="" decoding="async" height="80" src="/mw-mediadesign/images/thumb/0/0c/FTB_06.jpeg/120px-FTB_06.jpeg" srcset="/mw-mediadesign/images/thumb/0/0c/FTB_06.jpeg/180px-FTB_06.jpeg 1.5x, /mw-mediadesign/images/thumb/0/0c/FTB_06.jpeg/240px-FTB_06.jpeg 2x" width="120"></a></div></div>
<div class="gallerytext">
<p>Zine with essay by Federico Antonini
</p>
</div>
</div></li>
</ul>
<p><br>
The publication developed from a collaborative research project with graphic designer Masaki Miwa. This initially involved a time-consuming process in which we removed each book, inspected for marks, scanned results, and then identified, catalogued and inserted them into the layout of the publication. The process of identifying marks and ascribing meaning to them prompted questions of intent and conventions within mark-making. Other research included interviews with librarians at the SLV on marks within rare books. A key development from this research was the discovery of how mark-making can indicate provenance, (e.g. markings on a map which can determine that it was owned by Captain James Cook) or give certain historical value to books, that result in relocation to less publicly-accessible areas of the library. The photographs and transcriptions of sounds were included in order to give an impression (beyond the merely textual) of this particular area of the SLV. In order to contextualise our findings within a wider realm of public discourse on the social role of libraries, I wrote an essay on the contemporary shift from libraries acting as repositories of knowledge to active social spaces as collections are slowly being digitised. Federico Antonini's essay explores mark-making as a deliberate creative strategy in the design of artist's books, offering speculative answers to questions of intent and meaning around the marks we discovered in the SLV.
</p><p>The project began with an interest in this phenomenon, and curiosity about the possible intentions of mark-makers. Part of my own interest was from a typographic perspective, exploring the range of symbols used when marking texts. Through our research we became interested in this phenomenon of books being used as vehicles for communication by readers, and through categorising them and exploring commonalities in mark-making, attempt a kind of subjective taxonomy within the limited context of this section, at that particular time in history. Our interviews with SLV librarians and research into the shifting role of libraries prompted us to expand the scope of our publication beyond the small section of books we surveyed, and connect our research to a wider contemporary discourse on attitudes towards libraries. The publication was (perhaps ironically) acquired by the SLV, and now sits within its collection of artist's books.
</p>
<!--
NewPP limit report
Cached time: 20200610083231
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.052 seconds
Real time usage: 0.093 seconds
Preprocessor visited node count: 11/1000000
Preprocessor generated node count: 52/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 3551/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31599-0!canonical and timestamp 20200610083231 and revision id 173427
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

48
sketches/site4/Glossing.html
Unescape Escape View File

@ -1,48 +0,0 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tasks of the Contingent Librarian</title>
<link rel="stylesheet" type="text/css" href="tasks.css">
<script src="tasks.js"></script>
</head>
<body>
<div class="card"><DOCUMENT_FRAGMENT><div class="mw-parser-output"><h1><span class="mw-headline" id="glossing">glossing</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/mw-mediadesign/index.php?title=User:Simon/Glossing&amp;action=edit&amp;section=1" title="Edit section: glossing">edit</a><span class="mw-editsection-bracket">]</span></span></h1>
<p>see also <a href="Annotating.html" title="User:Simon/Annotating">annotating</a>, <a href="Multiplying_form.html" title="User:Simon/Multiplying form">multiplying form</a>, <a href="Producing_texts.html" title="User:Simon/Producing texts">producing texts</a>, <a href="Writing.html" title="User:Simon/Writing">writing</a>
</p><p>A glossary is a list of terms defined in relation to the specificity of the text. Glossaries aid reading comprehension, and also establish the presence of the readers. <i>Glossing</i> (from Late Latin <i>glossa</i> "obsolete or foreign word") was a medieval technique of adding commentaries to the main text of illuminated manuscripts. Glossators would add small handwritten notes and illustrations in between the lines and in the margins. Reading between the lines opened the text up for various interpretations, and illustrations served as mnemonic aids to assist readers to recall information. <sup class="reference" id="cite_ref-1"><a href="#cite_note-1">[1]</a></sup>
</p><p>The texts written on these cards constitute a glossary which defines the tasks of the Contingent Librarian.
</p><p>Image: A glossed manuscript of a late-thirteenth-century Latin translation of a medical work by Hippocrates
</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">Hobart, M.E. and Schiffman, Z.S. (1998) <i>Information ages: literacy, numeracy, and the computer revolution</i>. Baltimore: Johns Hopkins University Press.</span>
</li>
</ol></div>
<!--
NewPP limit report
Cached time: 20200617092207
Cache expiry: 86400
Dynamic content: false
CPU time usage: 0.022 seconds
Real time usage: 0.045 seconds
Preprocessor visited node count: 14/1000000
Preprocessor generated node count: 58/1000000
Post‐expand include size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
Highest expansion depth: 2/40
Expensive parser function count: 0/100
Unstrip recursion depth: 0/20
Unstrip post‐expand size: 438/5000000 bytes
-->
<!--
Transclusion expansion time report (%,ms,calls,template)
100.00% 0.000 1 -total
-->
<!-- Saved in parser cache with key wdka_mw_mediadesign-mw_:pcache:idhash:31447-0!canonical and timestamp 20200617092207 and revision id 173956
-->
</div></DOCUMENT_FRAGMENT></div>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show More

Write Preview
Loading…
Cancel
Save