Exported PDF via chromehtml2pdf

src/PersonalData.ts

@@ -11,6 +11,7 @@ export const personalData: PersonalData = {
         {icon: 'envelope-at', text: 'explosive@dejvino.cz'},
         {icon: 'git', text: 'https://git.dejvino.cz'},
         {icon: 'file-earmark-person', text: 'https://cv.dejvino.cz'},
+        {icon: 'file-earmark-pdf', text: 'https://cv.dejvino.cz/pdf'},
         {icon: 'telephone', text: '+420 775 26 26 32'},
         {icon: 'geo-alt', text: 'Brno, Czechia'}
     ],

src/app/globals.css

@@ -9,6 +9,9 @@ body {
     padding-bottom: 0.2rem;
 }
 
+.main-container .photo {
+    max-height: 20rem;
+}
 .main-container .person-name {
     margin-top: calc(min(6vw, 5rem));
     font-weight: bold;
@@ -105,6 +108,9 @@ body {
         padding-left: 0.1rem;
         padding-right: 0.1rem;
     }
+    .main-container .photo {
+        max-height: 15rem;
+    }
     .main-container .contacts {
         margin-top: 0.2rem;
     }
@@ -131,17 +137,7 @@ body {
     .main-container .job-card .card-body {
         padding: 0.4rem;
     }
-    .main-container .cloud-primary .tag-badges  {
-        font-size: 120%;
-    }
-    .main-container .cloud-standard .tag-badges {
-        font-size: 100%;
-    }
     .main-container .cloud-light .tag-badges  {
-        font-size: 110%;
-    }
-    .main-container .cloud-light .tag-badges  {
-        font-size: 130%;
         filter: opacity(80%);
     }
     .main-container .tag-badges > span {

src/app/page.tsx

@@ -16,8 +16,8 @@ export default function Home() {
 
     <Container className='main-container' fluid='xxl'>
       <Row>
-        <Col xs={4} sm={3} lg={2} className='d-flex align-items-center'><Photo /></Col>
-        <Col xs={8} sm={9} lg={5}><AboutBrief /></Col>
+        <Col xs={4} sm={2} lg={2} className='d-flex align-items-center'><Photo /></Col>
+        <Col xs={8} sm={10} lg={5}><AboutBrief /></Col>
         <Col xs={12} lg={5}><Contacts /></Col>
       </Row>
       <Row>