diff --git a/pages/beetroot_to_ciao.html b/pages/beetroot_to_ciao.html new file mode 100644 index 0000000..39f5ac8 --- /dev/null +++ b/pages/beetroot_to_ciao.html @@ -0,0 +1,48 @@ + + + + b-e-e-t.r-o-o-t.net to ciao.urca.tv, richfolks.club + + + + + +
+ +
+

Unravelling knots

+

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.

+

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.

+ + + + + + +

In a vector program I begin to simplify the file, sliding a scale that removes anchor points and unravels the knot.

+
+ + + + + + +
+ + + + + + +
+ + + + + + +
+
+
+ + \ No newline at end of file diff --git a/pages/img/4_inca_quipu_knots.jpg b/pages/img/4_inca_quipu_knots.jpg new file mode 100644 index 0000000..b52e023 Binary files /dev/null and b/pages/img/4_inca_quipu_knots.jpg differ diff --git a/pages/img/4_inca_quipu_knots_640.jpg b/pages/img/4_inca_quipu_knots_640.jpg new file mode 100644 index 0000000..8ec7e56 Binary files /dev/null and b/pages/img/4_inca_quipu_knots_640.jpg differ diff --git a/pages/img/4_knots_solid.jpg b/pages/img/4_knots_solid.jpg new file mode 100644 index 0000000..cce403c Binary files /dev/null and b/pages/img/4_knots_solid.jpg differ diff --git a/pages/img/4_knots_solid_640.jpg b/pages/img/4_knots_solid_640.jpg new file mode 100644 index 0000000..fa22a82 Binary files /dev/null and b/pages/img/4_knots_solid_640.jpg differ diff --git a/pages/img/Atomised_knot_01.jpg b/pages/img/Atomised_knot_01.jpg new file mode 100644 index 0000000..be7c4ae Binary files /dev/null and b/pages/img/Atomised_knot_01.jpg differ diff --git a/pages/img/Atomised_knot_01_640.jpg b/pages/img/Atomised_knot_01_640.jpg new file mode 100644 index 0000000..19d6d9f Binary files /dev/null and b/pages/img/Atomised_knot_01_640.jpg differ diff --git a/pages/img/Atomised_knot_02.jpg b/pages/img/Atomised_knot_02.jpg new file mode 100644 index 0000000..e9c55d8 Binary files /dev/null and b/pages/img/Atomised_knot_02.jpg differ diff --git a/pages/img/Atomised_knot_02_640.jpg b/pages/img/Atomised_knot_02_640.jpg new file mode 100644 index 0000000..8654b19 Binary files /dev/null and b/pages/img/Atomised_knot_02_640.jpg differ diff --git a/pages/img/Atomised_knot_03.jpg b/pages/img/Atomised_knot_03.jpg new file mode 100644 index 0000000..f436d2d Binary files /dev/null and b/pages/img/Atomised_knot_03.jpg differ diff --git a/pages/img/Atomised_knot_03_640.jpg b/pages/img/Atomised_knot_03_640.jpg new file mode 100644 index 0000000..90c5467 Binary files /dev/null and b/pages/img/Atomised_knot_03_640.jpg differ diff --git a/pages/img/Atomised_knot_04.jpg b/pages/img/Atomised_knot_04.jpg new file mode 100644 index 0000000..deb748a Binary files /dev/null and b/pages/img/Atomised_knot_04.jpg differ diff --git a/pages/img/Atomised_knot_04_640.jpg b/pages/img/Atomised_knot_04_640.jpg new file mode 100644 index 0000000..656c7b8 Binary files /dev/null and b/pages/img/Atomised_knot_04_640.jpg differ diff --git a/pages/img/Atomised_knots.jpg b/pages/img/Atomised_knots.jpg new file mode 100644 index 0000000..f4abd92 Binary files /dev/null and b/pages/img/Atomised_knots.jpg differ diff --git a/pages/img/Atomised_knots_640.jpg b/pages/img/Atomised_knots_640.jpg new file mode 100644 index 0000000..594ea59 Binary files /dev/null and b/pages/img/Atomised_knots_640.jpg differ diff --git a/pages/img/Atomised_knots_small.jpg b/pages/img/Atomised_knots_small.jpg new file mode 100644 index 0000000..f51d0b7 Binary files /dev/null and b/pages/img/Atomised_knots_small.jpg differ diff --git a/pages/img/Atomised_knots_small_640.jpg b/pages/img/Atomised_knots_small_640.jpg new file mode 100644 index 0000000..5d0e15e Binary files /dev/null and b/pages/img/Atomised_knots_small_640.jpg differ diff --git a/pages/img/Knot_board_drawing_01.jpg b/pages/img/Knot_board_drawing_01.jpg new file mode 100644 index 0000000..5371d32 Binary files /dev/null and b/pages/img/Knot_board_drawing_01.jpg differ diff --git a/pages/img/Knot_board_drawing_01_640.jpg b/pages/img/Knot_board_drawing_01_640.jpg new file mode 100644 index 0000000..1cc9088 Binary files /dev/null and b/pages/img/Knot_board_drawing_01_640.jpg differ diff --git a/pages/img/Knot_board_drawing_02.jpg b/pages/img/Knot_board_drawing_02.jpg new file mode 100644 index 0000000..520d12a Binary files /dev/null and b/pages/img/Knot_board_drawing_02.jpg differ diff --git a/pages/img/Knot_board_drawing_02_640.jpg b/pages/img/Knot_board_drawing_02_640.jpg new file mode 100644 index 0000000..070ba55 Binary files /dev/null and b/pages/img/Knot_board_drawing_02_640.jpg differ diff --git a/pages/img/Knot_board_lines_01.jpg b/pages/img/Knot_board_lines_01.jpg new file mode 100644 index 0000000..08867d6 Binary files /dev/null and b/pages/img/Knot_board_lines_01.jpg differ diff --git a/pages/img/Knot_board_lines_01_640.jpg b/pages/img/Knot_board_lines_01_640.jpg new file mode 100644 index 0000000..d1bcddf Binary files /dev/null and b/pages/img/Knot_board_lines_01_640.jpg differ diff --git a/pages/img/Knotwork.jpg b/pages/img/Knotwork.jpg new file mode 100644 index 0000000..6d8f0a3 Binary files /dev/null and b/pages/img/Knotwork.jpg differ diff --git a/pages/img/Knotwork_01.jpg b/pages/img/Knotwork_01.jpg new file mode 100644 index 0000000..7c74a31 Binary files /dev/null and b/pages/img/Knotwork_01.jpg differ diff --git a/pages/img/Knotwork_01_640.jpg b/pages/img/Knotwork_01_640.jpg new file mode 100644 index 0000000..aadde3d Binary files /dev/null and b/pages/img/Knotwork_01_640.jpg differ diff --git a/pages/img/Knotwork_02.jpg b/pages/img/Knotwork_02.jpg new file mode 100644 index 0000000..c1c7012 Binary files /dev/null and b/pages/img/Knotwork_02.jpg differ diff --git a/pages/img/Knotwork_02_640.jpg b/pages/img/Knotwork_02_640.jpg new file mode 100644 index 0000000..8bc292f Binary files /dev/null and b/pages/img/Knotwork_02_640.jpg differ diff --git a/pages/img/Knotwork_03.jpg b/pages/img/Knotwork_03.jpg new file mode 100644 index 0000000..302c15f Binary files /dev/null and b/pages/img/Knotwork_03.jpg differ diff --git a/pages/img/Knotwork_03_640.jpg b/pages/img/Knotwork_03_640.jpg new file mode 100644 index 0000000..6a35c60 Binary files /dev/null and b/pages/img/Knotwork_03_640.jpg differ diff --git a/pages/img/Knotwork_04.jpg b/pages/img/Knotwork_04.jpg new file mode 100644 index 0000000..f071edc Binary files /dev/null and b/pages/img/Knotwork_04.jpg differ diff --git a/pages/img/Knotwork_04_640.jpg b/pages/img/Knotwork_04_640.jpg new file mode 100644 index 0000000..6af0c88 Binary files /dev/null and b/pages/img/Knotwork_04_640.jpg differ diff --git a/pages/img/Knotwork_05.jpg b/pages/img/Knotwork_05.jpg new file mode 100644 index 0000000..d148c6e Binary files /dev/null and b/pages/img/Knotwork_05.jpg differ diff --git a/pages/img/Knotwork_05_640.jpg b/pages/img/Knotwork_05_640.jpg new file mode 100644 index 0000000..3e8185d Binary files /dev/null and b/pages/img/Knotwork_05_640.jpg differ diff --git a/pages/img/Knotwork_06.jpg b/pages/img/Knotwork_06.jpg new file mode 100644 index 0000000..0472416 Binary files /dev/null and b/pages/img/Knotwork_06.jpg differ diff --git a/pages/img/Knotwork_06_640.jpg b/pages/img/Knotwork_06_640.jpg new file mode 100644 index 0000000..2e6afb5 Binary files /dev/null and b/pages/img/Knotwork_06_640.jpg differ diff --git a/pages/img/Knotwork_07.jpg b/pages/img/Knotwork_07.jpg new file mode 100644 index 0000000..b64e528 Binary files /dev/null and b/pages/img/Knotwork_07.jpg differ diff --git a/pages/img/Knotwork_07_640.jpg b/pages/img/Knotwork_07_640.jpg new file mode 100644 index 0000000..edc0d7b Binary files /dev/null and b/pages/img/Knotwork_07_640.jpg differ diff --git a/pages/img/Knotwork_640.jpg b/pages/img/Knotwork_640.jpg new file mode 100644 index 0000000..5804ec6 Binary files /dev/null and b/pages/img/Knotwork_640.jpg differ diff --git a/pages/img/Knotwork_wht_01.jpg b/pages/img/Knotwork_wht_01.jpg new file mode 100644 index 0000000..5f4f2a2 Binary files /dev/null and b/pages/img/Knotwork_wht_01.jpg differ diff --git a/pages/img/Knotwork_wht_01_640.jpg b/pages/img/Knotwork_wht_01_640.jpg new file mode 100644 index 0000000..dda2d78 Binary files /dev/null and b/pages/img/Knotwork_wht_01_640.jpg differ diff --git a/pages/img/Knotwork_wht_02.jpg b/pages/img/Knotwork_wht_02.jpg new file mode 100644 index 0000000..6bcd285 Binary files /dev/null and b/pages/img/Knotwork_wht_02.jpg differ diff --git a/pages/img/Knotwork_wht_02_640.jpg b/pages/img/Knotwork_wht_02_640.jpg new file mode 100644 index 0000000..349efee Binary files /dev/null and b/pages/img/Knotwork_wht_02_640.jpg differ diff --git a/pages/img/Knotwork_wht_03.jpg b/pages/img/Knotwork_wht_03.jpg new file mode 100644 index 0000000..9ebca92 Binary files /dev/null and b/pages/img/Knotwork_wht_03.jpg differ diff --git a/pages/img/Knotwork_wht_03_640.jpg b/pages/img/Knotwork_wht_03_640.jpg new file mode 100644 index 0000000..c05d8b1 Binary files /dev/null and b/pages/img/Knotwork_wht_03_640.jpg differ diff --git a/pages/img/Knotwork_wht_04.jpg b/pages/img/Knotwork_wht_04.jpg new file mode 100644 index 0000000..4995907 Binary files /dev/null and b/pages/img/Knotwork_wht_04.jpg differ diff --git a/pages/img/Knotwork_wht_04_640.jpg b/pages/img/Knotwork_wht_04_640.jpg new file mode 100644 index 0000000..220e121 Binary files /dev/null and b/pages/img/Knotwork_wht_04_640.jpg differ diff --git a/pages/img/Unknot.jpg b/pages/img/Unknot.jpg new file mode 100644 index 0000000..d8a5a83 Binary files /dev/null and b/pages/img/Unknot.jpg differ diff --git a/pages/img/Unknot.png b/pages/img/Unknot.png new file mode 100644 index 0000000..34059ba Binary files /dev/null and b/pages/img/Unknot.png differ diff --git a/pages/img/Unknot_640.jpg b/pages/img/Unknot_640.jpg new file mode 100644 index 0000000..96b9695 Binary files /dev/null and b/pages/img/Unknot_640.jpg differ diff --git a/pages/img/Unknot_640.png b/pages/img/Unknot_640.png new file mode 100644 index 0000000..bcc1398 Binary files /dev/null and b/pages/img/Unknot_640.png differ diff --git a/pages/img/bus_topology.jpg b/pages/img/bus_topology.jpg new file mode 100644 index 0000000..6009489 Binary files /dev/null and b/pages/img/bus_topology.jpg differ diff --git a/pages/img/bus_topology_640.jpg b/pages/img/bus_topology_640.jpg new file mode 100644 index 0000000..42910f4 Binary files /dev/null and b/pages/img/bus_topology_640.jpg differ diff --git a/pages/img/bus_wht_topology.jpg b/pages/img/bus_wht_topology.jpg new file mode 100644 index 0000000..a0a8950 Binary files /dev/null and b/pages/img/bus_wht_topology.jpg differ diff --git a/pages/img/bus_wht_topology_640.jpg b/pages/img/bus_wht_topology_640.jpg new file mode 100644 index 0000000..d123c49 Binary files /dev/null and b/pages/img/bus_wht_topology_640.jpg differ diff --git a/pages/img/erasmusbrug_smoking.jpg b/pages/img/erasmusbrug_smoking.jpg new file mode 100644 index 0000000..fbef36f Binary files /dev/null and b/pages/img/erasmusbrug_smoking.jpg differ diff --git a/pages/img/gps_trilateration.jpg b/pages/img/gps_trilateration.jpg new file mode 100644 index 0000000..5739de2 Binary files /dev/null and b/pages/img/gps_trilateration.jpg differ diff --git a/pages/img/gps_trilateration_640.jpg b/pages/img/gps_trilateration_640.jpg new file mode 100644 index 0000000..667eef6 Binary files /dev/null and b/pages/img/gps_trilateration_640.jpg differ diff --git a/pages/img/knot_scale_times_four.jpg b/pages/img/knot_scale_times_four.jpg new file mode 100644 index 0000000..9769bda Binary files /dev/null and b/pages/img/knot_scale_times_four.jpg differ diff --git a/pages/img/knot_scale_times_four_640.jpg b/pages/img/knot_scale_times_four_640.jpg new file mode 100644 index 0000000..a3a89ce Binary files /dev/null and b/pages/img/knot_scale_times_four_640.jpg differ diff --git a/pages/img/mesh_topology.jpg b/pages/img/mesh_topology.jpg new file mode 100644 index 0000000..b4a869c Binary files /dev/null and b/pages/img/mesh_topology.jpg differ diff --git a/pages/img/mesh_topology_640.jpg b/pages/img/mesh_topology_640.jpg new file mode 100644 index 0000000..03c14dd Binary files /dev/null and b/pages/img/mesh_topology_640.jpg differ diff --git a/pages/img/mesh_wht_topology.jpg b/pages/img/mesh_wht_topology.jpg new file mode 100644 index 0000000..73dc329 Binary files /dev/null and b/pages/img/mesh_wht_topology.jpg differ diff --git a/pages/img/mesh_wht_topology_640.jpg b/pages/img/mesh_wht_topology_640.jpg new file mode 100644 index 0000000..eb9f9a3 Binary files /dev/null and b/pages/img/mesh_wht_topology_640.jpg differ diff --git a/pages/img/ring_topology.jpg b/pages/img/ring_topology.jpg new file mode 100644 index 0000000..00874ed Binary files /dev/null and b/pages/img/ring_topology.jpg differ diff --git a/pages/img/ring_topology_640.jpg b/pages/img/ring_topology_640.jpg new file mode 100644 index 0000000..b8eb6ab Binary files /dev/null and b/pages/img/ring_topology_640.jpg differ diff --git a/pages/img/ring_wht_topology.jpg b/pages/img/ring_wht_topology.jpg new file mode 100644 index 0000000..54fd8f3 Binary files /dev/null and b/pages/img/ring_wht_topology.jpg differ diff --git a/pages/img/ring_wht_topology_640.jpg b/pages/img/ring_wht_topology_640.jpg new file mode 100644 index 0000000..9c29d5e Binary files /dev/null and b/pages/img/ring_wht_topology_640.jpg differ diff --git a/pages/img/unravelled_knot_01.jpg b/pages/img/unravelled_knot_01.jpg new file mode 100644 index 0000000..7814574 Binary files /dev/null and b/pages/img/unravelled_knot_01.jpg differ diff --git a/pages/img/unravelled_knot_01_640.jpg b/pages/img/unravelled_knot_01_640.jpg new file mode 100644 index 0000000..96838b2 Binary files /dev/null and b/pages/img/unravelled_knot_01_640.jpg differ diff --git a/pages/img/unravelled_knot_02.jpg b/pages/img/unravelled_knot_02.jpg new file mode 100644 index 0000000..451d65a Binary files /dev/null and b/pages/img/unravelled_knot_02.jpg differ diff --git a/pages/img/unravelled_knot_02_640.jpg b/pages/img/unravelled_knot_02_640.jpg new file mode 100644 index 0000000..84eb8cf Binary files /dev/null and b/pages/img/unravelled_knot_02_640.jpg differ diff --git a/pages/img/unravelled_knot_03.jpg b/pages/img/unravelled_knot_03.jpg new file mode 100644 index 0000000..26e807a Binary files /dev/null and b/pages/img/unravelled_knot_03.jpg differ diff --git a/pages/img/unravelled_knot_03_640.jpg b/pages/img/unravelled_knot_03_640.jpg new file mode 100644 index 0000000..f21951b Binary files /dev/null and b/pages/img/unravelled_knot_03_640.jpg differ diff --git a/pages/please_to_foshan.html b/pages/please_to_foshan.html new file mode 100644 index 0000000..d5a8eba --- /dev/null +++ b/pages/please_to_foshan.html @@ -0,0 +1,48 @@ + + + + please.undo.undo.it to foshan-1992.pw + + + + + +
+
+

The AEther

+

In early modern physics, the AEther (or Ether) was believed to be an invisible space-filling substance or field that was a transmission medium for electromagnetic or gravitational forces.

+

Tait's Tabulature of Knots

+

Peter Guthrie Tait (1837-1901) was a Scottish mathematical physicist, whose investigations in knot theory contributed to the field of topology as a mathematical discipline. while conducting experiments with a machine that blew smoke-rings. Tait observed that the rings had a regular donut-like form, which he hypothesised was the result of atoms within them bonding through the Ether.

+

1867, from a note Tait scribbled on an envelope: "Can't you come on Monday the present at the performance? An elliptical hole gives the rings in a state of vibration!!!"

+

In a room, thick with smoke, Tait and William Thomson (Lord Kelvin) are conducting an experiment to test the German scientist Helmholtz's theory, that closed vortex lines in a fluid remain stable forever. Tait is using a box that emits smoke made from a pungent mixture of ammonia solution, salt and sulfuric acid. He taps the back of his makeshift vortex cannon, and thick rings waft from a hole drilled in its front. Tait describes them "like solid rings of India rubber". His theory is that each smoke ring is structured around knots in the ether, a substance that was supposed to permeate all matter.

+

Knots

+

A knot is an entanglement, an intentional complication in cordage.

+

Knot Theory

+

Knot theory is a field of mathematics that studies the topology of knots.

+

Unknot

+

The unknot, or torus, is the first type of mathematical knot listed in knot theory. Intuitively, the unknot is a closed loop of rope without a knot in it.

+ + + +
+ +
+

Mathematical knots

+

Mathematical knots, or

+

Knotworks

+

Knotworks are visualisations of network topologies which use mathematical knots to represent a collapsing of the distinction between node and link. Just as a knot is a complication in which the tangle can conceal parts contained (as in klein worm topologies), unravelling the knot reveals that it is homeomorphic to a continuous link. The link and the node are the same, unravelled.

+ + + +
+ + + + + +
+
+ +
+ + \ No newline at end of file diff --git a/pages/please_to_foshan_01.html b/pages/please_to_foshan_01.html new file mode 100644 index 0000000..de2256a --- /dev/null +++ b/pages/please_to_foshan_01.html @@ -0,0 +1,56 @@ + + + + please.undo.undo.it to foshan-1992.pw + + + + + +
+ +
+
+

The AEther

+

In physics, the AEther (or Ether) was believed to be an invisible space-filling substance or field that was a transmission medium for electromagnetic or gravitational forces.

+

Tait's Tabulature of Knots

+

Peter Guthrie Tait (1837-1901) was a Scottish mathematical physicist, whose investigations in knot theory contributed to the field of topology as a mathematical discipline. while conducting experiments with a machine that blew smoke-rings. Tait observed that the rings had a regular donut-like form, which he hypothesised was the result of atoms within them bonding through the Ether.

+

1867, from a note Tait scribbled on an envelope: "Can't you come on Monday the present at the performance? An elliptical hole gives the rings in a state of vibration!!!"

+

In a room, thick with smoke, Tait and William Thomson (Lord Kelvin) are conducting an experiment to test the German scientist Helmholtz's theory, that closed vortex lines in a fluid remain stable forever. Tait is using a box that emits smoke made from a pungent mixture of ammonia solution, salt and sulfuric acid. He taps the back of his makeshift vortex cannon, and thick rings waft from a hole drilled in its front. Tait describes them "like solid rings of India rubber". His theory is that each smoke ring is structured around knots in the ether, a substance that was supposed to permeate all matter.

+

Knots

+

A knot is an entanglement, an intentional complication in cordage.

+

Knot Theory

+

Knot theory is a field of mathematics that studies the topology of knots.

+

Unknot

+

The unknot, or torus, is the first type of mathematical knot listed in knot theory. Intuitively, the unknot is a closed loop of rope without a knot in it.

+
+
+ + + +
+ +
+
+
+

Mathematical knots

+

In mathematics, a knot is the embedding of a circle

+

Knotworks

+

Knotworks are visualisations of network topologies which use mathematical knots to represent a collapsing of the distinction between node and link. Just as a knot is a complication in which the tangle can conceal parts contained (as in klein worm topologies), unravelling the knot reveals that it is homeomorphically just a continuous link. The link and the node are the same, unravelled.

+
+
+ + + +
+ + + + + +
+
+
+
+ + \ No newline at end of file diff --git a/pages/style.css b/pages/style.css new file mode 100644 index 0000000..c09a0b7 --- /dev/null +++ b/pages/style.css @@ -0,0 +1,168 @@ +/*@font-face { + font-family: 'courier_newbold_italic'; + src: url('courier_new_bold_italic-webfont.woff2') format('woff2'), + url('courier_new_bold_italic-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'courier_newbold'; + src: url('courier_new_bold-webfont.woff2') format('woff2'), + url('courier_new_bold-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'courier_newitalic'; + src: url('courier_new_italic-webfont.woff2') format('woff2'), + url('courier_new_italic-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'courier_newregular'; + src: url('courier_new-webfont.woff2') format('woff2'), + url('courier_new-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + +}*/ + +/* +@font-face { + font-family: Courier New; + src: url(fonts/); + font-weight: normal; + font-style: normal; + text-rendering: optimizeLegibility; +} +*/ +body { + font-family: 'Courier New', 'Courier', monospace; + font-size: 16px; + line-height: 120%; + position: relative; +} + +main { + margin: 12px 12px auto 12px; +} + +b { +/* font-family: 'Courier New';*/ + font-family: 'courier_newbold' 'Courier New', monospace; + font-weight: 600; +} + +h1 { + font-family: inherit; + font-size: inherit; + text-decoration: underline; + line-height: 120%; + text-align: left; + font-weight: normal; +} + +h2 { + font-family: 'Times', 'Times New Roman', serif; + font-size: 36px; + line-height: 120%; + text-align: center; + font-weight: normal; +} + +div { + display: block; + float: left; + margin-right: auto; + max-width: 720px; +} + +img { + display: block; + margin-left: auto; + margin-right: auto; + max-width: 100%; + height: auto; +} + +.indent { + display: block; + padding-left: 40px; +} + +.text { + position: absolute; + display: block; + float: left; + margin-right: auto; + max-width: 640px; +} + +.drawing { + mix-blend-mode: multiply; +} + +#left { + text-align: left; +} + +#center { + text-align: center; +} + +#right { + text-align: right; +} + +a:link { + color: black; + text-decoration-line: underline; +} + +a:visited { + color: black; +} + +a:hover { + color: blue; + text-decoration-line: underline; +} + +a:active { + color: pink; +} + +.list { + text-decoration: none; +} + +#line { + position: absolute; + z-index: -1; +} + +#ciao_line { + position: inherit; + z-index: inherit; + left: 0px; + top: 0; + height: 3000px; +} + +#photo { + position: absolute; + margin-top: 200px; + /*z-index: 1;*/ +} + +#description { + position: absolute; +} + diff --git a/pages/style_01.css b/pages/style_01.css new file mode 100644 index 0000000..c09a0b7 --- /dev/null +++ b/pages/style_01.css @@ -0,0 +1,168 @@ +/*@font-face { + font-family: 'courier_newbold_italic'; + src: url('courier_new_bold_italic-webfont.woff2') format('woff2'), + url('courier_new_bold_italic-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'courier_newbold'; + src: url('courier_new_bold-webfont.woff2') format('woff2'), + url('courier_new_bold-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'courier_newitalic'; + src: url('courier_new_italic-webfont.woff2') format('woff2'), + url('courier_new_italic-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + +} + +@font-face { + font-family: 'courier_newregular'; + src: url('courier_new-webfont.woff2') format('woff2'), + url('courier_new-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + +}*/ + +/* +@font-face { + font-family: Courier New; + src: url(fonts/); + font-weight: normal; + font-style: normal; + text-rendering: optimizeLegibility; +} +*/ +body { + font-family: 'Courier New', 'Courier', monospace; + font-size: 16px; + line-height: 120%; + position: relative; +} + +main { + margin: 12px 12px auto 12px; +} + +b { +/* font-family: 'Courier New';*/ + font-family: 'courier_newbold' 'Courier New', monospace; + font-weight: 600; +} + +h1 { + font-family: inherit; + font-size: inherit; + text-decoration: underline; + line-height: 120%; + text-align: left; + font-weight: normal; +} + +h2 { + font-family: 'Times', 'Times New Roman', serif; + font-size: 36px; + line-height: 120%; + text-align: center; + font-weight: normal; +} + +div { + display: block; + float: left; + margin-right: auto; + max-width: 720px; +} + +img { + display: block; + margin-left: auto; + margin-right: auto; + max-width: 100%; + height: auto; +} + +.indent { + display: block; + padding-left: 40px; +} + +.text { + position: absolute; + display: block; + float: left; + margin-right: auto; + max-width: 640px; +} + +.drawing { + mix-blend-mode: multiply; +} + +#left { + text-align: left; +} + +#center { + text-align: center; +} + +#right { + text-align: right; +} + +a:link { + color: black; + text-decoration-line: underline; +} + +a:visited { + color: black; +} + +a:hover { + color: blue; + text-decoration-line: underline; +} + +a:active { + color: pink; +} + +.list { + text-decoration: none; +} + +#line { + position: absolute; + z-index: -1; +} + +#ciao_line { + position: inherit; + z-index: inherit; + left: 0px; + top: 0; + height: 3000px; +} + +#photo { + position: absolute; + margin-top: 200px; + /*z-index: 1;*/ +} + +#description { + position: absolute; +} + diff --git a/pages/wijnhaven_to_foshan.html b/pages/wijnhaven_to_foshan.html new file mode 100644 index 0000000..701095f --- /dev/null +++ b/pages/wijnhaven_to_foshan.html @@ -0,0 +1,33 @@ + + + + wijnhaven_to_foshan + + + + + +
+ + + +
+

Taking a line for a walk

+

I'm making drawings by walking and tracking myself over GPS using an app on my phone. I walk door-to-door between homes containing a homeserver in our network. The app I'm using displays my path as a jagged line, alongside information about the distance, altitude, speed, pace and time elapsed. When I reach my destination I save the walk, export it as a .gpx file to my computer, and then load it into software for plotting geospatial information. In the graphic interface of this software the track points are connected with a series of lines that link them together into a route.

+

This is a visualisation of my movements, abstracted into a line for quick and easy representation. Ask someone to draw a route from A to B and they'll probably draw a similar series of lines, bending where you should make a left or right turn. The most direct route is a completely straight line (as the crow flies) but this is hardly useful to the average pedestrian. Utility here is predicated by a delicate balance between a certain level of detail, and a certain level of abstraction.

+
+ + + + + + +

Somewhere above me, satellites trilaterate my position and decide where I am on the globe. They take snapshots and these are intermittently uploaded to a remote server - I don't know where exactly - which serves this data to the software on my phone.

+

As I walk from homeserver to homeserver, I'm relying on a mental mind-map of Rotterdam, one formed over the past 7 months that I've been here. If I follow my nose, I can usually end up in the general vicinity of where I'm supposed to be. Eventually I need to use an actual map to pinpoint my targeted destination, but for the most part I enjoy the increasingly rare occurence of being lost for a moment.

+

If I walk enough routes, this will eventually form a map of Rotterdam, though one reduced down to just simple lines against a blank background. These represent areas that are accessible on foot, most likely the streets and footpaths.

+

The line here meanders slightly, perhaps this is where I crossed a road? I'm still in the habit of walking on the left side of the road, following the direction that traffic moves in Australia. I notice that oncoming pedestrians can't always tell which way I'm going to pass them on the pavement; even on foot we still follow the dominant flow of traffic.

+

If you know Rotterdam, perhaps you can identify what the straightest part of this path represents: the Erasmusbrug. It's easy to guess why the line is so straight, the bridge is a high traffic area, and it's not so easy to wander off the path here, or to cross the lanes of traffic going over it. There are also not many other ways to cross the Maas River. It could be crossed by boat, or there is also the subterranean Maastunnel further up the river. Another option that doesn't come to mind so easily is to swim. But any which way one crosses the river, the line represented by GPS tracking software would reveal itself as straight lines between the snapshots taken as the scale increased. On this day the bridge was raised; trams stopped mid-way, and their drivers stood outside, smoking in a huddle. Impatient joggers ran on the spot, cyclists stood astride their bikes, some of the rest of us shifted from foot to foot while we waited for the bridge to lower again.

+
+
+ + \ No newline at end of file