The Tuberculosis Specimen

X.2.1: Opacity Functions

Introduction

Specimen Studies
0.1.1 | 0.1.2 | 0.1.3 | 0.1.4 | 0.1.5
Methods
0.2.1 | 0.2.2
The Structure of this Dissertation
0.3.1

Tuberculosis' Visual Culture

Visual Practices in Medical Culture
1.1.1 | 1.1.2 | 1.1.3
Seeing and Settling in the Sanatorium Movement
1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5
Teaching Public Health
1.3.1 | 1.3.2 | 1.3.3 | 1.3.4 | 1.3.5
Representing Doctors in Tuberculous Contexts
1.4.1 | 1.4.2

Using Human Specimens in the Study of Tuberculosis

Seeing Disease in Methyl Violet
2.1.1 | 2.1.2 | 2.1.3 | 2.1.4
Case Histories
2.2.1 | 2.2.2 | 2.2.3 | 2.2.4
Visceral Processes
2.3.1 | 2.3.2
Relation
2.4.1 | 2.4.2 | 2.4.3

Arts-Based Inquiry

Introduction
3.1.1 | 3.1.2 | 3.1.3 | 3.1.4
Terminal Imaginaries & Tuberculous Imaginaries
3.2.1 | 3.2.2 | 3.2.3 | 3.2.4 | 3.2.5 | 3.2.6
Dermographic Opacities
3.3.1 | 3.3.2 | 3.3.3 | 3.3.4
Tactical Pretensions
3.4.1 | 3.4.2 | 3.4.3

Designing Opacity

A Shift towards the Anticolonial
4.1.1 | 4.1.2 | 4.1.3 | 4.1.4
Refusals and Opacities
4.2.1 | 4.2.2 | 4.2.3 | 4.2.4
Digital and Ethical Workflows
4.3.1 | 4.3.2 | 4.3.3 | 4.3.4 | 4.3.5
Conclusion
4.4.1

Coda

Prometheus Undone
5.1.1 | 5.1.2 | 5.1.3 | 5.1.4

Appendix

The Tuberculosis Corpus
X.1.1 | X.1.2 | X.1.3
Web Design
X.2.1 | X.2.2 | X.2.3 | X.2.4
Installation Materials
X.3.1 | X.3.2 | X.3.3

Index

< Previous Section | Next Section >

The following is the code used for opacity functionality.1 It is also described in chapter four (4.3.3).

This is the code for the buttons:

 <div class="toggle-buttons">

    <button id="opaqueBtn" class="toggle-button">Opaque</button>

    <button id="transparentBtn" class="toggle-button">Transparent</button>

    <button id="partiallyOpaqueBtn" class="toggle-button">Partially Opaque</button></div>

This is the code for images, each level is defined and uses a uniquely generated image:

    <img id=“[filename]” class="opaque" src="/diss/assets/items/[filename]_opaque.jpg" style="max-width:60%;height:auto;">

    <img id="[filename]" class="transparent" src="/diss/assets/items/[filename].jpg" style="max-width:60%;height:auto;">

    <img id="[filename]" class="partially-opaque" src="/diss/assets/items/[filename]_partial.jpg" style="max-width:60%;height:auto;">

The following code is used for the text opacity functions. For partial lines:

<span class="partial-lines”>[content]</span>

For fully opaque text:

<span class="opaque-lines”>[content]</span>

The fully opaque lines will always be crossed out with partial lines, so using the fully opaque function will usually have the partial lines span class nested inside:

<span class="partial-lines"><span class="opaque-lines”>[content]</span></span>
  1. This code was developed by Kalani Craig. 


< Previous Section | Next Section >

Sean Purcell,2023 - 2025. Community-Archive Jekyll Theme by Kalani Craig is licensed under CC BY-NC-SA 4.0 Framework: Foundation 6.