From 915627f6c4b10ee9e0963f5b635812e5816e323d Mon Sep 17 00:00:00 2001 From: hellekin Date: Sat, 29 Apr 2023 12:01:10 +0200 Subject: Fix sinewave and make new home --- assets/scss/home.scss | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) (limited to 'assets/scss/home.scss') diff --git a/assets/scss/home.scss b/assets/scss/home.scss index 7009d26..a80e473 100644 --- a/assets/scss/home.scss +++ b/assets/scss/home.scss @@ -40,7 +40,7 @@ body > header { left: 5vw; padding: 1rem; z-index: 999; - font-size: 1.2rem; + font-size: 1.4rem; color: rgba(255, 255, 255, 0.85); overflow: auto; transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); @@ -438,24 +438,23 @@ body > footer { position: absolute; top: 0; left: 0; - opacity: 0.1; + opacity: 0.9; } &:hover { background: rgba(191, 138, 112, 0.9); transform: rotate(0); margin: 0; - - p, h4 { - display: none; - } + color: black; + padding: 1rem; h3 { transform: rotate(0) translateX(0) translateY(-4rem); } svg { - opacity: 0.9; + opacity: 0.3; + width: calc(100% + 4rem); } + #txt { @@ -575,15 +574,18 @@ body > footer { text-decoration: none; } - .libre #participation { + .libre #participation, + .libre #share { /* transform: rotate(-4deg) translateY(4.5rem); */ transform: rotate(-4deg) translateY(6vh); } - .libre #engagement { + .libre #engagement, + .libre #engage { /* transform: translate(0.5rem, 7rem); */ transform: translate(0.5vw, 14vh); } - .libre #cooperation { + .libre #cooperation, + .libre #care { /* transform: rotate(2deg) translate(0rem, 9.8rem); */ transform: rotate(2deg) translate(0rem, 19.5vh); } @@ -605,6 +607,7 @@ body > footer { } .sinewave{ + z-index: 0; &.w0 { fill: rgba(240, 40, 142, 0.5); } -- cgit v1.2.3