Spaces:

Innovex
/

ExCeipt

Running

App Files Files Community

ExCeipt / templates /index.html

Scezui

Added batch processing

6df3c38 9 months ago

raw

history blame

17.3 kB

	<!DOCTYPE html>
	<html>

	<head lang="en">
	<meta charset="UTF-8">

	<!--Page Title-->
	<title>ExCeipt</title>

	<!--Meta Keywords and Description-->
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />

	<!--Favicon-->
	<link rel="shortcut icon" href="/static/images/favicon.ico" title="Favicon" />

	<!-- Main CSS Files -->
	<link rel="stylesheet" href="/static/css/style.css">

	<!-- Color CSS -->
	<link rel="stylesheet" href="/static/css/color.css">

	<!--Icon Fonts - Font Awesome Icons-->
	<link rel="stylesheet" href="/static/css/font-awesome.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0//static/css/all.min.css">
	<!-- Animate CSS-->
	<link href="/static/css/animate.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
	<link rel="stylesheet" href="styles.css">
	<!--Google Webfonts-->
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
	</head>

	<body style="background-color: transparent; padding:0; margin:0; scroll-behavior: smooth;">
	<!-- Preloader -->
	<div id="preloader">
	<div class="ocrloader" id="status">
	<em></em>
	<div>
	<i></i><i></i><i></i><i></i><i></i><i></i><i></i>
	<i></i><i></i><i></i><i></i><i></i><i></i><i></i>
	<i></i><i></i><i></i>
	</div>
	<span></span>
	</div>
	</div>
	<!--End of Preloader-->

	<div class="page-border" data-wow-duration="0.7s" data-wow-delay="0.2s">
	<div class="top-border wow fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;"></div>
	<div class="right-border wow fadeInRight animated" style="visibility: visible; animation-name: fadeInRight;"></div>
	<div class="bottom-border wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;"></div>
	<div class="left-border wow fadeInLeft animated" style="visibility: visible; animation-name: fadeInLeft;"></div>
	</div>

	<div id="wrapper">

	<header id="banner" class="scrollto clearfix" data-enllax-ratio=".5">
	<div id="header" class="nav-collapse">
	<div class="row clearfix">
	<div class="col-1">

	<!--Logo-->
	<div id="logo">

	<!--Logo that is shown on the banner-->
	<img src="/static/images/logo.png" id="banner-logo" alt="Landing Page" />
	<!--End of Banner Logo-->

	<!--The Logo that is shown on the sticky Navigation Bar-->
	<img src="/static/images/logo.png" id="navigation-logo" alt="Landing Page" />
	<!--End of Navigation Logo-->

	</div>
	<!--End of Logo-->


	<!--Main Navigation-->
	<nav id="nav-main">
	<ul>
	<li>
	<a href="#about">About</a>
	</li>
	<li>
	<a href="#">Paper</a>
	</li>
	</ul>
	</nav>
	<!--End of Main Navigation-->

	<div id="nav-trigger"><span></span></div>
	<nav id="nav-mobile"></nav>

	</div>
	</div>
	</div>
	<!--End of Header-->
	<div class="wall">
	<div class="row1"><span>Simplify</span><span>Text</span><span>Extraction</span><span>for</span><span>Effortless</span><span>Expense</span><span>Management</span><span>tasks</span></div>
	<div class="row1"><span>Optimize</span><span>Expense</span><span>Tracking</span><span>with</span><span></span><span>ExCeipt</span><span>Intelligent</span><span>Automation</span></div>
	<div class="row1"><span>Make</span><span>Life</span><span>Easier</span><span>for</span><span>Everyone</span><span>with</span><span>ExCeipt's</span><span>Smart</span><span>Text</span><span>Extraction</span></div>
	<div class="row1"><span>ExCeipt</span><span>Seamless</span><span>Text</span><span>Extraction</span><span>Every</span><span>Day</span><span>and</span><span>Productive</span><span>Day</span></div>
	<div class="row1"><span>Prosper</span><span>with</span><span>Effortless</span><span>Text</span><span>Extraction</span><span>Thanks</span><span>to</span><span>ExCeipt</span><span>Automation</span></div>
	</div>

	<!-- Banner Content -->
	<div id="banner-content" class="row clearfix">
	<!-- Left column -->
	<h1>

	</h1>
	<div class="col-lg-3 wow bounceInUp" data-wow-offset="2" data-wow-duration="1.5s" data-wow-delay="0.2s">
	<h1>Text Extraction <span class="easytext">Made Easy</span> with ExCeipt</h1>
	<h2>Effortlessly Extract Receipt Information for Seamless Expense Management. Streamline your expense tracking with ExCeipt's intelligent receipt extraction.</h2>
	</div>
	<!-- right (wider) -->
	<div class="col-lg-6">
	<div class="uploadbuttons wow bounceInUp" data-wow-offset="5" data-wow-duration="1.5s" data-wow-delay="0.4s">
	<form action="/upload" method="POST" enctype="multipart/form-data">
	<div class="container">
	<div class="drag-area" id="container">
	<div class="icon">
	<img src="/static/images/uplogo.gif">
	</div>
	<p>Upload files here or click to upload</p>
	<input type="file" name="files[]" id="file-input" multiple>
	<p id="uploaded-file-name">{% if uploaded_file %}Uploaded File: {{ uploaded_file }}{% endif %}</p>
	</div>
	</div>
	<div class="buttondiv">
	<button class="uploadbutton wow bounceInUp" data-wow-offset="3" data-wow-duration="1.5s" data-wow-delay="0.5s" type="submit" onclick="uploadClicked()">
	<span id="uploadIcon"><i class="fas fa-upload"></i></span>
	<span id="uploadText">Upload
	<div class="star-1">
	<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 784.11 815.53" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" version="1.1" xml:space="preserve"
	xmlns="http://www.w3.org/2000/svg">
	<defs>
	<linearGradient id="myGradient" x1="0%" y1="0%" x2="100%" y2="0%">
	<stop offset="0%" style="stop-color:#FFA07A" />
	<stop offset="100%" style="stop-color:#FF6347" />
	</linearGradient>
	</defs>
	<g id="Layer_x0020_1">
	<metadata id="CorelCorpID_0Corel-Layer"></metadata>
	<!-- Apply the gradient to the fill attribute of the path -->
	<path d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z" class="fil0" fill="url(#myGradient)"></path>
	</g>
	</svg>
	</div>
	<div class="star-2">
	<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 784.11 815.53" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" version="1.1" xml:space="preserve"
	xmlns="http://www.w3.org/2000/svg">
	<defs>
	<linearGradient id="myGradient" x1="0%" y1="0%" x2="100%" y2="0%">
	<stop offset="0%" style="stop-color:#FFA07A" />
	<stop offset="100%" style="stop-color:#FF6347" />
	</linearGradient>
	</defs>
	<g id="Layer_x0020_1">
	<metadata id="CorelCorpID_0Corel-Layer"></metadata>
	<!-- Apply the gradient to the fill attribute of the path -->
	<path d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z" class="fil0" fill="url(#myGradient)"></path>
	</g>
	</svg>
	</div>
	<div class="star-3">
	<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 784.11 815.53" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" version="1.1" xml:space="preserve"
	xmlns="http://www.w3.org/2000/svg">
	<defs>
	<linearGradient id="myGradient" x1="0%" y1="0%" x2="100%" y2="0%">
	<stop offset="0%" style="stop-color:#FFA07A" />
	<stop offset="100%" style="stop-color:#FF6347" />
	</linearGradient>
	</defs>
	<g id="Layer_x0020_1">
	<metadata id="CorelCorpID_0Corel-Layer"></metadata>
	<!-- Apply the gradient to the fill attribute of the path -->
	<path d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z" class="fil0" fill="url(#myGradient)"></path>
	</g>
	</svg>
	</div>
	<div class="star-4">
	<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 784.11 815.53" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" version="1.1" xml:space="preserve"
	xmlns="http://www.w3.org/2000/svg">
	<defs>
	<linearGradient id="myGradient" x1="0%" y1="0%" x2="100%" y2="0%">
	<stop offset="0%" style="stop-color:#FFA07A" />
	<stop offset="100%" style="stop-color:#FF6347" />
	</linearGradient>
	</defs>
	<g id="Layer_x0020_1">
	<metadata id="CorelCorpID_0Corel-Layer"></metadata>
	<!-- Apply the gradient to the fill attribute of the path -->
	<path d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z" class="fil0" fill="url(#myGradient)"></path>
	</g>
	</svg>
	</div>

	<div class="star-5">
	<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 784.11 815.53" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" version="1.1" xml:space="preserve"
	xmlns="http://www.w3.org/2000/svg">
	<defs>
	<linearGradient id="myGradient" x1="0%" y1="0%" x2="100%" y2="0%">
	<stop offset="0%" style="stop-color:#FFA07A" />
	<stop offset="100%" style="stop-color:#FF6347" />
	</linearGradient>
	</defs>
	<g id="Layer_x0020_1">
	<metadata id="CorelCorpID_0Corel-Layer"></metadata>
	<!-- Apply the gradient to the fill attribute of the path -->
	<path d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z" class="fil0" fill="url(#myGradient)"></path>
	</g>
	</svg>
	</div>
	<div class="star-6">
	<svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 784.11 815.53" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" version="1.1" xml:space="preserve"
	xmlns="http://www.w3.org/2000/svg">
	<defs>
	<linearGradient id="myGradient" x1="0%" y1="0%" x2="100%" y2="0%">
	<stop offset="0%" style="stop-color:#FFA07A" />
	<stop offset="100%" style="stop-color:#FF6347" />
	</linearGradient>
	</defs>
	<g id="Layer_x0020_1">
	<metadata id="CorelCorpID_0Corel-Layer"></metadata>
	<!-- Apply the gradient to the fill attribute of the path -->
	<path d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z" class="fil0" fill="url(#myGradient)"></path>
	</g>
	</svg>

	</button>
	</div>
	</div>
	</form>
	</div>
	</div>
	<!--End of Row-->
	</header>
	</div>
	<script>
	function uploadClicked() {
	var button = document.querySelector('.uploadbutton');
	var uploadIcon = document.getElementById('uploadIcon');
	var uploadText = document.getElementById('uploadText');
	var fileInput = document.getElementById('file-input');
	var uploadedFileName = document.getElementById('uploaded-file-name');

	// Check if a file is selected
	if (!fileInput.files \|\| fileInput.files.length === 0) {
	alert('Please select a file to upload.');
	return;
	}

	// Check if the selected file is an image
	var allowedExtensions = /(\.jpg\|\.jpeg\|\.png)$/i;
	if (!allowedExtensions.exec(fileInput.value)) {
	alert('Please upload a valid image file.');
	return;
	}

	// Change the icon and text
	uploadIcon.innerHTML = '<i class="fas fa-spinner fa-spin"></i>';
	uploadText.textContent = 'Uploading...';

	// Simulate the upload process (you can replace this with your actual upload logic)
	setTimeout(function() {
	// Reset the button after the upload is complete
	uploadIcon.innerHTML = '<i class="fas fa-upload"></i>';
	uploadText.textContent = 'Uploaded';
	}, 2000);
	}

	</script>
	<!-- Include JavaScript resources -->
	<script src="/static/js/jquery.1.8.3.min.js"></script>
	<script src="/static/js/wow.min.js"></script>
	<script src="/static/js/featherlight.min.js"></script>
	<script src="/static/js/featherlight.gallery.min.js"></script>
	<script src="/static/js/jquery.enllax.min.js"></script>
	<script src="/static/js/jquery.scrollUp.min.js"></script>
	<script src="/static/js/jquery.easing.min.js"></script>
	<script src="/static/static/js/jquery.stickyNavbar.min.js"></script>
	<script src="/static/js/jquery.waypoints.min.js"></script>
	<script src="/static/js/images-loaded.min.js"></script>
	<script src="/static/js/lightbox.min.js"></script>
	<script src="/static/js/site.js"></script>
	</body>


	</html>