You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
beetroot/pages/beetroot_to_ciao.html

48 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>b-e-e-t.r-o-o-t.net to ciao.urca.tv, richfolks.club</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial=scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
</head>
<body>
<main>
<img id="line" src="gps_drawings/beetroot_to_ciao.svg">
<div class="text">
<h2>Unravelling knots</h2>
<p>The drawings I've been making by tracking myself over GPS makes a kind of map; however it does not display scale, or landmarks, or street names. It doesn't show which way is north, south, east or west. What it does show is some kind of graphic representation of the path I took by following my nose.</p>
<p>After I return back to the studio at Wijnhaven 61, I save and export .gpx (GPS exchange) format, and then drop the files into geographic information system software which allows me to accurately position the paths, representing them as lines.</p>
<p>Later, I export a line to .svg (scalable vector graphics) format and start to zoom in on it using a vector graphics editor. When zoomed out, the line appears to be curved, jagged, definitely not straight. However, when zooming in there are many straight lines, and they only bend at anchor points where each snapshot is taken. The line becomes <a href="please_to_foshan.html#knot">knotted</a> at places, representing social interactions, financial transactions, places where I backtracked, and where the GPS signal was obscured within or deflected by buildings in the urban landscape.</p>
<picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/knot_scale_times_four_640.jpg">
<!-- image for screens below 1280px wide -->
<img class="drawing" src="img/knot_scale_times_four.jpg" />
<!-- fallback: used in PDF-->
</picture>
<p>I begin to simplify the line, sliding a scale that removes anchor points and unravels the knot into a completely straight line. As I do this, I notice smaller knots that were not so visible at the scale I saw them at originally.</p>
<picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/unravelled_knot_03_640.jpg">
<!-- image for screens below 1280px wide -->
<img class="drawing" src="img/unravelled_knot_03.jpg" />
<!-- fallback: used in PDF-->
</picture>
<br>
<picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/unravelled_knot_02_640.jpg">
<!-- image for screens below 1280px wide -->
<img class="drawing" src="img/unravelled_knot_02.jpg" />
<!-- fallback: used in PDF-->
</picture>
<br>
<picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/unravelled_knot_01_640.jpg">
<!-- image for screens below 1280px wide -->
<img class="drawing" src="img/unravelled_knot_01.jpg" />
<!-- fallback: used in PDF-->
</picture>
</div>
</div>
</main>
</body>
</html>