rabbitwaves/index.html at main · rekkabell/rabbitwaves · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang='en'>
<head>
  <link rel="stylesheet" href="links/main.css">
  <meta charset='utf-8'>
  <meta name='author' content='Rek Bell'>
  <meta name='description' content='Rabbit Waves'/>
  <meta name='keywords' content='worldbuilding, travel'/>
  <meta name='license' content='name=BY-NC-SA(4.0), url=https://creativecommons.org/licenses/by-nc-sa/4.0/'/>
  <meta name='thumbnail' content='https://rabbitwaves/media/services/thumbnail.jpg' />
  <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  <link rel='alternate'  type='application/rss+xml' title='Rabbit Waves' href='links/rss.xml' />
  <link rel='icon' type='image/x-icon' href='media/services/favicon.ico'>
  <link rel='me' href='https://merveilles.town/@rek'/>
  <title>Rabbit Waves</title>
</head>
<body>
<header>
    <nav>
    <ul>
      <li><a href="boatswain_call.html">Boatswain's Call</a></li>
      <li><a href="celestial_compass.html">Celestial Compass</a></li>
      <li><a href="day_shapes.html">Day Shapes</a></li>
      <li><a href="emergency_bag.html">Emergency Bag</a></li>
      <li><a href="first_aid_kit.html">First-Aid Kit</a></li>
      <li><a href="flags.html">Flag Semaphore</a></li>
      <li><a href="aircraft.html">Ground to Air Signals</a></li>
      <li><a href="flags_maritime.html">International Maritime Signal Flags</a></li>
      <li><a href="morse_code.html">Morse Code</a></li>
      <li><a href="morse_flags.html">Morse Code With Flags</a></li>
      <li><a href="hand_ciphers.html">Pen and Paper Ciphers</a></li>
      <li><a href="ship_lights.html">Ship Lights</a></li>
      <li><a href="triangular_bandage.html">Triangular Bandage</a></li>
    </ul>
  </nav>
</header>
<main>
 <!--  <div id='wrap'>
    <img src='media/content/rabbit_main.jpg' alt='Sailing in root vegetable-shaped sailboats on the ocean, the sailors are talking to each other via a series of flags. A turnip-shaped boat has an anthropomorphic rabbit sailor aboard, and a human, the other is too far to make out. The sailboat that is far away is signaling with the Quebec, Romeo and One flags. The turnip-shaped boat is flying the answering pennant.'>
    <a style='width: 5%;height: 7%;top: 26%;left: 51%;' title='Link to a page about navigating with the stars' href="site/celestial_compass.html"><span>Celestial Compass</span></a>
    <a style='width: 6%;height: 20%;top: 28%;left: 19%;' title='Link to a page about signaling with flags' href="site/flags_maritime.html"><span>International Maritime Signal Flags</span></a>
    <a style='width: 7%;height: 13%;top: 66%;left: 50%;' title='Link to a page about emergency bags' href="site/emergency_bag.html"><span>Emergency Bag</span></a>
  </div> -->
  <img src='media/interface/title.png' class='maintitle' alt='Rabbit Waves'>
  <img src='media/comic/coffeep1.jpg' alt='A comic showing how a rabbit living aboard a giant turnip sailboat at sea prepares coffee, starting with a rain water collector on deck, which funnels the water into a filter(a container with layers of gravel, sand and charcoal). The filtered water then runs through a paper filter before slowly trickling through a tube indoors via a small spout, filling a kettle. The inside of the turnip sailboat is cozy, with a little woodstove, shelves filled with jars(heavy glass jars are cushioned with knitted sleeves) of food and goods, a box filled with dishware, a wall pouch with signal flags, a jug full of water, etc.
The rabbit opens a jar of coffee beans and roasts them in a cast iron pan over the woodstove before grinding them using a hand grinder(the grinder has a big disc overtop for grinding). Then the rabbit boils water over the woodstove to pour over the grounds. The last frame is a fresh cup of warm coffee.'>
<div id='wrap'>
  <img src='media/comic/p2.jpg' alt='A comic showing a rabbit living aboard a giant turnip sailboat at sea, the rabbit hears a whistle, looks outside using binoculars and sees another sailboat, shaped like a kumara, with 3 signal flags hoisted(Q, R and 1). The rabbit grabs 2 flags, goes outside, and hoists a striped red and white flag, then a R flag. With permission to approach, the kumara sailboat sails towards the turnip boat and lowers the sail when near.'>
   <a style='width: 15%;height: 15%;top: 32%;left: 20%;' title='Link to a page about signaling with flags' href="site/flags_maritime.html"><span>Signal Flags</span></a>
  <a style='width: 15%;height: 15%;top: 30%;left: 67%;' title='Link to a page about signaling with flags' href="site/flags_maritime.html"><span>Signal Flags</span></a>
 <a style='width: 40%;height: 15%;top: 76%;left: 20%;' title='Link to a page about signaling with flags' href="site/flags_maritime.html"><span>Signal Flags</span></a>
 <a style='width: 20%;height: 15%;top: 1%;left: 73%;' title='Link to a page about signaling with a bosuns whistle' href="site/boatswain_call.html"><span>Boatswain's Call</span></a>
</div>
<div id='wrap'>
<img src='media/comic/p3.jpg' alt='A comic showing two root-vegetable shaped sailboats, Natsya and Teapot, rafted alongside one another. Arkady reaches outside to fill a teapot with hot water, using a series of solar evacuated tubes installed on deck. Arkady makes tea, then proceeds to telling Hazy two words: Starfish, and Cloud. Hazy signals that they will remember the 2 words by giving a thumbs up. Both proceed to look at a map, Arkady points to a specific island.'>
<a style='width: 15%;height: 15%;top: 60%;left: 26%;' title='Link to a page about pen and paper ciphers' href="site/hand_ciphers.html"><span>Pen and Paper Ciphers</span></a>
<a style='width: 15%;height: 15%;top: 81%;left: 16%;' title='Link to a page about pen and paper ciphers' href="site/hand_ciphers.html"><span>Pen and Paper Ciphers</span></a>
</div>
  <img src='media/interface/pages.jpg' alt='Knowledge:' class='title'>
  <a href="site/boatswain_call.html"><img src='media/interface/boatswain_call.jpg' title='Boatswains Call'></a>
  <a href="site/celestial_compass.html"><img src='media/interface/celestial_compass.jpg' title='Celestial Compass'></a>
  <a href="site/day_shapes.html"><img src='media/interface/day_shapes.jpg' title='Day shapes'></a>
  <a href="site/emergency_bag.html"><img src='media/interface/emergency_bag.jpg' title='Emergency Bag'></a>
  <a href="site/first_aid_kit.html"><img src='media/interface/first_aid.jpg' title='First aid'></a>
  <a href="site/aircraft.html"><img src='media/interface/aircraft.jpg' title='ground to air signals'></a>
  <a href="site/flags.html"><img src='media/interface/hand_flag_semaphore.jpg' title='Hand flag semaphore'></a>
  <a href="site/morse.html"><img src='media/interface/morse_code.jpg' title='Morse Code'></a>
  <a href="site/morse_flags.html"><img src='media/interface/morse_flags.jpg' title='Morse Code with flags'></a>
  <a href="site/hand_ciphers.html"><img src='media/interface/hand_ciphers.jpg' title='Pen and Paper Ciphers'></a>
  <a href="site/flags_maritime.html"><img src='media/interface/international_maritime_signal_flags.jpg' title='International Maritime Signal Flags'></a>
  <a href="site/ship_lights.html"><img src='media/interface/ship_lights.jpg' title='Ship Lights'></a>
  <a href="site/triangular_bandage.html"><img src='media/interface/triangular_bandage.jpg' title='Triangular Bandage'></a>
</main>
<footer>
    <div id='wrapfooter'>
      <img src='media/interface/footer.jpg' loading='lazy' alt='About | hundredrabbits | © 2024 BY-NC-SA 4.0'>
        <a class='hundredrabbits' href="https://100r.ca" title='Link to 100r.ca website' target="_blank"></a>
        <a class='license' href="https://github.com/rekkabell/rabbitwaves" title='Link to Github license page' target="_blank"></a>
        <a class='about' title='Link to about page' href="site/about.html"></a>
    </div>
</footer>
</body>
</html>