Ajout boutton owncloud

css/style.css

@@ -15,7 +15,7 @@ header {
     display: flex;
     align-items: center;
     margin: 2em 0;
-    background-color: rgba(103, 83, 108, 1); */
+    background-color: rgba(103, 83, 108, 1);
 }
 
 #avatar {
@@ -60,3 +60,20 @@ p {
     -moz-hyphens: auto;
     hyphens: auto;
 }
+
+/* ----------- boutton owncloud --------------- */
+
+#cloud a {
+    text-decoration: none;
+    padding: 10px;
+    background-color: rgba(103, 83, 108, 1);
+    color: rgba(238, 215, 244, 1);
+    border-radius: 3px;
+    padding-left: 4px;
+}
+
+#cloud img {
+    width: 50px;
+    position: relative;
+    top: 8px;
+}

index.html

@@ -36,6 +36,7 @@
                         <li>professionnel : <a href="mailto:igor.milhit@hesge.ch" title="m'écrire sur mon e-mail professionnel">igor.milhit@hesge.ch</a></li>
                         <li>veille : <a href="https://id-libre.org/shaarli" title="mon site de social-bookmarking">id-libre.org/shaarli</a></li>
                         <li>CV (pdf) : <a href="cv-igor-milhit.pdf" title="Mon CV, en format PDF, mis à jour">cv-igor-milhit.pdf</a></li>
+                        <li id="cloud"><a target="_blank" href="https://owncloud.org/federation#iGor@id-libre.org/cloud"> <img src="https://id-libre.org/cloud/core/img/logo-icon.svg" > Partagez avec moi via ownCloud </a></li>
                     </ul>
                 </div>