Update CV

bin/pull-cv.sh

@@ -8,10 +8,23 @@ if [ "$VERBOSE" = true ]; then
   echo -n "Pulling CV... "
 fi
 
+updated=false
+diff ~/src/html-cv/out.html ./cv/index.html || updated=true
+diff ~/src/html-cv/data/cv-photo ./cv/data/cv-photo || updated=true
+diff ~/src/html-cv/data/internet-icon.png ./cv/data/internet-icon.png || updated=true
+diff ~/src/html-cv/data/git-icon.png ./cv/data/git-icon.png || updated=true
+diff -r ~/src/html-cv/css ./cv/css || updated=true
+
 cp ~/src/html-cv/out.html ./cv/index.html
 cp ~/src/html-cv/data/cv-photo ./cv/data/cv-photo
+cp ~/src/html-cv/data/internet-icon.png ./cv/data/internet-icon.png
+cp ~/src/html-cv/data/git-icon.png ./cv/data/git-icon.png
 cp -r ~/src/html-cv/css ./cv
 
+if [ "$updated" = true ]; then
+  echo "Updated CV"
+fi
+
 if [ "$VERBOSE" = true ]; then
   echo "Done"
 fi

cv/css/styles.css

@@ -11,7 +11,7 @@
     --dark-txt: #1a0700;
     --light-txt: #d9d9d9;
     --button: #efefef;
-    --outside-margin: 7mm;
+    --outside-margin: 6mm;
     --inside-margin: 4mm;
 }
 
@@ -44,11 +44,22 @@ p {
     margin: 0;
 }
 
+.link {
+    margin-bottom: 1mm;
+    display: flex;
+    justify-content: center;
+}
+.link img {
+    margin-right: 1mm;
+}
+
 a:link, a:visited {
+    font-size: 9pt;
     color: var(--dark-txt);
     text-decoration: none;
 }
 a:hover {
+    font-size: 9pt;
     color: var(--dark-txt);
     text-decoration: underline;
 }
@@ -74,9 +85,9 @@ header .title, header .contact {
     margin-left: var(--outside-margin);
 }
 header .title {
+    margin-top: 3mm;
     width: 100%;
     text-align: left;
-    margin-top: 5mm;
 }
 header .contact {
     width: auto;
@@ -92,7 +103,7 @@ header h1 {
     font-weight: bold;
     font-size: 19pt;
     margin-top: 0;
-    margin-bottom: 7mm;
+    margin-bottom: 3mm;
 }
 header h2 {
     font-weight: normal;
@@ -110,28 +121,20 @@ aside, article {
     flex-direction: column;
 }
 aside {
+    text-align: center;
+    padding-top: 5mm;
     background-color: var(--aside-bg-color);
     width: 38.2%;
     padding-right: var(--inside-margin);
     padding-left: var(--outside-margin);
     padding-bottom: var(--outside-margin);
 }
-article {
-    background-color: var(--article-bg-color);
-    width: 61.8%;
-    padding-right: var(--outside-margin);
-    padding-left: var(--outside-margin);
-    padding-bottom: var(--outside-margin);
-}
-aside h1, article h1 {
+aside h1 {
     font-weight: bold;
     font-size: 14pt;
     margin-top: 5mm;
     margin-bottom: 3mm;
 }
-article h1 {
-    margin-bottom: 1mm;
-}
 aside p {
     font-size: 10pt;
     margin-top: 4.5mm;
@@ -140,20 +143,35 @@ aside p {
 aside li {
     font-size: 9pt;
     margin-bottom: 2mm;
+    list-style: none;
+}
+article {
+    padding-top: 4mm;
+    background-color: var(--article-bg-color);
+    width: 61.8%;
+    padding-right: var(--outside-margin);
+    padding-left: 5mm;
+    padding-bottom: var(--outside-margin);
+}
+article h1 {
+    font-weight: bold;
+    font-size: 14pt;
+    margin-top: 5mm;
+    margin-bottom: 3mm;
 }
 article h2 {
     font-weight: bold;
-    font-size: 10pt;
+    font-size: 11pt;
     margin-top: 0;
     margin-bottom: 1mm;
 }
-article p, article li {
-    font-size: 9pt;
-    margin-bottom: 1mm;
-}
 article p {
     margin-top: 1mm;
 }
+article p, article li {
+    font-size: 9pt;
+    margin-bottom: 1mm;
+}
 
 .competences p {
     font-size: 11pt;

cv/index.html

@@ -10,7 +10,7 @@
     <div class="a4-page">
         <header>
             <div class="img-and-title">
-                <img src="data/cv-photo" alt="CV photo" width="160" height="170">
+                <img src="data/cv-photo" alt="CV photo" width="140" height="140">
                 <div class="title">
                     <h1>TUNUI FRANKEN</h1>
                     <h2>CANDIDATURE <BR/> POUR UNE ALTERNANCE <BR/> EN SÉCURITÉ INFORMATIQUE</h2>
@@ -21,12 +21,13 @@
                     <p>15 rue Michel Lecomte</p>
                     <p>75003 Paris</p>
                     <p>tfranken(at)protonmail.com</p>
-                    <a href="https://git.tunuifranken.info/">https://git.tunuifranken.info/</a>
                 </div>
             </div>
         </header>
         <section>
             <aside>
+                <div class="link"><img src="data/internet-icon.png" width="16px" height="16px"><a href="https://tunuifranken.info/">https://tunuifranken.info/</a></div>
+                <div class="link"><img src="data/git-icon.png" width="16px" height="16px"><a href="https://git.tunuifranken.info/">https://git.tunuifranken.info/</a></div>
                 <div class="competences">
                     <h1>COMPÉTENCES</h1>
                     <div class="button">