buzzcode2007/FCC-Project_File-Metadata
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(view): replace index.html with a new layout for File Metadata Generator

Browse source
This commit is contained in:
buzz-lightsnack-2007 2025-04-21 21:32:35 +08:00
parent dde5ea7beb
commit a35f7d995a
2 changed files with 46 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

46
views/index.htm Normal file
View file

@ -0,0 +1,46 @@
<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://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/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>