Added badges, moved images
This commit is contained in:
parent
6a302b6fe7
commit
d00fa2e8b4
BIN
images/badges/GetFirefox_80x15.png
Normal file
BIN
images/badges/GetFirefox_80x15.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
images/badges/anybrowser3.gif
Normal file
BIN
images/badges/anybrowser3.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
images/badges/fspeech.gif
Normal file
BIN
images/badges/fspeech.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/badges/gitea.gif
Normal file
BIN
images/badges/gitea.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
images/badges/jellyfin.gif
Normal file
BIN
images/badges/jellyfin.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
images/badges/landchad.gif
Normal file
BIN
images/badges/landchad.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/badges/pgp-now.gif
Normal file
BIN
images/badges/pgp-now.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
images/badges/rss.gif
Normal file
BIN
images/badges/rss.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
images/badges/rtr.png
Normal file
BIN
images/badges/rtr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
images/badges/ublock-now.png
Normal file
BIN
images/badges/ublock-now.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
images/badges/valid_html.png
Normal file
BIN
images/badges/valid_html.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
images/badges/xmpp.gif
Normal file
BIN
images/badges/xmpp.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 284 KiB After Width: | Height: | Size: 284 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 766 B After Width: | Height: | Size: 766 B |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 508 B After Width: | Height: | Size: 508 B |
|
Before Width: | Height: | Size: 686 B After Width: | Height: | Size: 686 B |
|
Before Width: | Height: | Size: 526 B After Width: | Height: | Size: 526 B |
293
index.html
293
index.html
|
|
@ -1,19 +1,19 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="it">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<link rel="stylesheet" href="latex.css">
|
<link rel="stylesheet" href="latex.css">
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
<title>Mattia Mascarello</title>
|
<title>Mattia Mascarello</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="description" content="Mattia Mascarello's personal website" />
|
<meta name="description" content="Mattia Mascarello's personal website">
|
||||||
<meta name="keywords" content="Mattia Mascarello, UniTo" />
|
<meta name="keywords" content="Mattia Mascarello, UniTo">
|
||||||
<meta property="og:title" content="Mattia Mascarello" />
|
<meta property="og:title" content="Mattia Mascarello">
|
||||||
<meta property="og:url" content="https://matmasit.github.io/images" />
|
<meta property="og:url" content="https://matmasit.github.io/images">
|
||||||
<meta property="og:description" content="Mattia Mascarello's personal website" />
|
<meta property="og:description" content="Mattia Mascarello's personal website">
|
||||||
<meta property="og:type" content="website" />
|
<meta property="og:type" content="website">
|
||||||
<meta property="og:image" content="https://matmasit.github.io/images/portrait.jpg" />
|
<meta property="og:image" content="https://matmasit.github.io/images/portrait.jpg">
|
||||||
<script type="application/ld+json">
|
<script type="application/ld+json">
|
||||||
{
|
{
|
||||||
"@context": "https://schema.org/",
|
"@context": "https://schema.org/",
|
||||||
|
|
@ -28,11 +28,15 @@
|
||||||
"name": "Computer Science Department - University of turin"
|
"name": "Computer Science Department - University of turin"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="fav/apple-touch-icon.png">
|
<link rel="apple-touch-icon" sizes="180x180" href="images/fav/apple-touch-icon.png">
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="fav/favicon-32x32.png">
|
<link rel="icon" type="image/png" sizes="32x32" href="images/fav/favicon-32x32.png">
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="fav/favicon-16x16.png">
|
<link rel="icon" type="image/png" sizes="16x16" href="images/fav/favicon-16x16.png">
|
||||||
<link rel="manifest" href="fav/site.webmanifest">
|
<link rel="manifest" href="images/fav/site.webmanifest">
|
||||||
|
<noscript>
|
||||||
|
<!-- Let's be friendly to javascript-disabled users -->
|
||||||
|
<link rel="stylesheet" href="nojs.css">
|
||||||
|
</noscript>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -40,114 +44,121 @@
|
||||||
<h1>
|
<h1>
|
||||||
<span id="mattia" class="container"><span class="typed-out">Mattia</span></span> <span
|
<span id="mattia" class="container"><span class="typed-out">Mattia</span></span> <span
|
||||||
id="mascarello">Mascarello</span>
|
id="mascarello">Mascarello</span>
|
||||||
<br />
|
<br>
|
||||||
<div id="pronouceBox">
|
<span id="pronouceBox">
|
||||||
<i style="font-size: 20px;">[matːˈia maskarˈɛllo]</i> <a href="javascript:void(0);"
|
<i style="font-size: 20px;">[matːˈia maskarˈɛllo]</i> <a href="javascript:void(0);" id="pronounce"
|
||||||
id="pronounce"><img src="icons/loudspeaker.svg" alt="Listen to my name" /></a>
|
aria-label="Listen to my name pronunciation"><img src="images/icons/loudspeaker.svg"
|
||||||
</div>
|
alt="Listen to my name"></a>
|
||||||
|
</span>
|
||||||
</h1>
|
</h1>
|
||||||
</header>
|
</header>
|
||||||
<div class="abstract">
|
<div class="abstract">
|
||||||
<p>
|
<p>
|
||||||
A human being <em>drifting</em> in spacetime<br />
|
A human being <em>drifting</em> in spacetime<br>
|
||||||
Studying <a href="https://www.cs.unito.it/do/home.pl">Computer Science at the University of Turin</a>
|
Studying <a href="https://www.cs.unito.it/do/home.pl"
|
||||||
(Italy)<br />
|
aria-label="University of Turin Computer Science Department">Computer Science at the University of Turin</a>
|
||||||
|
(Italy)<br>
|
||||||
<code id="living"></code>
|
<code id="living"></code>
|
||||||
|
</p>
|
||||||
<div class="happyEuDay">
|
<div class="happyEuDay">
|
||||||
<br />
|
<br>
|
||||||
<h2>Happy <a href="https://european-union.europa.eu/principles-countries-history/symbols/europe-day_en">Europe
|
<h2>Happy <a href="https://european-union.europa.eu/principles-countries-history/symbols/europe-day_en"
|
||||||
Day</a>!</h2>
|
aria-label="Europe Day">Europe Day</a>!</h2>
|
||||||
|
|
||||||
<img data-play="eu" style="display: inline" class="playIcon" alt="Start Playing"
|
<img data-play="eu" style="display: inline" class="playIcon" alt="Start Playing"
|
||||||
aria-roledescription="Play/Stop button" src="icons/play.svg" width="20" />
|
aria-roledescription="Play/Stop button" src="images/icons/play.svg" width="20">
|
||||||
<a href="https://en.wikipedia.org/wiki/Anthem_of_Europe"><i>Anthem of Europe</i></a>
|
<a href="https://en.wikipedia.org/wiki/Anthem_of_Europe" aria-label="Anthem of Europe"><i>Anthem of
|
||||||
|
Europe</i></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="happyRepublicDay">
|
<div class="happyRepublicDay">
|
||||||
<br /><br />
|
<br><br>
|
||||||
<h2>Buona <a href="https://en.wikipedia.org/wiki/Festa_della_Repubblica"><i>Festa della repubblica</i></a>!
|
<h2>Buona <a href="https://en.wikipedia.org/wiki/Festa_della_Repubblica" aria-label="Republic Day">Festa della
|
||||||
</h2>
|
Repubblica</a>!</h2>
|
||||||
|
|
||||||
<img data-play="it" style="display: inline" class="playIcon" alt="Start Playing"
|
<img data-play="it" style="display: inline" class="playIcon" alt="Start Playing"
|
||||||
aria-roledescription="Play/Stop button" src="icons/play.svg" width="20" />
|
aria-roledescription="Play/Stop button" src="images/icons/play.svg" width="20">
|
||||||
<a href="https://en.wikipedia.org/wiki/Il_Canto_degli_Italiani">Anthem of Italy <i>(Il Canto degli
|
<a href="https://en.wikipedia.org/wiki/Il_Canto_degli_Italiani"
|
||||||
Italiani)</i></a>
|
aria-label="Anthem of Italy (Il Canto degli Italiani)"><i>Anthem of Italy <i>(Il Canto degli
|
||||||
|
Italiani)</i></i></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="happyXMAS">
|
<div class="happyXMAS">
|
||||||
<br />
|
<br>
|
||||||
<h2>Merry Christmas!</h2>
|
<h2>Merry Christmas!</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="happyNATODay">
|
<div class="happyNATODay">
|
||||||
<br />
|
<br>
|
||||||
<h2>Happy <a href="https://en.wikipedia.org/wiki/NATO_Day">NATO Day</a>!</h2>
|
<h2>Happy <a href="https://en.wikipedia.org/wiki/NATO_Day" aria-label="NATO Day">NATO Day</a>!</h2>
|
||||||
<img data-play="nato" style="display: inline" class="playIcon" alt="Start Playing"
|
<img data-play="nato" style="display: inline" class="playIcon" alt="Start Playing"
|
||||||
aria-roledescription="Play/Stop button" src="icons/play.svg" width="20" />
|
aria-roledescription="Play/Stop button" src="images/icons/play.svg" width="20">
|
||||||
<a href="https://en.wikipedia.org/wiki/The_NATO_Hymn"><i>The NATO Hymn</i></a>
|
<a href="https://en.wikipedia.org/wiki/The_NATO_Hymn" aria-label="The NATO Hymn"><i>The NATO
|
||||||
|
Hymn</i></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<figure>
|
<figure>
|
||||||
<a href="images/portrait.jpg" id="portraitLink"><img src="images/portrait.jpg" id="portrait" loading="lazy"
|
<a href="images/portrait.jpg" id="portraitLink" aria-label="Portrait of Mattia Mascarello"><img
|
||||||
alt="I Giovani e Le Scienze 2022" style="margin:auto" /></a>
|
src="images/portrait.jpg" id="portrait" loading="lazy" alt="Portrait of Mattia Mascarello"
|
||||||
|
style="margin:auto"></a>
|
||||||
<figcaption style="text-align: center;">
|
<figcaption style="text-align: center;">
|
||||||
Portrait <br /><a href="alternatePortraitVersions/">Alternate versions</a>
|
Portrait <br><a href="alternatePortraitVersions/" aria-label="Alternate versions of the portrait">Alternate
|
||||||
|
versions</a>
|
||||||
</figcaption>
|
</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<b>This is only a foretaste of what is to come, and only the shadow of what is going to be.</b><br />We have to
|
<b>This is only a foretaste of what is to come, and only the shadow of what is going to be.</b><br>We have to
|
||||||
have some experience with the machine before we really know its capabilities. It may take years before we settle
|
have some experience with the machine before we really know its capabilities. It may take years before we settle
|
||||||
down to the new possibilities, but I do not see why it should not enter any one of the fields normally covered by
|
down to the new possibilities, but I do not see why it should not enter any one of the fields normally covered by
|
||||||
the human intellect, and eventually compete on equal terms.
|
the human intellect, and eventually compete on equal terms.
|
||||||
<br /><br /><cite> <b>Alan Mathison Turing</b>, The Mechanical Brain. Answer Found to 300 Year Old
|
<br><br><cite> <b>Alan Mathison Turing</b>, The Mechanical Brain. Answer Found to 300 Year Old
|
||||||
Problem' The Times newspaper, 11 June 1949 page 4 column 5.</cite>
|
Problem' The Times newspaper, 11 June 1949 page 4 column 5.</cite>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<br />
|
<br>
|
||||||
<figure>
|
<figure>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<a href="images/turin.jpg" target="_blank"><img src="images/turin.jpg" loading="lazy"
|
<a href="images/turin.jpg" target="_blank" aria-label="Image of Turin"><img src="images/turin.jpg"
|
||||||
alt="Me in Turin" /></a>
|
loading="lazy" alt="Me in Turin"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<a href="images/amsterdam.jpg" target="_blank"> <img src="images/amsterdam.jpg" loading="lazy"
|
<a href="images/amsterdam.jpg" target="_blank" aria-label="Image of Amsterdam"> <img
|
||||||
alt="Amsterdam" /></a>
|
src="images/amsterdam.jpg" loading="lazy" alt="Amsterdam"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<a href="images/paris.jpg" target="_blank"> <img src="images/paris.jpg" loading="lazy" alt="Paris" /></a>
|
<a href="images/paris.jpg" target="_blank" aria-label="Image of Paris"> <img src="images/paris.jpg"
|
||||||
|
loading="lazy" alt="Paris"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<a href="images/ep.jpg" target="_blank"> <img src="images/ep.jpg" loading="lazy"
|
<a href="images/ep.jpg" target="_blank" aria-label="Image of the European Parliament in Brussels"> <img
|
||||||
alt="The European Parliament in Bruxelles" /></a>
|
src="images/ep.jpg" loading="lazy" alt="The European Parliament in Bruxelles"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<a href="images/gs.jpg" target="_blank"> <img src="images/gs.jpg" loading="lazy"
|
<a href="images/gs.jpg" target="_blank" aria-label="Image from I Giovani e Le Scienze"> <img
|
||||||
alt="Ne at I Giovani e Le Scienze" /></a>
|
src="images/gs.jpg" loading="lazy" alt="Ne at I Giovani e Le Scienze"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<a href="images/unito_self.jpg" target="_blank"> <img src="images/unito_self.jpg" loading="lazy"
|
<a href="images/unito_self.jpg" target="_blank"
|
||||||
alt="Me at a restaurant near the University" /></a>
|
aria-label="Image of Mattia Mascarello at a restaurant near the University"> <img
|
||||||
|
src="images/unito_self.jpg" loading="lazy" alt="Me at a restaurant near the University"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<a href="images/staring.webp" target="_blank"> <img src="images/staring.webp" loading="lazy"
|
<a href="images/staring.webp" target="_blank" aria-label="Image of Mattia Mascarello staring at the void">
|
||||||
alt="Me staring at the void" /></a>
|
<img src="images/staring.webp" loading="lazy" alt="Me staring at the void"></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<a href="images/enlarged.jpg" target="_blank"> <img src="images/enlarged.jpg" loading="lazy"
|
<a href="images/enlarged.jpg" target="_blank" aria-label="Enlarged portrait of Mattia Mascarello"> <img
|
||||||
alt="Enlarged portrait" /></a>
|
src="images/enlarged.jpg" loading="lazy" alt="Enlarged portrait"></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<figcaption>
|
<figcaption>
|
||||||
<div id="clockwise"><b>From Top to Bottom in lines, </b></div>
|
<div id="clockwise"><b>From Top to Bottom in lines, </b></div>
|
||||||
<div id="topbottom"><b>From Top to Bottom,</b></div>
|
<div id="topbottom"><b>From Top to Bottom,</b></div>
|
||||||
<div id="leftright"><b>From Left to Right,</b></div>
|
<div id="leftright"><b>From Left to Right,</b></div>
|
||||||
1) <a href="ttps://en.wikipedia.org/wiki/Turin" target="_blank">Turin</a>, 2) <a
|
1) <a href="https://en.wikipedia.org/wiki/Turin" target="_blank" aria-label="Turin">Turin</a>, 2) <a
|
||||||
href="https://en.wikipedia.org/wiki/Amsterdam" target="_blank">Amsterdam</a>, 3) <a
|
href="https://en.wikipedia.org/wiki/Amsterdam" target="_blank" aria-label="Amsterdam">Amsterdam</a>, 3) <a
|
||||||
href="https://en.wikipedia.org/wiki/Paris" target="_blank">Paris</a>, 4) <a
|
href="https://en.wikipedia.org/wiki/Paris" target="_blank" aria-label="Paris">Paris</a>, 4) <a
|
||||||
href="https://en.wikipedia.org/wiki/Espace_L%C3%A9opold" target="_blank">The European Parliament in
|
href="https://en.wikipedia.org/wiki/Espace_L%C3%A9opold" target="_blank"
|
||||||
Bruxelles</a>, 5) Me at <a href="https://fast.mi.it/i-giovani-e-le-scienze/" target="_blank">I Giovani e le
|
aria-label="European Parliament in Brussels">The European Parliament in Bruxelles</a>, 5) Me at <a
|
||||||
Scienze 2022</a>, 6) Me at a restaurant near the University,
|
href="https://fast.mi.it/i-giovani-e-le-scienze/" target="_blank" aria-label="I Giovani e le Scienze 2022">I
|
||||||
7) Me staring at the void at <a href="https://fast.mi.it/i-giovani-e-le-scienze/" target="_blank">I Giovani e
|
Giovani e le Scienze 2022</a>, 6) Me at a restaurant near the University,
|
||||||
le
|
7) Me staring at the void at <a href="https://fast.mi.it/i-giovani-e-le-scienze/" target="_blank"
|
||||||
Scienze 2022</a>, 8) Enlarged portrait
|
aria-label="I Giovani e le Scienze 2022">I Giovani e le Scienze 2022</a>, 8) Enlarged portrait
|
||||||
</figcaption>
|
</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
<div class="abstract">
|
<div class="abstract">
|
||||||
|
|
@ -157,56 +168,63 @@
|
||||||
general.
|
general.
|
||||||
This is my website, in a very minimal style, just how I like it;
|
This is my website, in a very minimal style, just how I like it;
|
||||||
I code in <code>PHP, Python, Java, JavaScript, C, HTML, CSS</code>
|
I code in <code>PHP, Python, Java, JavaScript, C, HTML, CSS</code>
|
||||||
</p><br />
|
</p><br>
|
||||||
<div>
|
<div>
|
||||||
<b>My <i>Curriculum vitæ (PDF)</i></b> <br />
|
<b>My <i>Curriculum vitæ (PDF)</i></b> <br>
|
||||||
<a href="docs/italian.pdf">Italiano</a>
|
<a href="docs/italian.pdf" aria-label="Italian Curriculum Vitae in PDF">Italiano</a>
|
||||||
<a href="docs/english.pdf">English</a>
|
<a href="docs/english.pdf" aria-label="English Curriculum Vitae in PDF">English</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<table>
|
<table id="contacts">
|
||||||
<caption>Contacts</caption>
|
<caption>Contacts</caption>
|
||||||
|
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Email</td>
|
<td>Email</td>
|
||||||
<td>
|
<td>
|
||||||
<script src="emails/unito.js"></script><br />
|
<noscript> mattia [d0t] mascarello [at] edu [d0t] unito [d0t] it</noscript>
|
||||||
<b>OpenPGP Key</b> <a href="emails/MattiaMascarelloUniTo.asc">here</a>
|
<script src="emails/unito.js"></script><br>
|
||||||
<br /><br />
|
<b>OpenPGP Key</b> <a href="emails/MattiaMascarelloUniTo.asc"
|
||||||
<script src="emails/personal.js"></script><br />
|
aria-label="OpenPGP Key for University Email">here</a>
|
||||||
<b>OpenPGP Key</b> <a href="emails/MattiaMascarelloOutlook.asc">here</a>
|
<br><br>
|
||||||
|
<noscript> mattia [d0t] mascarello [at] outlook [d0t] it</noscript>
|
||||||
|
<script src="emails/personal.js"></script><br>
|
||||||
|
<b>OpenPGP Key</b> <a href="emails/MattiaMascarelloOutlook.asc"
|
||||||
|
aria-label="OpenPGP Key for Personal Email">here</a>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Telegram</td>
|
<td>Telegram</td>
|
||||||
<td>Via <a href="https://t.me/be94b16fbot">@be94b16fbot</a></td>
|
<td><a href="https://t.me/be94b16fbot" aria-label="Telegram Contact">@be94b16fbot</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>XMPP</td>
|
<td>XMPP</td>
|
||||||
<td><a href="xmpp:mattia.mascarello@jabber.hot-chilli.eu">mattia.mascarello@jabber.hot-chilli.eu</a></td>
|
<td><a href="xmpp:mattia.mascarello@jabber.hot-chilli.eu"
|
||||||
|
aria-label="XMPP Contact">mattia.mascarello@jabber.hot-chilli.eu</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<br />
|
<br>
|
||||||
<table>
|
<table>
|
||||||
<caption>Web Resources</caption>
|
<caption>Web Resources</caption>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Github</td>
|
<td>Github</td>
|
||||||
<td><a href="https://github.com/MatMasIt">MatMasIt</a></td>
|
<td><a href="https://github.com/MatMasIt" aria-label="GitHub Profile of MatMasIt">MatMasIt</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>"Stazione Meteorologica Permanente del Liceo Scientifico Statale Leonardo Cocito"</td>
|
<td>"Stazione Meteorologica Permanente del Liceo Scientifico Statale Leonardo Cocito"</td>
|
||||||
<td><a href="https://liceococito.edu.it/meteo">Home</a></td>
|
<td><a href="https://liceococito.edu.it/meteo" aria-label="Home of the Cocito Weather Station">Home</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Open Source Cocito Weather Station</td>
|
<td>Open Source Cocito Weather Station</td>
|
||||||
<td><a href="http://github.com/StazioneMeteoCocito/">Repos</a></td>
|
<td><a href="http://github.com/StazioneMeteoCocito/"
|
||||||
|
aria-label="GitHub Repositories for Cocito Weather Station">Repos</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<br />
|
<br>
|
||||||
<table>
|
<table>
|
||||||
<caption>Top Listed Projects</caption>
|
<caption>Top Listed Projects</caption>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|
@ -215,64 +233,115 @@
|
||||||
<td>Library Management System</td>
|
<td>Library Management System</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="https://github.com/MatMasIt/Alembic">Alembic</a></td>
|
<td><a href="https://github.com/MatMasIt/Alembic" aria-label="Alembic - My Poetry in English">Alembic</a>
|
||||||
|
</td>
|
||||||
<td>My Poetry in English</td>
|
<td>My Poetry in English</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="https://github.com/MatMasIt/epg-it">epg-it</a></td>
|
<td><a href="https://github.com/MatMasIt/epg-it"
|
||||||
|
aria-label="epg-it - Italian TV Electronic Program Guide">epg-it</a></td>
|
||||||
<td>Italian tv electronic program guide archival repo</td>
|
<td>Italian tv electronic program guide archival repo</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="https://github.com/MatMasIt/notesArchive">notesArchive</a></td>
|
<td><a href="https://github.com/MatMasIt/notesArchive"
|
||||||
|
aria-label="notesArchive - My School Notes Organized">notesArchive</a></td>
|
||||||
<td>My school notes organized</td>
|
<td>My school notes organized</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="https://github.com/MatMasIt/fantaProf">fantaProf</a></td>
|
<td><a href="https://github.com/MatMasIt/fantaProf"
|
||||||
|
aria-label="fantaProf - The Classic Italian Professor Blaming Game">fantaProf</a></td>
|
||||||
<td>The classic italian professor blaming game</td>
|
<td>The classic italian professor blaming game</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="https://github.com/MatMasIt/dante-lang">dante-lang</a></td>
|
<td><a href="https://github.com/MatMasIt/dante-lang"
|
||||||
|
aria-label="dante-lang - The Dante Programming Language">dante-lang</a></td>
|
||||||
<td>The Dante Programming Language</td>
|
<td>The Dante Programming Language</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="https://github.com/MatMasIt/costLatex">costLatex</a></td>
|
<td><a href="https://github.com/MatMasIt/costLatex"
|
||||||
|
aria-label="costLatex - Italian Constitution in LaTeX">costLatex</a></td>
|
||||||
<td>Italian Constitution in <span class="latex">L<span>a</span>T<span>e</span>X</span></td>
|
<td>Italian Constitution in <span class="latex">L<span>a</span>T<span>e</span>X</span></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="https://github.com/MatMasIt/costGit">costGit</a></td>
|
<td><a href="https://github.com/MatMasIt/costGit"
|
||||||
|
aria-label="costGit - Amendments to the Italian Constitution as Git Commits">costGit</a></td>
|
||||||
<td>Amendments to the italian constitution as git commits</td>
|
<td>Amendments to the italian constitution as git commits</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="https://github.com/MatMasIt/SocialCreditScoreGame">SocialCreditScoreGame</a></td>
|
<td><a href="https://github.com/MatMasIt/SocialCreditScoreGame"
|
||||||
|
aria-label="SocialCreditScoreGame - A Video Game to Praise Chinese Social Credit System">SocialCreditScoreGame</a>
|
||||||
|
</td>
|
||||||
<td>A videogame to eloquently praise the most perfect chinese social credit system</td>
|
<td>A videogame to eloquently praise the most perfect chinese social credit system</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td><a href="https://github.com/MatMasIt/mordApp">mordApp</a></td>
|
<td><a href="https://github.com/MatMasIt/mordApp"
|
||||||
|
aria-label="mordApp - Mordecai Food Ordering System">mordApp</a></td>
|
||||||
<td>Mordecai Food Ordering System</td>
|
<td>Mordecai Food Ordering System</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<article>
|
<article id="poemOfTheDay">
|
||||||
<h3>My <i>poem of the day</i>, n. <span id="poemn"></span>, from <a target="_blank"
|
<h3>My <i>poem of the day</i>, n. <span id="poemn"></span>, from <a target="_blank"
|
||||||
href="https://github.com/MatMasIt/Alembic"><i>Alembic</i></a></h3>
|
href="https://github.com/MatMasIt/Alembic" aria-label="Alembic - Collection of Poems"><i>Alembic</i></a>
|
||||||
<h2 id="poemTitle"></h2>
|
</h3>
|
||||||
<p id="poemText"></p>
|
<h2 id="poemTitle" aria-live="polite">(loading)</h2>
|
||||||
|
<p id="poemText" aria-live="polite">...</p>
|
||||||
</article>
|
</article>
|
||||||
<br />
|
<br>
|
||||||
<img src="images/Gadsden_flag.svg" alt="Liberty above all" style="width:20vw; margin:auto">
|
<div class="centered-container">
|
||||||
<br />
|
<img src="images/Gadsden_flag.svg" alt="Liberty above all"><br>
|
||||||
|
<iframe src="https://api2.humancalendar.com/iframe.php?t=2x2&s=215" class="human-calendar" sandbox
|
||||||
|
aria-label="Human Calendar"></iframe>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
<div class="footnotes">
|
<div class="footnotes">
|
||||||
|
<div class="badges">
|
||||||
|
<a href="https://validator.w3.org/check?uri=referer" aria-label="Validate HTML5"><img
|
||||||
|
src="images/badges/valid_html.png" alt="Valid HTML5" style="border:0;width:88px;height:31px"></a>
|
||||||
|
<a href="https://jigsaw.w3.org/css-validator/check/referer">
|
||||||
|
<img style="border:0;width:88px;height:31px" src="https://jigsaw.w3.org/css-validator/images/vcss-blue"
|
||||||
|
alt="Valid CSS">
|
||||||
|
</a>
|
||||||
|
<a href="https://ublockorigin.com/" aria-label="uBlock Origin"><img src="images/badges/ublock-now.png"
|
||||||
|
alt="uBlock Origin"></a>
|
||||||
|
<a href="https://xmpp.org/" aria-label="XMPP"><img src="images/badges/xmpp.gif" alt="XMPP"></a>
|
||||||
|
<a href="https://en.wikipedia.org/wiki/RSS" aria-label="RSS"><img src="images/badges/rss.gif" alt="RSS"></a>
|
||||||
|
<a href="https://jellyfin.org/" aria-label="Jellyfin"><img src="images/badges/jellyfin.gif" alt="Jellyfin"></a>
|
||||||
|
<a href="https://www.mozilla.org/firefox" aria-label="Get Firefox"><img
|
||||||
|
src="images/badges/GetFirefox_80x15.png" alt="Get Firefox"></a>
|
||||||
|
<a href="http://www.anybrowser.org/campaign/" aria-label="Any Browser Campaign"><img
|
||||||
|
src="images/badges/anybrowser3.gif" alt="Any Browser"></a>
|
||||||
|
<a href="https://gitea.io" aria-label="Gitea">
|
||||||
|
<img src="images/badges/gitea.gif" alt="Gitea"></a>
|
||||||
|
<a href="https://landchad.net/" aria-label="Landchad"><img src="images/badges/landchad.gif" alt="Landchad"></a>
|
||||||
|
<a href="#contacts" aria-label="Contacts"><img src="images/badges/pgp-now.gif" alt="PGP"></a>
|
||||||
|
<a href="#"><img src="images/badges/fspeech.gif" alt="Free Speech"></a>
|
||||||
|
<a href="https://ifixit.org/" aria-label="iFixit"><img src="images/badges/rtr.png" alt="Right to repair"></a>
|
||||||
|
</div>
|
||||||
<p>
|
<p>
|
||||||
© 2022-2023 Mattia Mascarello
|
© 2022 <span id="toYear">-
|
||||||
|
<script>document.write((new Date()).getFullYear());</script>
|
||||||
|
</span> Mattia Mascarello
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p id="versionSwitch">
|
||||||
Versions: <a href="#force:eu">Europe Day <span style="display:inline" id="euS">(current)</span></a>, <a
|
Versions: <a href="#force:eu" aria-label="Europe Day Version">Europe Day <span style="display:inline"
|
||||||
href="#force:it">Republic Day <span style="display:inline" id="redS">(current)</span></a>, <a
|
id="euS">(current)</span></a>, <a href="#force:it" aria-label="Republic Day Version">Republic Day <span
|
||||||
href="#force:xmas">Christmas<span style="display:inline" id="xmaS">(current)</span></a>, <a
|
style="display:inline" id="redS">(current)</span></a>, <a href="#force:xmas"
|
||||||
href="#force:nato">NATO Day<span style="display:inline" id="natoS">(current)</span></a>, <a
|
aria-label="Christmas Version">Christmas<span style="display:inline" id="xmaS">(current)</span></a>, <a
|
||||||
href="#force:jan">January <span style="display:inline" id="janS">(current)</span></a>, <a
|
href="#force:nato" aria-label="NATO Day Version">NATO Day<span style="display:inline"
|
||||||
href="#force:no">Regular <span style="display:inline" id="regularS">(current)</span></a>.
|
id="natoS">(current)</span></a>, <a href="#force:jan" aria-label="January Version">January <span
|
||||||
|
style="display:inline" id="janS">(current)</span></a>, <a href="#force:no"
|
||||||
|
aria-label="Regular Version">Regular <span style="display:inline" id="regularS">(current)</span></a>.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
<p id="noScript">
|
||||||
|
<b>JavaScript is disabled</b>. I respect your choice, and the website has been slightly adapted to be more
|
||||||
|
user-friendly. However, some features require JavaScript to work properly.
|
||||||
|
</p>
|
||||||
|
<script>
|
||||||
|
document.getElementById("noScript").style.display = "none";
|
||||||
|
</script>
|
||||||
</div>
|
</div>
|
||||||
<script src="poemOfTheDay.js"></script>
|
<script src="poemOfTheDay.js"></script>
|
||||||
<script src="script.js"></script>
|
<script src="script.js"></script>
|
||||||
|
|
|
||||||
3
nojs.css
Normal file
3
nojs.css
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
.human-calendar, #toYear, #poemOfTheDay, #pronounce, .happyEuDay, .happyRepublicDay, .happyXMAS, .happyNATODay, #versionSwitch {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
24
style.css
24
style.css
|
|
@ -200,4 +200,28 @@ body {
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
background-position-y: 30%;
|
background-position-y: 30%;
|
||||||
background-position-x: 1000px;
|
background-position-x: 1000px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.centered-container {
|
||||||
|
width: 20vw;
|
||||||
|
margin: 0 auto; /* Centers the div horizontally */
|
||||||
|
text-align: center; /* Centers the content inside the div */
|
||||||
|
}
|
||||||
|
.centered-container img {
|
||||||
|
display: block; /* Ensures the image is treated as a block element */
|
||||||
|
margin: 0 auto; /* Centers the image inside the div */
|
||||||
|
}
|
||||||
|
|
||||||
|
.human-calendar {
|
||||||
|
width: 215px;
|
||||||
|
height: 215px;
|
||||||
|
border: none; /* Removes the border */
|
||||||
|
margin: 0; /* Removes any default margin */
|
||||||
|
padding: 0; /* Removes any default padding */
|
||||||
|
overflow: hidden; /* Hides any overflowing content */
|
||||||
|
}
|
||||||
|
|
||||||
|
.badges > a {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 5px;
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user