From cc775d558123419e0cb45158077aed761f286a19 Mon Sep 17 00:00:00 2001 From: Shraddha <shraddharaghuram@student.tudelft.nl> Date: Thu, 5 Sep 2024 16:49:44 +0000 Subject: [PATCH] Update file page.css --- static/page.css | 145 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 145 insertions(+) diff --git a/static/page.css b/static/page.css index 454f4b8..186f379 100644 --- a/static/page.css +++ b/static/page.css @@ -19,6 +19,151 @@ body{ font-family: 'Courier New', Courier, monospace; } +.homepage-content1{ + top: 900px; + transform: translateX(28%); + width: 440px; + height: 450px; + opacity: 0; + transition: all 0.5s linear; +} +.homepage-content2{ + top: 1788px; + transform: translateX(-80%); + width: 415px; + height: 200px; + opacity: 0; + transition: all 0.5s linear; +} +.homepage-content3 { + top: 3000px; + width: 1500px; + height: 200px; + transform: translateX(10%); + font-family: SourceSansPro; + font-size: 135.417px; + font-style: normal; + font-weight: 600; + color: #185A4F; + opacity: 0; + transition: all 0.5s linear; +} + +.homepage-content4 { + top: 3550px; + width: 415px; + height: 120px; + transform: translateX(-50%); + opacity: 0; + transition: all 0.5s linear; +} +.homepage-content5 { + top: 3550px; + width: 475px; + height: 120px; + transform: translateX(78%); + opacity: 0; + transition: all 0.5s linear; +} +.homepage-content6 { + top: 4000px; + width: 1000px; + height: 100px; + font-family: SourceSansPro; + font-size: 135px; + font-style: normal; + font-weight: 600; + /* color: transparent; */ + -webkit-text-stroke: 2px #05BE85; + opacity: 0; + transition: all 0.7s linear; +} +.homepage-content7 { + top: 5100px; + width: 1000px; + height: 65px; + opacity: 0; + transition: all 0.5s linear; +} +.homepage-content8 { + top: 5700px; + width: 1000px; + height: 65px; + /* transform: translateX(-110%); */ + opacity: 0; + transition: all 0.5s linear; +} + +.homepage-content9 { + top: 6000px; + width: 900px; + height: 400px; + font-family: SourceSansPro; + font-size: 135px; + font-style: normal; + font-weight: 600; + color: transparent; + -webkit-text-stroke: 1px #05BE85; + text-align: left; + transform: translateX(7%); + opacity: 0; + transition: all 0.5s linear; +} + +.homepage-content10 { + top: 7300px; + width: 1000px; + height: 28px; + flex-shrink: 0; +} +.homepage-content11 { + top: 7500px; + width: 340px; + height: 200px; + transform: translateX(-20%); + opacity: 0; + transition: all 0.5s linear; +} + +.homepage-content12 { + top: 8150px; + width: 340px; + height: 200px; + transform: translateX(-60.5%); + opacity: 0; + transition: all 0.5s linear; +} +.homepage-content13 { + top: 7850px; + width: 340px; + height: 200px; + transform: translateX(90%); + opacity: 0; + transition: all 0.5s linear; +} +.homepage-content14 { + top: 8740px; + width: 340px; + height: 200px; + transform: translateX(-55%); + opacity: 0; + transition: all 0.5s linear; +} +.homepage-content15 { + top: 9200px; + width: 1100px; + height: 200px; + text-align: center; + font-family: SourceSansPro; + font-size: 135px; + font-style: normal; + font-weight: 600; + color: transparent; + -webkit-text-stroke: 1px #185A4F; + opacity: 0; + transition: all 0.5s linear; +} + .pagecontainer{ position: relative; justify-content: center; -- GitLab