j"19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAutM"<html lang="en">
<head>
<title>Metanet Land - Genesis Woods Troll Bridge</title>
<!-- area 50 -->
<meta name="Keywords" content="Metanet Land, Bitcoin, Metanet, ICU, MetaMan, Game, Story, Education, Parables">
<meta name="subject" content="Metanet Land, Bitcoin, Metanet, ICU, MetaMan, page 4">
<meta name="copyright"content="MetaNet ICU Ltd, Joel Jean-Luc Dalais">
<meta name="author" content="Joel Dalais, [email protected], [email protected]">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://api.moneybutton.com/moneybutton.js"></script>
<style>
* {
box-sizing: border-box;
}
/* Style the body */
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}
/* Header/logo Title */
.header {
padding: 10px;
text-align: center;
background: #3CB371;
color: white;
}
/* Increase the font size of the heading */
.header h1 {
font-size: 40px;
}
/* Style the top navigation bar */
.navbar {
overflow: hidden;
background-color: #333;
}
/* Style the navigation bar links */
.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;
}
/* Right-aligned link */
.navbar a.right {
float: right;
}
/* Change color on hover */
.navbar a:hover {
background-color: #ddd;
color: black;
}
/* Column container */
.row {
display: -ms-flexbox; /* IE10 */
display: flex;
-ms-flex-wrap: wrap; /* IE10 */
flex-wrap: wrap;
}
/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
-ms-flex: 30%; /* IE10 */
flex: 30%;
background-color: #f1f1f1;
padding: 20px;
}
/* Main column */
.main {
-ms-flex: 70%; /* IE10 */
flex: 70%;
background-color: white;
padding: 20px;
}
/* Fake image, just for this example */
.fakeimg {
background-color: #aaa;
width: 100%;
padding: 20px;
}
/* Footer */
.footer {
padding: 20px;
text-align: center;
background: #ddd;
}
/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
.row {
flex-direction: column;
}
}
/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
.navbar a {
float: none;
width: 100%;
}
}
</style>
</head>
<body>
<div class="header">
<h1>Metanet Land</h1>
<font size="-1">A world created for you</font>
</div>
<div class="navbar">
<a href="http://metanet.land/arrival-point/">Restart Adventure</a>
<a href="https://metanet.icu/metaman-contents-page/">Character Info</a>
<a href="#">Information Portal</a>
<a href="https://metanet.icu/" class="right">ICU</a>
</div>
<div class="row">
<div class="side">
<h2>The Genesis Woods</h2>
<h5>Eastern Path</h5>
<div class="fakeimg" style="height:200px;"><img src="https://i.pinimg.com/originals/c5/74/78/c57478a4b23cffeafc9b2ddfbdfedb9b.jpg" height="150" width=200></div> <!-- AREA image -->
<p>Some say the genesis woods are as old as recorded human history ...</p>
<h3>Metanet Things</h3>
<p>Click below to travel the Metanet</p>
<div class="fakeimg" style="height:60px;"><a href="https://www.agora.icu/">Agora</a></div><br>
<div class="fakeimg" style="height:60px;"><a href="https://planaria.network/">Planaria</a></div><br>
<div class="fakeimg" style="height:60px;"><a href="https://metanet.icu/metanet-music-shop/">Music & Art</a></div>
</div>
<!-- body here -->
<div class="main">
<h2>GENESIS WOODS - EASTERN PATH</h2>
<h5>Eastern Path Continued, May 9, 2019</h5>
<div class="fakeimg" style="height:200px;"> <img src="http://miriadna.com/desctopwalls/images/max/Bridge-and-small-stream.jpg" height="160" width=570>
<p><br>You are at the western edge of a large bridge crossing a river.</p>
<p>The bridge is ahead and looks quite sturdy. Over the eastern side of the bridge the trees from the woods thin out and the road widens into a more commonly used pounded dirt and mud track which heads off into the eastern distance.
<br><br>
The bridge appears to be the only way across the river. And there is an old wooden signpost this side of the bridge. A path westward leads deeper into the woods.
<br><hr align="left" width="80%">
What would you like to do?
<br>
<br>
<table class="wp-block-table" border="0"><tbody><tr><td> <div class="money-button" data-to="440" data-amount="0.001" data-currency="GBP" data-label="Go West" data-hide-amount="false" data-client-identifier="62c98c4fddd68002f953e039f57b3ce5" data-button-id="1537294049022" data-button-data="Metanet Land, Eastern Path (4) - Go West -"
data-op-return="This is an action or movement in Metanet Land, to find out more visit http://metanet.land" data-type="tip"></div>
<div class="txlink">:<a href="javascript:void(0)" onclick="location.href='http://metanet.land/genesis-woods-eastern-path-4/'" target="_new"></a></div>
<script>
(function($, w) {
"use strict";
$(".txlink").each(function(i, v) {
var $v = $(v);
var fname = "_txlink" + i;
var href = decodeURIComponent($v.find("a").prop("href"));
w[fname] = function(payment) {
$v.find("a")
.fadeOut().fadeIn().fadeOut().fadeIn()
.text("CLICK ME TO GO WEST")
.prop("href", href.replace(/[{][$]tx[}]/, payment.txid));
console.log(payment.txid);
};
$v.siblings(".money-button").attr('data-on-payment', fname);
console.log(i, $v, href);
});
})(jQuery||$, window);
</script>
</td>
<!-- break -->
<td></td>
<!-- break -->
<td>
<div class="money-button" data-to="440" data-amount="0.001" data-currency="GBP" data-label="Go Bridge" data-hide-amount="false" data-client-identifier="62c98c4fddd68002f953e039f57b3ce5" data-button-id="1537294049022" data-button-data="Metanet Land - Genesis Woods Troll Bridge (50) - Go Bridge -"
data-op-return="This is an action or movement in Metanet Land, to find out more visit http://metanet.land" data-type="tip"></div>
<div class="txlink1">:<a href="javascript:void(0)" onclick="location.href='http://metanet.land/genesis-woods-troll-bridge-50/genesis-woods-troll-bridge-50a1-bridge/'" target="_new"></a>
<script>
(function($, w) {
"use strict";
$(".txlink1").each(function(i, v) {
var $v = $(v);
var fname = "_txlink1" + i;
var href = decodeURIComponent($v.find("a").prop("href"));
w[fname] = function(payment) {
$v.find("a")
.fadeOut().fadeIn().fadeOut().fadeIn()
.text("You approach the Bridge (click me)")
.prop("href", href.replace(/[{][$]tx[}]/, payment.txid));
console.log(payment.txid);
};
$v.siblings(".money-button").attr('data-on-payment', fname);
console.log(i, $v, href);
});
})(jQuery||$, window);
</script>
</div>
</td></tr> <td>
<!-- break -->
<div class="money-button" data-to="440" data-amount="0.01" data-currency="GBP" data-label="Signpost" data-hide-amount="false" data-client-identifier="62c98c4fddd68002f953e039f57b3ce5" data-button-id="1537294049022" data-button-data="Metanet Land - Genesis Woods Troll Bridge (50) - Signpost -"
data-op-return="This is an action or movement in Metanet Land, to find out more visit http://metanet.land" data-type="tip"></div>
<div class="txlink2">:<a href="javascript:void(0)" onclick="location.href='http://metanet.land/genesis-woods-troll-bridge-50/genesis-woods-troll-bridge-50a1-signpost/'" target="_new"></a>
<script>
(function($, w) {
"use strict";
$(".txlink2").each(function(i, v) {
var $v = $(v);
var fname = "_txlink2" + i;
var href = decodeURIComponent($v.find("a").prop("href"));
w[fname] = function(payment) {
$v.find("a")
.fadeOut().fadeIn().fadeOut().fadeIn()
.text("Read the Signpost (click me)")
.prop("href", href.replace(/[{][$]tx[}]/, payment.txid));
console.log(payment.txid);
};
$v.siblings(".money-button").attr('data-on-payment', fname);
console.log(i, $v, href);
});
})(jQuery||$, window);
</script>
</div>
</td></table> text/htmlUTF-8)Metanet Land - Genesis Woods Troll Bridge
https://whatsonchain.com/tx/0cb782cc00620f5a20137bffd7fe835982c5fd1c3a29ebf049e4375627393d1c