From: tenkyuu
Date: Sat, 9 Nov 2024 06:25:13 +0000 (+0800)
Subject: updated lot of stuffs
X-Git-Url: https://git.bochard.net/?a=commitdiff_plain;h=0fe5bc8c9cf638163b72e5ea385e5e664ec7148e;p=mysite.git
updated lot of stuffs
---
diff --git a/contact.html b/contact.html
index e58f64e..ee71e5a 100644
--- a/contact.html
+++ b/contact.html
@@ -22,109 +22,22 @@
-
@@ -170,7 +83,7 @@
placeholder="Write something here..."
required>
By clicking the submit button, you agree to the Privacy Policy
-
@@ -184,7 +97,7 @@
-
+
diff --git a/css/styles.css b/css/styles.css
index e1a6770..22d2282 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -229,18 +229,9 @@ section {
text-decoration: none;
background-size: cover;
background-position: center;
- filter: saturate(0) blur(0.5px) brightness(90%);
transition: filter 0.2s ease-in-out;
padding-top: 4rem;
}
-.crd-link:hover {
- filter: saturate(1) blur(0) brightness(100%);
-}
-.crd-link:hover .fa-arrow-right {
- right: 0;
- visibility: visible;
- opacity: 1;
-}
.crd-content-ctn-1,
.crd-content-ctn-2,
.crd-content-ctn-3 {
@@ -265,11 +256,9 @@ section {
font-size: 5rem;
position: absolute;
bottom: 0;
- right: 3rem;
+ right: 0;
padding: 2rem;
transition: 0.2s ease-in-out;
- visibility: hidden;
- opacity: 0;
color: var(--linkcolor);
filter: drop-shadow( 1px 1px 2px #000);
}
@@ -415,21 +404,49 @@ textarea {
+@media only screen and (min-width: 600px) {
+ .crd-link {
+ filter: saturate(0) blur(0.5px) brightness(90%);
+ }
+ .crd-link:hover {
+ filter: saturate(1) blur(0) brightness(100%);
+ }
+ .crd-arrow {
+ right: 3rem;
+ opacity: 0;
+ }
+ .crd-link:hover .fa-arrow-right {
+ right: 0;
+ opacity: 1;
+ }
+}
+
+
+
+
+
+
/* UNDER CONSTRUCTION */
.under-construction-ctn {
position: fixed;
height: fit-content;
width: 100%;
- font-size: 2rem;
+ font-size: 1.7rem;
text-align: center;
margin-top: 6rem;
z-index: 1;
display: flex;
justify-content: center;
+ background-color: #ff4a4a;
}
-.under-construction-text {
- width: 50%;
- background-color: var(--mainbg2);
+
+/* FORM NOT WORKING */
+.form-not-working-ctn {
+ font-size: 1.5rem;
+ background-color: #fd3535;
+ width: 100%;
+ padding: 1rem;
+ text-align: center;
}
diff --git a/header.html b/header.html
new file mode 100644
index 0000000..80b3b62
--- /dev/null
+++ b/header.html
@@ -0,0 +1,98 @@
+
\ No newline at end of file
diff --git a/index.html b/index.html
index 2dbe7fe..7f9b9dd 100644
--- a/index.html
+++ b/index.html
@@ -98,11 +98,6 @@
aria-hidden="true"
aria-label="my bluesky account">
-
{
- mobile_menu.classList.toggle("active");
- nav_menu.classList.toggle("active");
+mobile_menu.addEventListener('click', () => {
+ mobile_menu.classList.toggle('active');
+ nav_menu.classList.toggle('active');
})
-document.querySelectorAll(".nav-link").forEach(n => n.addEventListener("click", () => {
- mobile_menu.classList.remove("active");
- nav_menu.classList.remove("active");
+document.querySelectorAll('.nav-link').forEach(n => n.addEventListener('click', () => {
+ mobile_menu.classList.remove('active');
+ nav_menu.classList.remove('active');
}))
function nullLink() {
- alert("NO LINK FOR THIS PROJECT YET :D");
+ alert('NO LINK FOR THIS PROJECT YET :D');
}
// navigation - page indicator
-const active_page = window.location.pathname === "/" ? "/index.html" : window.location.pathname;
+const active_page = window.location.pathname === '/' ? '/index.html' : window.location.pathname;
console.log(active_page);
-const nav_links = document.querySelectorAll(".nav-link").forEach(link => {
+const nav_links = document.querySelectorAll('.nav-link').forEach(link => {
if(link.href.includes(active_page)) {
- link.classList.add("active-page");
- link.closest(".nav-item").classList.add("active-page-bg");
+ link.classList.add('active-page');
+ link.closest('.nav-item').classList.add('active-page-bg');
}
})
@@ -37,10 +37,23 @@ const underConstruction = () => {
header.insertAdjacentHTML('afterend',
`
-
- WEBSITE IS UNDER CONSTRUCTION :D
-
+ WEBSITE IS UNDER CONSTRUCTION :D
`);
};
-underConstruction();
\ No newline at end of file
+underConstruction();
+
+//form not working
+const formNotWorking = () => {
+ const form = document.querySelector('.form');
+ if (!form) {
+ console.log('Form class not found.');
+ return;
+ }
+
+ form.insertAdjacentHTML('afterbegin',
+ `Form not working in the meantime.
`
+ )
+}
+
+formNotWorking();
\ No newline at end of file
diff --git a/privacy-policy.html b/privacy-policy.html
index 8f6791e..0bdc61c 100644
--- a/privacy-policy.html
+++ b/privacy-policy.html
@@ -22,109 +22,21 @@
-