Compare commits
No commits in common. "d00fa2e8b47c7220a697b8d8f0aa525f6d3328aa" and "28d72b48ee9983ee72306829417df27b1c2e2793" have entirely different histories.
d00fa2e8b4
...
28d72b48ee
8
.gitignore
vendored
8
.gitignore
vendored
|
|
@ -1,8 +0,0 @@
|
||||||
docs/*.log
|
|
||||||
docs/*.gz
|
|
||||||
docs/europecv
|
|
||||||
docs/*.aux
|
|
||||||
docs/*.fdb_latexmk
|
|
||||||
docs/*.fls
|
|
||||||
docs/*.sh
|
|
||||||
docs/*.out
|
|
||||||
18
LICENSE
Normal file
18
LICENSE
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
LICENSE
|
||||||
|
=======
|
||||||
|
|
||||||
|
Permission to use, copy, modify, and distribute this software and its
|
||||||
|
documentation for any purpose and without fee is hereby granted, provided
|
||||||
|
that the original copyright notices appear in all copies and that both
|
||||||
|
copyright notice and this permission notice appear in supporting
|
||||||
|
documentation, and that the name of the author not be used in advertising
|
||||||
|
or publicity pertaining to distribution of the software without specific
|
||||||
|
prior written permission.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||||
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
|
||||||
|
THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||||
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
|
||||||
|
DEALINGS IN THE SOFTWARE.
|
||||||
|
|
@ -1,85 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<link rel="stylesheet" href="../latex.css">
|
|
||||||
<link rel="stylesheet" href="../style.css">
|
|
||||||
<title>Alternate Portrait Versions</title>
|
|
||||||
<meta name="robots" content="noindex,nofollow">
|
|
||||||
<meta name="google-site-verification" content="DibIHTYcO0f2RAdscthaJh1g_-TNwN0vu6j25GT93kg" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<meta name="description" content="Mattia Mascarello's personal website" />
|
|
||||||
<meta name="keywords" content="Mattia Mascarello, Liceo Cocito, Mordapp" />
|
|
||||||
<meta property="og:title" content="Mattia Mascarello" />
|
|
||||||
<meta property="og:url" content="https://matmasit.github.io/images" />
|
|
||||||
<meta property="og:description" content="Mattia Mascarello's personal website" />
|
|
||||||
<meta property="og:type" content="website" />
|
|
||||||
<meta property="og:image" content="https://matmasit.github.io/images/portrait.jpg" />
|
|
||||||
<!-- Google tag (gtag.js) -->
|
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-6WNMM3QFPW"></script>
|
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="../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="16x16" href="../fav/favicon-16x16.png">
|
|
||||||
<link rel="manifest" href="../fav/site.webmanifest">
|
|
||||||
<script>
|
|
||||||
window.dataLayer = window.dataLayer || [];
|
|
||||||
function gtag() { dataLayer.push(arguments); }
|
|
||||||
gtag('js', new Date());
|
|
||||||
|
|
||||||
gtag('config', 'G-6WNMM3QFPW');
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<h1>Alternate Protrait Versions</h1>
|
|
||||||
<p>These are the variations of the main portrait which are displayed during the appropriate time frames.</p>
|
|
||||||
</header>
|
|
||||||
<br />
|
|
||||||
<figure>
|
|
||||||
<div class="row">
|
|
||||||
<div class="column">
|
|
||||||
<a href="../images/portrait.jpg" target="_blank"><img src="../images/portrait.jpg" loading="lazy"
|
|
||||||
alt="Default portrait" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<a href="../images/euportrait.png" target="_blank"> <img src="../images/euportrait.png" loading="lazy"
|
|
||||||
alt="Europe Day (9th of May) portrait" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<a href="../images/natoportrait.png" target="_blank"> <img src="../images/natoportrait.png" loading="lazy"
|
|
||||||
alt="NATO Day (4th of April)" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<a href="../images/itportrait.png" target="_blank"> <img src="../images/itportrait.png" loading="lazy"
|
|
||||||
alt="Festa della Repubblica (2nd of June)" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<a href="../images/xmasportrait.png" target="_blank"> <img src="../images/xmasportrait.png" loading="lazy"
|
|
||||||
alt="Christmas (19th-26th of December)" /></a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<figcaption>
|
|
||||||
<div id="clockwise"><b>From Top to Bottom in lines, </b></div>
|
|
||||||
<div id="topbottom"><b>From Top to Bottom,</b></div>
|
|
||||||
<div id="leftright"><b>From Left to Right,</b></div>
|
|
||||||
1) Default portrait, 2) <a
|
|
||||||
href="https://european-union.europa.eu/principles-countries-history/symbols/europe-day_en"
|
|
||||||
target="_blank">Europe Day</a> (9th of May), 3) <a href="https://en.wikipedia.org/wiki/NATO_Day">NATO
|
|
||||||
Day</a> (4th of April), 4) <a href="https://en.wikipedia.org/wiki/Festa_della_Repubblica">Festa della
|
|
||||||
repubblica</a> (2nd of June), 5) Christmas (19th-26th of December)
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<br />
|
|
||||||
<p style="text-align: center;"> <a href="../">Home</a></p>
|
|
||||||
<div class="footnotes">
|
|
||||||
<p>
|
|
||||||
© 2022 Mattia Mascarello
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<script src="script.js"></script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
BIN
audio/eu.ogg
BIN
audio/eu.ogg
Binary file not shown.
BIN
audio/ita.mp3
BIN
audio/ita.mp3
Binary file not shown.
Binary file not shown.
BIN
audio/mattia.ogg
BIN
audio/mattia.ogg
Binary file not shown.
BIN
audio/nato.mp3
BIN
audio/nato.mp3
Binary file not shown.
BIN
docs/english.pdf
BIN
docs/english.pdf
Binary file not shown.
149
docs/english.tex
149
docs/english.tex
|
|
@ -1,149 +0,0 @@
|
||||||
\documentclass[totpages,helvetica,openbib,english,nologo,nobranding,notitle,totpages, flagCMYK]{europecv}
|
|
||||||
\usepackage[T1]{fontenc}
|
|
||||||
\usepackage{graphicx}
|
|
||||||
\usepackage[a4paper,top=1.27cm,left=1cm,right=1cm,bottom=2cm]{geometry}
|
|
||||||
\usepackage[english]{babel}
|
|
||||||
\usepackage{url}
|
|
||||||
\usepackage{bookmark}
|
|
||||||
\newcommand{\spacer}{
|
|
||||||
\ecvitem{\newline\newline}{\newline\newline}}
|
|
||||||
\renewcommand{\ttdefault}{phv} % Uses Helvetica instead of fixed width font
|
|
||||||
\newcommand{\mycomment}[1]{}
|
|
||||||
\newcommand*{\SignatureAndDate}[1]{%
|
|
||||||
\par\noindent\makebox[2.5in]{\today}
|
|
||||||
\par\noindent\makebox[2.5in]{\hrulefill} \hfill\makebox[2.0in]{\hrulefill}%
|
|
||||||
\par\noindent\hfill\makebox[5.43in][l]{Date} \makebox[2.0in][l]{#1}%
|
|
||||||
}%
|
|
||||||
|
|
||||||
\ecvname{Mattia, Mascarello}
|
|
||||||
%\ecvfax{(Remove if not relevant)}
|
|
||||||
\ecvemail{\href{mailto:mattia.mascarello@outlook.it}{mattia.mascarello@outlook.it}}
|
|
||||||
\ecvprofessional{\href{mailto:mattia.mascarello@edu.unito.it}{mattia.mascarello@edu.unito.it}}
|
|
||||||
%\ecvpec{\href{mailto:emailo@pec.it}{email@pec.it}}
|
|
||||||
\ecvhomepage{\url{https://matmasit.github.io}\newline\url{https://github.com/MatMasIt}}
|
|
||||||
|
|
||||||
\ecvnationality{Italian}
|
|
||||||
\ecvdateofbirth{19/11/2002}
|
|
||||||
\ecvgender{Male}
|
|
||||||
\ecvdate{\today}
|
|
||||||
\ecvpicture{portrait}
|
|
||||||
%\ecvyoutube{\url{www.youtube.com/myChannel}}
|
|
||||||
%\ecvpicture[width=3cm]{mypicture}
|
|
||||||
%\ecvfootnote{For further details please take a look here: \url{http://europass.cedefop.eu.int}\\
|
|
||||||
%\textcopyright~European Communities, 2003.}
|
|
||||||
|
|
||||||
\begin{document}
|
|
||||||
\selectlanguage{english}
|
|
||||||
|
|
||||||
\begin{europecv}
|
|
||||||
|
|
||||||
\ecvpersonalinfo[20pt]
|
|
||||||
|
|
||||||
|
|
||||||
%\ecvitem{\large\textbf{Desired employment/ Occupational~field}}{\large\textbf{(Remove if not relevant)}}
|
|
||||||
|
|
||||||
\pdfbookmark{Work experience}{Work experience}
|
|
||||||
\section{Work experience}
|
|
||||||
|
|
||||||
\ecvitem{Dates}{February 2023}
|
|
||||||
\ecvitem{ccupation or position held}{Computer Science Teacher}
|
|
||||||
\ecvitem{Main activities and responsibilities}{Teaching computer science to several High School classes}
|
|
||||||
\ecvitem{Name and address of employer}{Liceo Scientifico Statale Leonardo Cocito, corso Europa 2, 12501 Alba (CN)}
|
|
||||||
\ecvitem{Type of business or sector}{State Scientific High School}
|
|
||||||
\spacer
|
|
||||||
|
|
||||||
\ecvitem{Dates}{From 26\textsuperscript{th}May 2022}
|
|
||||||
\ecvitem{Occupation or position held}{Website fullstack developer}
|
|
||||||
\ecvitem{Main activities and responsibilities}{Developing a professional website with custom content management system}
|
|
||||||
\ecvitem{Name and address of employer}{Wild Life Protection ETS\newline Via Roma 34, Roddi (CN), Italy}
|
|
||||||
\ecvitem{Type of business or sector}{Non-profit environment volunteer association}
|
|
||||||
\spacer
|
|
||||||
|
|
||||||
\ecvitem{Dates}{May 2020 - September 2020}
|
|
||||||
\ecvitem{Occupation or position held}{IoT developer}
|
|
||||||
\ecvitem{Main activities and responsibilities}{Developing a remote administration platform for fleets of paint making machines
|
|
||||||
}
|
|
||||||
\ecvitem{Name and address of employer}{Freelancing for Dromont S.p.A.\newline Via Borzone, 42, 12060 Grinzane Cavour CN, Italy}
|
|
||||||
\ecvitem{Type of business or sector}{Industrial paint making machine engineering}
|
|
||||||
|
|
||||||
\pdfbookmark{Education and training}{Education and training}
|
|
||||||
\section{Education and training}
|
|
||||||
|
|
||||||
\mycomment{
|
|
||||||
\ecvitem{Dates}{19\textsuperscript{th} September 2022 - }
|
|
||||||
\ecvitem{Title of qualification awarded}{Master's degree in Computer Science}
|
|
||||||
\ecvitem{Principal subjects/Occupational skills covered}{Computer Science}
|
|
||||||
\ecvitem{Name and type of organization providing education and training}{University of Turin - Computer Science Department}
|
|
||||||
%\ecvitem{Level in national or international classification\footnote{If appropriate.}}{\ldots}
|
|
||||||
\spacer
|
|
||||||
}
|
|
||||||
\ecvitem{Dates}{19\textsuperscript{th} September 2022 - }
|
|
||||||
%\ecvitem{Title of qualification awarded}{Bachelor's degree in Computer Science}
|
|
||||||
\ecvitem{Principal subjects/Occupational skills covered}{Computer Science student}
|
|
||||||
\ecvitem{Name and type of organization providing education and training}{University of Turin - Computer Science Department}
|
|
||||||
%\ecvitem{Level in national or international classification\footnote{If appropriate.}}{\ldots}
|
|
||||||
\spacer
|
|
||||||
|
|
||||||
\ecvitem{Dates}{2017 - 2022}
|
|
||||||
\ecvitem{Title of qualification awarded}{Scientific high school diploma - Applied Sciences
|
|
||||||
}
|
|
||||||
%\ecvitem{Principal subjects/Occupational skills covered}{\ldots}
|
|
||||||
\ecvitem{Name and type of organization providing education and training}{Liceo Scientifico Statale Leonardo Cocito (Alba)}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
\pdfbookmark{Certifications, Awards and Participations}{Certifications, Awards and Participations}
|
|
||||||
\section{Certifications, Awards and Participations}
|
|
||||||
\ecvitem{}{\textsc{\textbf{Certifications}}}
|
|
||||||
\ecvitem{2017}{Diplôme d'études en langue française, Niveau A2}
|
|
||||||
\ecvitem{2017}{Cambridge English - Key English Test (KET)}
|
|
||||||
\ecvitem{2019}{Cambridge English - Preliminary English Test (PET)}
|
|
||||||
\ecvitem{2022}{Cambridge English - Advanced Cambridge English (CAE) - C2}
|
|
||||||
\spacer
|
|
||||||
\ecvitem{}{\textsc{\textbf{Awards}}}
|
|
||||||
\ecvitem{2017}{``Friend of La Morra'' award, dedicated to Giacomo Oddero}
|
|
||||||
\ecvitem{2018}{Scolarship award, Università delle Tre Età, Alba (CN), Italy}
|
|
||||||
\ecvitem{2018}{National Excellence Honours Roll of the Italian Ministry of Education\newline \textit{Participation at ``Youth and science 2018'', in Milan, with the project \textbf{MordApp}}}
|
|
||||||
\ecvitem{2022}{National Excellence Honours Roll of the Italian Ministry of Education\newline \textit{Participation at ``Youth and science 2022'', in Milan, with the project \textbf{Open source Weather Station}}}
|
|
||||||
\ecvitem{2022}{\textsc{American Meteorological Society}, Award of Outstanding Achievement, for excellence in atmospheric or related sciences}
|
|
||||||
\spacer
|
|
||||||
\ecvitem{}{\textsc{\textbf{Participations}}}
|
|
||||||
\ecvitem{2018}{Participation at ``Youth and science 2018'', in Milan, with the project \textbf{MordApp}}
|
|
||||||
\ecvitem{2022}{Participation at ``Youth and science 2018'', in Milan, with the project \textbf{Open source Weather Station}}
|
|
||||||
\pdfbookmark{Personal skills and~competences}{Personal skills and~competences}
|
|
||||||
\section{Personal skills and~competences}
|
|
||||||
|
|
||||||
\ecvmothertongue[5pt]{Italian}
|
|
||||||
\ecvitem{\large Other language(s)}{}
|
|
||||||
\ecvlanguageheader{(*)}
|
|
||||||
\ecvlanguage{English}{\ecvCTwo}{\ecvCTwo}{\ecvCTwo}{\ecvCTwo}{\ecvCTwo}
|
|
||||||
\ecvlanguagefooter[10pt]{(*)}
|
|
||||||
\mycomment{
|
|
||||||
\ecvitem[10pt]{\large Social skills and competences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem[10pt]{\large Organisational skills and ompetences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem[10pt]{\large Technical skills and competences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem[10pt]{\large Computer skills and competences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem[10pt]{\large Artistic skills and competences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem[10pt]{\large Other skills and competences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem{\large Driving licence(s)}{State here whether you hold a driving licence and if so for which categories of vehicle. (Remove if not relevant).}
|
|
||||||
|
|
||||||
\pdfbookmark{Additional information}{Additional information}
|
|
||||||
\section{Additional information}
|
|
||||||
\ecvitem[10pt]{}{Include here any other information that may be relevant, for example contact persons, references, etc. (Remove heading if not relevant).}
|
|
||||||
\ecvitem{}{\textbf{Personal interests}}
|
|
||||||
\ecvitem{}{\ldots}
|
|
||||||
|
|
||||||
\pdfbookmark{Annexes}{Annexes}
|
|
||||||
\section{Annexes}
|
|
||||||
\ecvitem{}{List any item attached to the CV}
|
|
||||||
}
|
|
||||||
\end{europecv}
|
|
||||||
|
|
||||||
\vspace{5.0cm}
|
|
||||||
|
|
||||||
%\hfill\includegraphics[scale=0.05]{figure/sign.png}
|
|
||||||
\vspace{-2.5cm}
|
|
||||||
\SignatureAndDate{Name Surname}
|
|
||||||
|
|
||||||
|
|
||||||
\end{document}
|
|
||||||
BIN
docs/italian.pdf
BIN
docs/italian.pdf
Binary file not shown.
162
docs/italian.tex
162
docs/italian.tex
|
|
@ -1,162 +0,0 @@
|
||||||
\documentclass[totpages,helvetica,openbib,italian,nologo,nobranding,notitle,totpages, flagCMYK]{europecv}
|
|
||||||
\usepackage{graphicx}
|
|
||||||
\usepackage[a4paper,top=1.27cm,left=1cm,right=1cm,bottom=2cm]{geometry}
|
|
||||||
\usepackage[english]{babel}
|
|
||||||
\usepackage{url}
|
|
||||||
\usepackage{bookmark}
|
|
||||||
\usepackage{graphicx}
|
|
||||||
\newcommand{\spacer}{
|
|
||||||
\ecvitem{\newline\newline}{\newline\newline}}
|
|
||||||
\renewcommand{\ttdefault}{phv} % Uses Helvetica instead of fixed width font
|
|
||||||
\newcommand{\MONTH}{%
|
|
||||||
\ifcase\the\month
|
|
||||||
\or Gennaio% 1
|
|
||||||
\or Febbraio% 2
|
|
||||||
\or Marzo% 3
|
|
||||||
\or Aprile% 4
|
|
||||||
\or Maggio% 5
|
|
||||||
\or Giugno% 6
|
|
||||||
\or Giulio% 7
|
|
||||||
\or August% 8
|
|
||||||
\or Settembre% 9
|
|
||||||
\or Ottobre% 10
|
|
||||||
\or Novembre% 11
|
|
||||||
\or Dicembre% 12
|
|
||||||
\fi}
|
|
||||||
\newcommand{\mycomment}[1]{}
|
|
||||||
\newcommand{\dated}{\the\day \space \MONTH \space 2022}
|
|
||||||
\newcommand*{\SignatureAndDate}[1]{%
|
|
||||||
\par\noindent\makebox[2.5in]{\dated}
|
|
||||||
\par\noindent\makebox[2.5in]{\hrulefill} \hfill\makebox[2.0in]{\hrulefill}%
|
|
||||||
\par\noindent\hfill\makebox[5.43in][l]{Data} \makebox[2.0in][l]{#1}%
|
|
||||||
}%
|
|
||||||
|
|
||||||
\ecvname{Mattia, Mascarello}
|
|
||||||
\ecvfootername{Mattia, Mascarello}
|
|
||||||
\ecvemail{\href{mailto:mattia.mascarello@outlook.it}{mattia.mascarello@outlook.it}}
|
|
||||||
\ecvprofessional{\href{mailto:mattia.mascarello@edu.unito.it}{mattia.mascarello@edu.unito.it}}
|
|
||||||
%\ecvpec{\href{mailto:emailo@pec.it}{email@pec.it}}
|
|
||||||
\ecvhomepage{\url{https://matmasit.github.io}\newline\url{https://github.com/MatMasIt}}
|
|
||||||
|
|
||||||
\ecvnationality{Italiana}
|
|
||||||
\ecvdateofbirth{19/11/2002}
|
|
||||||
\ecvgender{M}
|
|
||||||
\ecvdate{\dated}
|
|
||||||
\ecvpicture{portrait}
|
|
||||||
%\ecvyoutube{\url{www.youtube.com/myChannel}}
|
|
||||||
%\ecvpicture[width=3cm]{mypicture}
|
|
||||||
%\ecvfootnote{For further details please take a look here: \url{http://europass.cedefop.eu.int}\\
|
|
||||||
%\textcopyright~European Communities, 2003.}
|
|
||||||
|
|
||||||
\begin{document}
|
|
||||||
\selectlanguage{english}
|
|
||||||
|
|
||||||
\begin{europecv}
|
|
||||||
|
|
||||||
\ecvpersonalinfo[20pt]
|
|
||||||
|
|
||||||
|
|
||||||
%\ecvitem{\large\textbf{Desired employment/ Occupational~field}}{\large\textbf{(Remove if not relevant)}}
|
|
||||||
|
|
||||||
\pdfbookmark{Esperienza Lavorativa}{Esperienza Lavorativa}
|
|
||||||
\section{Esperienza Lavorativa}
|
|
||||||
|
|
||||||
|
|
||||||
\ecvitem{Date}{Febbraio 2023}
|
|
||||||
\ecvitem{Tipo di impiego}{Docente di Informatica}
|
|
||||||
\ecvitem{Principali mansioni e responsabilità}{Cattedra di informatica presso più classi del Liceo}
|
|
||||||
\ecvitem{Nome e indirizzo del datore di lavoro}{Liceo Scientifico Statale Leonardo Cocito, corso Europa 2, 12501 Alba (CN)}
|
|
||||||
\ecvitem{Tipo di azienda o settore}{Liceo Scientifico}
|
|
||||||
\spacer
|
|
||||||
\ecvitem{Date}{Dal 26 Maggio 2022}
|
|
||||||
\ecvitem{Tipo di impiego}{Sviluppatore sito web fullstack}
|
|
||||||
\ecvitem{Principali mansioni e responsabilità}{Sviluppo di un sito web professionale con un sistema di gestione dei contenuti personalizzati}
|
|
||||||
\ecvitem{Nome e indirizzo del datore di lavoro}{Wild Life Protection ETS\newline Via Roma 34, Roddi (CN), Italy}
|
|
||||||
\ecvitem{Tipo di azienda o settore}{Associazione di Volontariato ambientale}
|
|
||||||
\spacer
|
|
||||||
|
|
||||||
\ecvitem{Date}{Maggio 2020 - Settembre 2020}
|
|
||||||
\ecvitem{Tipo di impiego}{Sviluppo IoT}
|
|
||||||
\ecvitem{Principali mansioni e responsabilità}{Sviluppo di una piattaforma di gestione e amministrazione di parchi macchine di tintometri}
|
|
||||||
\ecvitem{Nome e indirizzo del datore di lavoro}{Per Dromont S.p.A.\newline Via Borzone, 42, 12060 Grinzane Cavour CN, Italy}
|
|
||||||
\ecvitem{Tipo di azienda o settore}{Costruzione e progettazione di tintometri industriali}
|
|
||||||
|
|
||||||
\pdfbookmark{Istruzione e formazione}{Istruzione e formazione}
|
|
||||||
\section{Istruzione e formazione}
|
|
||||||
|
|
||||||
\mycomment{
|
|
||||||
\ecvitem{Data}{19 Settembre 2022 - }
|
|
||||||
\ecvitem{Qualifica conseguita}{Laurea Magistrale in Informatica}
|
|
||||||
\ecvitem{Principali materie / abilità professionali oggetto dello studio}{Informatica}
|
|
||||||
\ecvitem{Nome e tipo di istituto di istruzione o formazione}{Università di Torino - Dipartimento di Informatica}
|
|
||||||
%\ecvitem{Level in national or international classification\footnote{If appropriate.}}{\ldots}
|
|
||||||
\spacer
|
|
||||||
}
|
|
||||||
\ecvitem{Date}{19 Settembre 2022 - }
|
|
||||||
%\ecvitem{Qualifica conseguita}{Bachelor's degree in Computer Science}
|
|
||||||
\ecvitem{Principali materie / abilità professionali oggetto dello studio}{Studente di Informatica}
|
|
||||||
\ecvitem{Nome e tipo di istituto di istruzione o formazione}{Università di Torino - Dipartimento di Informatica}
|
|
||||||
%\ecvitem{Level in national or international classification\footnote{If appropriate.}}{\ldots}
|
|
||||||
\spacer
|
|
||||||
|
|
||||||
\ecvitem{Date}{2017 - 2022}
|
|
||||||
\ecvitem{Qualifica conseguita}{Diploma di liceo Scientifico, Scienze Applicate}
|
|
||||||
%\ecvitem{Principali materie / abilità professionali oggetto dello studio}{\ldots}
|
|
||||||
\ecvitem{Nome e tipo di istituto di istruzione o formazione}{Liceo Scientifico Statale Leonardo Cocito (Alba)}
|
|
||||||
|
|
||||||
|
|
||||||
\pdfbookmark{Certificati, Premi e Partecipazioni}{Certificati, Premi e Partecipazioni}
|
|
||||||
\section{Certificati, Premi e Partecipazioni}
|
|
||||||
\ecvitem{}{\textsc{\textbf{Certificati}}}
|
|
||||||
\ecvitem{2017}{Diplôme d'études en langue française, Niveau A2}
|
|
||||||
\ecvitem{2017}{Cambridge English - Key English Test (KET)}
|
|
||||||
\ecvitem{2019}{Cambridge English - Preliminary English Test (PET)}
|
|
||||||
\ecvitem{2022}{Cambridge English - Advanced Cambridge English (CAE) - C2}
|
|
||||||
\spacer
|
|
||||||
\ecvitem{}{\textsc{\textbf{Premi}}}
|
|
||||||
\ecvitem{2017}{Premio ``Amico di La Morra'' dedicato a Giacomo Oddero}
|
|
||||||
\ecvitem{2018}{Borsa di Studio, Università delle Tre Età, Alba (CN)}
|
|
||||||
\ecvitem{2018}{Iscrizione all'Albo Nazionale delle Eccellenze\newline \textit{Partecipazione a ``I Giovani e Le Scienze 2018'', a Milano, con il progetto \textbf{MordApp}}}
|
|
||||||
\ecvitem{2022}{Iscrizione all'Albo Nazionale delle Eccellenze\newline \textit{Partecipazione a ``I Giovani e Le Scienze 2022'', a Milano, con il progetto \textbf{Stazione Meteorologica Open Source}}}
|
|
||||||
\ecvitem{2022}{\textsc{American Meteorological Society}, Award of Outstanding Achievement, for excellence in atmospheric or related sciences}
|
|
||||||
\spacer
|
|
||||||
\ecvitem{}{\textsc{\textbf{Partecipazioni}}}
|
|
||||||
\ecvitem{2018}{Partecipazione a ``I Giovani e Le Scienze 2018'', a Milano, con il progetto \textbf{MordApp}}
|
|
||||||
\ecvitem{2022}{Partecipazione a ``I Giovani e Le Scienze 2022'', a Milano, con il progetto \textbf{Stazione Meteorologica Open Source}}
|
|
||||||
|
|
||||||
\pdfbookmark{Capacità e competenze personali}{Capacità e competenze personali}
|
|
||||||
\section{Capacità e competenze personali}
|
|
||||||
\ecvmothertongue[5pt]{Italiano}
|
|
||||||
\ecvitem{\large Altre Lingue}{}
|
|
||||||
\ecvlanguageheader{(*)}
|
|
||||||
\ecvlanguage{Inglese}{\ecvCTwo}{\ecvCTwo}{\ecvCTwo}{\ecvCTwo}{\ecvCTwo}
|
|
||||||
\ecvlanguagefooter[10pt]{(*)}
|
|
||||||
\mycomment{
|
|
||||||
\ecvitem[10pt]{\large Social skills and competences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem[10pt]{\large Organisational skills and ompetences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem[10pt]{\large Technical skills and competences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem[10pt]{\large Computer skills and competences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem[10pt]{\large Artistic skills and competences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem[10pt]{\large Other skills and competences}{Replace this text by a description of these competences and indicate where they were acquired (remove if not relevant).}
|
|
||||||
\ecvitem{\large Driving licence(s)}{State here whether you hold a driving licence and if so for which categories of vehicle. (Remove if not relevant).}
|
|
||||||
|
|
||||||
\pdfbookmark{Additional information}{Additional information}
|
|
||||||
\section{Additional information}
|
|
||||||
\ecvitem[10pt]{}{Include here any other information that may be relevant, for example contact persons, references, etc. (Remove heading if not relevant).}
|
|
||||||
\ecvitem{}{\textbf{Personal interests}}
|
|
||||||
\ecvitem{}{\ldots}
|
|
||||||
|
|
||||||
\pdfbookmark{Annexes}{Annexes}
|
|
||||||
\section{Annexes}
|
|
||||||
\ecvitem{}{List any item attached to the CV}
|
|
||||||
}
|
|
||||||
\end{europecv}
|
|
||||||
|
|
||||||
\vspace{5.0cm}
|
|
||||||
|
|
||||||
%\hfill\includegraphics[scale=0.05]{figure/sign.png}
|
|
||||||
\vspace{-2.5cm}
|
|
||||||
\SignatureAndDate{Nome Cognome}
|
|
||||||
|
|
||||||
|
|
||||||
\end{document}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 113 KiB |
|
|
@ -1,52 +0,0 @@
|
||||||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
|
||||||
|
|
||||||
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
|
|
||||||
0057Iqd8HXfC1uvuGmAVpfs=
|
|
||||||
=g0gZ
|
|
||||||
-----END PGP PUBLIC KEY BLOCK-----
|
|
||||||
|
|
@ -1,41 +0,0 @@
|
||||||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
|
||||||
|
|
||||||
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
|
|
||||||
=xMq+
|
|
||||||
-----END PGP PUBLIC KEY BLOCK-----
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 167 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 234 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 MiB |
BIN
images/ep.jpg
BIN
images/ep.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 235 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 284 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 766 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
|
|
@ -1,19 +0,0 @@
|
||||||
{
|
|
||||||
"name": "Mattia Mascarello",
|
|
||||||
"short_name": "Mattia Mascarello",
|
|
||||||
"icons": [
|
|
||||||
{
|
|
||||||
"src": "/fav/android-chrome-192x192.png",
|
|
||||||
"sizes": "192x192",
|
|
||||||
"type": "image/png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"src": "/fav/android-chrome-512x512.png",
|
|
||||||
"sizes": "512x512",
|
|
||||||
"type": "image/png"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"theme_color": "#ffffff",
|
|
||||||
"background_color": "#ffffff",
|
|
||||||
"display": "standalone"
|
|
||||||
}
|
|
||||||
BIN
images/gs.jpg
BIN
images/gs.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
|
|
@ -1,7 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="500" height="500" viewBox="0 0 75 75">
|
|
||||||
<path d="M39.389,13.769 L22.235,28.606 L6,28.606 L6,47.699 L21.989,47.699 L39.389,62.75 L39.389,13.769z"
|
|
||||||
style="stroke:#111;stroke-width:5;stroke-linejoin:round;fill:#111;"
|
|
||||||
/>
|
|
||||||
<path d="M48,27.6a19.5,19.5 0 0 1 0,21.4M55.1,20.5a30,30 0 0 1 0,35.6M61.6,14a38.8,38.8 0 0 1 0,48.6" style="fill:none;stroke:#111;stroke-width:5;stroke-linecap:round"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 508 B |
|
|
@ -1,14 +0,0 @@
|
||||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
||||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
||||||
<svg fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
||||||
viewBox="0 0 17.804 17.804" xml:space="preserve">
|
|
||||||
<g>
|
|
||||||
<g id="c98_play">
|
|
||||||
<path d="M2.067,0.043C2.21-0.028,2.372-0.008,2.493,0.085l13.312,8.503c0.094,0.078,0.154,0.191,0.154,0.313
|
|
||||||
c0,0.12-0.061,0.237-0.154,0.314L2.492,17.717c-0.07,0.057-0.162,0.087-0.25,0.087l-0.176-0.04
|
|
||||||
c-0.136-0.065-0.222-0.207-0.222-0.361V0.402C1.844,0.25,1.93,0.107,2.067,0.043z"/>
|
|
||||||
</g>
|
|
||||||
<g id="Capa_1_78_">
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 686 B |
|
|
@ -1,9 +0,0 @@
|
||||||
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
||||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
||||||
<svg height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
||||||
viewBox="0 0 10.334 10.334" xml:space="preserve">
|
|
||||||
<g>
|
|
||||||
<path style="fill:#030104;" d="M10.333,9.816c0,0.285-0.231,0.518-0.517,0.518H0.517C0.233,10.334,0,10.102,0,9.816V0.517
|
|
||||||
C0,0.232,0.231,0,0.517,0h9.299c0.285,0,0.517,0.231,0.517,0.517V9.816z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 526 B |
Binary file not shown.
|
Before Width: | Height: | Size: 220 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 233 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 MiB |
Binary file not shown.
BIN
images/paris.jpg
BIN
images/paris.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 195 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 113 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
BIN
images/turin.jpg
BIN
images/turin.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 174 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 395 KiB |
350
index.html
350
index.html
|
|
@ -1,350 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="it">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<link rel="stylesheet" href="latex.css">
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
<title>Mattia Mascarello</title>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta name="description" content="Mattia Mascarello's personal website">
|
|
||||||
<meta name="keywords" content="Mattia Mascarello, UniTo">
|
|
||||||
<meta property="og:title" content="Mattia Mascarello">
|
|
||||||
<meta property="og:url" content="https://matmasit.github.io/images">
|
|
||||||
<meta property="og:description" content="Mattia Mascarello's personal website">
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:image" content="https://matmasit.github.io/images/portrait.jpg">
|
|
||||||
<script type="application/ld+json">
|
|
||||||
{
|
|
||||||
"@context": "https://schema.org/",
|
|
||||||
"@type": "Person",
|
|
||||||
"name": "Mattia Mascarello",
|
|
||||||
"url": "https://matmasit.github.io",
|
|
||||||
"image": "https://matmasit.github.io/images/portrait.jpg",
|
|
||||||
"sameAs": "https://github.com/MatMasIt/",
|
|
||||||
"jobTitle": "Student",
|
|
||||||
"worksFor": {
|
|
||||||
"@type": "Organization",
|
|
||||||
"name": "Computer Science Department - University of turin"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="images/fav/apple-touch-icon.png">
|
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="images/fav/favicon-32x32.png">
|
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="images/fav/favicon-16x16.png">
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<h1>
|
|
||||||
<span id="mattia" class="container"><span class="typed-out">Mattia</span></span> <span
|
|
||||||
id="mascarello">Mascarello</span>
|
|
||||||
<br>
|
|
||||||
<span id="pronouceBox">
|
|
||||||
<i style="font-size: 20px;">[matːˈia maskarˈɛllo]</i> <a href="javascript:void(0);" id="pronounce"
|
|
||||||
aria-label="Listen to my name pronunciation"><img src="images/icons/loudspeaker.svg"
|
|
||||||
alt="Listen to my name"></a>
|
|
||||||
</span>
|
|
||||||
</h1>
|
|
||||||
</header>
|
|
||||||
<div class="abstract">
|
|
||||||
<p>
|
|
||||||
A human being <em>drifting</em> in spacetime<br>
|
|
||||||
Studying <a href="https://www.cs.unito.it/do/home.pl"
|
|
||||||
aria-label="University of Turin Computer Science Department">Computer Science at the University of Turin</a>
|
|
||||||
(Italy)<br>
|
|
||||||
<code id="living"></code>
|
|
||||||
</p>
|
|
||||||
<div class="happyEuDay">
|
|
||||||
<br>
|
|
||||||
<h2>Happy <a href="https://european-union.europa.eu/principles-countries-history/symbols/europe-day_en"
|
|
||||||
aria-label="Europe Day">Europe Day</a>!</h2>
|
|
||||||
<img data-play="eu" style="display: inline" class="playIcon" alt="Start Playing"
|
|
||||||
aria-roledescription="Play/Stop button" src="images/icons/play.svg" width="20">
|
|
||||||
<a href="https://en.wikipedia.org/wiki/Anthem_of_Europe" aria-label="Anthem of Europe"><i>Anthem of
|
|
||||||
Europe</i></a>
|
|
||||||
</div>
|
|
||||||
<div class="happyRepublicDay">
|
|
||||||
<br><br>
|
|
||||||
<h2>Buona <a href="https://en.wikipedia.org/wiki/Festa_della_Repubblica" aria-label="Republic Day">Festa della
|
|
||||||
Repubblica</a>!</h2>
|
|
||||||
<img data-play="it" style="display: inline" class="playIcon" alt="Start Playing"
|
|
||||||
aria-roledescription="Play/Stop button" src="images/icons/play.svg" width="20">
|
|
||||||
<a href="https://en.wikipedia.org/wiki/Il_Canto_degli_Italiani"
|
|
||||||
aria-label="Anthem of Italy (Il Canto degli Italiani)"><i>Anthem of Italy <i>(Il Canto degli
|
|
||||||
Italiani)</i></i></a>
|
|
||||||
</div>
|
|
||||||
<div class="happyXMAS">
|
|
||||||
<br>
|
|
||||||
<h2>Merry Christmas!</h2>
|
|
||||||
</div>
|
|
||||||
<div class="happyNATODay">
|
|
||||||
<br>
|
|
||||||
<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"
|
|
||||||
aria-roledescription="Play/Stop button" src="images/icons/play.svg" width="20">
|
|
||||||
<a href="https://en.wikipedia.org/wiki/The_NATO_Hymn" aria-label="The NATO Hymn"><i>The NATO
|
|
||||||
Hymn</i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<figure>
|
|
||||||
<a href="images/portrait.jpg" id="portraitLink" aria-label="Portrait of Mattia Mascarello"><img
|
|
||||||
src="images/portrait.jpg" id="portrait" loading="lazy" alt="Portrait of Mattia Mascarello"
|
|
||||||
style="margin:auto"></a>
|
|
||||||
<figcaption style="text-align: center;">
|
|
||||||
Portrait <br><a href="alternatePortraitVersions/" aria-label="Alternate versions of the portrait">Alternate
|
|
||||||
versions</a>
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<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
|
|
||||||
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
|
|
||||||
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
|
|
||||||
Problem' The Times newspaper, 11 June 1949 page 4 column 5.</cite>
|
|
||||||
</blockquote>
|
|
||||||
<br>
|
|
||||||
<figure>
|
|
||||||
<div class="row">
|
|
||||||
<div class="column">
|
|
||||||
<a href="images/turin.jpg" target="_blank" aria-label="Image of Turin"><img src="images/turin.jpg"
|
|
||||||
loading="lazy" alt="Me in Turin"></a>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<a href="images/amsterdam.jpg" target="_blank" aria-label="Image of Amsterdam"> <img
|
|
||||||
src="images/amsterdam.jpg" loading="lazy" alt="Amsterdam"></a>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<a href="images/paris.jpg" target="_blank" aria-label="Image of Paris"> <img src="images/paris.jpg"
|
|
||||||
loading="lazy" alt="Paris"></a>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<a href="images/ep.jpg" target="_blank" aria-label="Image of the European Parliament in Brussels"> <img
|
|
||||||
src="images/ep.jpg" loading="lazy" alt="The European Parliament in Bruxelles"></a>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<a href="images/gs.jpg" target="_blank" aria-label="Image from I Giovani e Le Scienze"> <img
|
|
||||||
src="images/gs.jpg" loading="lazy" alt="Ne at I Giovani e Le Scienze"></a>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<a href="images/unito_self.jpg" target="_blank"
|
|
||||||
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 class="column">
|
|
||||||
<a href="images/staring.webp" target="_blank" aria-label="Image of Mattia Mascarello staring at the void">
|
|
||||||
<img src="images/staring.webp" loading="lazy" alt="Me staring at the void"></a>
|
|
||||||
</div>
|
|
||||||
<div class="column">
|
|
||||||
<a href="images/enlarged.jpg" target="_blank" aria-label="Enlarged portrait of Mattia Mascarello"> <img
|
|
||||||
src="images/enlarged.jpg" loading="lazy" alt="Enlarged portrait"></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<figcaption>
|
|
||||||
<div id="clockwise"><b>From Top to Bottom in lines, </b></div>
|
|
||||||
<div id="topbottom"><b>From Top to Bottom,</b></div>
|
|
||||||
<div id="leftright"><b>From Left to Right,</b></div>
|
|
||||||
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" aria-label="Amsterdam">Amsterdam</a>, 3) <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"
|
|
||||||
aria-label="European Parliament in Brussels">The European Parliament in Bruxelles</a>, 5) Me at <a
|
|
||||||
href="https://fast.mi.it/i-giovani-e-le-scienze/" target="_blank" aria-label="I Giovani e le Scienze 2022">I
|
|
||||||
Giovani e le Scienze 2022</a>, 6) Me at a restaurant near the University,
|
|
||||||
7) Me staring at the void at <a href="https://fast.mi.it/i-giovani-e-le-scienze/" target="_blank"
|
|
||||||
aria-label="I Giovani e le Scienze 2022">I Giovani e le Scienze 2022</a>, 8) Enlarged portrait
|
|
||||||
</figcaption>
|
|
||||||
</figure>
|
|
||||||
<div class="abstract">
|
|
||||||
<h2 class="abstractTitle">Abstract</h2>
|
|
||||||
<p>
|
|
||||||
I am a human, i like coding, playing badminton, poetry, debating (expecially about politics) and chatting in
|
|
||||||
general.
|
|
||||||
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>
|
|
||||||
</p><br>
|
|
||||||
<div>
|
|
||||||
<b>My <i>Curriculum vitæ (PDF)</i></b> <br>
|
|
||||||
<a href="docs/italian.pdf" aria-label="Italian Curriculum Vitae in PDF">Italiano</a>
|
|
||||||
<a href="docs/english.pdf" aria-label="English Curriculum Vitae in PDF">English</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<table id="contacts">
|
|
||||||
<caption>Contacts</caption>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Email</td>
|
|
||||||
<td>
|
|
||||||
<noscript> mattia [d0t] mascarello [at] edu [d0t] unito [d0t] it</noscript>
|
|
||||||
<script src="emails/unito.js"></script><br>
|
|
||||||
<b>OpenPGP Key</b> <a href="emails/MattiaMascarelloUniTo.asc"
|
|
||||||
aria-label="OpenPGP Key for University Email">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>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Telegram</td>
|
|
||||||
<td><a href="https://t.me/be94b16fbot" aria-label="Telegram Contact">@be94b16fbot</a></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>XMPP</td>
|
|
||||||
<td><a href="xmpp:mattia.mascarello@jabber.hot-chilli.eu"
|
|
||||||
aria-label="XMPP Contact">mattia.mascarello@jabber.hot-chilli.eu</a></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<br>
|
|
||||||
<table>
|
|
||||||
<caption>Web Resources</caption>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Github</td>
|
|
||||||
<td><a href="https://github.com/MatMasIt" aria-label="GitHub Profile of MatMasIt">MatMasIt</a></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>"Stazione Meteorologica Permanente del Liceo Scientifico Statale Leonardo Cocito"</td>
|
|
||||||
<td><a href="https://liceococito.edu.it/meteo" aria-label="Home of the Cocito Weather Station">Home</a></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Open Source Cocito Weather Station</td>
|
|
||||||
<td><a href="http://github.com/StazioneMeteoCocito/"
|
|
||||||
aria-label="GitHub Repositories for Cocito Weather Station">Repos</a></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
<table>
|
|
||||||
<caption>Top Listed Projects</caption>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>BiblioTau <em>(Work in Progress)</em></td>
|
|
||||||
<td>Library Management System</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="https://github.com/MatMasIt/Alembic" aria-label="Alembic - My Poetry in English">Alembic</a>
|
|
||||||
</td>
|
|
||||||
<td>My Poetry in English</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<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>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="https://github.com/MatMasIt/notesArchive"
|
|
||||||
aria-label="notesArchive - My School Notes Organized">notesArchive</a></td>
|
|
||||||
<td>My school notes organized</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<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>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<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>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<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>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<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>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<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>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="https://github.com/MatMasIt/mordApp"
|
|
||||||
aria-label="mordApp - Mordecai Food Ordering System">mordApp</a></td>
|
|
||||||
<td>Mordecai Food Ordering System</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<article id="poemOfTheDay">
|
|
||||||
<h3>My <i>poem of the day</i>, n. <span id="poemn"></span>, from <a target="_blank"
|
|
||||||
href="https://github.com/MatMasIt/Alembic" aria-label="Alembic - Collection of Poems"><i>Alembic</i></a>
|
|
||||||
</h3>
|
|
||||||
<h2 id="poemTitle" aria-live="polite">(loading)</h2>
|
|
||||||
<p id="poemText" aria-live="polite">...</p>
|
|
||||||
</article>
|
|
||||||
<br>
|
|
||||||
<div class="centered-container">
|
|
||||||
<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="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>
|
|
||||||
© 2022 <span id="toYear">-
|
|
||||||
<script>document.write((new Date()).getFullYear());</script>
|
|
||||||
</span> Mattia Mascarello
|
|
||||||
</p>
|
|
||||||
<p id="versionSwitch">
|
|
||||||
Versions: <a href="#force:eu" aria-label="Europe Day Version">Europe Day <span style="display:inline"
|
|
||||||
id="euS">(current)</span></a>, <a href="#force:it" aria-label="Republic Day Version">Republic Day <span
|
|
||||||
style="display:inline" id="redS">(current)</span></a>, <a href="#force:xmas"
|
|
||||||
aria-label="Christmas Version">Christmas<span style="display:inline" id="xmaS">(current)</span></a>, <a
|
|
||||||
href="#force:nato" aria-label="NATO Day Version">NATO Day<span style="display:inline"
|
|
||||||
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>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
<script src="poemOfTheDay.js"></script>
|
|
||||||
<script src="script.js"></script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
601
latex.css
601
latex.css
|
|
@ -1,601 +0,0 @@
|
||||||
/*!
|
|
||||||
* LaTeX.css (https://latex.now.sh/)
|
|
||||||
*
|
|
||||||
* Source: https://github.com/vincentdoerig/latex-css
|
|
||||||
* Licensed under MIT (https://github.com/vincentdoerig/latex-css/blob/master/LICENSE)
|
|
||||||
*/
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Latin Modern';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('./fonts/LM-regular.woff2') format('woff2'),
|
|
||||||
url('./fonts/LM-regular.woff') format('woff'),
|
|
||||||
url('./fonts/LM-regular.ttf') format('truetype');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Latin Modern';
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: normal;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('./fonts/LM-italic.woff2') format('woff2'),
|
|
||||||
url('./fonts/LM-italic.woff') format('woff'),
|
|
||||||
url('./fonts/LM-italic.ttf') format('truetype');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Latin Modern';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: bold;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('./fonts/LM-bold.woff2') format('woff2'),
|
|
||||||
url('./fonts/LM-bold.woff') format('woff'),
|
|
||||||
url('./fonts/LM-bold.ttf') format('truetype');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Latin Modern';
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: bold;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('./fonts/LM-bold-italic.woff2') format('woff2'),
|
|
||||||
url('./fonts/LM-bold-italic.woff') format('woff'),
|
|
||||||
url('./fonts/LM-bold-italic.ttf') format('truetype');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Libertinus';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('./fonts/Libertinus-regular.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Libertinus';
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: normal;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('./fonts/Libertinus-italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Libertinus';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: bold;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('./fonts/Libertinus-bold.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Libertinus';
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: bold;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('./fonts/Libertinus-bold-italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Libertinus';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 600;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('./fonts/Libertinus-semibold.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Libertinus';
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: 600;
|
|
||||||
font-display: swap;
|
|
||||||
src: url('./fonts/Libertinus-semibold-italic.woff2') format('woff2');
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Box sizing rules */
|
|
||||||
*,
|
|
||||||
*::before,
|
|
||||||
*::after {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Remove default margin */
|
|
||||||
body,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
p,
|
|
||||||
ul[class],
|
|
||||||
ol[class],
|
|
||||||
li,
|
|
||||||
figure,
|
|
||||||
figcaption,
|
|
||||||
dl,
|
|
||||||
dd {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Make default font-size 1rem and add smooth scrolling to anchors */
|
|
||||||
html {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-reduced-motion: no-preference) {
|
|
||||||
html {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body.libertinus {
|
|
||||||
font-family: 'Libertinus', Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Latin Modern', Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
||||||
line-height: 1.8;
|
|
||||||
|
|
||||||
max-width: 80ch;
|
|
||||||
min-height: 100vh;
|
|
||||||
overflow-x: hidden;
|
|
||||||
margin: 0 auto;
|
|
||||||
padding: 2rem 1.25rem;
|
|
||||||
|
|
||||||
counter-reset: theorem;
|
|
||||||
counter-reset: definition;
|
|
||||||
counter-reset: sidenote-counter;
|
|
||||||
|
|
||||||
color: hsl(0, 5%, 10%);
|
|
||||||
background-color: hsl(210, 20%, 98%);
|
|
||||||
|
|
||||||
text-rendering: optimizeLegibility;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Justify and hyphenate all paragraphs */
|
|
||||||
p {
|
|
||||||
text-align: justify;
|
|
||||||
hyphens: auto;
|
|
||||||
-webkit-hyphens: auto;
|
|
||||||
-moz-hyphens: auto;
|
|
||||||
margin-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* A elements that don't have a class get default styles */
|
|
||||||
a:not([class]) {
|
|
||||||
text-decoration-skip-ink: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Make links red */
|
|
||||||
a,
|
|
||||||
a:visited {
|
|
||||||
color: #a00;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:focus {
|
|
||||||
outline-offset: 2px;
|
|
||||||
outline: 2px solid hsl(220, 90%, 52%);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Make images easier to work with */
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Inherit fonts for inputs and buttons */
|
|
||||||
input,
|
|
||||||
button,
|
|
||||||
textarea,
|
|
||||||
select {
|
|
||||||
font: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Prevent textarea from overflowing */
|
|
||||||
textarea {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Natural flow and rhythm in articles by default */
|
|
||||||
article>*+* {
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Styles for inline code or code snippets */
|
|
||||||
code,
|
|
||||||
pre,
|
|
||||||
kbd {
|
|
||||||
font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
|
|
||||||
monospace;
|
|
||||||
font-size: 85%;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
padding: 1rem 1.4rem;
|
|
||||||
max-width: 100%;
|
|
||||||
overflow: auto;
|
|
||||||
border-radius: 4px;
|
|
||||||
background: hsl(210, 28%, 93%);
|
|
||||||
}
|
|
||||||
|
|
||||||
pre code {
|
|
||||||
font-size: 95%;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
kbd {
|
|
||||||
background: hsl(210, 5%, 100%);
|
|
||||||
border: 1px solid hsl(210, 5%, 70%);
|
|
||||||
border-radius: 2px;
|
|
||||||
padding: 2px 4px;
|
|
||||||
font-size: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Better tables */
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
width: auto;
|
|
||||||
max-width: 100%;
|
|
||||||
border-top: 2.27px solid black;
|
|
||||||
border-bottom: 2.27px solid black;
|
|
||||||
/* display: block; */
|
|
||||||
overflow-x: auto;
|
|
||||||
/* does not work because element is not block */
|
|
||||||
/* white-space: nowrap; */
|
|
||||||
counter-increment: caption;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* add bottom border on column table headings */
|
|
||||||
table tr>th[scope='col'] {
|
|
||||||
border-bottom: 1.36px solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* add right border on row table headings */
|
|
||||||
table tr>th[scope='row'] {
|
|
||||||
border-right: 1.36px solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
table>tbody>tr:first-child>td,
|
|
||||||
table>tbody>tr:first-child>th {
|
|
||||||
border-top: 1.36px solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
table>tbody>tr:last-child>td,
|
|
||||||
table>tbody>tr:last-child>th {
|
|
||||||
border-bottom: 1.36px solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
text-align: left;
|
|
||||||
padding: 0.5rem;
|
|
||||||
line-height: 1.1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Table caption */
|
|
||||||
caption {
|
|
||||||
text-align: left;
|
|
||||||
font-size: 0.923em;
|
|
||||||
/* border-bottom: 2pt solid #000; */
|
|
||||||
padding: 0 0.25em 0.25em;
|
|
||||||
width: 100%;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
caption::before {
|
|
||||||
content: 'Table ' counter(caption) '. ';
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* allow scroll on the x-axis */
|
|
||||||
.scroll-wrapper {
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* if a table is wrapped in a scroll wrapper,
|
|
||||||
the table cells shouldn't wrap */
|
|
||||||
.scroll-wrapper>table td {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Center align the title */
|
|
||||||
h1:first-child {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Nested ordered list for ToC */
|
|
||||||
nav ol {
|
|
||||||
counter-reset: item;
|
|
||||||
padding-left: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav li {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav li:before {
|
|
||||||
content: counters(item, '.') ' ';
|
|
||||||
counter-increment: item;
|
|
||||||
padding-right: 0.85rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Center definitions (most useful for display equations) */
|
|
||||||
dl dd {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Theorem */
|
|
||||||
.theorem {
|
|
||||||
counter-increment: theorem;
|
|
||||||
display: block;
|
|
||||||
margin: 12px 0;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.theorem::before {
|
|
||||||
content: 'Theorem ' counter(theorem) '. ';
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Lemma */
|
|
||||||
.lemma {
|
|
||||||
counter-increment: theorem;
|
|
||||||
display: block;
|
|
||||||
margin: 12px 0;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.lemma::before {
|
|
||||||
content: 'Lemma ' counter(theorem) '. ';
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Proof */
|
|
||||||
.proof {
|
|
||||||
display: block;
|
|
||||||
margin: 12px 0;
|
|
||||||
font-style: normal;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.proof::before {
|
|
||||||
content: 'Proof. ' attr(title);
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
.proof:after {
|
|
||||||
content: '◾️';
|
|
||||||
position: absolute;
|
|
||||||
right: -12px;
|
|
||||||
bottom: -2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Definition */
|
|
||||||
.definition {
|
|
||||||
counter-increment: definition;
|
|
||||||
display: block;
|
|
||||||
margin: 12px 0;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.definition::before {
|
|
||||||
content: 'Definition ' counter(definition) '. ';
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Center align author name, use small caps and add vertical spacing */
|
|
||||||
.author {
|
|
||||||
margin: 0.85rem 0;
|
|
||||||
font-variant-caps: small-caps;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidenotes */
|
|
||||||
|
|
||||||
.sidenote {
|
|
||||||
font-size: 0.8rem;
|
|
||||||
float: right;
|
|
||||||
clear: right;
|
|
||||||
width: 18vw;
|
|
||||||
margin-right: -20vw;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidenote.left {
|
|
||||||
float: left;
|
|
||||||
margin-left: -20vw;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* (WIP) add border when a sidenote is clicked on */
|
|
||||||
.sidenote:target {
|
|
||||||
border: hsl(55, 55%, 70%) 1.5px solid;
|
|
||||||
padding: 0 .5rem;
|
|
||||||
scroll-margin-block-start: 10rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* sidenote counter */
|
|
||||||
.sidenote-number {
|
|
||||||
counter-increment: sidenote-counter;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidenote-number::after,
|
|
||||||
.sidenote::before {
|
|
||||||
position: relative;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* add number in main content */
|
|
||||||
.sidenote-number::after {
|
|
||||||
content: counter(sidenote-counter);
|
|
||||||
font-size: 0.7rem;
|
|
||||||
top: -0.5rem;
|
|
||||||
left: 0.1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* add number in front of the sidenote */
|
|
||||||
.sidenote-number~.sidenote::before {
|
|
||||||
content: counter(sidenote-counter) ' ';
|
|
||||||
font-size: 0.7rem;
|
|
||||||
top: -0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
label.sidenote-toggle:not(.sidenote-number) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* sidenotes inside blockquotes are indented more */
|
|
||||||
blockquote .sidenote {
|
|
||||||
margin-right: -24vw;
|
|
||||||
width: 18vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
label.sidenote-toggle {
|
|
||||||
display: inline;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.sidenote-toggle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1050px) {
|
|
||||||
label.sidenote-toggle:not(.sidenote-number) {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidenote {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sidenote-toggle:checked+.sidenote {
|
|
||||||
display: block;
|
|
||||||
margin: 0.5rem 1.25rem 1rem 0.5rem;
|
|
||||||
float: left;
|
|
||||||
left: 1rem;
|
|
||||||
clear: both;
|
|
||||||
width: 95%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* tweak indentation of sidenote inside a blockquote */
|
|
||||||
blockquote .sidenote {
|
|
||||||
margin-right: -25vw;
|
|
||||||
width: 16vw;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Make footnote text smaller and left align it (looks bad with long URLs) */
|
|
||||||
.footnotes p {
|
|
||||||
text-align: left;
|
|
||||||
line-height: 1.5;
|
|
||||||
font-size: 85%;
|
|
||||||
margin-bottom: 0.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footnotes {
|
|
||||||
border-top: 1px solid hsl(0, 0%, 39%);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Center title and paragraph */
|
|
||||||
.abstract,
|
|
||||||
.abstract p {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.abstract {
|
|
||||||
margin: 2.25rem 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.abstract>h2 {
|
|
||||||
font-size: 1rem;
|
|
||||||
margin-bottom: -0.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Format the LaTeX symbol correctly (a higher up, e lower) */
|
|
||||||
.latex span:nth-child(1) {
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 0.75em;
|
|
||||||
vertical-align: 0.28em;
|
|
||||||
margin-left: -0.48em;
|
|
||||||
margin-right: -0.15em;
|
|
||||||
line-height: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.latex span:nth-child(2) {
|
|
||||||
text-transform: uppercase;
|
|
||||||
vertical-align: -0.5ex;
|
|
||||||
margin-left: -0.1667em;
|
|
||||||
margin-right: -0.125em;
|
|
||||||
line-height: 1ex;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Heading typography */
|
|
||||||
h1 {
|
|
||||||
font-size: 2.5rem;
|
|
||||||
line-height: 3.25rem;
|
|
||||||
margin-bottom: 1.625rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 1.7rem;
|
|
||||||
line-height: 2rem;
|
|
||||||
margin-top: 3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 1.4rem;
|
|
||||||
margin-top: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 1.2rem;
|
|
||||||
margin-top: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-size: 1rem;
|
|
||||||
margin-top: 1.8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: 1rem;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: normal;
|
|
||||||
margin-top: 2.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
line-height: 1.625rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1+h2 {
|
|
||||||
margin-top: 1.625rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2+h3,
|
|
||||||
h3+h4,
|
|
||||||
h4+h5 {
|
|
||||||
margin-top: 0.8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5+h6 {
|
|
||||||
margin-top: -0.8rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
margin-bottom: 0.8rem;
|
|
||||||
}
|
|
||||||
|
|
@ -1,258 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<link rel="stylesheet" href="../latex.css">
|
|
||||||
<title>Lettera aperta al rettore dell'Università di Torino, Stefano Geuna</title>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<meta name="description" content="Lettera aperta al rettore dell'Università di Torino" />
|
|
||||||
<meta name="keywords" content="UniTo,Palazzo Nuovo" />
|
|
||||||
<meta property="og:title" content="Lettera aperta al rettore dell'Università di Torino" />
|
|
||||||
<meta property="og:description" content="Lettera aperta al rettore dell'Università di Torino" />
|
|
||||||
<meta property="og:type" content="website" />
|
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
max-width: 85vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.letter {
|
|
||||||
max-width: 60em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.accessibility {
|
|
||||||
font-size: 1.5em;
|
|
||||||
line-height: 1.5em;
|
|
||||||
font-family: Helvetica, Arial, sans-serif;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<header>
|
|
||||||
<h1 style="text-align: left;">Lettera aperta al rettore dell'Università di Torino</h1>
|
|
||||||
<a href="#" id="accessibility">Versione accessibile</a> · <a href="#ad_perpetua">Ad perpetua rei
|
|
||||||
memoriam</a>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<main class="letter">
|
|
||||||
<p>
|
|
||||||
Egregio Rettore.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Siamo un gruppo di studenti preoccupati per la situazione che attualmente affligge Palazzo Nuovo, e, di
|
|
||||||
conseguenza,
|
|
||||||
l’università tutta.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
L’occupazione di Palazzo Nuovo non solo compromette la continuità delle attività accademiche e la fruibilità
|
|
||||||
degli
|
|
||||||
ambienti stessi, ma arreca un danno significativo ad una vasta maggioranza di studenti e personale
|
|
||||||
universitario
|
|
||||||
che
|
|
||||||
desiderano semplicemente proseguire le proprie attività didattiche in un ambiente sicuro, libero e sereno.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Innanzitutto, desideriamo esprimere il nostro rispetto per il diritto di espressione e di protesta, pilastri
|
|
||||||
fondamentali di qualsiasi società democratica e aperta. Tuttavia, riteniamo che le modalità e le richieste
|
|
||||||
avanzate
|
|
||||||
dagli occupanti siano pretestuose e strumentali. Infatti, un ridotto manipolo di autoproclamatisi custodi
|
|
||||||
del
|
|
||||||
sommo
|
|
||||||
bene non vuol solo essere ascoltato su lecite richieste, su cui ognuno ha libertà di giudizio, quali la
|
|
||||||
collaborazione con le università israeliane in luce del conflitto in corso, ma bensì, con metodi quasi
|
|
||||||
ricattatori,
|
|
||||||
esige l’imposizione di una propria visione ideologica sull’università stessa, avulsa da una genuina
|
|
||||||
preoccupazione
|
|
||||||
etica per l’attività dell’università, scavalcando gli organi democratici che regolano la vita accedemica,
|
|
||||||
arduamente
|
|
||||||
conquistati in passato, sì con metodi simili, ma che ora esistono e che garantiscono la pluralità e la
|
|
||||||
rappresentatività del corpo studentesco.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Tutti noi seguiamo con apprensione quanto accade a Gaza, ma non è ammissibile permettere che un ristretto
|
|
||||||
gruppo di individui, al di fuori di qualsiasi processo
|
|
||||||
democratico e rappresentativo, si faccia padrone delle strutture universitarie -anche per usi manifestamente
|
|
||||||
abietti- e determini la vita di tutti gli altri studenti, peraltro con particolare tracotanza verso quanti
|
|
||||||
non
|
|
||||||
condividono i fini per cui agiscono, per quanto si possano ritenere nobili ed elevati.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Questi metodi non devono portare ad un riconoscimento e ad una legittimazione.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
È importante che l'università rimanga un luogo di apprendimento libero e inclusivo, dove il dibattito e la
|
|
||||||
diversità
|
|
||||||
di opinioni sono incoraggiati e rispettati. Non si può cedere a pressioni che minino il ruolo
|
|
||||||
dell'università
|
|
||||||
come
|
|
||||||
istituzione educativa e luogo di libero pensiero. La nostra università ha sempre promosso il dialogo e il
|
|
||||||
confronto,
|
|
||||||
e questo deve avvenire -e continuare- nel rispetto delle regole democratiche e delle esigenze di tutta la
|
|
||||||
comunità
|
|
||||||
accademica.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Pertanto, chiediamo il Suo intervento deciso affinché Palazzo Nuovo venga liberato e la normale attività
|
|
||||||
accademica
|
|
||||||
possa riprendere al più presto. Se non può prodigarsi direttamente, Le chiediamo almeno di
|
|
||||||
adottare
|
|
||||||
una postura più ferma e decisa nei confronti di questa occupazione. Solo con una chiara presa di posizione
|
|
||||||
possiamo
|
|
||||||
garantire che l’Università di Torino continui a essere un luogo di apprendimento e crescita per tutti, senza
|
|
||||||
discriminazioni e prevaricazioni.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Confidiamo nel Suo supporto e nella Sua leadership per ristabilire l’ordine e garantire il diritto allo
|
|
||||||
studio
|
|
||||||
di
|
|
||||||
tutti gli studenti. In attesa di un Suo riscontro, porgiamo i nostri più cordiali saluti.
|
|
||||||
</p>
|
|
||||||
</main>
|
|
||||||
<footer>
|
|
||||||
<br /><br />
|
|
||||||
<div style="text-decoration: line-through;">
|
|
||||||
<p>
|
|
||||||
<!--https://forms.gle/Nr9ti1skTgHoN3mu7 -->
|
|
||||||
<a href="javascript:void(0);">Firma (in forma anonima o
|
|
||||||
personale)</a>
|
|
||||||
<p><i>Nota</i>: per firmare occorre essere autenticati con un account Google fornito dall'Università.</p>
|
|
||||||
<p>
|
|
||||||
Per firme e sostegno non da parte di studenti dell'Università degli Studi di Torino, vogliate
|
|
||||||
contattare: <a href="javascript:void(0);">mattia.mascarello@edu.unito.it</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<p><b>La raccolta firme è chiusa. <br /> Grazie a tutti per il supporto.</b></p>
|
|
||||||
<p><a href="#ad_perpetua">Ad perpetuam rei memoriam</a></p>
|
|
||||||
<br /><br />
|
|
||||||
<p id="signatures"></p>
|
|
||||||
<br />
|
|
||||||
<p><b>Alice Depetro</b>, <b>Filippo Blengino</b> - membro di direzione Radicali Italiani</p>
|
|
||||||
<p><b>Lorenzo Topino</b>, <b>Emanuele Costa</b>, <b>Giacomo Roggero</b>, <b>Edoardo Demichelis</b> - Politecnico
|
|
||||||
di Torino</p>
|
|
||||||
<p><b>Simone Canevarolo</b> - Politecnico di Torino, Senato Accademico</p>
|
|
||||||
<p><b>Gianluca Rovagna</b> - ex studente</p>
|
|
||||||
<p><b>Radicali Italiani</b></p>
|
|
||||||
<p><b>Luca Balleriano</b> - Università degli Studi di Palermo</p>
|
|
||||||
<br /><br />
|
|
||||||
<p><b>Spedita Giovedì 6 giugno 2024</b></p>
|
|
||||||
<br />
|
|
||||||
<hr />
|
|
||||||
<h1 id="ad_perpetua">Ad perpetuam rei memoriam</h1>
|
|
||||||
<p>
|
|
||||||
Carissimi firmatari,
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Due settimane sono passate da quando abbiamo inviato la lettera aperta al rettore dell'Università di Torino.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
In questo tempo, Palazzo Nuovo è stato abbandonato dagli occupanti, e abbiamo raggiunto le oltre 120 firme
|
|
||||||
di studenti e cittadini che credono in un'Università libera, aperta, democratica. Non era scontato superare
|
|
||||||
la concorde ignavia.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Nessuna risposta è giunta a noi, ma certamente una risposta è giunta a chi si è fatto portavoce della
|
|
||||||
sedicente intifada studentesca.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Il testo originario di questa lettera infatti è pur mite rispetto a quanto è accaduto e quanto si è detto
|
|
||||||
dal 19 marzo scorso, quando il Senato Accademico, interrotto con violenza, ha rifiutato, certo non
|
|
||||||
con accorta serenità, un bando di collaborazione con le Università israeliane.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
A seguire è a tutti ben noto quanto è accaduto, eppure taluni vorrebbero ricordare quanto è avvenuto come
|
|
||||||
una placida e pacifica manifestazione, di studenti inermi, amanti della pace, della vita, preoccupati per la
|
|
||||||
sorte di chi soffre, di chi è oppresso. Studenti che solo volevano essere ascoltati, che solo volevano far
|
|
||||||
tutto in loro potere per fermare la guerra, e che con questo spirito nel cuore molto sacrificio hanno fatto.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Tuttavia, la realtà dei fatti racconta una storia ben diversa. Abbiamo assistito a un'occupazione durata
|
|
||||||
trentanove giorni, segnata da atti di vandalismo e da un'imposizione ideologica che ha ostacolato le
|
|
||||||
attività didattiche e danneggiato il patrimonio fisico e morale dell'Università. Lungi dall'essere una
|
|
||||||
protesta pacifica, si è trattato di un assalto organizzato e studiato da un gruppo determinato a imporre la
|
|
||||||
propria pretestuosa agenda, senza riguardo per gli altri studenti.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Il comportamento delle istituzioni universitarie è stato altrettanto deludente. Invece di agire con
|
|
||||||
decisione per ristabilire l'ordine e garantire il diritto allo studio di tutti, hanno scelto la strada
|
|
||||||
dell'inazione perpetua e dei compromessi al ribasso. La decisione di accettare il diktat degli occupanti il
|
|
||||||
19 marzo, senza un dibattito serio e ponderato, è stata una capitolazione vergognosa. La gestione della
|
|
||||||
crisi è stata un fallimento e la tolleranza mostrata verso questa manifestazione continua ha leso in primo
|
|
||||||
luogo gli studenti stessi, occupanti e non, creando un precedente pericoloso per il futuro, e in secondo
|
|
||||||
luogo ha ottenuto solo la legittimazione dei metodi violenti ed autoritari di un manipolo di attivisti
|
|
||||||
narcisisti, immaturi ed illiberali il cui unico obiettivo è ottenere il proprio arbitrario controllo
|
|
||||||
sull'Università.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Nemmeno quando l'Imam di Torino Brahim Baya ha trasformato i locali laici di Palazzo Nuovo in
|
|
||||||
un'improvvisata moschea, con tanto di preghiere, benedizioni in lingua araba ed inni alla Guerra Santa, si è
|
|
||||||
deciso di intervenire per ristabilire l'ordine. L'azione dell'Imam è
|
|
||||||
stata condannata sia dalla Questura, che diffidandolo ha impedito la sua presenza al Politecnico, che dal
|
|
||||||
Governo, che ha richiesto l'apertura di un'indagine per il sermone in apologia del Jihad, eppure dagli
|
|
||||||
organi accademici non è giunta altro che una condanna a parole, puramente pro forma. L'incapacità di agire
|
|
||||||
di fronte ad un episodio di simile gravità è stato un fatto a dir poco imperdonabile.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
È ben probabile che in futuro non si discuterà più di quanto accaduto, e tutto verrà accolto dalla patina di
|
|
||||||
normalità, di prassi quasi archivistica che si riserva ai perpetui moti degli universitari.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
La libertà e la rettitudine richiedono coraggio. Uno spirito libero si piega ai compromessi, si relaziona ai
|
|
||||||
fatti, ma non si fa travolgere.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Poco più a nord, oltre la Dora, c'è un complesso universitario denominato "Campus Einaudi". Il nome è un
|
|
||||||
omaggio a Luigi Einaudi. "Conoscere per deliberare" diceva Einaudi. Einaudi, che fu rettore dell'Università
|
|
||||||
di Torino, che fu presidente della Repubblica. Einaudi, che fu un uomo di grande cultura e di grande
|
|
||||||
coraggio.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Si spera che qualcosa di Einaudi sia rimasto in noi. Einaudi, che fu un uomo libero.
|
|
||||||
</p>
|
|
||||||
<p style="text-align: right;">
|
|
||||||
<b>Mattia Mascarello</b><br />
|
|
||||||
con <b>Francesco Fronte</b>
|
|
||||||
</p>
|
|
||||||
<br /><br />
|
|
||||||
<b>Venerdì 21 giugno 2024</b>
|
|
||||||
<br /><br />
|
|
||||||
<script>
|
|
||||||
// fetch names.json
|
|
||||||
fetch('/lettera-aperta-rettore/names.json')
|
|
||||||
.then(response => response.json())
|
|
||||||
.then(data => {
|
|
||||||
let names = data.names;
|
|
||||||
let signatures = document.getElementById('signatures');
|
|
||||||
names.forEach(function (name, index) {
|
|
||||||
let nameparts = name.split(' ');
|
|
||||||
let fullname = "";
|
|
||||||
nameparts.forEach(function (namepart, index) {
|
|
||||||
fullname += '<span class="namepart">' + namepart + '</span> ';
|
|
||||||
});
|
|
||||||
signatures.innerHTML += "<b>" + fullname + '</b><br />';
|
|
||||||
});
|
|
||||||
let anon = data.anon;
|
|
||||||
if (anon > 0) {
|
|
||||||
signatures.innerHTML += '<br /> e <b>' + anon + '</b> firme anonime';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</footer>
|
|
||||||
<script>
|
|
||||||
let letter = document.querySelector('.letter');
|
|
||||||
let header = document.querySelector('header');
|
|
||||||
let footer = document.querySelector('footer');
|
|
||||||
document.getElementById('accessibility').addEventListener('click', function () {
|
|
||||||
letter.classList.toggle('accessibility');
|
|
||||||
header.classList.toggle('accessibility');
|
|
||||||
footer.classList.toggle('accessibility');
|
|
||||||
if (letter.classList.contains('accessibility')) {
|
|
||||||
document.getElementById('accessibility').textContent = 'Versione standard';
|
|
||||||
} else {
|
|
||||||
document.getElementById('accessibility').textContent = 'Versione accessibile';
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,50 +0,0 @@
|
||||||
{
|
|
||||||
"names": [
|
|
||||||
"Mattia Mascarello",
|
|
||||||
"Diego Scanavino",
|
|
||||||
"Lorenzo Dellapiana",
|
|
||||||
"Guido Roggero",
|
|
||||||
"Giacomo Prandi",
|
|
||||||
"Elisa Tinetti",
|
|
||||||
"Yoana Yordanova",
|
|
||||||
"Luca Beruatto",
|
|
||||||
"Martina Bruno",
|
|
||||||
"Edoardo Oglietti",
|
|
||||||
"Giovanni Palo",
|
|
||||||
"Matteo Gilardi",
|
|
||||||
"Lucia Buratto",
|
|
||||||
"Gabriele Cargnino",
|
|
||||||
"Romeo Barale",
|
|
||||||
"Viktorio Todorov",
|
|
||||||
"Filippo Ambrassa",
|
|
||||||
"Elisa Mattalia",
|
|
||||||
"Stefano Gallo",
|
|
||||||
"Luca Foglino",
|
|
||||||
"Arianna Basso",
|
|
||||||
"Antonio Farina",
|
|
||||||
"Marika Ferraro",
|
|
||||||
"Luca Travasino",
|
|
||||||
"Daniele Ponzio",
|
|
||||||
"Riccardo Squarcia",
|
|
||||||
"Federico Divincen",
|
|
||||||
"Simone Fiorio",
|
|
||||||
"Christian Allasino",
|
|
||||||
"Emanuele Regano",
|
|
||||||
"Giulia Savoldi",
|
|
||||||
"Enrico Brandstetter",
|
|
||||||
"Yari Cerruti",
|
|
||||||
"Riccardo Rolando",
|
|
||||||
"Maria Ciriaco",
|
|
||||||
"Luca Vettorello",
|
|
||||||
"Lucrezia Farina",
|
|
||||||
"Diego Losero",
|
|
||||||
"Lorenzo Riberi",
|
|
||||||
"Fabio Battisti",
|
|
||||||
"Samuele Campolo",
|
|
||||||
"Giuseppe Conte",
|
|
||||||
"Federico Briguglio",
|
|
||||||
"Orazio Sciacchitano",
|
|
||||||
"Maurizio Voarino"
|
|
||||||
],
|
|
||||||
"anon": 71
|
|
||||||
}
|
|
||||||
3
nojs.css
3
nojs.css
|
|
@ -1,3 +0,0 @@
|
||||||
.human-calendar, #toYear, #poemOfTheDay, #pronounce, .happyEuDay, .happyRepublicDay, .happyXMAS, .happyNATODay, #versionSwitch {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
@ -1,41 +0,0 @@
|
||||||
function getDayOfTheYear() {
|
|
||||||
var now = new Date();
|
|
||||||
var start = new Date(now.getFullYear(), 0, 0);
|
|
||||||
var diff = now - start;
|
|
||||||
var oneDay = 1000 * 60 * 60 * 24;
|
|
||||||
return Math.floor(diff / oneDay);
|
|
||||||
}
|
|
||||||
function replaceAll(string, search, replace) {
|
|
||||||
return string.split(search).join(replace);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function getPoemOfTheDayIndex(npoems) {
|
|
||||||
return getDayOfTheYear() % npoems;
|
|
||||||
}
|
|
||||||
|
|
||||||
function cleanText(text) {
|
|
||||||
let te = "";
|
|
||||||
let i = 0;
|
|
||||||
let t = text.split("\\begin{Verse}").forEach(element => { // there may be multiple pages of verses
|
|
||||||
if (i == 0) { i++; return; } // skip title
|
|
||||||
te += element.split("\\end")[0];
|
|
||||||
});
|
|
||||||
te = replaceAll(te, "\\\\", "<br />");
|
|
||||||
te = replaceAll(te, "\\", "<br />");
|
|
||||||
return te;
|
|
||||||
}
|
|
||||||
function setPoemOfTheDay() {
|
|
||||||
fetch('https://raw.githubusercontent.com/MatMasIt/Alembic/main/Alembic.tex')
|
|
||||||
.then((response) => response.text())
|
|
||||||
.then((data) => {
|
|
||||||
let parts = data.split("\\chapter{");
|
|
||||||
let n = getPoemOfTheDayIndex(parts.length - 1); // ignore header, data[0]
|
|
||||||
let part = parts[n + 1];
|
|
||||||
let title = part.split("}")[0];
|
|
||||||
let text = cleanText(part);
|
|
||||||
document.getElementById("poemn").innerText = n + 1;
|
|
||||||
document.getElementById("poemTitle").innerText = title;
|
|
||||||
document.getElementById("poemText").innerHTML = text;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
323
script.js
323
script.js
|
|
@ -1,323 +0,0 @@
|
||||||
function pad(n, width, z) {
|
|
||||||
z = z || '0';
|
|
||||||
n = n + '';
|
|
||||||
return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
|
|
||||||
}
|
|
||||||
|
|
||||||
function toIsoString(date) {
|
|
||||||
var tzo = -date.getTimezoneOffset(),
|
|
||||||
dif = tzo >= 0 ? '+' : '-',
|
|
||||||
pad = function (num) {
|
|
||||||
return (num < 10 ? '0' : '') + num;
|
|
||||||
};
|
|
||||||
|
|
||||||
return date.getFullYear() +
|
|
||||||
'-' + pad(date.getMonth() + 1) +
|
|
||||||
'-' + pad(date.getDate()) +
|
|
||||||
'T' + pad(date.getHours()) +
|
|
||||||
':' + pad(date.getMinutes()) +
|
|
||||||
':' + pad(date.getSeconds()) +
|
|
||||||
dif + pad(Math.floor(Math.abs(tzo) / 60)) +
|
|
||||||
':' + pad(Math.abs(tzo) % 60);
|
|
||||||
}
|
|
||||||
|
|
||||||
var living = document.getElementById("living");
|
|
||||||
|
|
||||||
function beat() {
|
|
||||||
var dt = new Date();
|
|
||||||
var birth = new Date('2002-11-19 22:15:00'); // or if you have milliseconds, use that instead
|
|
||||||
var z = new Date(dt - birth);
|
|
||||||
var epoch = new Date('1970-01-01 00:00:00');
|
|
||||||
var diff_years = z.getYear() - epoch.getYear();
|
|
||||||
var diff_month = z.getMonth() - epoch.getMonth();
|
|
||||||
var diff_days = z.getDate() - epoch.getDate();
|
|
||||||
var diff_hours = z.getHours() - epoch.getHours();
|
|
||||||
var diff_minutes = z.getMinutes() - epoch.getMinutes();
|
|
||||||
var diff_seconds = z.getSeconds() - epoch.getSeconds();
|
|
||||||
living.innerHTML = "2002-11-19T22:15:00+01:00 - " + toIsoString(dt) + " <br /> " + diff_years + " y, " + diff_month + " m, " + diff_days + " d, " + pad(diff_hours, 2) + ":" + pad(diff_minutes, 2) + ":" + pad(diff_seconds, 2);
|
|
||||||
}
|
|
||||||
beat();
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function specialDates() {
|
|
||||||
let portrait = document.getElementById("portrait");
|
|
||||||
let portraitLink = document.getElementById("portraitLink");
|
|
||||||
let body = document.body;
|
|
||||||
let date = new Date();
|
|
||||||
// reset all
|
|
||||||
body.classList.remove("bodyEuDay");
|
|
||||||
body.classList.remove("bodyRepublicDay");
|
|
||||||
body.classList.remove("bodyXMAS");
|
|
||||||
body.classList.remove("bodyNATODay");
|
|
||||||
body.classList.remove("greyFilter");
|
|
||||||
document.querySelectorAll(".happyEuDay").forEach(function (el) {
|
|
||||||
el.style.display = "none";
|
|
||||||
});
|
|
||||||
document.querySelectorAll(".happyRepublicDay").forEach(function (el) {
|
|
||||||
el.style.display = "none";
|
|
||||||
});
|
|
||||||
document.querySelectorAll(".happyNATODay").forEach(function (el) {
|
|
||||||
el.style.display = "none";
|
|
||||||
});
|
|
||||||
document.querySelectorAll(".happyXMAS").forEach(function (el) {
|
|
||||||
el.style.display = "none";
|
|
||||||
});
|
|
||||||
portrait.src = "images/portrait.jpg";
|
|
||||||
portraitLink.href = "images/portrait.jpg";
|
|
||||||
/*
|
|
||||||
getDate is day of month, usual bad library design
|
|
||||||
also date.getMonth starts from 0, one of the dumbest zero-indexings
|
|
||||||
I have ever seen
|
|
||||||
|
|
||||||
These two things together took me 1 hour to figure out
|
|
||||||
*/
|
|
||||||
document.getElementById("euS").style.display = "none";
|
|
||||||
document.getElementById("redS").style.display = "none";
|
|
||||||
document.getElementById("xmaS").style.display = "none";
|
|
||||||
document.getElementById("natoS").style.display = "none";
|
|
||||||
document.getElementById("janS").style.display = "none";
|
|
||||||
document.getElementById("regularS").style.display = "none";
|
|
||||||
let force = null;
|
|
||||||
if (location.hash.indexOf("force:") != -1) {
|
|
||||||
let exp = location.hash.split(":");
|
|
||||||
if (exp.length == 2) force = location.hash.split(":")[1];
|
|
||||||
if (force == "no") force = null;
|
|
||||||
}
|
|
||||||
if ((force == null && date.getMonth() + 1 == 5 && date.getDate() == 9) || force == "eu") {
|
|
||||||
document.getElementById("euS").style.display = "inline";
|
|
||||||
body.classList.add("bodyEuDay");
|
|
||||||
portrait.src = "images/euportrait.png";
|
|
||||||
portraitLink.href = "images/euportrait.png";
|
|
||||||
document.querySelectorAll(".happyEuDay").forEach(function (el) {
|
|
||||||
el.style.display = "block";
|
|
||||||
});
|
|
||||||
baseColorClass = "goldColor";
|
|
||||||
selectedColorClass = "darkGoldColor";
|
|
||||||
}
|
|
||||||
else if ((force == null && date.getMonth() + 1 == 6 && date.getDate() == 2) || force == "it") {
|
|
||||||
document.getElementById("redS").style.display = "inline";
|
|
||||||
body.classList.add("bodyRepublicDay");
|
|
||||||
portrait.src = "images/itportrait.png";
|
|
||||||
portraitLink.href = "images/itportrait.png";
|
|
||||||
document.querySelectorAll(".happyRepublicDay").forEach(function (el) {
|
|
||||||
el.style.display = "block";
|
|
||||||
});
|
|
||||||
baseColorClass = "baseColor";
|
|
||||||
selectedColorClass = "greenColor";
|
|
||||||
}
|
|
||||||
else if ((force == null && date.getMonth() + 1 == 4 && date.getDate() == 4) || force == "nato") {
|
|
||||||
document.getElementById("natoS").style.display = "inline";
|
|
||||||
body.classList.add("bodyNATODay");
|
|
||||||
portrait.src = "images/natoportrait.png";
|
|
||||||
portraitLink.href = "images/natoportrait.png";
|
|
||||||
document.querySelectorAll(".happyNATODay").forEach(function (el) {
|
|
||||||
el.style.display = "block";
|
|
||||||
});
|
|
||||||
baseColorClass = "baseColor";
|
|
||||||
selectedColorClass = "blueColor";
|
|
||||||
}
|
|
||||||
else if ((force == null && date.getMonth() + 1 == 12 && date.getDate() > 18 && date.getDate() < 27) || force == "xmas") {
|
|
||||||
document.getElementById("xmaS").style.display = "inline";
|
|
||||||
body.classList.add("bodyXMAS");
|
|
||||||
portrait.src = "images/xmasportrait.png";
|
|
||||||
portraitLink.href = "images/xmasportrait.png";
|
|
||||||
document.querySelectorAll(".happyXMAS").forEach(function (el) {
|
|
||||||
el.style.display = "block";
|
|
||||||
});
|
|
||||||
baseColorClass = "baseColor";
|
|
||||||
selectedColorClass = "redColor";
|
|
||||||
}
|
|
||||||
else if ((force == null && date.getMonth() + 1 == 1) || force == "jan") { // grey january
|
|
||||||
|
|
||||||
document.getElementById("janS").style.display = "inline";
|
|
||||||
body.classList.add("greyFilter");
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
document.getElementById("regularS").style.display = "inline";
|
|
||||||
baseColorClass = "baseColor";
|
|
||||||
selectedColorClass = "redColor";
|
|
||||||
}
|
|
||||||
playIcons.forEach(function (el) {
|
|
||||||
if (!isPlaying(musicPlayer) || playingItem != el.attributes["data-play"].textContent) {
|
|
||||||
el.src = playIcon;
|
|
||||||
setResting(el);
|
|
||||||
}
|
|
||||||
else{
|
|
||||||
el.src = stopIcon;
|
|
||||||
setSelected(el);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if (playing) {setSelected(pronounceImage); }
|
|
||||||
else {setResting(pronounceImage); setResting(mattiaText); setResting(mascarelloText); }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
var mattiaText = document.getElementById("mattia");
|
|
||||||
var mascarelloText = document.getElementById("mascarello");
|
|
||||||
|
|
||||||
let mattia = new Audio("audio/mattia.ogg");
|
|
||||||
let mascarello = new Audio("audio/mascarello.ogg");
|
|
||||||
|
|
||||||
let pronounceLink = document.getElementById("pronounce");
|
|
||||||
let pronounceImage = document.querySelector("#pronounce>img");
|
|
||||||
|
|
||||||
let playing = false;
|
|
||||||
|
|
||||||
try {
|
|
||||||
// disable media controls here
|
|
||||||
navigator.mediaSession.setActionHandler('play', function () { /* Code excerpted. */ });
|
|
||||||
navigator.mediaSession.setActionHandler('pause', function () { /* Code excerpted. */ });
|
|
||||||
navigator.mediaSession.setActionHandler('seekbackward', function () { /* Code excerpted. */ });
|
|
||||||
navigator.mediaSession.setActionHandler('seekforward', function () { /* Code excerpted. */ });
|
|
||||||
navigator.mediaSession.setActionHandler('previoustrack', function () { /* Code excerpted. */ });
|
|
||||||
navigator.mediaSession.setActionHandler('nexttrack', function () { /* Code excerpted. */ });
|
|
||||||
} catch (e) { }
|
|
||||||
|
|
||||||
pronounceImage.addEventListener("mouseenter", function () {
|
|
||||||
if (playing || isPlaying(musicPlayer)) return;
|
|
||||||
setSelected(pronounceImage);
|
|
||||||
});
|
|
||||||
|
|
||||||
pronounceImage.addEventListener("mouseleave", function () {
|
|
||||||
if (playing || isPlaying(musicPlayer)) return;
|
|
||||||
setResting(pronounceImage);
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
mascarello.onended = function () {
|
|
||||||
playing = false;
|
|
||||||
setResting(pronounceImage);
|
|
||||||
setTimeout(function () {
|
|
||||||
setResting(mascarelloText)
|
|
||||||
}, 500);
|
|
||||||
};
|
|
||||||
|
|
||||||
mattia.onended = function () {
|
|
||||||
setTimeout(function () {
|
|
||||||
setSelected(mascarelloText)
|
|
||||||
setResting(mattiaText);
|
|
||||||
mascarello.play();
|
|
||||||
}, 1000);
|
|
||||||
};
|
|
||||||
pronounceLink.addEventListener("click", function () {
|
|
||||||
if (playing || isPlaying(musicPlayer)) return;
|
|
||||||
setSelected(pronounceImage);
|
|
||||||
mattia.currentTime = 0;
|
|
||||||
mascarello.currentTime = 0;
|
|
||||||
playing = true;
|
|
||||||
setSelected(mattiaText);
|
|
||||||
mattia.play();
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
var musicPlayer = new Audio();
|
|
||||||
var playingItem = "";
|
|
||||||
|
|
||||||
let audioMap = {
|
|
||||||
nato: "audio/nato.mp3",
|
|
||||||
eu: "audio/eu.ogg",
|
|
||||||
it: "audio/ita.mp3"
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
var playIcon = "icons/play.svg";
|
|
||||||
var stopIcon = "icons/stop.svg";
|
|
||||||
var baseColorClass = "baseColor";
|
|
||||||
var selectedColorClass = "redColor";
|
|
||||||
|
|
||||||
function clearColor(target) {
|
|
||||||
target.classList.forEach(function (el) {
|
|
||||||
if (el.endsWith("Color")) {
|
|
||||||
target.classList.remove(el);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function setSelected(target) {
|
|
||||||
clearColor(target);
|
|
||||||
target.classList.add(selectedColorClass);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function setResting(target) {
|
|
||||||
clearColor(target);
|
|
||||||
target.classList.add(baseColorClass);
|
|
||||||
}
|
|
||||||
|
|
||||||
var playIcons = [];
|
|
||||||
document.querySelectorAll(".playIcon").forEach(function (el) {
|
|
||||||
el.src = playIcon;
|
|
||||||
playIcons.push(el);
|
|
||||||
el.addEventListener("mouseenter", function (e) {
|
|
||||||
if (isPlaying(musicPlayer) && playingItem == e.target.attributes["data-play"].textContent) {
|
|
||||||
e.target.src = stopIcon;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
e.target.src = playIcon;
|
|
||||||
}
|
|
||||||
setSelected(e.target);
|
|
||||||
});
|
|
||||||
el.addEventListener("mouseleave", function (e) {
|
|
||||||
if (isPlaying(musicPlayer) && playingItem == e.target.attributes["data-play"].textContent) {
|
|
||||||
e.target.src = stopIcon;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
e.target.src = playIcon;
|
|
||||||
}
|
|
||||||
setResting(e.target);
|
|
||||||
});
|
|
||||||
el.parentElement.addEventListener("click", function (e) {
|
|
||||||
if (isPlaying(musicPlayer) && playingItem == e.target.attributes["data-play"].textContent) {
|
|
||||||
// stop
|
|
||||||
musicPlayer.pause();
|
|
||||||
e.target.src = playIcon;
|
|
||||||
e.target.alt = "Start Playing";
|
|
||||||
musicPlayer.playing = false;
|
|
||||||
musicPlayer.currentTime = 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
// set all the other icons to play when we start this one
|
|
||||||
playIcons.forEach(function (e) {
|
|
||||||
e.src = playIcon;
|
|
||||||
e.alt = "Start Playing";
|
|
||||||
});
|
|
||||||
let tag = e.target.attributes["data-play"].textContent;
|
|
||||||
playingItem = tag;
|
|
||||||
musicPlayer.src = audioMap[tag];
|
|
||||||
e.target.src = stopIcon;
|
|
||||||
e.target.alt = "Stop Playing";
|
|
||||||
musicPlayer.currentTime = 0;
|
|
||||||
musicPlayer.play();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
musicPlayer.onended = function () {
|
|
||||||
playIcons.forEach(function (e) {
|
|
||||||
e.src = playIcon;
|
|
||||||
e.alt = "Start Playing";
|
|
||||||
});
|
|
||||||
};
|
|
||||||
function isPlaying(myAudio) {
|
|
||||||
return !myAudio.paused && myAudio.currentTime > 0 && !myAudio.ended;
|
|
||||||
}
|
|
||||||
|
|
||||||
specialDates();
|
|
||||||
setPoemOfTheDay();
|
|
||||||
|
|
||||||
setInterval(function () {
|
|
||||||
beat();
|
|
||||||
}, 1000);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
setInterval(function () {
|
|
||||||
specialDates();
|
|
||||||
setPoemOfTheDay();
|
|
||||||
}, 5 * 60 * 1000);
|
|
||||||
|
|
||||||
addEventListener("hashchange", (event) => {
|
|
||||||
specialDates();
|
|
||||||
});
|
|
||||||
227
style.css
227
style.css
|
|
@ -1,227 +0,0 @@
|
||||||
.row {
|
|
||||||
display: -ms-flexbox;
|
|
||||||
/* IE10 */
|
|
||||||
display: flex;
|
|
||||||
-ms-flex-wrap: wrap;
|
|
||||||
/* IE10 */
|
|
||||||
flex-wrap: wrap;
|
|
||||||
padding: 0 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Create four equal columns that sits next to each other */
|
|
||||||
.column {
|
|
||||||
-ms-flex: 25%;
|
|
||||||
/* IE10 */
|
|
||||||
flex: 25%;
|
|
||||||
max-width: 25%;
|
|
||||||
padding: 0 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column img {
|
|
||||||
margin-top: 8px;
|
|
||||||
vertical-align: middle;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#clockwise {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topbottom {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#leftright {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Responsive layout - makes a two column-layout instead of four columns */
|
|
||||||
@media screen and (max-width: 800px) {
|
|
||||||
.column {
|
|
||||||
-ms-flex: 50%;
|
|
||||||
flex: 50%;
|
|
||||||
max-width: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#clockwise {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topbottom {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#leftright {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
|
|
||||||
@media screen and (max-width: 600px) {
|
|
||||||
.column {
|
|
||||||
-ms-flex: 100%;
|
|
||||||
flex: 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#clockwise {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topbottom {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#leftright {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
td,
|
|
||||||
th {
|
|
||||||
word-wrap: break-word;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
|
|
||||||
.abstractTitle {
|
|
||||||
font-size: 30px !important;
|
|
||||||
margin-bottom: 20px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footnotes {
|
|
||||||
margin-top: 50px;
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.bodyEuDay {
|
|
||||||
background-color: #003399;
|
|
||||||
color: gold;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.bodyEuDay a {
|
|
||||||
color: #b8860b;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.bodyNATODay a {
|
|
||||||
color: #004990;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.bodyEuDay table {
|
|
||||||
border-color: gold;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
.bodyRepublicDay table {
|
|
||||||
border-image: linear-gradient(166deg, rgba(0, 147, 68, 1) 0%, rgba(0, 147, 68, 1) 33%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 67%, rgba(207, 39, 52, 1) 67%, rgba(207, 39, 52, 1) 100%);
|
|
||||||
|
|
||||||
}*/
|
|
||||||
|
|
||||||
.bodyRepublicDay a {
|
|
||||||
color: #008c45;
|
|
||||||
}
|
|
||||||
|
|
||||||
.greyFilter {
|
|
||||||
filter: grayscale(100);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#pronounce>img {
|
|
||||||
width: 20px;
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@keyframes fadein {
|
|
||||||
from {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#pronouceBox {
|
|
||||||
opacity: 0;
|
|
||||||
animation: 3s fadein forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
max-width: 85vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blueColor {
|
|
||||||
filter: invert(16%) sepia(43%) saturate(5106%) hue-rotate(196deg) brightness(98%) contrast(102%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.redColor {
|
|
||||||
filter: invert(15%) sepia(50%) saturate(5408%) hue-rotate(352deg) brightness(85%) contrast(122%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.greenColor {
|
|
||||||
filter: invert(41%) sepia(83%) saturate(6654%) hue-rotate(146deg) brightness(94%) contrast(102%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.goldColor {
|
|
||||||
color: black;
|
|
||||||
filter: invert(69%) sepia(71%) saturate(860%) hue-rotate(2deg) brightness(110%) contrast(105%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.darkGoldColor {
|
|
||||||
color: black;
|
|
||||||
filter: invert(44%) sepia(96%) saturate(655%) hue-rotate(14deg) brightness(96%) contrast(91%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.baseColor {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background: url(images/newportrait_nobg.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: cover;
|
|
||||||
/* shift image left by 25% */
|
|
||||||
background-attachment: fixed;
|
|
||||||
background-position-y: 30%;
|
|
||||||
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