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> Mi pedido (1)'>>
<<else>>
<<set _cartlabel to '<i class="fa fa-shopping-cart" aria-hidden="true"></i> Mi pedido'>>
<</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">[["Sobre nosotros"->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">Usuario:</div>
<div class="column column-25"><<textbox "$username" $username autofocus>></div>
</div>
<div class="row">
<div class="column column-25 column-offset-25">Contraseña:</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 Entrar Login>>
<<if $username and $password>>
<<set $storedPassword to $password>>
<<set $webBody to "web-body-dashboard">>
<<goto "Portal">>
<<else>>\
<<set $loginError to "Debe introducir nombre de usuario y contraseña.">>\
<</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 "Pod Ultima Thule">>
<<set $seenOrdered to false>>
<<set $footer to "© Empyreum "+gameYear>>
<<set $_isProduction to window.isProduction()>>
<<goto Login>>
!!!!Sobre nosotros
[[- Quiénes somos->Portal][$webBody to "web-body-home1"]]
[[- El Acontecimiento->Portal][$webBody to "web-body-home2"]]
[[- Nuestros servicios->Portal][$webBody to "web-body-home3"]]
[[- ¿Cómo funciona?->Portal][$webBody to "web-body-home4"]]!!!!Mi pedido
<table>
<thead>
<tr>
<th>Producto</th>
<th class="number-column">Precio</th>
</tr>
</thead>
<tbody>
<tr>
<td>$purchase [[[cambiar->Portal][$webBody to "web-body-catalog"]]]</td>
<td class="number-column">$900M</td>
</tr>
<tr>
<td>Servicios y comisiones</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 "Finalizar pedido" "Portal">><<set $webBody to "web-body-confirm">><</button>>
</div></div></div>!!!!Bienvenido, $username.
''Mi cuenta''
Tu estado es de ''cliente verificado''.
''Mi crédito''
Tu crédito es de <<if not $ordered>>$1200M<<else>>$200M<</if>>.
''Mis productos''
<<if not $ordered>>No tienes ningún producto contratado.<<else>><table><thead><tr><th>Producto</th><th>Fecha de compra</th><th>Estado</th></tr></thead><tbody><tr><td>$ordered</td><td>//Ahora mismo//</td><td>//En proceso//</td></tr></tbody></table><</if>>
''Mis pedidos''
<<if not $ordered>>Tienes [[1 pedido pendiente->Portal][$webBody to "web-body-cart"]].<<else>>No tienes pedidos pendientes.<</if>>
!!!!Productos disponibles
Todos los Pods disponen de:
* Despensa completamente provista.
* Sistema de producción de alimento autosuficiente.
* Enlace de red vía satélite.
* Sistema de autodiagnóstico.
* Núcleos de procesamiento de criptomoneda.
* Soporte personalizado.
* Sistemas de defensa de categoría militar.
----
!!!!!Pod® Babylon
Situado en un pozo petrolífero en el terreno del antiguo Iraq, el mecanismo totalmente automático de extracción y refinado permitirá la alimentación del Pod durante años.
* Energía: petróleo y fotovoltaica.
* Soporte vital: huerto hidropónico.
<<button Comprar Portal>>
<<set $webBody to "web-body-cart">>
<<set $purchase to "Pod Babylon">>
<</button>>
----
!!!!!Pod® Atlantis
Un refugio hermético en el fondo del océano cerca de Indonesia, alimentado por turbinas que transforman la energía maremotriz y un mecanismo de desalinización de agua.
* Energía: maremotriz.
* Soporte vital: jardín de algas y bacterias anaeróbicas.
<<button Comprar Portal>>
<<set $webBody to "web-body-cart">>
<<set $purchase to "Pod Atlantis">>
<</button>>
----
!!!!!Pod® Ultima Thule
Un bunker en la roca en el círculo polar. Las bajas temperaturas exteriores garantizan la refrigeración natural de los sistemas informáticos. Dispone de una unidad experimental de preservación criogénica.
* Energía: geotérmica.
* Soporte vital: huerto de líquenes con alto valor nutritivo.
<<button Comprar Portal>>
<<set $webBody to "web-body-cart">>
<<set $purchase to "Pod Ultima Thule">>
<</button>>
----<<script>>
if (passage() === 'Login'){
$('#textbox-password').attr('type', 'password');
}
if (passage() === 'Portal'){
$('#textbox-confirmpassword').attr('type', 'password');
}
<</script>>!!!!Procesando pedido
Producto: ''$ordered'' \
<<if not $seenOrdered>>\
<i id="spinner" class="fa fa-circle-o-notch fa-spin"></i>\
<</if>>
<<if not $seenOrdered>><<timed 2s>>Realizando transferencia
<<next>>Verificando saldo...
<<next>>Retirando fondos ($1000M)...
<<next>>Convirtiendo capital disponible en cripto ($200M)...
<<next>>Capital transferido.
<<next>>Personalizando Pod®...
<<next>>Reservando recursos...
<<next>>Preparando imágenes de sistema...
<<next>>Inicializando datos...
<<next>>Provisión completa.
<<next>>Leyendo coordenadas...
<<next>>''Iniciada maniobra de extracción.''<<script>>$("#spinner").hide()<</script>>\
<</timed>>\
<<else>>\
Realizando transferencia
Verificando saldo...
Retirando fondos ($1000M)...
Convirtiendo capital disponible en cripto ($200M)...
Capital transferido.
Personalizando Pod®...
Reservando recursos...
Preparando imágenes de sistema...
Inicializando datos...
Provisión completa.
Leyendo coordenadas...
''Iniciada maniobra de extracción.''
<</if>>\
<<set $seenOrdered to true>>\!!!!Mi pedido
No tienes ningún pedido pendiente.!!!!Confirmación de pedido
Necesitas introducir de nuevo tu contraseña para continuar.
<<textbox "$confirmPassword" "">>
<<if $confirmError>>@@color:red;//$confirmError//@@<</if>>
Recuerda que, una vez iniciado, el proceso es irreversible.
<<button "Confirmar pedido" Portal>>
<<if $confirmPassword == $storedPassword>>
<<set $webBody to "web-body-ordered">>
<<set $ordered to $purchase>>
<<else>>
<<set $confirmError to "La contraseña no coincide.">>
<</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>>El salón de tu casa es un espacio diáfano con ventanales amplios por los que entra la claridad de la luna. Las formas de los muebles se perfilan en la penumbra.
Sobre la mesa tu <<if hasVisited("Portal")>>[[ordenador personal->Portal]]<<else>>[[ordenador personal->Login]]<</if>> aún funciona, gracias a la batería y el enlace de satélite.
La puerta principal conduce al [[exterior]].
<<include ambient-intro>>Te encuentras en el exterior de la casa. Desde la cima de una colina solía dominar una de las áreas residenciales más caras del valle. La preferida por CEOs tecnológicos e inversores de hedge funds.
Ahora, aparte de varios incendios, hasta donde alcanza tu vista sólo ves oscuridad.
[[Vuelves al interior->salon]].
<<nobr>>
<<if $ordered>>
[[Esperas->recogida]].
<</if>>
<</nobr>>
<<include ambient-intro>>
<<silently>>
<<set _ambient to either
("","","","","","","","","","",
"Oyes una ráfaga de ametralladora en la distancia.",
"El suelo vibra ligeramente, seguramente por el efecto de una explosión.")>><</silently>>_ambient
Permaneces en el exterior de la casa con la vista fija en el fulgor de las llamas.
Un rato después la llegada de un helicóptero te saca de tu ensimismamiento. Es de color negro, con los cristales tintados y sin ningún distintivo de identificación exterior. Se detiene sobre ti y deja caer una escalera de cuerda.
[[Subes por ella->creditos]].<<timed 3s>>!!Empyreum
<<next>>Una ficción interactiva.
<<next>>Por n-n, 2018
<<next>>CC-BY-SA-4.0
<<next>>
Inspirada por el artículo <a href="https://ctxt.es/es/20180801/Politica/21062/tecnologia-futuro-ricos-pobres-economia-Douglas-Rushkoff.htm" target="_blank">//La supervivencia de los más ricos y cómo traman abandonar el barco//</a> de Douglas Rushkoff.
<<next>>
(¿continuará?)
<<next>>
<<link "Reiniciar">><<script>>UI.restart()<</script>><</link>>
<</timed>><div class="container"><div class="row"><div class="column"><<include "web-body-home-menu">></div><div class="column">
!!!!Quiénes somos
Empyreum es una iniciativa independiente constituida por personas individuales con amplia experiencia en el mundo de los negocios y la tecnología. Nuestra estructura es descentralizada y está repartida en una red dinámica de nodos situados por todo el mundo, sin la limitación geográfica de residir en un país concreto. Empyreum tiene una cartera de activos que incluyen recursos materiales y una infraestructura financiera en la nube. Nuestra lógica es la de la información que viaja a la velocidad de la luz.
</div>
</div>
</div>
<div class="container"><div class="row"><div class="column"><<include "web-body-home-menu">></div><div class="column">
!!!!El Acontecimiento
La aceleración de múltiples tendencias políticas, tecnológicas y ambientales ha llevado a la sociedad y la economía a una situación extremadamente volátil e imprevisible. El colapso del sistema social y económico tal y como lo hemos conocido parece inevitable. La forma que tomará la destrucción, las características del Acontecimiento son imprevisibles. Sobrecalentamiento global, guerra nuclear total o desintegración política a gran escala son todas ellas posibilidades reales.
Creemos, sin embargo, que toda crisis es una oportunidad, y esta no es una excepción. Los líderes de hoy están llamados a reconstruir la sociedad del futuro, una nueva y mejorada versión de la economía de mercado. Para ellos hemos diseñado nuestro exclusivo paquete de servicios.
</div>
</div>
</div>
<div class="container"><div class="row"><div class="column"><<include "web-body-home-menu">></div><div class="column">
!!!!Nuestros servicios
Empyreum pone a disposición de sus miembros y clientes una solución integral de seguridad para superar con éxito el desafío planteado por el actual ciclo de crisis. Las tecnologías en las que se basa son las siguientes:
# Digitalización de activos financieros a formato criptográfico: todo tu capital en tu bolsillo.
# Refugios de seguridad autosuficientes y sostenibles: cada cápsula o Pod® es un ecosistema cerrado e impenetrable desde el exterior. La adaptación a su entorno y las últimas técnicas en permacultura posiblitan sobrevivir durante meses o años en su interior.
# Red social: cada Pod® permanece conectado a la nube a través de una red de satélites, e integra múltiples núcleos de proceso para minar criptomoneda y mantener la producción de capital mientras el usuario permanece dentro.
# Reconstrucción: cuando las consecuencias del Acontecimiento o Cisne Negro remitan, Empyreum dispondrá de los medios necesarios para facilitar la reconstrucción de una sociedad abierta en la que sus clientes dispondrán de ventaja competitiva en condiciones privilegiadas.
</div>
</div>
</div><div class="container"><div class="row"><div class="column"><<include "web-body-home-menu">></div><div class="column">
!!!!¿Cómo funciona?
El servicio de Empyreum es muy sencillo.
# Cuando un nuevo cliente se preinscribe, empieza un proceso de consolidación y digitalización de activos financieros.
# Tras la verificación en la plataforma y el cálculo del crédito disponible, podrá adquirir el producto que mejor se adecúe a sus necesidades.
# En el momento que lo solicite, Empyreum ejecutará la extracción y transporte del cliente al Pod® que haya reservado.
# El cliente disfrutará de su estancia en el Pod® hasta que considere que las condiciones exteriores sean seguras. Durante este tiempo podrá seguir participando en el mercado de cotización de criptomoneda gracias al cluster de minería integrado.
# Cuando el momento sea óptimo el cliente iniciará una nueva etapa en la sociedad post-crisis con su capital íntegro, o incluso revalorizado.
</div>
</div>
</div>Location: <<print window.location>>
Production: <<print window.isProduction()>>