You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

148 lines
5.9 KiB

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="fred" >
<title>qo-op - CLOUD ESCAPE GAME - Nation Extraterrestre - MadeInZion </title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/landing-page.css" rel="stylesheet">
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="ajaxform.js"></script>
<!-- Typed text animation -->
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
<!-- Clock -->
<link rel="stylesheet" href="./css/flipclock.css">
<script src="./vendor/flipclock/flipclock.js"></script>
</head>
<body>
<nav class="navbar navbar-light bg-light static-top">
<div class="container">
<a class="btn btn-lg btn-primary" href="https://onenation.xyz/fr/" target="onenation">Manifeste</a>
<a class="btn btn-lg btn-primary" href="https://oasis.astroport.com/declaration-dindependance/" target="oasis">Sauveraineté</a>
<a class="btn btn-lg btn-primary" href="https://carte.monnaie-libre.fr/" target="carte">Carte</a>
</div>
</nav>
<!-- Masthead -->
<header class="masthead text-white text-center">
<div class="overlay">
<div class="row">
Mise en place du JEu, lancement officiel dans
<br><div class="clock" style="margin:2em;"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto">
<br><h3>Accélérez l'extinction des datacenters<br>
Extrayez vos données du <a href="https://www.copylaradio.com/blog/blog-1/post/cloud-escape-game-31" target="copylaradio" >Grand Méchant Cloud</a></h3>
</div>
</div>
<div class="col-md-20 col-lg-12 col-xl-7 mx-auto">
<form id="formlink">
<div class="form-row">
<div class="col-12 col-md-12 mb-2 mb-md-0">
<input id="link" type="link" class="form-control form-control-lg" placeholder="GUILDE message à propager (texte et lien pour youtube-dl)">
</div>
<div class="col-12 col-md-12">
<input id="phone" type="phone" class="form-control form-control-lg" placeholder="indiquez votre numéro de portable ( + Scan G1 clef )">
</div>
<br>
<br>
<div class="col-12 col-md-12" id="linkresultat">
<button type="submit" class="btn btn-block btn-lg btn-primary">Donnez au BLOB, au centuple il vous rendra!</button>
</div>
</div>
</form>
<div >
</div>
</div>
<div class="row">
<div class="col-xl-9 mx-auto">
<h3><div id="typed-strings">
<p>Obtenez <strong>une identité interplanétaire</strong>^2000, émise par MadeInZion !^4000</p>
<p>Explorez <strong><em><u>un autre monde</u>. Pair à pair, libre et légal.</em></strong>^3000</p>
<p>Un Monde <strong><em>où nos enfants,</em></strong> peuvent réaliser leur rêves...^5000</p>
<p>Une <strong>Terre de Jardins Forêts.</strong>^3000 Où nous plantons nos graines.^3000</p>
<p>Un <strong>"Internet des gens"</strong> !^3000 P2P, garant absolu de nos Libertés !^3000</p>
<p>Bienvenue <strong><em><u>qo-op</u></em></strong>^3000 dans votre "Nation Virturéelle".</p>
</div>
<span id="typed"></span></h3>
</div>
</div>
</header>
<div class="row">
<div class="col-xl-9 mx-auto">
<h1>Votre <a href="https://oasis.astroport.com/lancement-des-guildes/" target="avatar">AVATAR</a> adhère au "contrat social" MadeInZion!<br>Plus d'infos, appelez Fred au <a href="https://taurus.copylaradio.com" target="taurus">06 47 68 36 46</a></h1><br>
</div>
</div>
<nav class="navbar navbar-light bg-light static-top">
<div class="container">
<a class="btn btn-lg btn-primary" href="https://gchange.fr" target="starwars">Gchange</a>
<a class="btn btn-lg btn-primary" href="https://qo-op.com/obsninja/?quality=2" target="obsninja">VISIO</a>
<a class="btn btn-lg btn-primary" href="/ipns/k51qzi5uqu5dkq9fvpb4sczfk8lgoiyznxitbugrgrsacaihgub2gwt26qfk0q/" target="belleverte">La Belle Verte</a>
</div>
</nav>
<script type="text/javascript">
var clock;
$(document).ready(function() {
// Grab the current date
var currentDate = new Date();
// Set some date in the future.
var futureDate = new Date(2021, 9, 21, 20, 12);
// Calculate the difference in seconds between the future and current date
var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;
// Instantiate a coutdown FlipClock
clock = $('.clock').FlipClock(diff, {
clockFace: 'DailyCounter',
language: 'fr',
countdown: true
});
});
</script>
<script>
var typed = new Typed('#typed', {
stringsElement: '#typed-strings',
smartBackspace: true,
backDelay: 700,
loop: false,
typeSpeed: 40
});
</script>
</body>
</html>