optimized image sizes

diff --git a/assets/images/static/background-cover-1.jpg b/assets/images/static/background-cover-1.jpg
index c1421cbfe4784af72333dc1741f123cb01ac3fdd..f1f68e98a2dcc92ebf5cbb3449ff3532814c8fed 100644 (file)
Binary files a/assets/images/static/background-cover-1.jpg and b/assets/images/static/background-cover-1.jpg differ

diff --git a/assets/images/static/crd-cover-1.jpg b/assets/images/static/crd-cover-1.jpg
index 18368cc0b102d5aee1571335392e85ae6f4da297..341b0e7a3a5f13c313da5818d625fa6a379eaffd 100644 (file)
Binary files a/assets/images/static/crd-cover-1.jpg and b/assets/images/static/crd-cover-1.jpg differ

diff --git a/assets/images/static/crd-cover-2.jpeg b/assets/images/static/crd-cover-2.jpeg
index 4be914b325ad744466c671ac1d5f3face46517dd..cabf669a269e2034601ee10c246eaee5916d9d87 100644 (file)
Binary files a/assets/images/static/crd-cover-2.jpeg and b/assets/images/static/crd-cover-2.jpeg differ

diff --git a/assets/logo/bocharudo.png b/assets/logo/bocharudo.png
deleted file mode 100644 (file)
index 9be28a8..0000000
Binary files a/assets/logo/bocharudo.png and /dev/null differ

diff --git a/css/styles.css b/css/styles.css
index 65b1afe6d8ef3d5d60885733eff6f516fd15b70b..ddfa99a4ee32fe5a7f0ddea2960e866d0008ecf7 100644 (file)
--- a/css/styles.css
+++ b/css/styles.css
@@ -337,6 +337,9 @@ footer {
 .form-container {
   margin-top: 7rem;
   padding: 2rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 .contact-form {
   font-family: 'Amatic SC', serif;
@@ -347,10 +350,12 @@ footer {
 .form {
   display: flex;
   flex-direction: column;
+  justify-content: center;
   align-items: center;
   padding: 1.7rem;
   border: 0.1rem solid white;
   border-radius: 1rem;
+  width: 100%;
   max-width: 60rem;
 }
 label,
@@ -400,6 +405,28 @@ textarea {
 
 
 
+
+
+
+/* UNDER CONSTRUCTION */
+.under-construction-ctn {
+  position: fixed;
+  height: 4rem;
+  width: 100%;
+  font-size: 2rem;
+  text-align: center;
+  margin-top: 6rem;
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+}
+.under-construction-text {
+  width: 50%;
+  background-color: var(--mainbg2);
+}
+
+
+
 @media (prefers-reduced-motion: no-preference) {
   * {
     scroll-behavior: smooth;

diff --git a/js/script.js b/js/script.js
index 1ca93fc9c9eb87b2673158eedcc8ebf274c2376b..20458a98452be97ee83eb7f40b4a71d6b8e99ba7 100644 (file)
--- a/js/script.js
+++ b/js/script.js
@@ -24,4 +24,22 @@ const nav_links = document.querySelectorAll(".nav-link").forEach(link => {
   if(link.href.includes(active_page)) {
     link.classList.add("active-page");
   }
-})
\ No newline at end of file
+})
+
+// under constuction div
+const underConstruction = () => {
+  const header = document.querySelector('header');
+  if (!header) {
+    console.log('Header element not found.');
+    return;
+  }
+
+  header.insertAdjacentHTML('afterend',
+    `<div class="under-construction-ctn">
+      <div class="under-construction-text">
+        WEBSITE IS UNDER CONSTRUCTION :D
+      </div>
+    </div>`);
+};
+
+underConstruction();
\ No newline at end of file