Created
December 6, 2018 13:57
-
-
Save dmarman/ee9ffab3fb45b5a63358ac819621e868 to your computer and use it in GitHub Desktop.
Revisions
-
dmarman created this gist
Dec 6, 2018 .There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode charactersOriginal file line number Diff line number Diff line change @@ -0,0 +1,184 @@ <!doctype html> <html class="no-js" lang="EN"> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-114346081-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-114346081-1'); </script> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Search Engine --> <meta name="description" content="Easiest payment system ever made. Lighting fast, no fees, no maintenance costs, free forever."> <meta name="image" content="https://wecognitive.com/img/screenshot.png"> <!-- Schema.org for Google --> <meta itemprop="name" content="WeCognitive"> <meta itemprop="description" content="Easiest payment system ever made. Lighting fast, no fees, no maintenance costs, free forever."> <meta itemprop="image" content="https://wecognitive.com/img/screenshot.png"> <!-- Twitter --> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="WeCognitive"> <meta name="twitter:description" content="Easiest payment system ever made. Lighting fast, no fees, no maintenance costs, free forever."> <meta name="twitter:image:src" content="https://wecognitive.com/img/screenshot.png"> <!-- Open Graph general (Facebook, Pinterest & Google+) --> <meta name="og:title" content="WeCognitive"> <meta name="og:description" content="Easiest payment system ever made. Lighting fast, no fees, no maintenance costs, free forever."> <meta name="og:image" content="https://wecognitive.com/img/screenshot.png"> <meta name="og:url" content="https://WeCognitive.com/"> <meta name="og:site_name" content="WeCognitive"> <meta name="og:type" content="website"> <link rel="apple-touch-icon" href="favicon.png"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather:300"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400"> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/5.1.1/bootstrap-social.min.css"> <link rel="shortcut icon" type="image/x-icon" href="./favicon.png?v=1" /> <title>WeCognitive</title> </head> <body> <div class="container"> <nav class="navbar navbar-expand-md navbar-dark pb-5 mt-2"> <div class="mx-auto order-0"> <a class="navbar-brand mx-auto" href="#">WeCognitive</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".dual-collapse2"> <span class="navbar-toggler-icon"></span> </button> </div> <div class="navbar-collapse collapse w-100 order-3 dual-collapse2"> <ul class="navbar-nav ml-auto"> <li class="nav-item ml-4"> <a class="nav-link" href="https://tuemilio.com/">About</a> </li> </ul> </div> </nav> <div class="landing-content"> <div class="my-5 pt-5 pb-3 text-center title"> <h1>WeCognitive is the coin of the future</h1> <h4 class="subtitle mt-4">Easiest payment system ever made. Lighting fast, no fees, no maintenance costs, free forever.</h4> </div> <div class="form-inline justify-content-center" id="44722aad-f267-4e78-ba81-2c644830b425"> <div class="form-group mx-sm-3 mb-2 w-25"> <input type="email" class="form-control-lg w-100" placeholder="Email" autofocus> </div> <button type="submit" class="btn btn-1 btn-lg mb-2">Get Invited</button> <div class="tu-message"></div> </div> <div class="mt-4"> <p class="text-muted text-center">We are building the network. <br> Get invited, invite your friends and reserve more WeCognitive coins.</p> </div> </div> <div class="tu-dashboard hidden"> <div class="container"> <h1 class="my-3">Welcome <span class="text-muted" id="user"></span> to your dashboard!</h1> <h4 class="my-4 text-muted">You are in position <strong id="position"></strong> of <strong id="subscribers-count"></strong></h4> <div class="row"> <div class="col"> <div class="card"> <div class="card-body m-1"> <h3 class="mb-3">Current Task</h3> <p class="text-muted">Invite people you know personally and go up on the waiting list.</p> <div class="form-row align-items-center tu-share-link"> <div class="col-8"> <input type="text" class="form-control mb-2" id="input-dashboard"> </div> <div class="col-2"> <button type="submit" class="btn btn-primary mb-2 copy-btn btn-1" data-clipboard-target="#input-dashboard">Copy <span class="fa fa-copy ml-1"></span></button> </div> </div> <div class="row"> <div class="col-3"> <small class="text-muted">Or share with:</small> </div> <div class="col-9"> <div class="tu-share-social hidden mt-1"> <a class="btn btn-social-icon btn-twitter text-white"> <span class="fa fa-twitter"></span> </a> <a class="btn btn-social-icon btn-facebook text-white"> <span class="fa fa-facebook"></span> </a> <a class="btn btn-social-icon btn-linkedin text-white"> <span class="fa fa-linkedin"></span> </a> <a class="btn btn-social-icon btn-email text-white" style="background-color: darkred; font-size: 0.9em;"> <span class="fa fa-envelope"></span> </a> <a class="btn btn-social-icon btn-whatsapp text-white" style="background-color: #25d366; font-size: 1em;"> <span class="fa fa-whatsapp"></span> </a> <a class="btn btn-social-icon btn-reddit " style="color: #ff4500; background-color: white"> <span class="fa fa-reddit"></span> </a> <a class="btn btn-social-icon btn-wechat text-white" style="background-color: #09B83E; font-size: 0.9em;"> <span class="fa fa-weixin"></span> </a> <a class="btn btn-social-icon btn-telegram text-white" style="background-color: #0088cc; font-size: 0.9em;"> <span class="fa fa-telegram"></span> </a> </div> </div> </div> </div> </div> </div> <div class="col"> <div class="card"> <div class="card-body"> <h3 class="mb-4"><span id="referred-friends-count"></span> Referred Friends:</h3> <ul class="list-group list-group-flush" id="referred-friends"> </ul> </div> </div> </div> </div> <div class="row my-3"> <div class="col-6"> <div class="card"> <div class="card-body"> <h3 class="mb-3">The waiting list</h3> <p class="text-muted">This is your position on the list</p> <ul class="list-group list-group-flush" id="waiting-list"> <li class="list-group-item text-center"><span class="pull-left">Position</span><span>Address</span><span class="pull-right">Points</span></li> </ul> </div> </div> </div> <div class="col-6"> <div class="card"> <div class="card-body"> <h3 class="mb-3">Objective</h3> <p class="text-muted">Invite 5 friends to unlock your price</p> <div class="progress my-4"> <div id="progress-bar" class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> </div> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <script src="https://tuemilio.com/assets/js/tuemilio-sdk.js"></script> <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script> <script src="js/main.js"></script> </body> </html>