OpenKYC / templates /intro.html
Zhu-FaceOnLive's picture
Update templates/intro.html
03b0e10 verified
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>FaceOnLive OpenKYC</title>
<link rel="shortcut icon" href="/static/img/favicon.ico">
<!-- material icons -->
<link
href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
rel="stylesheet">
<!-- Font Awesome -->
<link href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="/static/vendor/mdbootstrap/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="/static/vendor/mdbootstrap/mdb.min.css" rel="stylesheet">
<!-- other css library based on page -->
<!-- global css -->
<link href="/static/ui/scss/bundle.min.css" rel="stylesheet">
<!-- css based on page -->
<link rel="stylesheet" href="/static/ui/scss/ocr_type.css">
</head>
<body>
<div class="wrapper">
<!-- Page Loader -->
<div class="loader">
<div class="spinner-border" role="status">
<span class="sr-only"></span>
</div>
</div>
<!-- Header -->
<header>
<div class="header-left">
<div class="container">
</div>
</div>
<div class="header-middle">
<div class="container">
</div>
</div>
<div class="header-right">
<div class="container">
</div>
</div>
</header>
<!-- Content -->
<main>
<form method="post" id="form-intro" autocomplete="off">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
<div class="row page-header">
<div class="col-lg-12 text-center">
OpenKYC Introduction
</div>
</div>
<div class="row page-subheader">
<div class="col-12">
<div class="default-container">
<p class="mb-0">
<h5>Contributions welcome on <a href="https://github.com/FaceOnLive/OpenKYC" target="_blank" rel="noopener noreferrer">Github.</a><br/>
Join our <a href="https://join.slack.com/t/faceonlive/shared_invite/zt-2drx19c5t-vQsR4TUGPD8oL7i7BXdKZA" target="_blank" rel="noopener noreferrer">Slack</a> to discuss and get support.</h5>
</p>
<p class="mb-0">
<h5>Steps to setup project (using Free FaceOnLive RapidAPIs)</h5>
</p>
<ol class="mb-0 pl-3">
<li>Please subscribe following 3 RapidAPIs(Free) and get X-RapidAPI-Key there.<br/>
<a href="https://rapidapi.com/faceonlive-inc-faceonlive-inc-default/api/id-document-recognition2/" target="_blank" rel="noopener noreferrer">ID Document Recognition</a><br/>
<a href="https://rapidapi.com/faceonlive-inc-faceonlive-inc-default/api/face-liveness-detection3/" target="_blank" rel="noopener noreferrer">Face Liveness Detection</a><br/>
<a href="https://rapidapi.com/faceonlive-inc-faceonlive-inc-default/api/face-recognition26/" target="_blank" rel="noopener noreferrer">Face Recognition</a>
</li>
<li>Set X-RapidAPI-Key as environment variable named API_KEY.</li>
<li>Install python packages from requirements.txt and run "python app.py".</li>
</ol>
<br/>
<p class="mb-0">
<h5><a href="mailto:[email protected]">Contact us</a> for On-Premise deployment</h5>
</p>
<p class="mb-0">
<h5>This project is community project supported by <a href="https://faceonlive.com" target="_blank" rel="noopener noreferrer">FaceOnLive</a>.</h5>
</p>
<br/>
<p class="mb-0">
<h6>* For security and privacy, kindly refrain from uploading sensitive information on this platform.</h6>
</p>
<a href="https://visitorbadge.io/status?path=https%3A%2F%2Fhuggingface.co%2Fspaces%2FFaceOnLive%2FOpenKYC"><img src="https://api.visitorbadge.io/api/combined?path=https%3A%2F%2Fhuggingface.co%2Fspaces%2FFaceOnLive%2FOpenKYC&labelColor=%23f47373&countColor=%2337d67a&style=flat&labelStyle=upper" /></a>
</div>
</div>
</div>
<div class="row page-content">
<div class="col-lg-12">
</div>
</div>
<div class="row page-footer">
<div class="col-6">
<a href="https://faceonlive.com" class="btn btn-outline-primary btn-side px-3" target="_blank" rel="noopener noreferrer">Learn More</a>
</div>
<div class="col-6">
<a href="/id_type/" class="btn btn-primary btn-side px-3">Start</a>
</div>
</div>
</form>
</main>
<!-- Footer -->
<footer>
<div class="container powered">
<img src="/static/img/faceonlive.png" width="42" />&emsp;
<div>
<span class="text-c-neutral">Powered by</span><br />
<a href="https://www.faceonlive.com" target="_blank" rel="noopener noreferrer">FaceOnLive</a>
</div>
</div>
</footer>
<!-- Error Modal -->
</div>
<!-- django js translation -->
<script type="text/javascript" src="/static/jsi18n.js"></script>
<!-- data js -->
<!-- JQuery -->
<script type="text/javascript" src="/static/vendor/mdbootstrap/jquery.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="/static/vendor/mdbootstrap/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="/static/vendor/mdbootstrap/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="/static/vendor/mdbootstrap/mdb.min.js"></script>
<!-- other js library based on page -->
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<!-- global js -->
<script type="text/javascript" src="/static/ui/js/base.js"></script>
<!-- js based on page -->
<script type="text/javascript" src="/static/ui/js/ocr_type.js"></script>
</body>
</html>