mb
/
volumetric-regimes-book
1
0
Fork 0
Code Issues 7 Pull Requests Projects Releases Wiki Activity
Browse Source

updating the files to the latest version, almost there

master
mb 2 years ago
parent
3a5a064dc7
commit
3f951871f1
10 changed files with 406 additions and 114 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      command-line/Makefile
  2. BIN
      command-line/cover/cover-23-05-2022.pdf
  3. BIN
      command-line/cover/cover-template-indesign.idml
  4. 163
      command-line/cover/cover.css
  5. 28
      command-line/cover/cover.html
  6. 229
      command-line/cover/cover.sla
  7. 2
      command-line/css/baseline.css
  8. 69
      command-line/css/print.css
  9. 2
      command-line/templates/template.html
  10. 25
      command-line/update.py

2
command-line/Makefile
View File

@ -25,7 +25,7 @@ multi:
interior: multi
# ---
# take cover out of the PDF (only select pages 3-344 + 2 extra white pages)
@pdftk Unfolded-with-Multi.pdf cat 3-346 output Unfolded-interior.pdf
@pdftk Unfolded-with-Multi.pdf cat 3-342 output Unfolded-interior.pdf
upload:
# ---

BIN
command-line/cover/cover-23-05-2022.pdf
View File

Binary file not shown.

BIN
command-line/cover/cover-template-indesign.idml
View File

Binary file not shown.

163
command-line/cover/cover.css
View File

@ -11,31 +11,31 @@
@font-face{
font-family: "bitter";
src: url(fonts/Bitter-Medium.ttf);
src: url(../fonts/Bitter-Medium.ttf);
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: "bitter";
src: url(fonts/Bitter-MediumItalic.ttf);
src: url(../fonts/Bitter-MediumItalic.ttf);
font-weight: normal;
font-style: italic;
}
@font-face{
font-family: "bitter";
src: url(fonts/Bitter-Bold.ttf);
src: url(../fonts/Bitter-Bold.ttf);
font-weight: bold;
font-style: normal;
}
@font-face{
font-family: "bitter";
src: url(fonts/Bitter-BoldItalic.ttf);
src: url(../fonts/Bitter-BoldItalic.ttf);
font-weight: bold;
font-style: italic;
}
@font-face{
font-family: "bitter_semi";
src: url(fonts/Bitter-SemiBold.ttf);
src: url(../fonts/Bitter-SemiBold.ttf);
font-weight: normal;
font-style: normal;
}
@ -54,94 +54,112 @@ body{
size: 324.6mm 229mm; /* Based on calculations: 323.4, based on canvas template: 324.6 ....... */
orientation: landscape;
bleed: 3mm;
/*marks: crop;*/
background: linear-gradient(180deg, #3741ea, #c0c1e7);
margin: 0;
marks: crop;
padding: 0;
color: white;
}
div#cover,
div#spine,
div#backcover{
div.cover,
div.spine,
div.backcover{
position: relative;
display: inline-block;
height: 229mm;
/*border: 1px solid green;*/
vertical-align: top;
}
div#cover,
div#backcover{
div.cover,
div.backcover{
width: 152mm;
hyphens: none;
padding: 0 16mm 0 47mm;
border: 1px solid green;
}
div#cover,
div#cover ul li,
div#backcover b,
div#spine{
font-size: 17pt;
div.cover,
div.cover ul li,
div.backcover b{
font-size: var(--h2-font-size);
font-family: "bitter_semi";
line-height: 1.4;
line-height: var(--h2-line-height);
letter-spacing: 0.025em;
color: white;
font-weight: bold;
}
div#cover p,
div#backcover p{
margin-top: 0;
margin-bottom: var(--line-height);
}
div#cover p.title,
div#backcover p.title{
margin-top: 7.54mm !important;
}
div#cover p.title + p,
div#backcover p.title + p{
margin-top: -3mm !important;
}
div#cover ul{
padding: 0;
margin: 2em 0;
}
div#cover ul li{
list-style: none;
margin-bottom: 0.1em !important;
div.cover{
padding: 6mm 27mm 0 41mm;
/* margin-top: 17mm, margin-left: 41mm */
}
div#backcover b{
margin-left: 0;
}
p#multi{
position: absolute;
top: 44mm;
right: 7mm;
width: 150mm;
z-index: 1;
/*border: 1px solid blue;*/
div.cover p.title,
div.backcover p.title{
width: 300px;
hyphens: none;
}
div.cover p.title + p,
div.backcover p.title + p{
/*margin-top: -3mm !important;*/
}
div.cover ul{
padding: 0;
margin: 1.5em 0 !important;
}
div.cover ul li{
margin-bottom: 0.1em !important;
list-style: none;
}
p#multi{
position: absolute;
top: 29mm;
right: 5mm;
width: 150mm;
z-index: 1;
/*border: 1px solid blue;*/
}
div.backcover{
padding: 8mm 21mm 0 42mm;
/* margin-top: 17mm, margin-left: 42mm */
}
div#backcover p#logo-title{
width: 50mm;
margin-left: -23mm;
margin-top: 17.5mm !important;
}
div#backcover p#barcode {
bottom: 9mm;
position: absolute;
left: 88mm;
}
div#spine{
width: 19.4mm;
div.backcover b{
margin-left: 0;
}
div.backcover p{
margin-bottom: var(--line-height);
}
div.backcover p:first-of-type{
margin-bottom: 9px !important;
}
div.backcover div.barcode img{
position: absolute;
width: 45mm;
right: 14mm; /* margin-right: 14mm */
bottom: 16mm; /* margin-bottom: 16mm */
}
div.backcover div.logo-ohp img{
position: absolute;
width: 50mm;
left: 12mm; /* margin-left: 12mm */
bottom: 17mm; /* margin-bottom: 19mm */
}
div.spine{
position: relative;
width: 19.4mm; /* size of the spine mentioned in template */
/*border-left: 1px solid magenta;*/
/*border-right: 1px solid magenta;*/
}
div#spine p#title{
div.spine p#title{
position: absolute;
top: 22mm;
top: 25mm;
transform: rotate(90deg);
transform-origin: 8% -4%;
width: 229mm;
height: 15mm;
font-size: var(--h2-font-size);
font-family: "bitter_semi";
line-height: var(--h2-line-height);
letter-spacing: 0.025em;
padding-top: 1mm;
/*border: 1px solid lime;*/
}
div#spine p#multi-small {
div.spine p#multi-small {
position: absolute;
top: 114mm;
width: 18mm;
@ -149,19 +167,19 @@ div#spine{
margin: 0 0.7mm;
padding: 0;
}
div#spine p#logo {
div.spine p#logo {
position: absolute;
bottom: 10mm;
width: 8mm;
width: 9mm;
height: auto;
margin: 0 5.2mm;
padding: 0;
}
div#backcover p#logo-title img,
div#spine p#multi-small img,
div#spine p#multi img,
div#spine p#logo img{
div.backcover p#logo-title img,
div.spine p#multi-small img,
div.spine p#multi img,
div.spine p#logo img{
width: 100%;
}
@ -173,3 +191,4 @@ a:hover{
text-decoration: none;
page-break-inside: avoid;
}

28
command-line/cover/cover.html
View File

@ -8,30 +8,29 @@
</head>
<body>
<div id="wrapper">
<div id="backcover">
<p class="title"><b>DATA browser 08<br />VOLUMETRIC REGIMES:<br />Material cultures of<br> quantified presence</b>
</p><p>Edited by Possible Bodies
</p><p>3D computation has historically co-evolved with Modern technosciences, and aligned with the regimes of optimiza-<wbr>tion, normalization and hegemonic world order. The lega-<wbr>cies and projections of industrial development leave traces of that imaginary and tell the stories of a lively tension between “the probable” and “the possible”. Defined as the techniques for measuring volumes, volumetrics all too easily (re)produce and accentuate the probable, and this process is intensified within the technocratic realm of contemporary hyper-computation.
</p><p>This book brings together diverse materials from an ongoing trans<span class="star">✶</span>feminist conversation between artists, software developers and theorists working with techniques and technologies for detecting, tracking, capturing, printing, modeling and rendering volumes.
</p><p>CONTRIBUTORS:
</p><p>Manetta Berends, Sophie Boiron, Maria Dada, Pierre Huyghebaert, Phil Langley, Nicolas Malevé, Romi Ron Morrison, Simone C Niquille, Possible Bodies, Helen V. Pritchard, Blanca Pujals, Jara Rocha, Sina Seifee, Femke Snelting, Spec, The Underground Division, Kym Ward
</p>
<div class="backcover">
<p class="title"><b>DATA browser 08<br />VOLUMETRIC REGIMES:<br />Material cultures of quantified presence</b></p>
<p>Edited by Possible Bodies</p>
<p>3D computation has historically co-evolved with Modern technosciences, and aligned with the regimes of optimiza-<wbr>tion, normalization and hegemonic world order. The lega-<wbr>cies and projections of industrial development leave traces of that imaginary and tell the stories of a lively tension <br>between “the probable” and “the possible”. Defined as the techniques for measuring volumes, volumetrics all too easily (re)produce and accentuate the probable, and this process is intensified within the technocratic realm of <br>contemporary hyper-computation.</p>
<p>This book brings together diverse materials from an <br>ongoing trans<span class="star">✶</span>feminist conversation between artists, software developers and theorists working with <br>techniques and technologies for detecting, tracking, <br>capturing, printing, modeling and rendering volumes.</p>
<p>CONTRIBUTORS:</p>
<p>Manetta Berends, Sophie Boiron, Maria Dada, Pierre Huyghebaert, Phil Langley, Nicolas Malevé, Romi Ron Morrison, Simone C Niquille, Possible Bodies, Helen V. Pritchard, Blanca Pujals, Jara Rocha, Sina Seifee, Femke Snelting, Spec, The Underground Division, Kym Ward</p>
<p><a rel="nofollow" class="external text" href="http://www.data-browser.net">www.data-browser.net</a></p>
<p id="logo-title"><img src="OHP-logo-title.svg" /></p>
<p id="barcode"><img src="barcode.svg" /></p>
<div class="logo-ohp"><img src="OHP-logo-title.svg" /></div>
<div class="barcode"><img src="barcode.png" /></div>
</div>
<div id="spine">
<div class="spine">
<p id="title">DATA browser 08<br />VOLUMETRIC REGIMES<!-- : Material cultures of quantified presence --></p>
<p id="multi-small"><img src="multi-remix.svg" /></p>
<p id="logo"><img src="OHP-logo.svg" /></p>
</div>
<div id="cover">
<div class="cover">
<p id="multi"><img src="multi-remix.svg" /></p>
<p class="title">DATA browser 08<br />
VOLUMETRIC REGIMES: <br />
Material cultures of<br> quantified presence
Material cultures of quantified presence
</p>
<ul><li>Possible Bodies</li>
<li>Blanca Pujals</li>
@ -50,6 +49,7 @@
<li>Romi Ron Morrison</li>
<li>The Underground Division</li>
<li>Manetta Berends</li></ul>
</div>
</div>
</div>
</body>

229
command-line/cover/cover.sla
View File

File diff suppressed because one or more lines are too long

2
command-line/css/baseline.css
View File

@ -15,5 +15,5 @@
background-size: cover;
background-repeat: repeat-y;
/* start of the first baseline: half of the line-height: 18px / 2 = 9px */
background-position-y: 14px;
background-position-y: 7px;
}

69
command-line/css/print.css
View File

@ -96,8 +96,8 @@ body{
/*size: 164mm 237mm;*/ /* Size of the physical printed DB06 book */
/*size: 576px 864px;*/
size: 152mm 229mm;
/*bleed: 3mm; */
/*marks: crop;*/ /* needs to stay off for the final print files */
bleed: 3mm; /* ON for final print files */
/*marks: crop;*/ /* OFF for the final print files */
@bottom-center{
content: counter(page);
@ -345,12 +345,17 @@ div.backcover{
div.backcover{
color: white;
margin: -4mm 0 0 24mm; /* margin-top: 17mm, margin-left: 42mm */
/*height: 200mm;*/
}
div.backcover b{
display: block;
margin-left: 0;
margin-right: 0;
max-width: 300px;
}
div.backcover p{
margin-bottom: var(--line-height);
margin-right: -8mm;
}
div.backcover p:first-of-type{
margin-bottom: 9px !important;
@ -784,8 +789,7 @@ img{
margin-left: -7mm !important; /* same as first-indent but inverted */
}
div.portrait div.thumb img{
width: auto !important;
min-width: 60mm;
width: 63mm;
}
div.fullpage{
page: fullpage !important;
@ -802,8 +806,8 @@ img{
div.fullpage.circluding{
position: absolute;
background-size: contain;
width: 155.4mm;
height: 234.6mm;
width: 155mm;
height: 235mm;
top: -3mm;
page-break-before: always;
}
@ -820,22 +824,53 @@ img{
}
div.fullpage div.thumb img{
/* PREVIEW PDF -- these sizes only apply for the preview view! no bleed */
/*width: 152.4mm;
/*width: 152mm;
max-width: none;
height: 228.6mm;
height: 229mm;
max-height: 228.6mm;
margin: -3mm 0 0mm -7mm !important;*/
/* PRINT PDF -- these sizes only apply when the bleed is turned on */
width: 155.4mm;
width: 155mm;
max-width: none;
max-height: 234.6mm;
max-height: 235mm;
margin-top: 0mm !important;
margin-bottom: 0 !important;
margin-left: -3mm !important;
}
img[src="./images/Topology-typography-2B.svg"]{
page-break-after: always;
}
/* Placement of full page images in Spec's contribution */
div.contribution.romance div.fullpage{
position: absolute;
background-size: contain;
width: 155mm;
height: 235mm;
top: 0mm;
page-break-after: always;
}
div.contribution.romance div.fullpage div.thumb img{
width: 152mm !important;
height: 232mm !important;
/*margin-bottom: -3mm !important;*/
margin-left: 0mm !important;
}
div[data-page-number="184"] div.fullpage div.thumb img{
background-image: url(../images/Topology-typography-1A.png);
}
div[data-page-number="185"] div.fullpage div.thumb img{
background-image: url(../images/Topology-typography-1B.png);
}
div[data-page-number="186"] div.fullpage div.thumb img{
background-image: url(../images/Topology-typography-2A.png);
}
div[data-page-number="187"] div.fullpage div.thumb img{
background-image: url(../images/Topology-typography-2B.png);
}
/* Placement of full page images on right pages in Spec's contribution */
/*div[data-page-number="185"] div.fullpage div.thumb img,
div[data-page-number="187"] div.fullpage div.thumb img{
margin-left: 0mm !important;
}*/
/* Exception for User Info large small image */
div.special_image_treatment.userinfo img{
@ -892,7 +927,7 @@ img{
margin-top: 17px;
}
div[data-page-number="33"] div.thumb{
margin-bottom: 14px;
margin-top: -11px;
}
div[data-page-number="34"] div.thumb{
margin-top: 24px;
@ -925,8 +960,8 @@ img{
margin-bottom: 27px;
}
div[data-page-number="46"] div.thumb{
margin-top: 16px;
margin-bottom: 15px;
margin-top: 20px;
margin-bottom: 21px;
}
div[data-page-number="49"] div.thumb{
margin-bottom: 16px;
@ -1022,7 +1057,7 @@ img{
margin-bottom: 26px;
}
div[data-page-number="193"] div.thumb{
margin-top: -4px;
margin-top: -1px;
}
div[data-page-number="201"] p.image{
margin-top: 21px;

2
command-line/templates/template.html
View File

@ -5,7 +5,7 @@
<link href="./css/pagedjs.css" rel="stylesheet" type="text/css">
<link href="./css/print.css" rel="stylesheet" type="text/css" media="print">
<!-- BASELINE GRID -->
<link href="./css/baseline.css" rel="stylesheet" type="text/css" media="print">
<!-- <link href="./css/baseline.css" rel="stylesheet" type="text/css" media="print"> -->
<!-- ------------- -->
<script>
// Hyphenopoly is used for the hyphenation of the book.

25
command-line/update.py
View File

@ -158,14 +158,14 @@ def tweaking(html):
html = html.replace('srcset="./images/Userinfo.jpg 1.5x, ./images/Userinfo.jpg 2x"', 'srcset="./images/Userinfo.svg 1.5x, ./images/Userinfo.svg 2x"') # This image is not on the wiki
html = html.replace('src="./images/Continuum_brighton.png"', 'src="./images/Continuum_brighton.svg"') # This image is not on the wiki
html = html.replace('srcset="./images/Continuum_brighton.png 1.5x, ./images/Continuum_brighton.png 2x"', 'srcset="./images/Continuum_brighton.svg 1.5x, ./images/Continuum_brighton.svg 2x"') # This image is not on the wiki
html = html.replace('src="./images/Topology-typography-1A.png"', 'src="./images/Topology-typography-1A.svg"') # This image is not on the wiki
html = html.replace('src="./images/Topology-typography-1B.png"', 'src="./images/Topology-typography-1B.svg"') # This image is not on the wiki
html = html.replace('src="./images/Topology-typography-2A.png"', 'src="./images/Topology-typography-2A.svg"') # This image is not on the wiki
html = html.replace('src="./images/Topology-typography-2B.png"', 'src="./images/Topology-typography-2B.svg"') # This image is not on the wiki
html = html.replace('srcset="./images/Topology-typography-1A.png"', 'srcset="./images/Topology-typography-1A.svg"') # This image is not on the wiki
html = html.replace('srcset="./images/Topology-typography-1B.png"', 'srcset="./images/Topology-typography-1B.svg"') # This image is not on the wiki
html = html.replace('srcset="./images/Topology-typography-2A.png"', 'srcset="./images/Topology-typography-2A.svg"') # This image is not on the wiki
html = html.replace('srcset="./images/Topology-typography-2B.png"', 'srcset="./images/Topology-typography-2B.svg"') # This image is not on the wiki
# html = html.replace('src="./images/Topology-typography-1A.png"', 'src="./images/Topology-typography-1A.svg"') # This image is not on the wiki
# html = html.replace('src="./images/Topology-typography-1B.png"', 'src="./images/Topology-typography-1B.svg"') # This image is not on the wiki
# html = html.replace('src="./images/Topology-typography-2A.png"', 'src="./images/Topology-typography-2A.svg"') # This image is not on the wiki
# html = html.replace('src="./images/Topology-typography-2B.png"', 'src="./images/Topology-typography-2B.svg"') # This image is not on the wiki
# html = html.replace('srcset="./images/Topology-typography-1A.png"', 'srcset="./images/Topology-typography-1A.svg"') # This image is not on the wiki
# html = html.replace('srcset="./images/Topology-typography-1B.png"', 'srcset="./images/Topology-typography-1B.svg"') # This image is not on the wiki
# html = html.replace('srcset="./images/Topology-typography-2A.png"', 'srcset="./images/Topology-typography-2A.svg"') # This image is not on the wiki
# html = html.replace('srcset="./images/Topology-typography-2B.png"', 'srcset="./images/Topology-typography-2B.svg"') # This image is not on the wiki
html = html.replace('trans*feminis', 'trans✶feminis') # changing stars
html = html.replace('Trans*feminis', 'Trans✶feminis') # changing stars
html = html.replace('star (*)', 'star (✶)') # changing stars
@ -236,6 +236,15 @@ def tweaking(html):
html = html.replace('.png', '.jpg') # Using only jpg version of the images, June 2022
html = html.replace('.gif', '.jpg') # Using only jpg version of the images, June 2022
html = html.replace('Topology-typography-1A.jpg', 'Topology-typography-1A.png') # Using png's for Spec, Aug 2022
html = html.replace('Topology-typography-1B.jpg', 'Topology-typography-1B.png') # Using png's for Spec, Aug 2022
html = html.replace('Topology-typography-2A.jpg', 'Topology-typography-2A.png') # Using png's for Spec, Aug 2022
html = html.replace('Topology-typography-2B.jpg', 'Topology-typography-2B.png') # Using png's for Spec, Aug 2022
html = html.replace('<div class="contribution 2.5d-romance">', '<div class="contribution romance">') # Aug 2022
html = html.replace('''</p><p>3D computation has historically co-evolved with Modern technosciences, and aligned with the regimes of optimization, normalization and hegemonic world order. The legacies and projections of industrial development leave traces of that imaginary and tell the stories of a lively tension between “the probable” and “the possible”. Defined as the techniques for measuring volumes, volumetrics all too easily (re)produce and accentuate the probable, and this process is intensified within the technocratic realm of contemporary hyper-computation.
</p><p>This book brings together diverse materials from an ongoing trans<span class="star">✶</span>feminist conversation between artists, software developers and theorists working with <br>techniques and technologies for detecting, tracking, capturing, printing, modeling and rendering volumes.''', '''</p><p>3D computation has historically co-evolved with Modern technosciences, and aligned with the regimes of optimiza-<br>tion, normalization and hegemonic world order. The lega-<br>cies and projections of industrial development leave traces of that imaginary and tell the stories of a lively tension <br>between “the probable” and “the possible”. Defined as the techniques for measuring volumes, volumetrics all too easily (re)produce and accentuate the probable, and this process is intensified within the technocratic realm of <br>contemporary hyper-computation.
</p><p>This book brings together diverse materials from an ongoing trans<span class="star">✶</span>feminist conversation between artists, software developers and theorists working with <br>techniques and technologies for detecting, tracking, capturing, printing, modeling and rendering volumes.''') # Aug 2022
return html

Write Preview
Loading…
Cancel
Save