Refactor: style changes

onlyoncev2 · Dec 19, 2023 · adae74b · adae74b
1 parent bc64352
commit adae74b
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 30 deletions.
diff --git a/artificial-intelligence-ai-chip-icon.svg b/artificial-intelligence-ai-chip-icon.svg
diff --git a/index.html b/index.html
@@ -25,41 +25,39 @@ <h2>Connecting world's top agilists with your business needs</h2>
             <form disabled>
                 <div id="input">
                     <svg id="searchIcon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
-                        fill="none" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                        fill="none" stroke="#888" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                         <circle cx="11" cy="11" r="8"></circle>
                         <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
                     </svg>
-                    <textarea id="search" rows="1" placeholder="Example: RTE, SPC, manufacturing, chips, SAP MES"></textarea>
+                    <input id="search" rows="1" placeholder="Example: RTE, SPC, manufacturing, chips, SAP MES" />
+                    <a role="button" class="secondary btn" href="https://forms.onlyonce.com/id/oo/AI-Form">
+                        <svg class="svg-icon" stroke="#FFF" viewBox="0 0 20 20">
+                            <path
+                                d="M4.317,16.411c-1.423-1.423-1.423-3.737,0-5.16l8.075-7.984c0.994-0.996,2.613-0.996,3.611,0.001C17,4.264,17,5.884,16.004,6.88l-8.075,7.984c-0.568,0.568-1.493,0.569-2.063-0.001c-0.569-0.569-0.569-1.495,0-2.064L9.93,8.828c0.145-0.141,0.376-0.139,0.517,0.005c0.141,0.144,0.139,0.375-0.006,0.516l-4.062,3.968c-0.282,0.282-0.282,0.745,0.003,1.03c0.285,0.284,0.747,0.284,1.032,0l8.074-7.985c0.711-0.71,0.711-1.868-0.002-2.579c-0.711-0.712-1.867-0.712-2.58,0l-8.074,7.984c-1.137,1.137-1.137,2.988,0.001,4.127c1.14,1.14,2.989,1.14,4.129,0l6.989-6.896c0.143-0.142,0.375-0.14,0.516,0.003c0.143,0.143,0.141,0.374-0.002,0.516l-6.988,6.895C8.054,17.836,5.743,17.836,4.317,16.411">
+                            </path>
+                        </svg>
+                        Upload an Agile Expert
+                    </a>
                     <h5>
                         <img width="42" src="/artificial-intelligence-ai-chip-icon.svg" alt="ai-icon" />
                         AI-Powered precision for finding your perfect agile match!
                     </h5>
                 </div>
-
-                <div id="buttons">
-                    <button class="secondary outline">
-                        <a href="https://forms.onlyonce.com/id/oo/AI-Form">
-                            <svg class="svg-icon" viewBox="0 0 20 20">
-                                <path
-                                    d="M4.317,16.411c-1.423-1.423-1.423-3.737,0-5.16l8.075-7.984c0.994-0.996,2.613-0.996,3.611,0.001C17,4.264,17,5.884,16.004,6.88l-8.075,7.984c-0.568,0.568-1.493,0.569-2.063-0.001c-0.569-0.569-0.569-1.495,0-2.064L9.93,8.828c0.145-0.141,0.376-0.139,0.517,0.005c0.141,0.144,0.139,0.375-0.006,0.516l-4.062,3.968c-0.282,0.282-0.282,0.745,0.003,1.03c0.285,0.284,0.747,0.284,1.032,0l8.074-7.985c0.711-0.71,0.711-1.868-0.002-2.579c-0.711-0.712-1.867-0.712-2.58,0l-8.074,7.984c-1.137,1.137-1.137,2.988,0.001,4.127c1.14,1.14,2.989,1.14,4.129,0l6.989-6.896c0.143-0.142,0.375-0.14,0.516,0.003c0.143,0.143,0.141,0.374-0.002,0.516l-6.988,6.895C8.054,17.836,5.743,17.836,4.317,16.411">
-                                </path>
-                            </svg>
-                            Upload an Agile Expert
-                        </a>
-                    </button>
-                </div>
             </form>
         </main>
-        <footer class="container">
-            <div>
-                <small>Only Once B.V. Copyright © 2023</small>
-            </div>
-            <div>
-                <a href="#">General terms</a> -
-                <a href="#">Privacy Policy</a> -
-                <a href="#">Cookie preferences</a>
+        <footer>
+            <div class="container">
+                <small>Only Once B.V. Copyright © <span id="currentYear"></span></small>
+                <div id="links">
+                    <a href="#">General terms</a>
+                    <a href="#">Privacy Policy</a>
+                    <a href="#">Cookie preferences</a>
+                </div>
             </div>
         </footer>
+        <script>
+            document.getElementById("currentYear").innerHTML = new Date().getFullYear();
+        </script>
     </div>
 </body>
 

diff --git a/style.css b/style.css
@@ -38,6 +38,11 @@ body {
   margin-top: -5px;
 }
 
+.btn {
+  font-size: 10pt;
+  padding: 10px;
+}
+
 #input {
   position: relative;
   max-width: 650px;
@@ -51,14 +56,10 @@ body {
   opacity: 0.8;
 }
 
-#input > textarea {
+#input input {
   padding: 15px 55px;
 }
 
-#buttons > button {
-  max-width: 250pt;
-}
-
 #app {
   height: 100%;
   display: flex;
@@ -76,7 +77,8 @@ h2 {
 }
 
 form h5 {
-  padding: 20px 0;
+  font-size: 12pt;
+  padding: 60px 0;
   color: #018bd3;
   font-weight: 400;
   text-align: center;
@@ -87,7 +89,27 @@ form img {
 }
 
 footer {
+  font-size: 13pt;
   display: flex;
   justify-content: center;
   gap: 20pt;
+  border-bottom: 1px solid #dadce0;
+  background: #e6e6e6;
+  color: #202124;
 }
+
+footer > div {
+  display:flex;
+  justify-content: space-evenly;
+  gap: 20px;
+}
+
+footer a {
+  color:#000;
+}
+
+footer #links {
+  display: flex;
+  gap: 20px;
+  font-size: 10pt;
+}