v1.1

Entalpic · Jun 19, 2024 · e6c179b · e6c179b
1 parent 0c8d7e3
commit e6c179b
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 18 deletions.
diff --git a/assets/Versailles Regular.ttf b/assets/Versailles Regular.ttf
diff --git a/assets/img/IMG_5139.jpg b/assets/img/IMG_5139.jpg
diff --git a/assets/img/entalpic_founders.jpg.jpg b/assets/img/entalpic_founders.jpg.jpg
diff --git a/assets/img/office.webp b/assets/img/office.webp
diff --git a/css/styles.css b/css/styles.css
@@ -11076,7 +11076,7 @@ body {
 .masthead {
   position: relative;
   width: 100%;
-  height: auto;
+  height: 100vh;
   min-height: 35rem;
   padding: 15rem 0;
   background: linear-gradient(to bottom, rgba(248, 249, 250, 0.9) 50%, rgba(206, 212, 218, 0.35) 100%, #fff 100%), url("../assets/img/pexels-an-hoang-1770312-3342954.jpg");
@@ -11144,28 +11144,27 @@ body {
   }
 }
 
-.about-section {
-  padding-top: 5rem;
-  min-height: calc(100vh - 3.5rem);
-  max-height: calc(100vh - 3.5rem);
+.mission-section {
+  min-height: calc(100vh - 3.5rem - 8px);
   overflow: hidden;
   background: linear-gradient(to bottom, #3E1F67 0%, rgba(62, 31, 103, 0.9) 75%, rgba(62, 31, 103, 0.8) 100%);
 }
-.about-section p {
+.mission-section p {
   color: #ced4da;
 }
-.about-section #brand-about {
+.mission-section #mission-about {
   font-family: "Versailles", "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
-.about-section #get-in-touch {
+.mission-section #get-in-touch {
   color: #ced4da;
 }
-.about-section #get-in-touch:hover {
+.mission-section #get-in-touch:hover {
   color: #95ddd8 !important;
 }
 
 .team-section {
   padding: 5rem 0;
+  min-height: calc(100vh - 3.5rem - 8px);
 }
 .team-section a {
   color: #3E1F67;
@@ -11185,6 +11184,11 @@ body {
     border-left: 0.5rem solid #3E1F67;
   }
 }
+.team-section #hiring-img {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
 .team-section .project-text {
   padding: 1rem;
   font-size: 90%;

diff --git a/index.html b/index.html
@@ -37,7 +37,7 @@
                 </button>
                 <div class="collapse navbar-collapse" id="navbarResponsive">
                     <ul class="navbar-nav ms-auto">
-                        <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
+                        <li class="nav-item"><a class="nav-link" href="#mission">About</a></li>
                         <li class="nav-item"><a class="nav-link" href="#team">Team</a></li>
                         <li class="nav-item"><a class="nav-link" href="#research">Research</a></li>
                         <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
@@ -51,19 +51,19 @@
                 <div class="d-flex justify-content-center">
                     <div class="text-center">
                         <h1 class="mx-auto my-0 text-uppercase">Entalpic</h1>
-                        <h2 class="mx-auto mt-5 mb-5" id="sub-title">AI &amp; materials research for a fair and ecological transition.</h2>
-                        <a id="scroll-down" href="#about"><i class="fas fa-angle-double-down fa-3x text-white-75"></i></a>
+                        <h2 class="mx-auto mt-5 mb-5" id="sub-title">AI-driven materials research for a fair and ecological transition.</h2>
+                        <a id="scroll-down" href="#mission"><i class="fas fa-angle-double-down fa-3x text-white-75"></i></a>
                     </div>
                 </div>
             </div>
         </header>
         <!-- About-->
-        <section class="about-section text-center" id="about">
+        <section class="mission-section text-center" id="mission">
             <div class="container px-4 px-lg-5">
                 <div class="row gx-4 gx-lg-5 justify-content-center">
                     <div class="col-lg-8">
                         <h2 class="text-white mb-4">
-                            <span id="brand-about">Entalpic</span>
+                            <span id="mission-about">Entalpic</span>
                             is in for the long run.
                         </h2>
                         <div class="mb-5">
@@ -76,7 +76,6 @@ <h2 class="text-white mb-4">
                         </div>
                     </div>
                 </div>
-                <img class="img-fluid" src="assets/img/pexels-adrien-olichon-1257089-3137072.jpg" alt="..." />
             </div>
         </section>
         <!-- Team-->
@@ -105,7 +104,7 @@ <h4>Founders</h4>
                 </div>
                 <!-- Project One Row-->
                 <div class="row gx-0 mb-5 mb-lg-0 justify-content-center">
-                    <div class="col-lg-6"><img class="img-fluid" src="assets/img/pexels-ermakov-12083872.jpg" alt="..." /></div>
+                    <div class="col-lg-6 position-relative"><img class="img-fluid" id="hiring-img" src="assets/img/office.webp" alt="..." /></div>
                     <div class="col-lg-6" id="we-are-hiring">
                         <div class="bg-primary text-center h-100 project">
                             <div class="d-flex h-100">

diff --git a/js/scripts.js b/js/scripts.js
@@ -62,10 +62,8 @@ window.addEventListener("DOMContentLoaded", (event) => {
   });
   document.querySelector("#emailAddress")?.addEventListener("input", (e) => {
     const email = e.target.value?.trim();
-    console.log(isEmailValid(email));
     if (isEmailValid(email)) {
       const btn = document.querySelector("#submitButton");
-      console.log(btn);
       btn.disabled = false;
       btn.classList.remove("disabled");
     } else {