47 lines
1.5 KiB
HTML
47 lines
1.5 KiB
HTML
|
<!doctype html>
|
||
|
|
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
|
||
|
|
<title>Little Library</title>
|
||
|
|
<meta name="description" content="The HTML5 Herald">
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="./css/bulma.min.css?v=1.0">
|
||
|
|
<link rel="stylesheet" href="./css/styles.css?v=1.0">
|
||
|
|
|
||
|
|
<script src="./js/jquery.min.js"></script>
|
||
|
|
<script src="./js/socket.io.js"></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<form action="./give" method="post" enctype="multipart/form-data">
|
||
|
|
<label class="label">Book Title:
|
||
|
|
<input type="text" class="input" name="title" id="title">
|
||
|
|
</label>
|
||
|
|
<label class="label">Book Author:
|
||
|
|
<input type="text" class="input" name="author" id="author">
|
||
|
|
</label>
|
||
|
|
<label class="label">Why you're sharing it:<br>
|
||
|
|
<textarea class="textarea" name="summary" id="summary"></textarea>
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<div class="file is-boxed">
|
||
|
|
<label class="file-label">
|
||
|
|
<input class="file-input" type="file" name="book" id="book" accept="{{allowedFormats}}">
|
||
|
|
<span class="file-cta">
|
||
|
|
<span class="file-icon">
|
||
|
|
<i class="fas fa-upload"></i>
|
||
|
|
</span>
|
||
|
|
<span class="file-label">
|
||
|
|
Choose a Book File <code>{{allowedFormats}}</code> ({{maxFileSize}} maximum)
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<input class="button" type="submit" value="Give Book" name="submit">
|
||
|
|
</form>
|
||
|
|
<script src="./js/little-library.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|