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

47 lines
2.7 KiB
HTML

6 years ago
<!DOCTYPE html>
6 years ago
<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>
6 years ago
<img id="line" src="gps_drawings/beetroot_to_ciao.svg">
6 years ago
<div class="text">
6 years ago
<h2>Unravelling knots</h2>
6 years ago
<p>The map I've been making by tracking myself over GPS does not display scale, or landmarks, or street names. It doesn't show which way is north, south, east or west.The map I've been making by tracking myself over GPS does not display scale, or landmarks, or street names. It doesn't show which way is north, south, east or west. I use geographic information system software that allows me to accurately position all the .gpx files I upload from my GPS tracker app on my phone.</p>
6 years ago
<p>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 knotted at places, representing social interactions, financial transactions, backtracking, and places where the GPS signal was obscured, or confused by bouncing off buildings.</p>
<picture class="drawing">
6 years ago
<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" />
6 years ago
<!-- fallback: used in PDF-->
</picture>
6 years ago
<p>In a vector graphics editor 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">
6 years ago
<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" />
6 years ago
<!-- fallback: used in PDF-->
</picture>
<br>
<picture class="drawing">
6 years ago
<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" />
6 years ago
<!-- fallback: used in PDF-->
</picture>
<br>
<picture class="drawing">
6 years ago
<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" />
6 years ago
<!-- fallback: used in PDF-->
</picture>
</div>
</div>
</main>
</body>
</html>