Spaces:

Turing311
/

OpenKYC

Build error

App Files Files Community

OpenKYC / templates /fr_file.html

Turing311

Upload 36 files

49e6ff4 verified about 2 years ago

raw

history blame contribute delete

7.89 kB

	<!DOCTYPE html>
	<html>
	<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/fr_file.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">

	<a href="/id_detail/" class="btn btn-link"><span class="material-icons-outlined">arrow_back_ios</span></a>


	</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-fr" autocomplete="off">
	<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
	<div class="row page-header">
	<div class="col-lg-12 text-center">
	Take a selfie
	</div>
	</div>
	<div class="row page-subheader">
	<div class="col-lg-12">
	<p class="mb-0 text-center">
	Frame your Face and capture.<br/>
	Avoid the shadow zone.
	</p>
	<!--ol class="mb-0 pl-3">
	<li>Environment is under optimal lighting.</li>
	<li>Remove mask, hat, or other accessories covering your face.</li>
	<li>Hold your phone at eye level.</li>
	</ol-->
	</div>
	</div>
	<div class="row page-content">
	<div class="col-lg-12 d-flex justify-content-center px-0">
	<input type="hidden" name="fr_file" id="id_fr_file">
	<div class="default-container">
	<div class="row">
	<div class="col-lg-12">
	<lottie-player src="/static/img/lottie/fr_file.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></lottie-player>
	</div>
	</div>
	</div>
	<div class="preview-container" style="display: none;">
	<img id="img-preview" width="100%">
	</div>
	</div>
	</div>
	<div class="row page-footer">
	<div class="col-12">
	<div class="row default-container">
	<div class="col-12 d-flex justify-content-center">
	<label class="btn btn-primary btn-block">
	Next
	<input type="file" class="file-capture" accept="image/*" capture="user" hidden>
	</label>
	</div>
	</div>
	<div class="row preview-container" style="display: none;">
	<div class="col-6 d-flex justify-content-center">
	<label class="btn btn-outline-primary btn-side">
	Retake
	<input type="file" class="file-capture" accept="image/*" capture="user" hidden>
	</label>
	</div>
	<div class="col-6 d-flex justify-content-center">
	<button type="button" class="btn btn-primary btn-side" id="btn-next">Next</button>
	</div>
	</div>
	</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>

	{% if error_model %}
	<!-- Error Modal -->
	<div class="modal fade auto-show" id="error-modal-0" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered modal-sm">
	<div class="modal-content">
	<div class="modal-header">
	<div class="modal-title mx-auto">Please Retake Selfie</div>
	</div>
	<div class="modal-body">
	<p>No face or multiple face detected in the selfie.</p>
	</div>
	<div class="modal-footer">
	<button type="button" class="btn btn-primary mx-auto" data-dismiss="modal">Close</button>
	</div>
	</div>
	</div>
	</div>
	{% endif %}


	</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.download"></script>
	<!-- MDB core JavaScript -->
	<script type="text/javascript" src="/static/vendor/mdbootstrap/mdb.min.js.download"></script>
	<!-- other js library based on page -->


	<script type="text/javascript" src="/static/vendor/compressorjs/compressor.min.js"></script>
	<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/fr_file.js"></script>
	</body>
	</html>