Skip to content

Commit

Permalink
Improved responsiveness and added content in 2015-2017 section of bio…
Browse files Browse the repository at this point in the history 
…graphy
  • Loading branch information
@paulbruzz
paulbruzz committed Feb 4, 2024
1 parent 63c45f8 commit cd64aca
Show file tree
Hide file tree
Showing 5 changed files with 88 additions and 78 deletions.
22 changes: 11 additions & 11 deletions other_pages/biography/bio.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,44 +24,44 @@ <h1 align="center">BIOGRAFIA</h1>
<a href="/ilresto.html">Il resto</a>
</nav>
</div>
<div class="body-wrapper">
<div class="container-sm" style="border-style: solid; border-width: medium; border-radius: 2%; border-color: #3137fd; background: rgba(12, 10, 16, 0.8);">
<h4 class="sovereign-quote" style="text-align: center;">"Carneade, chi era costui?"</h4>
<p>
<strong><em>Paolo Michele Bruzzo</em></strong> nasce a Genova domenica <strong>5 gennaio 1997</strong>.<br />
Come a suo padre (dorian<strong>issimo</strong>) piace ricordare, lo stesso giorno di <strong>Udinese-Sampdoria 4-5</strong>, o come a <u>Paolo</u> piace sottolineare, lo stesso giorno di questo <strong>gol in semi-rovesciata</strong> del mitico
Youri Djorkaeff in Inter-Roma... una robetta da nulla.<br />
<p align="center">
<img src="Djorkaeff_5197.gif"/ width="98%">
<div class="mx-auto" align="center">
<img src="Djorkaeff_5197.gif"/ width="30%">
<br />
<span class="image-caption"><em>Credits to FC Internazionale Milano</em></span>
</p>
</div>
</p>
<p>
Paolo cresce nel quartiere di <strong>Rivarolo</strong> fino al <strong>2003</strong>, quando si trasferisce nel Levante genovese, pur mantenendo saldo il suo contatto "spirituale" col Ponente.<br /><br />
Paolo cresce nel quartiere di <strong>Rivarolo</strong> fino al <strong>2003</strong>, quando si trasferisce nel Levante genovese, pur mantenendo saldo il suo contatto "spirituale" col Ponente, che riscoprirà anni più avanti.<br />
Nel <strong>dicembre del 2004</strong>, durante la terza elementare, si ammala di <strong><em>broncopolmonite con versamento pleurico</em></strong>.<br />
Ciò lo costringe a saltare praticamente due mesi di scuola e a sottoporsi a impegnative cure e a regolari <em>day hospital</em>.<br />
Per il resto dell'a.s. 2004/05 <strong>e per l'intero a.s. 2005/06</strong>, Paolo è <u>esonerato dallo svolgere educazione fisica a scuola</u> e deve essere "tenuto sotto osservazione" da un tutore (genitori, insegnanti, adulti di ogni tipo) perché possa essere asciugato qualora sudi.
<p align="center">
<img src="Istituto_Gaslini_ingresso.jpeg"/ width="98%">
<div class="mx-auto" align="center">
<img src="Istituto_Gaslini_ingresso.jpeg"/ width="30%">
<br />
<span class="image-caption"><em>L'ingresso dell'ospedale Gaslini, che il piccolo Paolo, purtroppo, conobbe fin da presto.</em></span>
</p>
</div>
</p>
<p>
Il "via libera" dei medici a riprendere l'attività fisica per l'a.s. 2006/07 viene quindi vissuto da Paolo come una liberazione:
finalmente può ricominciare a giocare e a correre con gli altri bambini, sudando e sbucciandosi gomiti e ginocchia,
com'è giusto alla sua età!
</p>
<p>
<p class="container-sm" style="background-color: #f7af7c; text-align: center;">
<a href="https://paulbruzz.github.io/sitopersonale/other_pages/biography/page_2">Pagina 2: adolescenza</a>
</p>
</div>
<hr />
<footer>
<div class="footer-wrapper">
<div class="container-sm" style="background-color: #f7af7c; color: black; font-weight: bold; text-align: center; padding: 1%;">
Made with HTML, CSS and JavaScript by Paul Bruzz and hosted on GitHub.
<br /><hr />
© 2023 Paul Bruzz
© 2024 Paul Bruzz
</div>
</footer>
</body>
Expand Down
Binary file added other_pages/biography/joker_operapia.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
14 changes: 7 additions & 7 deletions other_pages/biography/page_2.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ <h1 align="center">BIOGRAFIA</h1>
<a href="/ilresto.html">Il resto</a>
</nav>
</div>
<div class="body-wrapper">
<div class="container-sm" style="border-style: solid; border-width: medium; border-radius: 2%; border-color: #3137fd; background: rgba(12, 10, 16, 0.8);">
<p>
Concluse le medie nel <strong>2010</strong> con voto di <strong>10/10</strong>,
Paolo si iscrive al Liceo Classico Martin Luther King.<br />
Expand All @@ -43,16 +43,16 @@ <h1 align="center">BIOGRAFIA</h1>
Gran parte del merito va all'insegnante <strong>Barbara</strong>,
signora di Liverpool stabilitasi a Recco all'inizio degli Anni Novanta e
divenuta per lui una specie di "seconda madre" (o addirittura prima? 😝).
<p align="center">
<img src="liverpool.webp"/ width="98%">
<div class="mx-auto" align="center">
<img src="liverpool.webp"/ width="40%">
<br />
<span class="image-caption"><em>Finora, purtroppo, visitare Liverpool è rimasto un sogno nel cassetto!</em></span>
</p>
</div>
</p>
<p>
Il percorso scolastico al liceo classico, invece, si conclude nel <strong>luglio del 2015</strong> con un bel <strong>100/100</strong>!
</p>
<table>
<table class="container-sm" style="background-color: #f7af7c; text-align: center;">
<tr>
<td style="padding: 2%;"><a href="bio.html">(Indietro) Le origini</a></td>
<td style="padding: 2%;"><a href="page_3.html">2015-2017: Ingegneria e la nascita di "PPPol"</a></td>
Expand All @@ -61,10 +61,10 @@ <h1 align="center">BIOGRAFIA</h1>
</div>
<hr />
<footer>
<div class="footer-wrapper">
<div class="container-sm" style="background-color: #f7af7c; color: black; font-weight: bold; text-align: center; padding: 1%;">
Made with HTML, CSS and JavaScript by Paul Bruzz and hosted on GitHub.
<br /><hr />
© 2023 Paul Bruzz
© 2024 Paul Bruzz
</div>
</footer>
</body>
Expand Down
128 changes: 69 additions & 59 deletions other_pages/biography/page_3.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ <h1 align="center">BIOGRAFIA</h1>
<a href="/ilresto.html">Il resto</a>
</nav>
</div>
<div class="body-wrapper">
<div class="container-sm" style="border-style: solid; border-width: medium; border-radius: 2%; border-color: #3137fd; background: rgba(12, 10, 16, 0.8);">
<h3>2015-2017: Ingegneria Biomedica</h3>
<p>
Concluso il liceo, Paolo si iscrive al corso di laurea di<strong>Ingegneria Biomedica</strong>,
Expand All @@ -50,7 +50,7 @@ <h3>2015-2017: Ingegneria Biomedica</h3>
<p>
Ciononostante, a luglio 2016, riscosso un decente 23 in Analisi Matematica, gli mancava solo
Fisica Generale, con due mesi davanti per prepararlo.<br />
Furono due mesi molto impegnativi, fatti di ripetizioni continue e timore di non passare l'esame:<br />
Furono due mesi molto impegnativi, fatti di ripetizioni continue e timore di non passare l'esame:
eppure, incredibilmente, a settembre l'agonia si conclude felicemente con un 25, che gli permette di
essere, all'inizio del secondo anno, uno dei 15 studenti del corso di laurea (sui circa 80 rimasti dai 140 iniziali)
con tutti gli esami superati.<br />
Expand Down Expand Up @@ -88,64 +88,74 @@ <h3>2015-2017: Ingegneria Biomedica</h3>
senso di fallimento e coronando il tutto con un periodo di sei mesi molto buio e fatto di malessere
fisico e soprattutto mentale.
</p>
<h4>I risultati finali di Ingegneria Biomedica</h4>
<table>
<tr>
<td style="padding: 2%; text-align: center;"><strong>ANNO</strong></td>
<td style="padding: 2%; text-align: center;"><strong>MATERIA</strong></td>
<td style="padding: 2%; text-align: center;"><strong>VOTO</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Chimica Generale</strong></td>
<td style="padding: 2%; text-align: center;"><strong>27</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Geometria</strong></td>
<td style="padding: 2%; text-align: center;"><strong>25</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Reti Logiche</strong></td>
<td style="padding: 2%; text-align: center;"><strong>27</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Fondamenti di informatica</strong></td>
<td style="padding: 2%; text-align: center;"><strong>30</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Analisi Matematica</strong></td>
<td style="padding: 2%; text-align: center;"><strong>23</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Fisica Generale</strong></td>
<td style="padding: 2%; text-align: center;"><strong>25</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>2</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Algoritmi e Programmazione Orientata agli Oggetti</strong></td>
<td style="padding: 2%; text-align: center;"><strong>29</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>2</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Teoria dei Circuiti</strong></td>
<td style="padding: 2%; text-align: center;"><strong>22</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>2</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Teoria dei Sistemi</strong></td>
<td style="padding: 2%; text-align: center;"><strong>19</strong></td>
</tr>
</table>
<div class="mx-auto">
<h4>I risultati finali di Ingegneria Biomedica</h4>
<table>
<tr>
<td style="padding: 2%; text-align: center;"><strong>ANNO</strong></td>
<td style="padding: 2%; text-align: center;"><strong>MATERIA</strong></td>
<td style="padding: 2%; text-align: center;"><strong>VOTO</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Chimica Generale</strong></td>
<td style="padding: 2%; text-align: center;"><strong>27</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Geometria</strong></td>
<td style="padding: 2%; text-align: center;"><strong>25</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Reti Logiche</strong></td>
<td style="padding: 2%; text-align: center;"><strong>27</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Fondamenti di informatica</strong></td>
<td style="padding: 2%; text-align: center;"><strong>30</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Analisi Matematica</strong></td>
<td style="padding: 2%; text-align: center;"><strong>23</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>1</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Fisica Generale</strong></td>
<td style="padding: 2%; text-align: center;"><strong>25</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>2</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Algoritmi e Programmazione Orientata agli Oggetti</strong></td>
<td style="padding: 2%; text-align: center;"><strong>29</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>2</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Teoria dei Circuiti</strong></td>
<td style="padding: 2%; text-align: center;"><strong>22</strong></td>
</tr>
<tr>
<td style="padding: 2%; text-align: center;"><strong>2</strong></td>
<td style="padding: 2%; text-align: center;"><strong>Teoria dei Sistemi</strong></td>
<td style="padding: 2%; text-align: center;"><strong>19</strong></td>
</tr>
</table>
</div>
<p>
&nbsp;
</p>
<div>
<h3>La nascita di "PPPol"</h3>
<div class="mx-auto" align="center">
<img src="joker_operapia.jpg"/ width="50%">
<br />
<span class="image-caption"><em>Quella che sarebbe stata l'eventuale laurea in Ingegneria Biomedica.</em></span>
</div>
<p>
&nbsp;
</p>
<div>
<h3>La nascita di "PPPol"</h3>
<p>
Il periodo 2015-2017 è anche quello in cui Paolo consolida la passione per i <strong>meme</strong>,
già scoperti nel 2011 grazie alla pagina Facebook <strong>Age of Memes</strong>.<br />
Expand All @@ -164,7 +174,7 @@ <h3>La nascita di "PPPol"</h3>
vicissitudini del cambio di facoltà e degli anni ancora successivi.
</p>
</div>
<table>
<table class="container-sm" style="background-color: #f7af7c; text-align: center; color: black;">
<tr>
<td style="padding: 2%;"><a href="bio.html">(Indietro) Adolescenza</a></td>
<td style="padding: 2%;"><strong>IN COSTRUZIONE: </strong>Pagina 4:<br />Lingue e successo social</td>
Expand All @@ -174,7 +184,7 @@ <h3>La nascita di "PPPol"</h3>
</div>
<hr />
<footer>
<div class="footer-wrapper">
<div class="container-sm" style="background-color: #f7af7c; color: black; font-weight: bold; text-align: center; padding: 1%;">
Made with HTML, CSS and JavaScript by Paul Bruzz and hosted on GitHub.
<br /><hr />
© 2024 Paul Bruzz
Expand Down
2 changes: 1 addition & 1 deletion other_pages/biography/paulbruzz_singlepage_style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ p{
color: black;
}
.body-wrapper{
width: 50vh;
/*width: 50vh;*/
padding: 1%;
border-style: solid;
border-width: medium;
Expand Down

0 comments on commit cd64aca

Please sign in to comment.