111 lines
4.3 KiB
HTML
111 lines
4.3 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">
|
|
</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>
|
|
<section>
|
|
<h2>About myself</h2>
|
|
<p>My name is Claudio Maggioni, I am 20 years old and I am a second year student of
|
|
<em>USI</em> (<em>Universita della Svizzera Italiana</em>).
|
|
I am from Montevecchia, a small village in Italy located approximately
|
|
between Milan and Como as the crow flies.
|
|
</p>
|
|
<p>This website is the first graded homework for <em>Software Atelier 3</em> by
|
|
<em>Cesare Pautasso</em>.</p>
|
|
</section>
|
|
<section>
|
|
<h2>Hobbies</h2>
|
|
<p>I have several interests, and I am going to list some of them here:</p>
|
|
<dl>
|
|
<dt>Archery</dt>
|
|
<dd>I am doing archery from 7 years, shooting with an olympic recurve bow.
|
|
I am a member of <em>Arcieri Burarco</em>, an archery club in Vimercate,
|
|
near where I live in italy. I am also planning to join Lugano's archery
|
|
club (<em>ATAL</em>) as a guest.</dd>
|
|
|
|
<dt>Hiking</dt>
|
|
<dd>Since this summer, I started hiking where I live in Italy. I find it relaxing
|
|
and enjoyable, since it is a form of excercise that one can do for free</dd>
|
|
</dl>
|
|
</section>
|
|
<section>
|
|
<h2>Media</h2>
|
|
<h3>Suggested MP3</h3>
|
|
<figure class="full-width">
|
|
<figcaption>Depeche Mode - Just Can't Get Enough<br>(MIDI version, from
|
|
<a href="http://www.themostamazingwebsiteontheinternet.com/"><em>
|
|
The Most Amazing Website On The Internet</em></a>)</figcaption>
|
|
<audio controls loop>
|
|
<source src="media/music.mp3" type="audio/mp3"/>
|
|
</audio>
|
|
</figure>
|
|
<h3>Suggested Video</h3>
|
|
<figure class="full-width">
|
|
<figcaption>Least Used Waterloo - Geoff Marshall</figcaption>
|
|
<iframe width="100%"
|
|
height="300"
|
|
src="https://www.youtube.com/embed/T5T-5HWxhhQ"
|
|
frameborder="0"
|
|
allowfullscreen></iframe>
|
|
</figure>
|
|
</section>
|
|
</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>
|