Your browser lacks required capabilities. Please upgrade it or switch to another to continue.
<<if not $_isProduction>>\
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">\
<link rel="stylesheet" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css">\
<link rel="stylesheet" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">\
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">\
<<else>>\
<link rel="stylesheet" href="/node_modules/roboto-fontface/css/roboto/roboto-fontface.css">\
<link rel="stylesheet" href="node_modules/normalize.css/normalize.css">\
<link rel="stylesheet" href="node_modules/milligram/dist/milligram.min.css">\
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">\
<</if>>\<<silently>>
<<set _dashlabel to '<i class="fa fa-user-circle" aria-hidden="true"></i> $username'>>
<<if not $ordered>>
<<set _cartlabel to '<i class="fa fa-shopping-cart" aria-hidden="true"></i> My Order (1)'>>
<<else>>
<<set _cartlabel to '<i class="fa fa-shopping-cart" aria-hidden="true"></i> My Order'>>
<</if>>
<</silently>><<include "imports">>
<div class="container">
<<include "web-top-bar">>
<div class="row">
<div class="column">[ E m p y r e u m ]</div>
<div class="column">[["About Us"->Portal][$webBody to "web-body-home1"]]</div>
<div class="column"><<if not $ordered>><<link _cartlabel Portal>><<set $webBody to "web-body-cart">><</link>><<else>><<link _cartlabel Portal>><<set $webBody to "web-body-cart-empty">><</link>><</if>></div>
<div class="column"><<link "_dashlabel" Portal>><<set $webBody to "web-body-dashboard">><</link>></div>
</div>
<div class="row">
<div class="column column-80 column-offset-5">
<<include $webBody>>
</div>
</div>
<div class="row">
<div class="column"><small>$footer</small></div>
</div>
</div>
<<include "imports">>
<div class="container">
<<include "web-top-bar">>
<div class="row">
<div class="column column-25 column-offset-25">Username:</div>
<div class="column column-25"><<textbox "$username" $username autofocus>></div>
</div>
<div class="row">
<div class="column column-25 column-offset-25">Password:</div>
<div class="column column-25"><<textbox "$password" "">></div>
</div>
<div class="row">\
<div class="column column-offset-50">\
<<if $loginError>>\
@@color:red;//$loginError//@@\
<</if>>\
</div>\
</div>\
<div class="row">
<div class="column column-offset-50">
<<button Login Login>>
<<if $username and $password>>
<<set $storedPassword to $password>>
<<set $webBody to "web-body-dashboard">>
<<goto "Portal">>
<<else>>\
<<set $loginError to "You must enter your username and password.">>\
<</if>>\
<</button>>
</div>
</div>
<div class="row">
<div class="column column-offset-25"><small>$footer</small></div>
</div>
</div>
<<set $username to "">>
<<set $password to "">>
<<set $purchase to "Ultima Thule Pod">>
<<set $seenOrdered to false>>
<<set $footer to "© Empyreum "+gameYear>>
<<set $_isProduction to window.isProduction()>>
<<goto Login>>
!!!!About Us
[[- Who We Are->Portal][$webBody to "web-body-home1"]]
[[- The Event->Portal][$webBody to "web-body-home2"]]
[[- Our Services->Portal][$webBody to "web-body-home3"]]
[[- How Does It Work?->Portal][$webBody to "web-body-home4"]]!!!!My Order
<table>
<thead>
<tr>
<th>Product</th>
<th class="number-column">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>$purchase [[[modify->Portal][$webBody to "web-body-catalog"]]]</td>
<td class="number-column">$900M</td>
</tr>
<tr>
<td>Fees and commissions</td>
<td class="number-column">$100M</td>
</tr>
<tr>
<td>''Total''</td>
<td class="number-column">''$1000M''</td>
</tr>
</tbody>
</table>
<div class="container"><div class="row">
<div class="column column-20 column-offset-80">
<<button "Checkout" "Portal">><<set $webBody to "web-body-confirm">><</button>>
</div></div></div>!!!!Welcome $username.
''My Account''
Your status is ''verified customer''.
''My Credit''
Your credit amounts to <<if not $ordered>>$1200M<<else>>$200M<</if>>.
''My Products''
<<if not $ordered>>You have not booked any product.<<else>><table><thead><tr><th>Product</th><th>Date of purchase</th><th>Status</th></tr></thead><tbody><tr><td>$ordered</td><td>//Just now//</td><td>//In progress//</td></tr></tbody></table><</if>>
''My Orders''
<<if not $ordered>>You have [[1 pending order->Portal][$webBody to "web-body-cart"]].<<else>>You have no pending orders.<</if>>
!!!!Available products
All Pods are equipped with:
* Fully provided food supply.
* Sustaineble food production systems.
* Satellite network link.
* Self-diagnostics system.
* Multiple cryptocurrency processing cores.
* Personalized support.
* Military-grade defense systems.
----
!!!!!Babylon Pod®
Located on an oil well in former Iraq. Features an integrated and totally automatic extraction and refining system able to power the Pod for years.
* Energy supply: oil, photovoltaic.
* Life support: hydroponic garden.
<<button Purchase Portal>>
<<set $webBody to "web-body-cart">>
<<set $purchase to "Babylon Pod">>
<</button>>
----
!!!!!Atlantis Pod®
A watertight shelter at the bottom of the ocean, near Indonesia. Powered by turbines that transform marine tide energy, and equipped with an integrated desalination station.
* Energy supply: tidal power.
* Life support: algae farm and anaerobic bacteria.
<<button Purchase Portal>>
<<set $webBody to "web-body-cart">>
<<set $purchase to "Atlantis Pod">>
<</button>>
----
!!!!!Ultima Thule Pod®
An underground bunker at the polar circle. Low exterior temperature guarantees natural cooling of the computer systems. Equipped with an experimental cryogenic chamber.
* Energy supply: geothermal.
* Life support: garden of nutrient-rich lichens.
<<button Purchase Portal>>
<<set $webBody to "web-body-cart">>
<<set $purchase to "Ultima Thule Pod">>
<</button>>
----<<script>>
if (passage() === 'Login'){
$('#textbox-password').attr('type', 'password');
}
if (passage() === 'Portal'){
$('#textbox-confirmpassword').attr('type', 'password');
}
<</script>>!!!!Processing Order
Product: ''$ordered'' \
<<if not $seenOrdered>>\
<i id="spinner" class="fa fa-circle-o-notch fa-spin"></i>\
<</if>>
<<if not $seenOrdered>><<timed 2s>>Performing transfer
<<next>>Verifying balance...
<<next>>Withdrawing funds ($1000M)...
<<next>>Converting available capital to crypto ($200M)...
<<next>>Capital transferred.
<<next>>Customizing Pod®...
<<next>>Allocating resources...
<<next>>Preparing system images...
<<next>>Initializing data...
<<next>>Provisioning completed.
<<next>>Reading coordinates...
<<next>>''Extraction procedure started.''<<script>>$("#spinner").hide()<</script>>\
<</timed>>\
<<else>>\
Performing transfer
Verifying balance...
Withdrawing funds ($1000M)...
Converting available capital to crypto ($200M)...
Capital transferred.
Customizing Pod®...
Allocating resources...
Preparing system images...
Initializing data...
Provisioning completed.
Reading coordinates...
''Extraction procedure started.''
<</if>>\
<<set $seenOrdered to true>>\!!!!My Order
You do not have pending orders.!!!!Order confirmation
You need to re-enter your password to continue.
<<textbox "$confirmPassword" "">>
<<if $confirmError>>@@color:red;//$confirmError//@@<</if>>
Remember that, once iniciated, the process is irreversible.
<<button "Confirm Order" Portal>>
<<if $confirmPassword == $storedPassword>>
<<set $webBody to "web-body-ordered">>
<<set $ordered to $purchase>>
<<else>>
<<set $confirmError to "Incorrect password.">>
<</if>>
<</button>><<nobr>>
<<set _exit to '<i class="fa fa-sign-out" aria-hidden="true"></i>'>>
<<set _reset to '<i class="fa fa-power-off" aria-hidden="true"></i>'>>
<div class="row web-top-bar">
<div class="column web-top-bar-left">
<span class="nostyle"><<link _reset>><<script>>UI.restart()<</script>><</link>></span>
</div>
<div class="column web-top-bar-right">
<i class="fa fa-battery-quarter" aria-hidden="true"></i>
<span id="clock"></span>
<span class="nostyle"><<link _exit salon>><</link>></span> </div>
</div>
<<script>>
(function setTime (){
var realNow = new Date();
var elapsed = realNow.getTime() - realStart.getTime();
var gameNow = new Date(gameStart.getTime()+elapsed);
var hh = gameNow.getHours ();
hh = hh<10? "0"+hh : hh;
var mm = gameNow.getMinutes ();
mm = mm<10? "0"+mm : mm;
var ss = gameNow.getSeconds ();
ss = ss<10? "0"+ss : ss;
$("#clock").text(hh+":"+mm+":"+ss);
setTimeout (setTime, 100);
})();
<</script>>
<</nobr>>Your living room is an open space with large windows that let the moonlight in. The shapes of the furniture are outlined in the twilight.
On the table your <<if hasVisited("Portal")>>[[laptop->Portal]]<<else>>[[laptop->Login]]<</if>> still works, thanks to the batteries and the satellite link.
The front door leads to the [[outside->exterior]].
<<include ambient-intro>>You are outside of the house. From the top of a hill, it used to overlook one of the wealthiest residential areas in the valley. The preferred choice for tech CEOs and hedge fund investors.
Now, except for several fires, it's pitch black as far as your eyes can see.
[[Go back inside->salon]].
<<nobr>>
<<if $ordered>>
[[Wait->recogida]].
<</if>>
<</nobr>>
<<include ambient-intro>>
<<silently>>
<<set _ambient to either
("","","","","","","","","","",
"You hear a burst of gunfire in the distance.",
"The ground shakes slightly, possibly by the effect of an explosion.")>><</silently>>_ambient
You wait outside of the house, with your eyes fixed on the glare of the fires.
Some time afterwards, the arrival of a helicopter takes you out of the trance. Black, with tinted windows and no identification markings. It stops above you and a rope ladder is dropped.
[[Climb up->creditos]].<<timed 3s>>!!Empyreum
<<next>>An Interactive Fiction.
<<next>>By n-n, 2018
<<next>>CC-BY-SA-4.0
<<next>>
Inspired by the Douglas Rushkoff article <a href="https://medium.com/s/futurehuman/survival-of-the-richest-9ef6cddd0cc1" target="_blank">//Survival of the Richest//</a>.
<<next>>
Thanks to IFforL2 for proofreading.
<<next>>
(to be continued?)
<<next>>
<<link "Restart">><<script>>UI.restart()<</script>><</link>>
<</timed>><div class="container"><div class="row"><div class="column"><<include "web-body-home-menu">></div><div class="column">
!!!!Who We Are
Empyreum is an independent organization consisting of individual citizens with vast experience in the fields of business and technology. Our group is decentralized and distributed in a dynamic network, whose nodes are located throughout the world. Our operations are free from any restriction or tie to specific countries. The Empyreum asset portfolio includes material resources and a complex financial infrastructure in the cloud. Our logic is that of pure information, travelling at the speed of light.
</div>
</div>
</div>
<div class="container"><div class="row"><div class="column"><<include "web-body-home-menu">></div><div class="column">
!!!!The Event
The acceleration in multiple political, technological and environmental trends has pushed society and economy to extremely volatile and unpredictable conditions. The collapse of the social and economic system as we have known it seems inevitable. The form it will take, and the circumstances of the Event are unpredictable. Climate catastrophe, total nuclear war or large-scale political disintegration are all real possibilites.
We believe, though, that every crisis is an opportunity, and this Event is no exception. Today's leaders are called to rebuild the society of tomorrow — a new and improved form of market-based economy. It is for them that we have designed our exclusive services package.
</div>
</div>
</div>
<div class="container"><div class="row"><div class="column"><<include "web-body-home-menu">></div><div class="column">
!!!!Our Services
The Empyreum initiative offers its members and clients an integral security solution with which to overcome the challenge posed by the current crisis cycle. The technologies which it is based on are:
# Digitisation of financial assets into a cryptographic format: you take all your capital with you.
# Self-sufficient and sustainable secure shelters: each Pod® is a closed ecosystem isolated from external threats. Adaptation to environments and the latest permaculture techniques make it possible to survive for months or years inside.
# Social network: each Pod® stays connected to the cloud via a satellite network, and contains multiple process cores for cryptocurrency mining. Capital throughput is sustained for the full duration of the user's stay.
# Re-entry: after the the Event or Black Swan, once the consequences of the fallout have remitted, Empyreum will purvey the necessary means to facilitate the reconstruction of an open and prosperous society. A new scenario in which its clients will enjoy a competitive advantage in preferential conditions.
</div>
</div>
</div><div class="container"><div class="row"><div class="column"><<include "web-body-home-menu">></div><div class="column">
!!!!How Does It Work?
Empyreum offers a simple, straightforward services package:
# When a new client is registered, we begin a process of consolidation and digitization of financial assets.
# Upon platform verification and calculation of available credit, the client may select and purchase the product that best suits their requirements.
# Immediately upon request, Empyreum will execute the extraction procedure and transport the client to the Pod® of choice.
# The client will be free enjoy his stay in the Pod® until they consider outside conditions to be safe and agreeable. The client will also be able to operate in the cryptocurrency markets throughout their stay, thanks to the integrated mining cluster.
# At the optimum time the client will begin a new phase in the post-crisis society with his capital reserves intact, or even revalued.
</div>
</div>
</div>Location: <<print window.location>>
Production: <<print window.isProduction()>>