HW1: started 3d
This commit is contained in:
Claudio Maggioni
parent
e237cfc5c9
commit
2a022fa6a4
5 changed files with 136 additions and 16 deletions
|
|
@ -1,10 +1,86 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<!-- vim: set ts=2 sw=2 et tw=120: -->
|
||||||
|
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
</head>
|
<title>maggicl - Atelier INF</title>
|
||||||
<body class="wa">
|
<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"
|
||||||
</body>
|
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>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<main>
|
||||||
|
<h2>3D print work order form</h2>
|
||||||
|
<form>
|
||||||
|
<fieldset>
|
||||||
|
<legend>Customer details</legend>
|
||||||
|
<label for="username">Username</label>
|
||||||
|
<input type="text" name="username" maxlength="100" placeholder="Username">
|
||||||
|
<label for="email">Email</label>
|
||||||
|
<input type="email" name="email" maxlength="100" placeholder="Email">
|
||||||
|
<label for="address">Address</label>
|
||||||
|
<textarea name="address" maxlength="500" placeholder="Address"></textarea>
|
||||||
|
</fieldset>
|
||||||
|
<fieldset>
|
||||||
|
<legend>Work order</legend>
|
||||||
|
<label for="file">File to print</label>
|
||||||
|
<input type="file" name="file">
|
||||||
|
<label for="urgent">Urgency</label>
|
||||||
|
<input type="checkbox" name="urgency">
|
||||||
|
<label for="copies"># of copies</label>
|
||||||
|
<input type="range" name="copies" min="1" max="10" step="1">
|
||||||
|
</fieldset>
|
||||||
|
<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 ####-##-##</p>
|
||||||
|
</section>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -32,10 +32,12 @@
|
||||||
<h4>Jul 28, 2016 -- <a class="author" href="index.html" data-me>Claudio Maggioni</a></h4>
|
<h4>Jul 28, 2016 -- <a class="author" href="index.html" data-me>Claudio Maggioni</a></h4>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<figure>
|
<figure class="img">
|
||||||
<figcaption>My Spotify with a bunch of Rick Astley songs</figcaption>
|
<figcaption>My Spotify with a bunch of Rick Astley songs</figcaption>
|
||||||
|
<a href="img/blog/spotify_rickastley.png">
|
||||||
<img src="img/blog/spotify_rickastley.png"
|
<img src="img/blog/spotify_rickastley.png"
|
||||||
alt="My Spotify with a bunch of Rick Astley songs">
|
alt="My Spotify with a bunch of Rick Astley songs">
|
||||||
|
</a>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
|
|
@ -173,9 +175,11 @@ exit $?</pre>
|
||||||
<h4>Jul 12, 2016 -- <a class="author" href="index.html" data-me>Claudio Maggioni</a></h4>
|
<h4>Jul 12, 2016 -- <a class="author" href="index.html" data-me>Claudio Maggioni</a></h4>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
<figure>
|
<figure class="img">
|
||||||
<figcaption>The <em>X60s</em></figcaption>
|
<figcaption>The <em>X60s</em></figcaption>
|
||||||
|
<a href="img/blog/thinkpad1.jpg">
|
||||||
<img src="img/blog/thinkpad1.jpg" alt="An image of the ThinkPad X60s">
|
<img src="img/blog/thinkpad1.jpg" alt="An image of the ThinkPad X60s">
|
||||||
|
</a>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
<p>Currently, my only laptop is a
|
<p>Currently, my only laptop is a
|
||||||
|
|
@ -191,9 +195,11 @@ exit $?</pre>
|
||||||
I/0 ports (including a CardBus slot!).</li>
|
I/0 ports (including a CardBus slot!).</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<figure class="right">
|
<figure class="right img">
|
||||||
<figcaption>The <em>X60s</em> one more time</figcaption>
|
<figcaption>The <em>X60s</em> one more time</figcaption>
|
||||||
|
<a href="img/blog/thinkpad2.jpg">
|
||||||
<img src="img/blog/thinkpad2.jpg" alt="Another image of the ThinkPad X60s">
|
<img src="img/blog/thinkpad2.jpg" alt="Another image of the ThinkPad X60s">
|
||||||
|
</a>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
|
|
@ -250,9 +256,11 @@ exit $?</pre>
|
||||||
<code>screenfetch</code>:
|
<code>screenfetch</code>:
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<figure class="right">
|
<figure class="img">
|
||||||
<figcaption>The laptop running <em>screenfetch</em></figcaption>
|
<figcaption>The laptop running <em>screenfetch</em></figcaption>
|
||||||
|
<a href="img/blog/screenfetch.jpg">
|
||||||
<img src="img/blog/screenfetch.jpg" alt="The laptop running 'screenfetch'">
|
<img src="img/blog/screenfetch.jpg" alt="The laptop running 'screenfetch'">
|
||||||
|
</a>
|
||||||
</figure>
|
</figure>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
|
|
@ -270,6 +278,14 @@ exit $?</pre>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
|
|
||||||
|
<figure class="img">
|
||||||
|
<figcaption>The keyboard in question</figcaption>
|
||||||
|
<a href="img/blog/rapoo.jpg">
|
||||||
|
<img src="img/blog/rapoo.jpg" alt="The keyboard in question">
|
||||||
|
</a>
|
||||||
|
</figure>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
I've recently got a Rapoo E6100. This is a minimal and space saving Bluetooth
|
I've recently got a Rapoo E6100. This is a minimal and space saving Bluetooth
|
||||||
3.0 keyboard. If you pair it with Windows 10, it will remain paired after
|
3.0 keyboard. If you pair it with Windows 10, it will remain paired after
|
||||||
|
|
|
||||||
21
hw1/claudio_maggioni/css/form.css
Normal file
21
hw1/claudio_maggioni/css/form.css
Normal file
|
|
@ -0,0 +1,21 @@
|
||||||
|
/* vim: set ts=2 sw=2 tw=80 et: */
|
||||||
|
|
||||||
|
input, textarea {
|
||||||
|
width: 20rem;
|
||||||
|
display: block;
|
||||||
|
padding: .1rem;
|
||||||
|
margin: .25rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
border: none;
|
||||||
|
margin: .5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
font-size: .7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea[name="address"] {
|
||||||
|
height: 4em;
|
||||||
|
}
|
||||||
|
|
@ -71,6 +71,13 @@ figure {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 769px) {
|
||||||
|
figure.img {
|
||||||
|
max-width: 240px;
|
||||||
|
max-height: 240px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
figure.full-width {
|
figure.full-width {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
BIN
hw1/claudio_maggioni/img/blog/rapoo.jpg
Normal file
BIN
hw1/claudio_maggioni/img/blog/rapoo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
Reference in a new issue