diff --git a/css/footer.css b/css/footer.css index c82d26f..c3dca52 100644 --- a/css/footer.css +++ b/css/footer.css @@ -62,7 +62,7 @@ } .footer-distributed .footer-company-name { - color: #222; + color: #ffffff; font-size: 14px; font-weight: normal; margin: 0; @@ -134,7 +134,7 @@ .footer-distributed .footer-company-about { line-height: 20px; - color: #92999f; + color: #ffffff; font-size: 13px; font-weight: normal; margin: 0; diff --git a/css/main.css b/css/main.css index 93ad63c..9ed6587 100644 --- a/css/main.css +++ b/css/main.css @@ -13,11 +13,12 @@ body { .v33_2 { width: 100%; - height: 5000px; + height: 3400px; + min-height: 100vh; aspect-ratio: auto; background: url("../images/Default Background.png"); opacity: 1; - position: absolute; + position: relative; top: 0px; left: 0px; overflow: hidden; @@ -25,8 +26,8 @@ body { .v37_87 { width: 400px; position: absolute; - top: 1218px; - left: 30%; + top: 800px; + left: 10%; background: linear-gradient(rgba(180, 181, 205, 1), rgba(205, 205, 205, 1)); -webkit-background-clip: text; -moz-background-clip: text; @@ -43,12 +44,16 @@ body { text-align: center; } .v33_17 { - width: 300px; - height: 40px; - position: relative; - top: 612px; - left: 30%; + width: 600px; + max-width: 600px; + position: absolute; + top: 450px; + left: 40%; font-size: 30px; + word-wrap: break-word; /* Break long words */ + overflow: hidden; /* Hide overflowed text */ + white-space: normal; /* Wrap text */ + text-align: left; } .v35_22 { width: auto; @@ -61,15 +66,16 @@ body { opacity: 1; position: absolute; top: 30px; - left: 70%; + left: 80%; overflow: hidden; } .v35_50 { - width: 60%; + width: 650px; position: absolute; - top: 334px; - left: 20%; + top: 250px; + left: 50%; + transform: translate(-50%, -50%); background: linear-gradient(rgba(228, 228, 228, 1), rgba(255, 195, 121, 1)); -webkit-background-clip: text; -moz-background-clip: text; @@ -77,6 +83,7 @@ body { -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; text-align: center; + display: block; } .body-title { @@ -84,7 +91,7 @@ body { font-weight: bolder; font-size: 51px; opacity: 1; - text-align: left; + text-align: center; } .v35_80 { @@ -110,8 +117,8 @@ body { background-size: cover; opacity: 1; position: absolute; - top: 1439px; - left: 80%; + top: 1700px; + left: -15%; overflow: hidden; } .v37_85 { @@ -120,7 +127,7 @@ body { background: rgba(196, 196, 196, 1); opacity: 1; position: relative; - top: 986px; + top: 750px; left: 5%; border-radius: 50%; } @@ -130,41 +137,31 @@ body { background: rgba(196, 196, 196, 1); opacity: 1; position: relative; - top: 2015px; + top: 1640px; left: 5%; border-radius: 50%; } .v73_44 { - width: 100%; - height: 5px; - background: rgba(196, 196, 196, 1); - opacity: 1; - position: absolute; - top: 2942px; - left: 169px; - border-radius: 50%; -} -.v96_39 { - width: 100%; + width: 90%; height: 5px; background: rgba(196, 196, 196, 1); opacity: 1; position: absolute; - top: 4109px; - left: 163px; + top: 2400px; + left: 5%; border-radius: 50%; } .v37_88 { width: 606px; color: rgba(255, 255, 255, 1); position: absolute; - top: 1415px; - left: 20%; + top: 950px; + left: 10%; font-family: Ruda; font-weight: Black; font-size: 31px; opacity: 1; - text-align: center; + text-align: left; } .v40_140 { width: 400px; @@ -176,8 +173,8 @@ body { background-size: cover; opacity: 1; position: absolute; - top: 1750px; - left: 60%; + top: 1200px; + left: 65%; overflow: hidden; } .v37_89 { @@ -293,7 +290,7 @@ body { .v73_47 { width: 864px; position: absolute; - top: 3137px; + top: 1750px; left: 10%; background: linear-gradient( rgba(180, 181, 205, 1), @@ -312,7 +309,7 @@ body { rgba(180, 181, 205, 0.7699999809265137) ); position: relative; - top: 4170px; + top: 2500px; left: 20%; background: linear-gradient( rgba(180, 181, 205, 1), @@ -325,9 +322,9 @@ body { -moz-text-fill-color: transparent; } .v40_141 { - width: 400px; + width: 200px; height: auto; - aspect-ratio: 668 / 418; + aspect-ratio: 1 / 1; background: url("../images/v40_141.png"); background-repeat: no-repeat; background-position: center center; @@ -335,7 +332,7 @@ body { opacity: 1; position: absolute; top: 20%; - left: 0%; + left: -10%; overflow: hidden; } .v36_82 { @@ -374,8 +371,8 @@ body { background-position: center center; background-size: cover; opacity: 1; - position: relative; - top: 80%; + position: absolute; + top: 2750px; left: 70%; overflow: hidden; } @@ -390,15 +387,15 @@ body { opacity: 1; position: relative; transform: rotate(-50deg); - top: 3000px; - left: 70%; + top: 2500px; + left: -7.5%; overflow: hidden; } .v50_35 { width: 666px; color: rgba(251, 251, 251, 1); - position: relative; - top: 4023px; + position: absolute; + top: 2650px; left: 20%; font-family: Ruda; font-weight: Black; @@ -410,8 +407,8 @@ body { width: 631px; color: rgba(255, 255, 255, 1); position: absolute; - top: 3347px; - left: 333px; + top: 1900px; + left: 15%; font-family: Ruda; font-weight: Black; font-size: 31px; @@ -428,7 +425,7 @@ body { background-size: cover; opacity: 1; position: absolute; - top: 499px; + top: 370px; left: 5%; overflow: hidden; } @@ -540,7 +537,7 @@ body { .v89_22 { width: 100%; height: 117px; - background: url("../images/v89_22.png"); + /* background: url("../images/v89_22.png"); */ background-repeat: no-repeat; background-position: center center; background-size: cover; @@ -565,7 +562,7 @@ body { width: 300px; height: auto; aspect-ratio: 340 / 86; - background: url("../images/v33_6.png"); + background: url("../images/logo-white.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; @@ -578,7 +575,7 @@ body { .footer-logo { width: 340px; height: 86px; - background: url("../images/v33_6.png"); + background: url("../images/logo-white.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; @@ -589,14 +586,15 @@ body { .v89_17 { width: 313px; height: 85px; - background: url("../images/v89_17.png"); + background-color: rgb(17, 22, 42); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1; - position: absolute; - top: 19px; - left: 807px; + position: relative; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); /* Center the element */ overflow: hidden; border: none; } @@ -706,6 +704,7 @@ body { position: relative; top: 45px; left: 40%; + transform: translate(-100%, -50%); overflow: hidden; } .v89_15 { @@ -727,9 +726,9 @@ body { .v89_14 { width: 84px; color: rgba(255, 255, 255, 1); - position: absolute; - top: 2px; - left: 19px; + position: relative; + top: 50%; + left: 30%; font-family: Ruda; font-weight: Bold; font-size: 20px; @@ -1047,19 +1046,6 @@ body { left: 0px; overflow: hidden; } -.v137_48 { - width: 100%; - height: 100%; - background: url("../images/v137_48.png"); - background-repeat: no-repeat; - background-position: center center; - background-size: cover; - opacity: 1; - position: absolute; - top: 480px; - left: 856px; - overflow: hidden; -} .v279_1723 { width: 596px; height: 525px; @@ -1182,37 +1168,7 @@ body { border: 2.7530813217163086px solid rgba(223, 223, 223, 1); transform: rotate(-90deg); } -.v180_46 { - width: 496px; - background: url("../images/v180_46.png"); - opacity: 1; - position: absolute; - top: 475px; - left: 61px; - border: 2.7530813217163086px solid rgba(223, 223, 223, 1); -} -.v180_47 { - width: 77px; - color: rgba(255, 255, 255, 1); - position: absolute; - top: 220px; - left: 280px; - font-family: Ruda; - font-weight: Black; - font-size: 27px; - opacity: 1; - text-align: left; - transform: rotate(); -} -.v180_53 { - width: 77px; - color: rgba(255, 255, 255, 1); - position: absolute; - top: 489px; - left: 519px; - font-family: Ruda; - font-weight: Black; - font-size: 27px; - opacity: 1; - text-align: left; +.icon-max-width { + max-width: 50px; /* Set the maximum width */ + height: auto; /* Maintain aspect ratio */ } diff --git a/images/Newton.png b/images/Newton.png deleted file mode 100644 index 4fe691e..0000000 Binary files a/images/Newton.png and /dev/null differ diff --git a/images/v33_6.png b/images/logo-white.png similarity index 100% rename from images/v33_6.png rename to images/logo-white.png diff --git a/images/v33_7.png b/images/v33_7.png deleted file mode 100644 index c7e229e..0000000 Binary files a/images/v33_7.png and /dev/null differ diff --git a/images/v33_9.png b/images/v33_9.png deleted file mode 100644 index 839e23b..0000000 Binary files a/images/v33_9.png and /dev/null differ diff --git a/index.html b/index.html index 561896e..5558957 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - +
-
+ Let's be realistic - RocketPy is an innovative rocket trajectory simulator in Python that + + RocketPy is an innovative rocket trajectory simulator in Python that includes features never seen before in the state-of-the-art model - rocketry simulators. + rocketry simulators. +
The sky is not the limit!
@@ -41,7 +41,6 @@
-
RocketPy's environment construction uses weather data from several meteorological agencies, providing precise information about atmospheric @@ -49,21 +48,20 @@ associated with the mathematical models of the phenomena.
- Physics in charge - Simulation is all about predictions - From the community to the community + + Simulation is all about predictions + + From rocketeers to rocketeers
- RocketPy is an Open Source software created by a team of rocket + + RocketPy is an Open Source software created by a team of rocket enthusiasts. Since it is open source, each and every one of you is more than welcome to be a part of it. - GitHub + GitHub + A key feature in RocketPy is the dispersion analysis via Monte Carlo, which shows the expected impact area. RocketPy was also successfully @@ -82,46 +80,47 @@ SIMULATE
-
+ +
-