the final final touches

shiloholotu · Jun 30, 2024 · 4375a0a · 4375a0a
1 parent a659b5a
commit 4375a0a
Show file tree

Hide file tree

Showing 7 changed files with 64 additions and 26 deletions.
diff --git a/static/scripts/lightdark.js b/static/scripts/lightdark.js
@@ -1,4 +1,3 @@
-console.log("hello")
 var r = document.querySelector(':root');
 
 function switchMode(){

diff --git a/static/scripts/scroll.js b/static/scripts/scroll.js
@@ -18,6 +18,7 @@ function changeAnchor(){
 
 window.addEventListener('scroll', function() {
     const scrollButton = document.querySelector('.scroll-button');
+    if(scrollButton == null) return;
     var scrollPosition = window.scrollY;
 
     if(scrollPosition >= 2651){

diff --git a/static/styles/careers.css b/static/styles/careers.css
@@ -8,17 +8,66 @@
 }
 
 .careersHeader{
+    height: 70vh;
+    background-image: url("../assets/careers.jpg");
+    background-size: cover;
+    background-position: center;
+    background-attachment:scroll;
+    background-repeat: no-repeat;
     display: flex;
-    justify-content: center;
     align-items: center;
+    justify-content: center;
+    text-align: center;
+    margin-bottom:70px;
+}
+
+.careersHeader div {
+    width: 90%;
+}
+
+.careersHeader div h1{
+    font-family: 'Kanit';
+    font-size: min(100px,7vw);
+    line-height: 80%;
+    text-transform: uppercase;
+    color: white;
+    margin-bottom: 30px;
+    text-align: center;
+    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); 
 }
 
-.careersHeader img{
-    width: 400px;
-    margin-right: 40px;
+.careersHeader div p{
+    text-align: center;
+    color: white;
+    font-size: 20px;
+    margin: 0;
+    width: min(75%,800px);
+    margin: auto;
+    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); 
+}
+
+.careersHeader div a{
+    font-family: 'Poppins';
+    text-decoration: none;
+    color: rgb(42, 41, 85, 0.6);
+    padding: 12px;
+    display: block;
+    width: fit-content;
+    font-size: 20px;
     border-radius: 20px;
-    border: 4px solid white;
-    box-shadow: 0 10px 50px rgb(0, 0, 0, 0.3);
+    padding-left: 30px;
+    padding-right: 30px;
+    background: white;
+    margin: auto;
+    margin-top: 40px;
+    box-shadow: 0 0 10px rgb(0, 0, 0, .44);
+    transition: .25s;
+    font-weight: 600;
+}
+
+.careersHeader div a:hover{
+    transform: translate(0,-3px);
+    box-shadow: 0 0 50px rgb(42,41,85,.44);
 }
 
 .floatingHeads{

diff --git a/static/styles/main.css b/static/styles/main.css
@@ -440,7 +440,7 @@ p .purpText{
     flex:1;
     margin-left: 10px;
     margin-right: 10px;
-    background:var(--font-color);
+    background:rgb(42,41,85);
     color:white;
     border: 2px solid transparent;
     transition: .5s;
@@ -488,7 +488,7 @@ p .purpText{
     transform: translate(70px, -30px);
     border: 2px solid rgb(255, 255, 255, 0.4);
     background: white;
-    color: var(--font-color);
+    color: rgb(42,41,85);
     font-weight: 600;
 }
 

diff --git a/templates/application.html b/templates/application.html
@@ -4,7 +4,7 @@
     <script src="https://www.gstatic.com/firebasejs/10.7.2/firebase-firestore-compat.js"></script>
     <head>
 
-        {% include 'header.html' %}
+       {% include 'header.html' %}
 
         <title>Apply to Singularity | Singularity</title>
 

diff --git a/templates/careers.html b/templates/careers.html
@@ -16,27 +16,16 @@
         {% include 'navbar.html' %}
 
 
-        <div style="height: 10vh;"></div>
-
         <div data-aos="fade-in" data-aos-duration="700">
 
             <div class="careersHeader">
-
-                <img src="static/assets/laptop.png">
-
-                <div class="sectionHeader">
-                    <div>
-                        <h1>Let's Work<br><span class="purpText">Together</span></h1>
-                        <p>Our mission is to create creative AI systems that are both safe and beneficial to the world through the collaboration of individuals with diverse disciplines and backgrounds.</p>
-                        <a href="/positions">View open positions</a>
-                    </div>
+                <div>
+                    <h1>Careers</h1>
+                    <!--<p>Our mission is to develop creative AI systems that are safe and beneficial, through the collaboration of individuals with diverse disciplines and backgrounds. We are always looking for imaginative minds to join our team.</p>-->
+                    <a href="/positions">View open positions</a>
                 </div>
-
-
             </div>
 
-            <div style="height: 12vh;"></div>
-
 
             <div class="companyInfo">
                 <div>

diff --git a/templates/index.html b/templates/index.html
@@ -126,7 +126,7 @@ <h3>I use Singularity's code generation feature everyday for my job as a softwar
             <!-- PRICING SECTION -->
 
             <div class="sectionHeader">
-                <h1 style="text-shadow:0 0 100px rgb(255,255,255,0.4)">Let's make something <span class="purpText" style="text-shadow: 0 0 100px;">happen.</span></h1>
+                <h1 style="text-shadow:0 0 100px rgb(255,255,255,0.4); color:rgb(42,41,85)">Let's make something <span class="purpText" style="text-shadow: 0 0 100px;">happen.</span></h1>
                 <p>Upgrade or cancel plans anytime. No strings attached.</p>
             </div>
             <br><br>