diff options
| -rw-r--r-- | hacklabxl.css | 7 | ||||
| -rw-r--r-- | ideashacklab.css | 21 | ||||
| -rw-r--r-- | ideashacklab.html | 114 | ||||
| -rw-r--r-- | index.html | 5 | ||||
| -rw-r--r-- | webtek.css | 0 | ||||
| -rw-r--r-- | webtek.html | 22 |
6 files changed, 165 insertions, 4 deletions
diff --git a/hacklabxl.css b/hacklabxl.css index 11ad9b8..d5f3dab 100644 --- a/hacklabxl.css +++ b/hacklabxl.css @@ -1,6 +1,6 @@ .container { column-count: 6; - column-fill: balance; + column-fill: auto; column-rule: dotted 1px black; height: 95vh; } @@ -13,6 +13,9 @@ div#neutrinet { .fhri { width: 100%; } - +.bouche { + color: red; + font-size: 2em; +} /* */ diff --git a/ideashacklab.css b/ideashacklab.css new file mode 100644 index 0000000..d5f3dab --- /dev/null +++ b/ideashacklab.css @@ -0,0 +1,21 @@ +.container { + column-count: 6; + column-fill: auto; + column-rule: dotted 1px black; + height: 95vh; + } +div { + border-bottom: solid 3px black; +} +div#neutrinet { + padding-top: 1em; +} +.fhri { + width: 100%; +} +.bouche { + color: red; + font-size: 2em; +} + +/* */ diff --git a/ideashacklab.html b/ideashacklab.html new file mode 100644 index 0000000..caccd73 --- /dev/null +++ b/ideashacklab.html @@ -0,0 +1,114 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> + <head> + <meta charset="utf-8"> + <link rel="stylesheet" href="hacklabxl.css"> + <title>hcklabxl</title> + </head> + <body> + + <section class="container"> + <div> + <p> + + Avenue Princesse Elisabeth 46 / 1030 Schaerbeek + Prinses Elisabethlaan 46 / 1030 Schaarbeek + + <img src="assets/img/ashley_2219.png" class="fhri" alt=""> +</p> +</div> + + <div id="incommon"> + <img src="index.png" class="fhri" alt="logo"> + incommon weekly meetup / thursday-mornings + <p><a href="https://incommon.cc/">incommon.cc</a></p> + </div> + + <div id="neutrinet"> + <img src="neutrinet.png" class="fhri" alt="logo"> + neutrinet install parties, every 3rd sunday of the month / 14h till 18h + <p><a href="https://neutrinet.be">https://neutrinet.be</a></p> + </div> + + <div id=techniques> + <div> + <img src="./computerlib-dreammachine.png" class="fhri" alt="">You can and must understand computers NOW + <img src="./critical-engineering.png" class="fhri" alt=""> + critical engineering + </div> + <div> + <img src="./ashley.png" class="fhri" alt=""> + + a vessel travelling at 1 knot along a meridian travels approximately one minute of geographic latitude in one hour. + + <img src="./ashley2.png" class="fhri" alt=""> + <img src="./bowline.png" class="fhri" alt=""> + + </div> + <p><img src="./carrotte_flottante.jpg" class="fhri" alt=""> man floats accross the atlantic + + </div> + +<div id=geo> + <p><img src="./boat_trip_apr2019/antwerp.png" class="fhri" alt=""> #networkswithanattitude + <p><img src="./boat_trip_apr2019/gent.png" class="fhri" alt=""> #hs.ghent newline + <p><img src="./boat_trip_apr2019/temse.png" class="fhri" alt=""> + <p><img src="./boat_trip_apr2019/willebroek.png" class="fhri" alt=""> bags in props +</div> + +<div id=foghorn> + <p> foghorn + <img src="./Foghorn_Leghorn.png" class="fhri" alt=""> + <p>A whistle shall be placed as high as practicable on a + vessel in order to reduce interception of the emitted + sound by obstructions and also to minimize hearing + damage risks to personnel. + The sound level of the vessel's own signal at listening + posts shall not exceed 110 dB(A) and as far as + practicable should not exceed 100 dB(A). + + <img src="./tyfon.png" class="fhri" alt=""> + + <p>(f) A vessel at anchor shall at intervals of not more + than one minute ring the bell rapidly for about 5 + seconds. In a vessel of 100 metres or more in + length the bell shall be sounded in the forepart of + the vessel and immediately after the ringing of + the bell the gong shall be sounded rapidly for + about 5 seconds in the after part of the vessel. A + vessel at anchor may in addition sound three + blasts in succession, namely one short, one prolonged + and one short blast, to give warning of + her position and of the possibility of collision to + an approaching vessel. + <img src="./tyfon2.png" class="fhri" alt=""> + + <p>(g) A vessel aground shall give the bell signal and if + required the gong signal prescribed in paragraph + <img src="./tyfon3.png" class="fhri" alt=""> + + <p>(f) of this Rule and shall, in addition, give three + separate and distinct strokes on the bell immediately + before and after the rapid ringing of the bell. + A vessel aground may in addition sound an appropriate + whistle signal. + <div class="foghornrequiem"> + <img class="fhri" src="foghornrequiem.jpeg" alt=""> + <p> <a href="http://foghornrequiem.org/">http://foghornrequiem.org/</a></p> + </div> + plenty of DIY pvc foghorn designs online +</div> + +<div id=machines> + + <img src="scuderi2.gif" class="fhri" alt=""> + <p><img src="Adler-30-1-Long-Arm-Industrial-Sewing-Machine-Leather.jpg" class="fhri" alt=""> adler 30-1 <img class="fhri" src="Adler-30-1-Long-Arm-Industrial-Sewing-Machine-Leather.jpg" alt=""> / ECM espresso / 26foot sailboat / BW-laserprinter / + wood- metalworkshop / arc-tig welder / oscilloscope / rapid100 / + + + +</div> +<div class="bouche">OGORKOWA</div> + </section> + </body> +</html> @@ -100,14 +100,15 @@ </div> <div id=machines> - <div class="scuderi"> + <img src="scuderi2.gif" class="fhri" alt=""> <p><img src="Adler-30-1-Long-Arm-Industrial-Sewing-Machine-Leather.jpg" class="fhri" alt=""> adler 30-1 <img class="fhri" src="Adler-30-1-Long-Arm-Industrial-Sewing-Machine-Leather.jpg" alt=""> / ECM espresso / 26foot sailboat / BW-laserprinter / wood- metalworkshop / arc-tig welder / oscilloscope / rapid100 / - </div> + </div> +<div class="bouche">OGORKOWA</div> </section> </body> </html> diff --git a/webtek.css b/webtek.css new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/webtek.css diff --git a/webtek.html b/webtek.html new file mode 100644 index 0000000..e6b0ae9 --- /dev/null +++ b/webtek.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> + <head> + <meta charset="utf-8"> + <title></title> + </head> + <link rel="stylesheet" href="webtek.css"> + <body> + <h1>layout/</h1> + <h2>columns</h2> + <ul> + <li></li> + </ul> + + <p>web pictures/</p> + <p></p> + <p></p> + <p>references/</p> + <a href="https://devdocs.io/">devdocs.io</a> + <a href="https://www.w3.org/">w3.org</a> + </body> +</html> |