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/p_lions_es_to_wijnhaven.html

61 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>p.lions.es_to_wijnhaven</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/p_lions_es_to_wijnhaven.svg">
<div class="text">
<br>
<picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/Knot_board_drawing_01_640.jpg">
<!-- image for screens below 1280px wide -->
<img class="drawing" src="img/Knot_board_drawing_01.jpg">
<!-- fallback: used in PDF-->
</picture>
<br>
<picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/Knot_board_drawing_02_640.jpg">
<!-- image for screens below 1280px wide -->
<img class="drawing" src="img/Knot_board_drawing_02.jpg">
<!-- fallback: used in PDF-->
</picture>
<h2 class="knotboard">Knotboard</h2>
<p>The knotboard is a piece of wood, pre-drilled with a grid of holes. Accompanying this is an assortment of pre-made polymer clay knotted links. These links can be put into the holes in multiple configurations. By doing this, one can play with the structures of various network topologies. This is a hands-on technique for meditation on networks and a departure point for other forms of representation, including writing, drawing, and walking.</p>
<picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/Knot_board_09_640.jpg">
<!-- image for screens below 1280px wide -->
<img class="drawing" src="img/Knot_board_09.jpg">
<!-- fallback: used in PDF-->
</picture>
<br>
<picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/Knot_board_10_640.jpg">
<!-- image for screens below 1280px wide -->
<img class="drawing" src="img/Knot_board_10.jpg">
<!-- fallback: used in PDF-->
</picture>
<br>
<picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/Knot_board_11_640.jpg">
<!-- image for screens below 1280px wide -->
<img class="drawing" src="img/Knot_board_11.jpg">
<!-- fallback: used in PDF-->
</picture>
<br>
<picture class="drawing">
<source media="(max-width: 1280px)" srcset="img/Knot_board_12_640.jpg">
<!-- image for screens below 1280px wide -->
<img class="drawing" src="img/Knot_board_12.jpg">
<!-- fallback: used in PDF-->
</picture>
<br>
</div>
</main>
</body>
<script type="text/javascript" src="https://issue.xpub.nl/08/cnn/cnn.js"></script>
</html>