Browse Source

Patch up CV layout

Andrea Franceschini 1 month ago
parent
commit
f8d95be580
2 changed files with 81 additions and 79 deletions
  1. 1 1
      components/Breakpoint.vue
  2. 80 78
      pages/cv.vue

+ 1 - 1
components/Breakpoint.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="flex items-center m-2 fixed bottom-0 right-0 border border-gray-400 rounded p-2 bg-gray-300 text-pink-600 text-sm">
+    <div class="flex items-center m-2 z-50 fixed top-0 left-0 border border-gray-400 rounded p-2 bg-gray-300 text-pink-600 text-sm">
         Current breakpoint
         <span class="ml-1 sm:hidden md:hidden lg:hidden xl:hidden">default (&lt; 640px)</span>
         <span class="ml-1 hidden sm:inline md:hidden font-extrabold">sm</span>

+ 80 - 78
pages/cv.vue

@@ -3,24 +3,24 @@
     <template #tagline>{{ tagline }}</template>
 
     <div class="container mx-auto max-w-screen-lg sm:px-12 px-2 prose">
-        <article class="body grid sm:grid-cols-2 grid-cols-1 gap-x-12 gap-y-0">
-            <section id="personal" class="macro sm:col-span-2">
-                <h2 class="sm:col-span-2">Personal information</h2>
-                <div class="body grid sm:grid-cols-2 gap-x-12">
-                    <section class="pb-0" itemscope itemtype="http://schema.org/Person">
+        <article class="body">
+            <section id="personal" class="macro">
+                <h2 class="">Personal information</h2>
+                <div class="body flex flex-row">
+                    <section class="pb-0 flex-grow" itemscope itemtype="http://schema.org/Person">
                         <p class="hidden print:visible"><span itemprop="name">Andrea Franceschini</span>, <span itemprop="honorificPrefix" class="hidden">Ing.</span> <span itemprop="honorificSuffix">PhD</span></p>
                         <p itemprop="nationality" itemtype="http://schema.org/Country">Nationality: <span itemprop="name">Italian</span></p>
                         <meta itemprop="birthDate" content="1983-05-07">
                         <meta itemprop="affiliation" content="Department of Information Engineering, Università di Padova, Italy">
                     </section>
-                    <section id="full_cv" class="print:hidden">
+                    <section id="full_cv" class="print:hidden flex-grow">
                         <!-- <p>Download the <a href="/files/franceschini-andrea-cv.pdf" title="Full CV - PDF, 100 KB">full CV</a> (PDF, 100 KB)</p> -->
                         <p>Find me on <a href="https://www.linkedin.com/in/andreafranceschini" target="_blank"><client-only><fa-icon icon="fa-brands fa-linkedin" style="color: #0077b5 !important" /></client-only> LinkedIn</a></p>
                     </section>
                 </div>
             </section>
 
-            <section id="work" class="macro col-span-2">
+            <section id="work" class="macro ">
                 <h2>Professional experience</h2>
                 <div class="body">
                     <section>
@@ -81,7 +81,7 @@
                     </section>
                 </div>
             </section>
-            <section id="education" class="macro col-span-2 print:clear-both print:block">
+            <section id="education" class="macro  print:clear-both print:block">
                 <h2>Education</h2>
                 <div class="body">
                     <section>
@@ -124,7 +124,7 @@
                 </div>
             </section>
 
-            <section id="awards" class="macro sm:col-span-2 print:block print:clear-both">
+            <section id="awards" class="macro print:block print:clear-both">
                 <h2>Grants and awards</h2>
                 <div class="body">
                     <section>
@@ -153,79 +153,81 @@
                 </div>
             </section>
 
-            <section id="teaching" class="macro sm:col-span-2 grid sm:grid-cols-2 gap-x-12">
-                <h2 class="sm:col-span-2">Teaching</h2>
-                <div class="body">
-                    <h3>Courses</h3>
-                    <section>
-                        <p>October 2016 — June 2023</p>
-                        <p><strong>Teaching Supervisor</strong> at <strong><a href="https://www.cl.cam.ac.uk/">Computer Laboratory</a></strong><br>
-                        <strong>University of Cambridge</strong>, UK</p>
-                        <p>Courses:</p>
-                        <ul>
-                            <li><a href="https://www.cl.cam.ac.uk/teaching/1718/AdvGraph">Advanced Graphics</a></li>
-                            <li><a href="https://www.cl.cam.ac.uk/teaching/2021/FHCI">Further Human-Computer Interaction</a></li>
-                            <li><a href="https://www.cl.cam.ac.uk/teaching/1819/FJava">Further Java</a></li>
-                            <li><a href="https://www.cl.cam.ac.uk/teaching/2021/IntDesign">Interaction Design</a></li>
-                            <li><a href="https://www.cl.cam.ac.uk/teaching/1718/Graphics">Introduction to Graphics</a></li>
-                            <li><a href="https://www.cl.cam.ac.uk/teaching/1718/ProgC/">Programming in C</a></li>
-                            <li><a href="https://www.cl.cam.ac.uk/teaching/2021/ProgC/">Programming in C and C++</a></li>
-                        </ul>
-                    </section>
-                    <section>
-                        <p>January 2019 — March 2019</p>
-                        <p><strong>Teaching Assistant</strong> at <strong><a href="https://www.cl.cam.ac.uk/">Computer Laboratory</a></strong><br>
-                        <strong>University of Cambridge</strong>, UK</p>
-                        <p>Course: <strong><a href="https://www.cl.cam.ac.uk/teaching/1819/L312/">Digital Signal Processing with Computer Music</a></strong></p>
-                    </section>
-                    <section>
-                        <p>October 2011 — November 2011</p>
-                        <p><strong>Full-time teacher</strong> at <strong>Istituto di Istruzione Superiore di Lonigo</strong></p>
-                        <p>Course: A035, Electrical Engineering and Applications</p>
-                    </section>
-                    <section>
-                        <p>October 2002 — June 2010</p>
-                        <p><strong>Private tutor</strong> for high school and university students</p>
-                        <p>Subjects: Mathematics, Computer Science, Electronics, Electrical Engineering</p>
-                    </section>
-                </div>
+            <section id="teaching" class="macro">
+                <h2 class="">Teaching</h2>
+                <div class="grid grid-cols-1 sm:grid-cols-2">
+                    <div class="body">
+                        <h3>Courses</h3>
+                        <section>
+                            <p>October 2016 — June 2023</p>
+                            <p><strong>Teaching Supervisor</strong> at <strong><a href="https://www.cl.cam.ac.uk/">Computer Laboratory</a></strong><br>
+                            <strong>University of Cambridge</strong>, UK</p>
+                            <p>Courses:</p>
+                            <ul>
+                                <li><a href="https://www.cl.cam.ac.uk/teaching/1718/AdvGraph">Advanced Graphics</a></li>
+                                <li><a href="https://www.cl.cam.ac.uk/teaching/2021/FHCI">Further Human-Computer Interaction</a></li>
+                                <li><a href="https://www.cl.cam.ac.uk/teaching/1819/FJava">Further Java</a></li>
+                                <li><a href="https://www.cl.cam.ac.uk/teaching/2021/IntDesign">Interaction Design</a></li>
+                                <li><a href="https://www.cl.cam.ac.uk/teaching/1718/Graphics">Introduction to Graphics</a></li>
+                                <li><a href="https://www.cl.cam.ac.uk/teaching/1718/ProgC/">Programming in C</a></li>
+                                <li><a href="https://www.cl.cam.ac.uk/teaching/2021/ProgC/">Programming in C and C++</a></li>
+                            </ul>
+                        </section>
+                        <section>
+                            <p>January 2019 — March 2019</p>
+                            <p><strong>Teaching Assistant</strong> at <strong><a href="https://www.cl.cam.ac.uk/">Computer Laboratory</a></strong><br>
+                            <strong>University of Cambridge</strong>, UK</p>
+                            <p>Course: <strong><a href="https://www.cl.cam.ac.uk/teaching/1819/L312/">Digital Signal Processing with Computer Music</a></strong></p>
+                        </section>
+                        <section>
+                            <p>October 2011 — November 2011</p>
+                            <p><strong>Full-time teacher</strong> at <strong>Istituto di Istruzione Superiore di Lonigo</strong></p>
+                            <p>Course: A035, Electrical Engineering and Applications</p>
+                        </section>
+                        <section>
+                            <p>October 2002 — June 2010</p>
+                            <p><strong>Private tutor</strong> for high school and university students</p>
+                            <p>Subjects: Mathematics, Computer Science, Electronics, Electrical Engineering</p>
+                        </section>
+                    </div>
 
-                <div class="body">
-                    <h3>Students</h3>
-                    <section>
-                        <p>March 2024 — in progress</p>
-                        <p><strong>Nikoo Fayyaz</strong>, University of Padova</p>
-                        <p><em>Virtual Reality Re-Activation of an Immersive Audio Art Installation from 1999</em></p>
-                        <p>Master's dissertation, <a href="https://didattica.unipd.it/off/2023/LM/IN/IN2371">ICT for Internet and Multimedia</a></p>
-                    </section>
-                    <section>
-                        <p>March 2024 — July 2024</p>
-                        <p><strong>Samet Can Ozturk</strong>, University of Padova</p>
-                        <p><em>Development of a Handwriting Sonification Tablet Application to Improve Handwriting</em></p>
-                        <p>Master's dissertation, <a href="https://didattica.unipd.it/off/2023/LM/IN/IN2371">ICT for Internet and Multimedia</a></p>
-                    </section>
-                    <section>
-                        <p>September 2023 — October 2024</p>
-                        <p><strong>Berkcan Ozturk</strong>, University of Padova</p>
-                        <p><em>Development of an Educational Video Game to Learn Critical Thinking Skills Against Disinformation</em></p>
-                        <p>Master's dissertation, <a href="https://didattica.unipd.it/off/2023/LM/IN/IN2371">ICT for Internet and Multimedia</a></p>
-                    </section>
-                    <section>
-                        <p>October 2019 — May 2020</p>
-                        <p><strong>Sam Williams</strong>, Clare College, University of Cambridge</p>
-                        <p><em>A Drum Rhythm Processing System to complement Sonic Pi</em></p>
-                        <p>Part II (3<sup>rd</sup> year) dissertation, CompSci Tripos</p>
-                    </section>
-                    <section>
-                        <p>October 2018 — May 2019</p>
-                        <p><strong>Charles J. Y. Yoon</strong>, King's College, University of Cambridge</p>
-                        <p><em>Musical Style Transfer using Neural Networks</em></p>
-                        <p>Part II (3<sup>rd</sup> year) dissertation, CompSci Tripos</p>
-                    </section>
+                    <div class="body">
+                        <h3>Students</h3>
+                        <section>
+                            <p>March 2024 — in progress</p>
+                            <p><strong>Nikoo Fayyaz</strong>, University of Padova</p>
+                            <p><em>Virtual Reality Re-Activation of an Immersive Audio Art Installation from 1999</em></p>
+                            <p>Master's dissertation, <a href="https://didattica.unipd.it/off/2023/LM/IN/IN2371">ICT for Internet and Multimedia</a></p>
+                        </section>
+                        <section>
+                            <p>March 2024 — July 2024</p>
+                            <p><strong>Samet Can Ozturk</strong>, University of Padova</p>
+                            <p><em>Development of a Handwriting Sonification Tablet Application to Improve Handwriting</em></p>
+                            <p>Master's dissertation, <a href="https://didattica.unipd.it/off/2023/LM/IN/IN2371">ICT for Internet and Multimedia</a></p>
+                        </section>
+                        <section>
+                            <p>September 2023 — October 2024</p>
+                            <p><strong>Berkcan Ozturk</strong>, University of Padova</p>
+                            <p><em>Development of an Educational Video Game to Learn Critical Thinking Skills Against Disinformation</em></p>
+                            <p>Master's dissertation, <a href="https://didattica.unipd.it/off/2023/LM/IN/IN2371">ICT for Internet and Multimedia</a></p>
+                        </section>
+                        <section>
+                            <p>October 2019 — May 2020</p>
+                            <p><strong>Sam Williams</strong>, Clare College, University of Cambridge</p>
+                            <p><em>A Drum Rhythm Processing System to complement Sonic Pi</em></p>
+                            <p>Part II (3<sup>rd</sup> year) dissertation, CompSci Tripos</p>
+                        </section>
+                        <section>
+                            <p>October 2018 — May 2019</p>
+                            <p><strong>Charles J. Y. Yoon</strong>, King's College, University of Cambridge</p>
+                            <p><em>Musical Style Transfer using Neural Networks</em></p>
+                            <p>Part II (3<sup>rd</sup> year) dissertation, CompSci Tripos</p>
+                        </section>
+                    </div>
                 </div>
             </section>
 
-            <section class="macro sm:col-span-2">
+            <section class="macro">
                 <h2>Publications</h2>
                 <div class="body">
                     <section id="ref-papers">