Skip to content

Commit

Permalink
Merge pull request #80 from GSAPP-CDP/mheaton_01
Browse files Browse the repository at this point in the history 
fix broken image links
  • Loading branch information
@math-eaton
math-eaton authored Dec 20, 2023
2 parents 1ee17f7 + 72a3b93 commit 845ffb6
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 20 deletions.
38 changes: 19 additions & 19 deletions work/mheaton/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -108,16 +108,16 @@ <h2>FM RADIO TOWER LOCATIONS AND THEIR SIGNAL PROPAGATION CURVES
</p>
</div>
<figure class="figure side-image left-image">
<img class="grayscale-invert-background" src="/public/gif/processed_imagery_area.gif">
<img class="grayscale-invert-background" src="/gif/processed_imagery_area.gif">
<figcaption>propagation area extent</figcaption>
</figure>
<!-- Central image with caption -->
<figure class="figure central-image">
<img class="grayscale-invert-background" src="/public/gif/processed_imagery_polyline_dithered.gif">
<img class="grayscale-invert-background" src="/gif/processed_imagery_polyline_dithered.gif">
<figcaption>propagation contour</figcaption>
</figure>
<figure class="figure side-image right-image">
<img class="grayscale-invert-background" src="/public/gif/processed_imagery_point.gif">
<img class="grayscale-invert-background" src="/gif/processed_imagery_point.gif">
<figcaption>transmitter location: zoom level 15</figcaption>
</figure>
</div>
Expand Down Expand Up @@ -173,7 +173,7 @@ <h2>proof of concept</h2>
</p>
</div>
<figure class="column figure">
<img class="grayscale-background" id="MST" style="object-fit: fill;" src="/public/gif/hideshow3_dithered.gif">
<img class="grayscale-background" id="MST" style="object-fit: fill;" src="/gif/hideshow3_dithered.gif">
<figcaption>MINIMUM SPANNING TREES: FM & CELL TOWER NETWORK, NYS</figcaption>
</figure>
</div>
Expand All @@ -192,11 +192,11 @@ <h2>form factor
</p>
</div>
<figure class="figure">
<img class="grayscale-background" src="/public/gif/norns_ex1_dithered.gif" alt="Monome Norns Shield">
<img class="grayscale-background" src="/gif/norns_ex1_dithered.gif" alt="Monome Norns Shield">
<figcaption>monome norns shield, an open-source diy sound computer</figcaption>
</figure>
<figure class="figure">
<img class="grayscale-background" src="/public/gif/adafruit_dithered.gif" alt="Teensy Microcontroller">
<img class="grayscale-background" src="/gif/adafruit_dithered.gif" alt="Teensy Microcontroller">
<figcaption>a teensy microcontroller driving a liquid crystal monochrome 'memory display'</figcaption>
</figure>
</div>
Expand All @@ -211,11 +211,11 @@ <h2>form factor
</p>
</div>
<figure class="figure">
<img class="static-image grayscale-invert" style="object-fit: scale-down;" src="/public/image/photo/rpi.png">
<img class="static-image grayscale-invert" style="object-fit: scale-down;" src="/image/photo/rpi.png">
<figcaption>monome norns shield, an open-source diy sound computer</figcaption>
</figure>
<figure class="figure">
<img class="static-image grayscale-invert-background" id="" src="/public/image/photo/synths.png">
<img class="static-image grayscale-invert-background" id="" src="/image/photo/synths.png">
<figcaption>my disposable income</figcaption>
</figure>
</div>
Expand All @@ -225,7 +225,7 @@ <h2>form factor

<div class="container">
<figure class="full-width-figure" id="">
<img class="grayscale" style="width: 100%;" src="/public/image/photo/travelTimetoCities.png">
<img class="grayscale" style="width: 100%;" src="/image/photo/travelTimetoCities.png">
<div class="centered-text-overlay">
<h2>accessibility modelling</h2>
<p>Here is a map of global travel time to the nearest high-density urban center, which is how this particular study operationalized remoteness
Expand Down Expand Up @@ -264,12 +264,12 @@ <h2>central and remote</h2>
</div>
<div class="column figure">
<figure class="">
<img class="grayscale" id="" src="/public/image/photo/usda_slide.png">
<img class="grayscale" id="" src="/image/photo/usda_slide.png">
<figcaption>usda 'frontier and remote' aka FAR places</figcaption>
</figure>
<!-- Uncomment and wrap with figure if needed -->
<!-- <figure class="figure">
<img class="p5" src="/public/image/photo/abletonWavetables.jpeg">
<img class="p5" src="/image/photo/abletonWavetables.jpeg">
<figcaption></figcaption>
</figure> -->
</div>
Expand All @@ -293,7 +293,7 @@ <h2>signal erosion</h2>
</div>
<div class="column figure">
<figure class="">
<img class="grayscale-invert-background" id="" src="/public/image/photo/Gabin_radio_mast2.png">
<img class="grayscale-invert-background" id="" src="/image/photo/Gabin_radio_mast2.png">
<!-- <figcaption>gabon radio mast</figcaption> -->
</figure>
</div>
Expand All @@ -318,11 +318,11 @@ <h2>signal: sightlines</h2>

<div class="column figure">
<figure class="figure">
<img class="grayscale-background" src="/public/image/photo/cellQuality_nyc.png">
<img class="grayscale-background" src="/image/photo/cellQuality_nyc.png">
<figcaption>cellular antennae: manhattan, nyc</figcaption>
</figure>
<figure class="figure">
<img class="grayscale-background" src="/public/image/photo/cellQuality_adk.png">
<img class="grayscale-background" src="/image/photo/cellQuality_adk.png">
<figcaption>cellular antennae: blue mountain lake, adk</figcaption>
</figure>
</div>
Expand All @@ -342,7 +342,7 @@ <h2>signal: landlines</h2>

<div class="column figure">
<figure class="figure">
<img class="grayscale" src="/public/image/photo/landlines.png">
<img class="grayscale" src="/image/photo/landlines.png">
<figcaption>geocoded broadband data explorer<br>nys Public Service Commission 2023</figcaption>
</figure>
</div>
Expand Down Expand Up @@ -447,7 +447,7 @@ <h2>ground truth</h2>
<!-- Peripheral Subsection -->
<div class="container">
<figure class="full-width-figure" id="">
<img class="" id="peripheralTransmissions" src="/public/gif/peripheralTransmissions.gif">
<img class="" id="peripheralTransmissions" src="/gif/peripheralTransmissions.gif">
<div class="centered-text-overlay">
<h2>the map as instrument</h2>
<h2>and measurement as performance technique</h2>
Expand Down Expand Up @@ -486,7 +486,7 @@ <h2>sonification</h2>
</p>
</div>
<figure class="figure">
<img class="grayscale-invert" id="" src="/public/image/photo/aesthetic_sonification.png">
<img class="grayscale-invert" id="" src="/image/photo/aesthetic_sonification.png">
<figcaption>AN ‘ÆSTHETIC PERSPECTIVE SPACE’ FOR CLASSIFYING AUDITORY DISPLAYS IN THE ARS MUSICA DOMAIN
<br>(VICKERS & HOGG, 2006)
</figcaption>
Expand Down Expand Up @@ -521,7 +521,7 @@ <h2>sound, signal, terrain</h2>
<figcaption></figcaption>
</figure>
<figure class="figure">
<img class="grayscale-invert" id="circle-sin" src="/public/gif/Circle_cos_sin_dithered_noRefresh_dithered.gif">
<img class="grayscale-invert" id="circle-sin" src="/gif/Circle_cos_sin_dithered_noRefresh_dithered.gif">
</figure>
</div>
</div>
Expand All @@ -536,7 +536,7 @@ <h2>precedents</h2>
</div>
<div class="column figure">
<figure class="">
<img class="grayscale" id="" src="/public/image/photo/precedents.png">
<img class="grayscale" id="" src="/image/photo/precedents.png">
</figure>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion work/mheaton/src/js/main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -237,7 +237,7 @@ document.addEventListener("DOMContentLoaded", function () {
function createImageDiv(filename) {
const div = document.createElement("div");
div.classList.add("image");
div.style.backgroundImage = `url('/public/image/photo/${filename}')`;
div.style.backgroundImage = `url('/image/photo/${filename}')`;
return div;
}

Expand Down

0 comments on commit 845ffb6

Please sign in to comment.