FCC-Project_File-Metadata/views/index.htm

46 lines
No EOL
1.8 KiB
HTML

<html lang="en">
<head>
<title content-text="title-main"></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://cdn.jsdelivr.net/npm/@materializecss/materialize@2.2.2/dist/js/materialize.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Icons" />
</head>
<body>
<top class="top-nav">
<nav class="nav-wrapper">
<div class="container">
<a href="#" class="brand-logo left">File Tools</a>
</div>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li class="active"><a>File Metadata Generator</a></li>
</ul>
</nav>
</top>
<main>
<header class="container flow-text">
<h1>File Metadata Generator</h1>
<p>Check what's in your files. </p>
</header>
<form action="/api/fileanalyse.php" method="post" enctype="multipart/form-data" class="container">
<p>Upload a file to generate its metadata.</p>
<div class="row">
<div class="file-field input-field col">
<div class="btn waves-effect">
<span for="upfile"><i class="material-icons">attach_file</i>File</span>
<input id="inputfield" type="file" name="upfile" required />
</div>
</div>
<div class="input-field col">
<input id="button" type="submit" value="Upload" class="btn waves-effect waves-light">
</div>
</div>
<div class="fixed-action-btn">
<button type="submit" id="upload-button" class="btn-floating btn-large waves-effect"><i class="material-icons">visibility</i>Submit</button>
</div>
</form>
</main>
</body>
</html>