simoon
/
beetroot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

beetroot_to_ciao.html

Browse Source
master
Simon Browne 6 years ago
parent 6c9385a508
commit 2c71356929
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File

18
pages/beetroot_to_ciao.html
Unescape Escape View File

@ -8,41 +8,41 @@
</head> </head>
<body> <body>
<main> <main>
<object id="line" data="../archive/gps_drawings/beetroot_to_ciao.svg" type="image/svg+xml"></object>
<div class="text"> <div class="text">
<h1>Unravelling knots</h1> <h1>Unravelling knots</h1>
<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.</p> <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.</p>
<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> <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> <picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/knot_scale_times_four_640.jpg"> <source media="(max-width: 1280px)" srcset="img/knot_scale_times_four_640.jpg">
<!-- image for screens below 1280px wide --> <!-- image for screens below 1280px wide -->
<img src="img/knot_scale_times_four.jpg" /> <img class="drawing" src="img/knot_scale_times_four.jpg" />
<!-- fallback: used in PDF--> <!-- fallback: used in PDF-->
</picture> </picture>
<p>In a vector program I begin to simplify the file, sliding a scale that removes anchor points and unravels the knot.</p> <p>In a vector program I begin to simplify the file, sliding a scale that removes anchor points and unravels the knot.</p>
<div> <div>
<picture> <picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/unravelled_knot_03_640.jpg"> <source media="(max-width: 1280px)" srcset="img/unravelled_knot_03_640.jpg">
<!-- image for screens below 1280px wide --> <!-- image for screens below 1280px wide -->
<img src="img/unravelled_knot_03.jpg" /> <img class="drawing" src="img/unravelled_knot_03.jpg" />
<!-- fallback: used in PDF--> <!-- fallback: used in PDF-->
</picture> </picture>
<br> <br>
<picture> <picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/unravelled_knot_02_640.jpg"> <source media="(max-width: 1280px)" srcset="img/unravelled_knot_02_640.jpg">
<!-- image for screens below 1280px wide --> <!-- image for screens below 1280px wide -->
<img src="img/unravelled_knot_02.jpg" /> <img class="drawing" src="img/unravelled_knot_02.jpg" />
<!-- fallback: used in PDF--> <!-- fallback: used in PDF-->
</picture> </picture>
<br> <br>
<picture> <picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/unravelled_knot_01_640.jpg"> <source media="(max-width: 1280px)" srcset="img/unravelled_knot_01_640.jpg">
<!-- image for screens below 1280px wide --> <!-- image for screens below 1280px wide -->
<img src="img/unravelled_knot_01.jpg" /> <img class="drawing" src="img/unravelled_knot_01.jpg" />
<!-- fallback: used in PDF--> <!-- fallback: used in PDF-->
</picture> </picture>
</div> </div>
</div> </div>
<img src="../archive/gps_drawings/beetroot_to_ciao.svg"></img>
</main> </main>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save