This repository has been archived on 2021-10-31. You can view files and clone it, but cannot push or open issues or pull requests.
SA3/hw1/claudio_maggioni/3d_print_service.html
Claudio Maggioni 9c1c7ad12c finished hw1
2019-09-22 22:49:52 +02:00

101 lines
3.8 KiB
HTML

<!DOCTYPE html>
<!-- vim: set ts=2 sw=2 et tw=120: -->
<html>
<head>
<meta charset="utf-8">
<title>maggicl - Atelier INF</title>
<meta name="author" content="Claudio Maggioni (maggicl@usi.ch)">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fira+Mono&display=swap"
rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/form.css" rel="stylesheet">
</head>
<body>
<header>
<h1><code>maggicl</code> - Atelier INF</h1>
</header>
<div class="content">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="3d_print_service.html">3D prints</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</nav>
<main>
<h2>3D print work order form</h2>
<form>
<!-- note that I am not using fieldset / legend here since the implementation of grid
in chrome is bugged: https://bugs.chromium.org/p/chromium/issues/detail?id=854565 -->
<div class="fieldset">
<h3>Customer details</h3>
<label for="username">Username</label>
<input type="text" name="username" maxlength="100" placeholder="Username" required>
<label for="email">Email</label>
<input type="email" name="email" maxlength="100" placeholder="Email" required>
<label for="address">Address</label>
<textarea name="address" maxlength="500" placeholder="Address" required></textarea>
</div>
<div class="fieldset">
<h3>Work order</h3>
<label for="file">File to print (OBJ)</label>
<input type="file" name="file" accept=".obj" required>
<label for="urgent">Urgent</label>
<input type="checkbox" name="urgent">
<label for="copies"># of copies</label>
<div class="range-10">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<input type="range" name="copies" min="1" max="10" step="1">
</div>
</div>
<button type="submit">Send the order</button>
</form>
</main>
<aside>
<ul>
<li><a href="https://reddit.com/u/Praticamentetilde">
<i class="fa fa-reddit" aria-hidden="true"></i> Praticamentetilde
</a></li>
</ul>
</aside>
</div>
<footer xmlns:dct="http://purl.org/dc/terms/"
xmlns:vcard="http://www.w3.org/2001/vcard-rdf/3.0#">
<a rel="license"
href="http://creativecommons.org/publicdodiv/zero/1.0/">
<img width="88" height="31"
src="http://i.creativecommons.org/p/zero/1.0/88x31.png"
alt="CC0" />
</a>
<section>
<p>To the extent possible under law,
<span resource="[_:publisher]" rel="dct:publisher">
<span property="dct:title">Claudio Maggioni</span></span>
has waived all copyright and related or neighboring rights to
<span property="dct:title">SA3 AS1 Website</span>.
This work is published from:
<span property="vcard:Country" datatype="dct:ISO3166"
content="CH" about="[_:publisher]">
Switzerland</span>.
</p>
<p>Page last updated on 2019-09-22</p>
</section>
</footer>
</body>
</html>