Compare commits
No commits in common. "28d72b48ee9983ee72306829417df27b1c2e2793" and "d00fa2e8b47c7220a697b8d8f0aa525f6d3328aa" have entirely different histories.
28d72b48ee
...
d00fa2e8b4
8
.gitignore
vendored
Normal file
8
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
docs/*.log
|
||||
docs/*.gz
|
||||
docs/europecv
|
||||
docs/*.aux
|
||||
docs/*.fdb_latexmk
|
||||
docs/*.fls
|
||||
docs/*.sh
|
||||
docs/*.out
|
||||
18
LICENSE
18
LICENSE
|
|
@ -1,18 +0,0 @@
|
|||
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.
|
||||
85
alternatePortraitVersions/index.html
Normal file
85
alternatePortraitVersions/index.html
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
<!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
Normal file
BIN
audio/eu.ogg
Normal file
Binary file not shown.
BIN
audio/ita.mp3
Normal file
BIN
audio/ita.mp3
Normal file
Binary file not shown.
BIN
audio/mascarello.ogg
Normal file
BIN
audio/mascarello.ogg
Normal file
Binary file not shown.
BIN
audio/mattia.ogg
Normal file
BIN
audio/mattia.ogg
Normal file
Binary file not shown.
BIN
audio/nato.mp3
Normal file
BIN
audio/nato.mp3
Normal file
Binary file not shown.
BIN
docs/english.pdf
Normal file
BIN
docs/english.pdf
Normal file
Binary file not shown.
149
docs/english.tex
Normal file
149
docs/english.tex
Normal file
|
|
@ -0,0 +1,149 @@
|
|||
\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
Normal file
BIN
docs/italian.pdf
Normal file
Binary file not shown.
162
docs/italian.tex
Normal file
162
docs/italian.tex
Normal file
|
|
@ -0,0 +1,162 @@
|
|||
\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}
|
||||
BIN
docs/portrait.jpg
Normal file
BIN
docs/portrait.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
52
emails/MattiaMascarelloOutlook.asc
Normal file
52
emails/MattiaMascarelloOutlook.asc
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
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
|
||||
0057Iqd8HXfC1uvuGmAVpfs=
|
||||
=g0gZ
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
41
emails/MattiaMascarelloUniTo.asc
Normal file
41
emails/MattiaMascarelloUniTo.asc
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
||||
|
||||
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
|
||||
=xMq+
|
||||
-----END PGP PUBLIC KEY BLOCK-----
|
||||
1
emails/personal.js
Normal file
1
emails/personal.js
Normal file
File diff suppressed because one or more lines are too long
1
emails/unito.js
Normal file
1
emails/unito.js
Normal file
File diff suppressed because one or more lines are too long
BIN
fonts/LM-bold-italic.ttf
Normal file
BIN
fonts/LM-bold-italic.ttf
Normal file
Binary file not shown.
BIN
fonts/LM-bold-italic.woff
Normal file
BIN
fonts/LM-bold-italic.woff
Normal file
Binary file not shown.
BIN
fonts/LM-bold-italic.woff2
Normal file
BIN
fonts/LM-bold-italic.woff2
Normal file
Binary file not shown.
BIN
fonts/LM-bold.ttf
Normal file
BIN
fonts/LM-bold.ttf
Normal file
Binary file not shown.
BIN
fonts/LM-bold.woff
Normal file
BIN
fonts/LM-bold.woff
Normal file
Binary file not shown.
BIN
fonts/LM-bold.woff2
Normal file
BIN
fonts/LM-bold.woff2
Normal file
Binary file not shown.
BIN
fonts/LM-italic.ttf
Normal file
BIN
fonts/LM-italic.ttf
Normal file
Binary file not shown.
BIN
fonts/LM-italic.woff
Normal file
BIN
fonts/LM-italic.woff
Normal file
Binary file not shown.
BIN
fonts/LM-italic.woff2
Normal file
BIN
fonts/LM-italic.woff2
Normal file
Binary file not shown.
BIN
fonts/LM-regular.ttf
Normal file
BIN
fonts/LM-regular.ttf
Normal file
Binary file not shown.
BIN
fonts/LM-regular.woff
Normal file
BIN
fonts/LM-regular.woff
Normal file
Binary file not shown.
BIN
fonts/LM-regular.woff2
Normal file
BIN
fonts/LM-regular.woff2
Normal file
Binary file not shown.
BIN
fonts/Libertinus-bold-italic.woff2
Normal file
BIN
fonts/Libertinus-bold-italic.woff2
Normal file
Binary file not shown.
BIN
fonts/Libertinus-bold.woff2
Normal file
BIN
fonts/Libertinus-bold.woff2
Normal file
Binary file not shown.
BIN
fonts/Libertinus-italic.woff2
Normal file
BIN
fonts/Libertinus-italic.woff2
Normal file
Binary file not shown.
BIN
fonts/Libertinus-regular.woff2
Normal file
BIN
fonts/Libertinus-regular.woff2
Normal file
Binary file not shown.
BIN
fonts/Libertinus-semibold-italic.woff2
Normal file
BIN
fonts/Libertinus-semibold-italic.woff2
Normal file
Binary file not shown.
BIN
fonts/Libertinus-semibold.woff2
Normal file
BIN
fonts/Libertinus-semibold.woff2
Normal file
Binary file not shown.
134
images/Gadsden_flag.svg
Normal file
134
images/Gadsden_flag.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 167 KiB |
BIN
images/Social_Liberalism_Flag.jpg
Normal file
BIN
images/Social_Liberalism_Flag.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 85 KiB |
BIN
images/amsterdam.jpg
Normal file
BIN
images/amsterdam.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 234 KiB |
BIN
images/badges/GetFirefox_80x15.png
Normal file
BIN
images/badges/GetFirefox_80x15.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
images/badges/anybrowser3.gif
Normal file
BIN
images/badges/anybrowser3.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
images/badges/fspeech.gif
Normal file
BIN
images/badges/fspeech.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
images/badges/gitea.gif
Normal file
BIN
images/badges/gitea.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
images/badges/jellyfin.gif
Normal file
BIN
images/badges/jellyfin.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
images/badges/landchad.gif
Normal file
BIN
images/badges/landchad.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
images/badges/pgp-now.gif
Normal file
BIN
images/badges/pgp-now.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
images/badges/rss.gif
Normal file
BIN
images/badges/rss.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
images/badges/rtr.png
Normal file
BIN
images/badges/rtr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
images/badges/ublock-now.png
Normal file
BIN
images/badges/ublock-now.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
images/badges/valid_html.png
Normal file
BIN
images/badges/valid_html.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
images/badges/xmpp.gif
Normal file
BIN
images/badges/xmpp.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
images/christmas.xcf
Normal file
BIN
images/christmas.xcf
Normal file
Binary file not shown.
BIN
images/enlarged.jpg
Normal file
BIN
images/enlarged.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 MiB |
BIN
images/ep.jpg
Normal file
BIN
images/ep.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
BIN
images/euportrait.png
Normal file
BIN
images/euportrait.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 235 KiB |
BIN
images/euportrait.xcf
Normal file
BIN
images/euportrait.xcf
Normal file
Binary file not shown.
BIN
images/fav/android-chrome-192x192.png
Normal file
BIN
images/fav/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
images/fav/android-chrome-512x512.png
Normal file
BIN
images/fav/android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 284 KiB |
BIN
images/fav/apple-touch-icon.png
Normal file
BIN
images/fav/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
images/fav/favicon-16x16.png
Normal file
BIN
images/fav/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 766 B |
BIN
images/fav/favicon-32x32.png
Normal file
BIN
images/fav/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
images/fav/favicon.ico
Normal file
BIN
images/fav/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
19
images/fav/site.webmanifest
Normal file
19
images/fav/site.webmanifest
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"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
Normal file
BIN
images/gs.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
7
images/icons/loudspeaker.svg
Normal file
7
images/icons/loudspeaker.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<?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>
|
||||
|
After Width: | Height: | Size: 508 B |
14
images/icons/play.svg
Normal file
14
images/icons/play.svg
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<?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>
|
||||
|
After Width: | Height: | Size: 686 B |
9
images/icons/stop.svg
Normal file
9
images/icons/stop.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<?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>
|
||||
|
After Width: | Height: | Size: 526 B |
BIN
images/itportrait.png
Normal file
BIN
images/itportrait.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
BIN
images/itportrait.xcf
Normal file
BIN
images/itportrait.xcf
Normal file
Binary file not shown.
BIN
images/natoportrait.png
Normal file
BIN
images/natoportrait.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 233 KiB |
BIN
images/natoportrait.xcf
Normal file
BIN
images/natoportrait.xcf
Normal file
Binary file not shown.
BIN
images/newportrait.jpg
Normal file
BIN
images/newportrait.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 MiB |
BIN
images/newportrait_nobg.png
Normal file
BIN
images/newportrait_nobg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 MiB |
BIN
images/newportrait_nobg.xcf
Normal file
BIN
images/newportrait_nobg.xcf
Normal file
Binary file not shown.
BIN
images/paris.jpg
Normal file
BIN
images/paris.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 195 KiB |
BIN
images/portrait.jpg
Normal file
BIN
images/portrait.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
BIN
images/staring.webp
Normal file
BIN
images/staring.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
images/turin.jpg
Normal file
BIN
images/turin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
BIN
images/unito_self.jpg
Normal file
BIN
images/unito_self.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 174 KiB |
BIN
images/xmasportrait.png
Normal file
BIN
images/xmasportrait.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 395 KiB |
350
index.html
Normal file
350
index.html
Normal file
|
|
@ -0,0 +1,350 @@
|
|||
<!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
Normal file
601
latex.css
Normal file
|
|
@ -0,0 +1,601 @@
|
|||
/*!
|
||||
* 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;
|
||||
}
|
||||
258
lettera-aperta-rettore/index.html
Normal file
258
lettera-aperta-rettore/index.html
Normal file
|
|
@ -0,0 +1,258 @@
|
|||
<!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>
|
||||
50
lettera-aperta-rettore/names.json
Normal file
50
lettera-aperta-rettore/names.json
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
{
|
||||
"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
Normal file
3
nojs.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
.human-calendar, #toYear, #poemOfTheDay, #pronounce, .happyEuDay, .happyRepublicDay, .happyXMAS, .happyNATODay, #versionSwitch {
|
||||
display: none !important;
|
||||
}
|
||||
41
poemOfTheDay.js
Normal file
41
poemOfTheDay.js
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
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
Normal file
323
script.js
Normal file
|
|
@ -0,0 +1,323 @@
|
|||
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
Normal file
227
style.css
Normal file
|
|
@ -0,0 +1,227 @@
|
|||
.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