From 37bc9c5f20a4f402bb73601bf95cd9f833a32072 Mon Sep 17 00:00:00 2001 From: Joachim Date: Tue, 22 Apr 2025 16:56:47 +0200 Subject: [PATCH] animations, better organisation, SEO meta tags --- css/main.css | 35 ++++- index.html | 71 +++++---- stuff.html | 54 ++++--- stuff/android_11_a8.html | 309 ++++++++++++++++++++++----------------- 4 files changed, 285 insertions(+), 184 deletions(-) diff --git a/css/main.css b/css/main.css index 852ed05..23f826d 100644 --- a/css/main.css +++ b/css/main.css @@ -21,6 +21,12 @@ body { a { color: black; + transition-duration: 0.5s; + } + + a:hover { + text-decoration:none; + box-shadow: 5px 5px 0px black; } .icon-list { @@ -52,8 +58,9 @@ body { .tstuff { border-radius:10px; - border:solid 1px black; + border:solid 2px black; padding:10px; + transition-duration: 0.5s; h2 { text-decoration:underline; } @@ -61,6 +68,16 @@ body { margin-left:20px; } } + + article { + a:hover { + box-shadow: 0px 0px 0px black; + } + } + + .tstuff:hover{ + box-shadow: 10px 10px 0px black; + } } main { @@ -93,6 +110,10 @@ header{ display: flex; } + a:hover { + box-shadow: 0px 0px 0px; + } + nav { display: flex; flex-direction: row; @@ -120,6 +141,12 @@ header{ width: 80% } + .cloud, .forge, .stuff{ + transition-duration: 0.5s; + padding-left: 10px; + border-radius:30px; + } + .forge-ico-op, .cloud-ico-op, .stuff-ico-op { display: none; } @@ -133,17 +160,19 @@ header{ } .cloud:hover, .forge:hover, .stuff:hover { - text-decoration: underline; + box-shadow: 0px 0px 10px black; } .logo { - transition-duration: 4s; + transition-duration: 0.5s; + border-radius:60px; max-height:150px; margin-left:auto; margin-right:auto; } .logo:hover { + box-shadow: 0px 0px 10px black; transform: rotate(-20deg); } } diff --git a/index.html b/index.html index 267a3d9..ecae393 100644 --- a/index.html +++ b/index.html @@ -3,41 +3,50 @@ - - + + - Joachim Rey + Joachim Rey - Étudiant en Informatique à Lyon 1 + + + + + + + + +
- +