From 7ac8a28a4423724c35bd9720273570bb005f0de8 Mon Sep 17 00:00:00 2001 From: Phuntsok Drak-pa Date: Wed, 10 Jul 2019 20:18:13 +0200 Subject: [PATCH] better style for selfie, added link to English version --- index.html | 5 +++-- style/main.css | 21 +++++++++++++-------- 2 files changed, 16 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 949f052..d95da14 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + @@ -38,10 +38,11 @@
  • Formations
  • Portfolio
  • Loisirs
    • +
  • English Version
    • - Photo de 2016 +
    Photo de moi-même
    diff --git a/style/main.css b/style/main.css index be21225..3460cf2 100644 --- a/style/main.css +++ b/style/main.css @@ -11,7 +11,7 @@ body { 'ribbon ribbon' 'sidebar content'; grid-template-columns: 300px auto; - background-color: #34495e; + background-color: #3498db; margin: 0; padding: 0; font-family: 'Fira Sans', serif; @@ -23,13 +23,13 @@ a { color: #ecf0f1; text-decoration: none; font-style: italic; - box-shadow: inset 0 -3px 0 #9b59b6; - transition: all .3s ease-in-out; + border-bottom: 5px solid #9b59b6; + transition: color 0.2s; } a:hover { - box-shadow: inset 0 -21px 0 #9b59b6; - transition: all .3s ease-in-out; + color: #9b59b6; + transition: color 0.4s; } h1, @@ -41,7 +41,7 @@ h2 { .sidebar, .content { padding: 10px; - background-color: #2c3e50; + background-color: #bdc3c7; } .center { @@ -107,7 +107,12 @@ h2 { .side-picture { grid-area: side-picture; - margin: 10px auto; + margin: 10px; +} + +.side-picture > .picture { + max-width: 100%; + margin: 0 auto; } .side-contact { @@ -128,7 +133,7 @@ h2 { .side-card { margin: 10px; - background-color: #34495e; + background-color: #2c3e50; } .side-card h4,