From: bochard Date: Wed, 23 Apr 2025 01:01:05 +0000 (+0800) Subject: update in design but not yet finish X-Git-Url: https://git.bochard.net/?a=commitdiff_plain;h=e45183053d7bd6e59f9a27b142ae6cfeda66423c;p=mysite.git update in design but not yet finish --- diff --git a/.gitignore b/.gitignore deleted file mode 100755 index 4090eab..0000000 --- a/.gitignore +++ /dev/null @@ -1 +0,0 @@ -archives/ \ No newline at end of file diff --git a/archives/v1/images/icons/favicon.ico b/archives/v1/images/icons/favicon.ico deleted file mode 100755 index 30a3548..0000000 Binary files a/archives/v1/images/icons/favicon.ico and /dev/null differ diff --git a/archives/v1/images/projects/avif/product-landing.avif b/archives/v1/images/projects/avif/product-landing.avif deleted file mode 100755 index 00950f3..0000000 Binary files a/archives/v1/images/projects/avif/product-landing.avif and /dev/null differ diff --git a/archives/v1/images/projects/avif/survey-form.avif b/archives/v1/images/projects/avif/survey-form.avif deleted file mode 100755 index 6e6a8cc..0000000 Binary files a/archives/v1/images/projects/avif/survey-form.avif and /dev/null differ diff --git a/archives/v1/images/projects/avif/technical-documentation.avif b/archives/v1/images/projects/avif/technical-documentation.avif deleted file mode 100755 index bfc5c8e..0000000 Binary files a/archives/v1/images/projects/avif/technical-documentation.avif and /dev/null differ diff --git a/archives/v1/images/projects/avif/tribute.avif b/archives/v1/images/projects/avif/tribute.avif deleted file mode 100755 index 1a4141e..0000000 Binary files a/archives/v1/images/projects/avif/tribute.avif and /dev/null differ diff --git a/archives/v1/images/projects/jpeg/product-landing.jpeg b/archives/v1/images/projects/jpeg/product-landing.jpeg deleted file mode 100755 index 025d780..0000000 Binary files a/archives/v1/images/projects/jpeg/product-landing.jpeg and /dev/null differ diff --git a/archives/v1/images/projects/jpeg/survey-form.jpeg b/archives/v1/images/projects/jpeg/survey-form.jpeg deleted file mode 100755 index fe8faa7..0000000 Binary files a/archives/v1/images/projects/jpeg/survey-form.jpeg and /dev/null differ diff --git a/archives/v1/images/projects/jpeg/technical-documentation.jpeg b/archives/v1/images/projects/jpeg/technical-documentation.jpeg deleted file mode 100755 index 40e51ae..0000000 Binary files a/archives/v1/images/projects/jpeg/technical-documentation.jpeg and /dev/null differ diff --git a/archives/v1/images/projects/jpeg/tribute.jpeg b/archives/v1/images/projects/jpeg/tribute.jpeg deleted file mode 100755 index 95b7317..0000000 Binary files a/archives/v1/images/projects/jpeg/tribute.jpeg and /dev/null differ diff --git a/archives/v1/images/projects/webp/product-landing.webp b/archives/v1/images/projects/webp/product-landing.webp deleted file mode 100755 index 0173252..0000000 Binary files a/archives/v1/images/projects/webp/product-landing.webp and /dev/null differ diff --git a/archives/v1/images/projects/webp/survey-form.webp b/archives/v1/images/projects/webp/survey-form.webp deleted file mode 100755 index 4cc5fc1..0000000 Binary files a/archives/v1/images/projects/webp/survey-form.webp and /dev/null differ diff --git a/archives/v1/images/projects/webp/technical-documentation.webp b/archives/v1/images/projects/webp/technical-documentation.webp deleted file mode 100755 index 53e87a7..0000000 Binary files a/archives/v1/images/projects/webp/technical-documentation.webp and /dev/null differ diff --git a/archives/v1/images/projects/webp/tribute.webp b/archives/v1/images/projects/webp/tribute.webp deleted file mode 100755 index d1edd31..0000000 Binary files a/archives/v1/images/projects/webp/tribute.webp and /dev/null differ diff --git a/archives/v1/index.html b/archives/v1/index.html deleted file mode 100755 index f1d9407..0000000 --- a/archives/v1/index.html +++ /dev/null @@ -1,131 +0,0 @@ - - - - - - - - - tenkyuu - web developer - - - - - - - - - -

tenkyuu

- -

// Hello, I'm rain, a...

Web Developer :D

- -

- - -

- -

whoAmI?

I am nothing.

I'm a 17 year-old Filipino guy who loves writing codes and creating websites. Fully self-taught programmer. -

- -

myWorks

Ta-daa!

These are the best works I made so far...

- -

- -

- -

- -

- -

letsWorkTogether!

lemme cook

- - - - - - - - - -

- - - - - - diff --git a/archives/v1/script.js b/archives/v1/script.js deleted file mode 100755 index 7682eef..0000000 --- a/archives/v1/script.js +++ /dev/null @@ -1,3 +0,0 @@ -function imgClickNull() { - alert("No link, I forgot lmao"); -} \ No newline at end of file diff --git a/archives/v1/styles.css b/archives/v1/styles.css deleted file mode 100755 index 64100f3..0000000 --- a/archives/v1/styles.css +++ /dev/null @@ -1,356 +0,0 @@ -*, -before, -after { - box-sizing: border-box; - margin: 0; - padding: 0; -} -html { - font-size: 62.5%; -} -body { - font-family: "Source Code Pro", monospace; - background-color: #141C25; -} -section { - margin-top: 10rem; - padding: 2rem; -} -section h2 { - font-family: "Chakra Petch", sans-serif; -} - -/* Navigation Bar */ -header { - background-color: #2E4057; - height: 7.5rem; - padding: 0 0.4rem; - display: flex; - justify-content: space-between; - align-items: center; - border-bottom: 0.4rem solid #729B79; - position: fixed; - top: 1rem; - left: 50%; - width: 80vw; - transform: translateX(-50%); - border-radius: 0.8rem; - box-shadow: 0.8rem 0.8rem 0.2rem #000; -} -.logo { - font-size: 2rem; - color: #F4FFF8; - font-family: "Chakra Petch", sans-serif; - text-shadow: 0.2rem 0.2rem #4EA699; -} -#navbar ul { - display: flex; - flex-wrap: wrap; - gap: 0.2rem; -} -#navbar ul li { - list-style: none; -} -#navbar ul li a { - border: 0.2rem solid #F4FFF8; - border-radius: 0.6rem; - font-size: 1rem; - padding: 0.2rem; - text-decoration: none; - color: #F4FFF8; -} -#navbar ul li a:hover { - background-color: #F4FFF8; - color: #2E4057; -} - -/* Heading */ -#heading { - height: 100vh; - width: 100%; - margin: auto; - text-align: center; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; -} -#heading h1 { - color: #4EA699; - font-size: 2rem; -} -#heading .subheading { - color: #F4FFF8; - font-size: 3.8rem; - font-family: "Chakra Petch", sans-serif; - animation: color-change-animation 4.5s ease-in-out infinite 0.5s; -} -#heading a { - color: #F4FFF8; - text-decoration: none; - margin-top: 1rem; - font-size: 1.6rem; -} -#heading a i { - margin-top: -0.4rem; - font-size: 1.6rem; -} -#heading a:hover, #heading a i:hover { - transform: scale(90%); - transition: 0.5s ease-in-out 0.2s; -} - -/* About */ -#about { - background-color: #2E4057; - width: 80vw; - margin: auto; - border-radius: 0.6rem; - margin-bottom: 4rem; - box-shadow: 1rem 1rem 0.2rem #000; -} -#about h1, #about .subheading { - text-align: center; -} -#about h1 { - font-size: 3rem; - color: #F4FFF8; - padding-top: 1.4rem; -} -#about .subheading { - font-size: 1.8rem; - color: #4EA699; -} -#about .paragraph { - font-size: 1.6rem; - padding: 1.8rem; - color: #91A0A8; -} - -/* Projects */ -#projects { - background-color: #2E4057; - width: 80vw; - margin: auto; - border-radius: 0.6rem; - padding-bottom: 1rem; - margin-bottom: 4rem; - box-shadow: 1rem 1rem 0.2rem #000; -} -#projects h2, #projects .subheading { - text-align: center; -} -#projects h2 { - font-size: 3rem; - color: #F4FFF8; - padding-top: 1.4rem; -} -#projects .subheading { - font-size: 1.8rem; - color: #4EA699; -} -#projects .paragraph { - font-size: 1.6rem; - padding: 1.8rem; - color: #91A0A8; -} -#projects .project-gallery { - border: 0.2rem solid #729B79; - border-radius: 0.6rem; - height: 20rem; - width: 90%; - margin: 1rem auto; - margin-bottom: 3rem; - box-shadow: 1rem 1rem 0.2rem #000; - background-color: #4EA69980; - padding: 1.4rem; - white-space: nowrap; - overflow: auto; - display: flex; - flex-direction: row; - gap: 1.4rem; -} -.project-tile img { - border-radius: 0.8rem; - box-shadow: 0.8rem 0.8rem 0.4rem black; - height: 90%; - object-fit: cover; -} - -/* Contact */ -#contact { - background-color: #2E4057; - width: 80vw; - margin: auto; - border-radius: 0.6rem; - padding-bottom: 1rem; - box-shadow: 1rem 1rem 0.2rem #000; -} -#contact h2, #contact .subheading { - text-align: center; -} -#contact h2 { - font-size: 3rem; - color: #F4FFF8; - padding-top: 1.4rem; -} -#contact .subheading { - font-size: 1.8rem; - color: #4EA699; -} -.contact-options { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - gap: 2rem; - height: 2rem; - padding: 3rem; - margin-top: 1.8rem; - margin-bottom: 1.8rem; -} -#contact a { - color: #729B79; - border: 0.2rem solid #729B79; - border-radius: 1rem; - padding: 1rem; - font-size: 2.8rem; - box-shadow: 0.6rem 0.6rem #000; - transition: 0.5s ease-in-out 0.2s; -} -#contact a:hover { - color: #F4FFF8; - border: 0.2rem solid #F4FFF8; - transform: scale(1.2); -} - -/* Footer */ -footer { - background-color: #2E4057; - height: 10rem; - font-family: "Chakra Petch", sans-serif; - display: flex; - align-items: center; - justify-content: center; - font-size: 1.6rem; - margin-top: 8rem; -} -p.copyright { - color: #F4FFF8; -} -.copyright .logo { - font-size: 2.4rem; -} - -/* Media Queries */ -@media (prefers-reduced-motion: no-preference) { - * { - scroll-behavior: smooth; - } -} - -/* Different screen sizes responsiveness */ -@media only screen and (min-width: 600px) { - header { - padding: 0 2rem; - } - .logo { - font-size: 3.4rem; - } - #navbar ul { - gap: 1rem; - } - #navbar ul li a { - font-size: 1.8rem; - } - #heading h1 { - font-size: 3.4rem; - } - #heading .subheading { - font-size: 6rem; - } - #heading a { - font-size: 2rem; - } - #heading a .chevron-down { - margin-top: -0.8rem; - font-size: 2rem; - } - #about { - width: 70vw; - max-width: 100rem; - } - #about h1 { - font-size: 5rem; - } - #about .subheading { - font-size: 2.8rem; - } - #about .paragraph { - font-size: 2.4rem; - padding: 3rem; - } - #projects { - width: 80vw; - max-width: 120rem; - } - #projects h2 { - font-size: 5rem; - } - #projects .subheading { - font-size: 2.8rem; - } - #projects .paragraph { - font-size: 2.4rem; - padding: 3rem; - } - #projects .project-gallery { - height: 30rem; - gap: 2.4rem; - } - .project-tile img { - height: 95%; - } - #contact { - width: 70vw; - max-width: 100rem; - } - #contact h2 { - font-size: 5rem; - } - #contact .subheading { - font-size: 2.8rem; - } - .contact-options { - gap: 4rem; - height: 4rem; - padding: 4rem; - } - #contact a { - padding: 1.4rem; - font-size: 4rem; - } - footer { - height: 12rem; - font-size: 2rem; - } - .copyright .logo { - font-size: 2.8rem; - } -} - -/* Animations */ -@keyframes color-change-animation { - 25% { - color: #729B79; - } - 50%{ - color: #91A0A8; - } - 75% { - color: #4EA699; - } - 100% { - color: #F4FFF8; - } -} diff --git a/archives/v2/about.html b/archives/v2/about.html deleted file mode 100755 index 0361408..0000000 --- a/archives/v2/about.html +++ /dev/null @@ -1,115 +0,0 @@ - - - - - - - - - - tenkyuu - about - - - - - - - - - - - - - - - - - - -

- tenkyuu - ☰ - -

- -

//ABOUT

- -

- Hello, My name is tenkyuu.
- Nice to meet you!
-

- I'm a 17-year old self-learn
- Filipino web developer who makes
- hand-coded static websites. -

- I've been interested on making
- websites since grade school.
-

- Now, that's what I do for a living! -

- I'm really passionate on making
- specific type of websites -
- simple websites like this one,
- old-internet style websites, and
- Japanese style websites. -

- Umm... that's all I can say for now HAHA
- (tbh I'm not really good at words.) -

- Thank you for reading this!
- Thank youu!! -

- -

- - - -

- - -

- - - - - - \ No newline at end of file diff --git a/archives/v2/assets/icons/favicon.ico b/archives/v2/assets/icons/favicon.ico deleted file mode 100755 index 30a3548..0000000 Binary files a/archives/v2/assets/icons/favicon.ico and /dev/null differ diff --git a/archives/v2/assets/pfp/tenkyuu-img.webp b/archives/v2/assets/pfp/tenkyuu-img.webp deleted file mode 100755 index 2dd14dc..0000000 Binary files a/archives/v2/assets/pfp/tenkyuu-img.webp and /dev/null differ diff --git a/archives/v2/contact.html b/archives/v2/contact.html deleted file mode 100755 index 908ab77..0000000 --- a/archives/v2/contact.html +++ /dev/null @@ -1,88 +0,0 @@ - - - - - - - - - - tenkyuu - contact - - - - - - - - - - - - - - - - - - -

- tenkyuu - ☰ - -

- -

//CONTACT

- Hello! If you liked this website and you're
- interested in making a website for your own,
- whether for personal or business purposes.
- You can reach me out anytime! -

- For inquiries, you can email me here: -

- - - -

- If you didn't received a reply immediately.
- Don't worry, I'll reply as soon as I could! -

- - -

- - - - - - \ No newline at end of file diff --git a/archives/v2/css/projects/survey-form.css b/archives/v2/css/projects/survey-form.css deleted file mode 100755 index 38e4953..0000000 --- a/archives/v2/css/projects/survey-form.css +++ /dev/null @@ -1,105 +0,0 @@ -*, -::before, -::after { - box-sizing: border-box; - margin: 0; - padding: 0; -} -html { - font-size: 62.5%; -} -body { - font-family: "Raleway", sans-serif; - background-color: #22243e; - height: 100vh; -} -main { - display: flex; - justify-content: center; - align-items: center; -} -.form-container { - width: 90%; - max-width: 45rem; - height: auto; - padding: 4rem 2rem; - margin: 4rem auto; - background-color: #e5e5e5; - border: 0.2rem solid #000; - border-radius: 1.4rem; - box-shadow: #000 0.7rem 1rem 0.7rem; - -} -.header-container, .footer-container { - text-align: center; -} -form { - padding: 1rem 2rem; -} -.form-title { - font-size: 2.8rem; - font-family: "DM Sans", sans-serif; - font-weight: 900; -} -.form-subheading { - font-size: 1.6rem; - font-family: "DM Sans", sans-serif; - font-weight: 600; -} -.italicize { - font-style: italic; -} -fieldset { - border: none; - border-bottom: 0.2rem solid gray; - padding-bottom: 1.4rem; - margin-bottom: 1rem; -} -legend, p { - font-size: 1.4rem; - margin: 0.7rem; -} -label { - font-size: 1.4rem; - display: block; - margin: 0.7rem auto; -} -input, select, textarea { - padding: 0.2rem 0.4rem; - border: 0.1rem solid #000; - border-radius: 0.3rem; - background-color: #e5e5e5; - font-family: "Raleway", sans-serif; -} -input:focus, select:focus, textarea:focus { - box-shadow: #000 0.1rem 0.1rem; -} -option:checked { - background-color: #22243e; - color: #e5e5e5; -} -input[type="radio"], input[type="checkbox"] { - accent-color: #22243e; -} -textarea { - width: 100%; - height: 7rem; - resize: none; -} -input[type="submit"] { - font-family: "DM Sans", sans-serif; - font-weight: 700; - font-size: 1.8rem; - padding: 0.4rem 2rem; - background-color: #22243e; - color: #e5e5e5; - cursor: pointer; -} -input[type="submit"]:hover, input[type="submit"]:focus { - background-color: #e5e5e5; - color: #000; - transition: 0.2s; -} -a { - color: #22243e; -} \ No newline at end of file diff --git a/archives/v2/css/styles.css b/archives/v2/css/styles.css deleted file mode 100755 index ee2b89d..0000000 --- a/archives/v2/css/styles.css +++ /dev/null @@ -1,648 +0,0 @@ -:root { - --text-color: #ffffff; - --background-color: #000000; - --box-selection-color: #ffffff; - --box-text-color: #000000; - --title-text: "Lato", sans-serif; - --cursive-text: "Meddon", cursive; - --section-title-background: #0f0c0c; - --box-border: #000000; - --black-icon-color: #000000; -} -*, -::before, -::after { - box-sizing: border-box; - margin: 0; - padding: 0; -} -html { - font-size: 62.5%; -} -body { - font-family: "Epilogue", sans-serif; - display: flex; - flex-direction: column; - align-items: center; -} - -/* top and sidebar */ -header { - position: fixed; - width: 100vw; - height: 10rem; - background-color: var(--background-color); - top: 0; - padding: 0 5rem; - display: flex; - justify-content: space-between; - align-items: center; - z-index: 1; -} -.logo, .btnNav, nav, nav li { - color: var(--text-color); -} -.logo { - font-size: 2rem; - font-family: var(--title-text); - font-weight: 900; -} -.btnNav, .btnNavClose { - cursor: pointer; -} -.btnNav { - font-size: 3rem; -} -.btnNavClose { - font-size: 3rem; - margin-left: 15rem; -} -nav { - height: 100vh; - width: 0; - padding-top: 4rem; - font-size: 2rem; - background-color: var(--background-color); - position: fixed; - top: 0; - right: 0; - z-index: 3; - transition: 0.5s; -} -nav li { - list-style: none; - margin: 4rem 5rem; -} -nav a { - text-decoration: none; - color: var(--text-color); - padding: 1rem; -} -.current-page { - background-color: var(--box-selection-color); - color: var(--box-text-color); -} -nav a:hover, nav a:focus { - background-color: var(--box-selection-color); - color: var(--box-text-color); - transition: 0.2s; -} -#opacity-block { - width: 100vw; - height: 100vh; - top: 0; - left: 0; - background-color: var(--background-color); - opacity: 0; - z-index: 2; - position: fixed; - pointer-events: none; - transition: 1s; -} - -/* main */ -main { - padding-top: 10rem; -} -.section-title { - background-color: var(--section-title-background); - color: var(--text-color); - padding: 0.7rem 0; - padding-left: 1rem; - margin: 1rem; - font-size: 1.4rem; -} -.content-container { - margin: 2rem 1.2rem 4rem; -} -/* for centered contents */ -.content-container-centered { - margin: 2rem 1.2rem 4rem; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} -.dev-name { - font-size: 3.6rem; - font-family: var(--title-text); - font-weight: 900; -} -.description { - font-size: 1.8rem; - margin-top: 1.2rem; - margin-bottom: 1rem; - line-height: 2.4rem; -} -.center { - text-align: center; -} -.strong { - font-weight: bold; -} -/* for contact.html */ -.center-description { - text-align: center; -} -.main-section-title { - background-color: var(--section-title-background); - color: var(--text-color); - padding: 2rem; - font-size: 1.8rem; - text-align: center; - width: 100vw; -} -/* for about.html */ -.dev-pfp { - width: 20rem; - border-radius: 1rem; - margin-bottom: 2rem; -} - -/* skills */ -.skills-section { - display: flex; - justify-content: center; - flex-direction: row; - flex-wrap: wrap; - gap: 1rem; -} -.skill-container { - border: 0.2rem solid var(--box-border); - border-radius: 1rem; - padding: 2rem; - width: 100%; - max-width: 50rem; -} -.skill-title { - font-size: 2.4rem; - font-family: var(--title-text); - font-weight: 900; -} -.skill-container li { - font-size: 1.6rem; - list-style-position: inside; - padding: 0.6rem 0; -} -.skill-container li:nth-of-type(1) { - margin-top: 1rem; -} - -/* projects */ -.project-gallery { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - flex-wrap: wrap; - gap: 1rem; -} -.project-tile img { - width: 100%; - max-width: 50rem; - border: 0.4rem solid var(--box-border); - border-radius: 1rem; - object-fit: cover; - transition: 0.2s; -} -.project-tile img:hover, .project-tile img:focus { - transform: scale(0.99); -} -.all-projects-view { - padding: 7rem; - text-align: center; - vertical-align: middle; -} -.project-tile .all-text { - text-decoration: none; - color: var(--box-text-color); - border: 0.2rem solid var(--box-border); - font-size: 2rem; - padding: 2rem; - transition: 0.2s; -} -.project-tile .all-text:hover, .project-tile .all-text:focus { - color: var(--text-color); - background-color: var(--background-color); -} -/* for projects.html */ -.full-project-list { - display: flex; - justify-content: center; - align-items: flex-start; - flex-direction: row; - flex-wrap: wrap; - gap: 1rem; - margin: 2rem 1.2rem 4rem; -} -.full-project-tile { - width: 100%; - max-width: 50rem; -} -.full-project-tile img { - width: 100%; - max-width: 50rem; - border: 0.4rem solid var(--box-border); - border-radius: 1rem; - object-fit: cover; - transition: 0.2s; -} -.full-project-tile img:hover, .full-project-tile img:focus { - transform: scale(0.99); -} -.project-info { - padding: 1.4rem; -} -.project-name { - font-family: var(--title-text); - font-weight: 900; - font-size: 2rem; -} -.project-description { - padding-top: 0.8rem; - font-size: 1.6rem; - line-height: 2.4rem; -} - -/* contactMe! */ -.contact-container { - text-align: center; - vertical-align: center; -} -.contact-container a { - text-decoration: none; - color: var(--black-icon-color); -} -.email-icon { - font-size: 7rem; - transition: 0.2s; -} -.email-me-text { - background-color: var(--background-color); - color: var(--text-color); - width: 10rem; - padding: 1rem; - margin: 0 auto; - font-size: 1.6rem; - border: 0.2rem solid var(--box-border); - transition: 0.2s; -} -.email-icon:hover, .email-icon:focus { - transform: scale(0.9); -} -.email-me-text:hover, .email-me-text:focus { - background-color: unset; - color: var(--box-text-color); -} -/* for contact.html */ - - -/* randomArt */ -code { - display: flex; - justify-content: center; - align-items: center; - margin: auto; - width: fit-content; - border: 0.4rem solid var(--box-border); - border-radius: 1rem; -} -.your-name { - transform: scale(0.5) -} - -/* back-to-top & social-icons */ -.back-to-top, .social-icons { - text-align: center; - vertical-align: middle; - display: flex; - align-items: center; - justify-content: center; - gap: 1rem; -} -.back-to-top a, .social-icons a { - color: var(--black-icon-color); - text-decoration: none; - transition: 0.3s; -} -.back-to-top { - margin-top: 4rem; - font-size: 2rem; -} -.back-to-top a { - padding: 2rem; -} -.back-to-top a:hover, .back-to-top a:focus{ - transform: translateY(-1rem); -} -.social-icons { - font-size: 4rem; -} -.social-icons a:hover, .social-icons a:focus { - transform: scale(0.9); -} - -/* footer */ -footer { - width: 95%; - margin: 2rem auto; - background-color: var(--background-color); - color: var(--text-color); - padding: 2rem; -} -footer p { - text-align: center; -} -.built-with-love { - font-size: 1.4rem; -} -.love { - font-family: var(--title-text); - font-weight: 900; - font-size: 1.8rem; -} -footer a { - color: var(--box-text-color); - background-color: var(--box-selection-color); - padding: 0.2rem 0.4rem; - font-family: var(--title-text); - text-decoration: none; -} -.copyright { - margin-top: 1.8rem; - font-size: 1.8rem; - font-family: var(--title-text); - font-weight: 700; -} - -/* media queries */ -@media (prefers-reduced-motion: no-preference) { - * { - scroll-behavior: smooth; - } -} - -/* large mobile devices*/ -@media only screen and (min-width: 600px) { - /* top and sidebar */ - .btnNav, .btnNavClose { - display: none; - } - nav { - height: 100%; - width: unset; - padding-top: unset; - font-size: 1.4rem; - background-color: transparent; - position: relative; - top: unset; - right: unset; - z-index: 1; - transition: 0.5s; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - } - nav ul { - width: inherit; - display: flex; - flex-direction: row; - } - nav li { - margin: 1rem; - } - nav a { - padding: 1rem; - } - - /* skills */ - .skill-container { - width: calc(50% - 1rem); - } - - /* projects */ - .project-tile img { - max-width: 40rem; - } - .all-projects-view { - width: 40rem; - } - /* for projects.html */ - .full-project-tile { - width: calc(50% - 1rem); - } - .full-project-tile img { - max-width: 40rem; - } - - /* randomArt */ - code { - font-size: 1rem; - } -} - -/* tablets, ipads, and alike */ -@media only screen and (min-width: 768px) { - .logo { - font-size: 2.6rem; - } - - /* top and sidebar */ - nav { - font-size: 1.8rem; - } - - /* whoAmI? */ - .section-title { - font-size: 1.6rem; - } - .dev-name { - font-size: 4.2rem; - } - .description { - font-size: 2rem; - line-height: 2.8rem; - } - /* for projects.html */ - .main-section-title { - font-size: 2rem; - } - .project-name { - font-size: 3rem; - } - .project-description { - font-size: 1.8rem; - } - .full-project-tile img { - max-width: 60rem; - } - - /* skills */ - .skill-title { - font-size: 3rem; - } - .skill-container li { - font-size: 2rem; - padding: 0.8rem 0; - } - - /* projects */ - .project-tile img { - max-width: 60rem; - } - .project-tile .all-text { - font-size: 2.4rem; - } - - /* contactMe! */ - .email-icon { - font-size: 9rem; - } - .email-me-text { - width: 12rem; - font-size: 2rem; - } - - /* randomArt */ - code { - font-size: 1.2rem; - } - - /* back-to-top & social icons */ - .back-to-top { - margin-top: 7rem; - font-size: 2.8rem; - } - .back-to-top a { - padding: 2rem; - } - .social-icons { - font-size: 5rem; - gap: 2.4rem; - } - - footer { - padding: 4rem; - } - .built-with-love { - font-size: 1.8rem; - } - .love { - font-size: 2.4rem; - } - footer a { - padding: 0.4rem 0.6rem; - font-size: 2rem; - } - .copyright { - margin-top: 2.4rem; - font-size: 2rem; - } -} - -/* laptops/desktops and bigger screens */ -@media only screen and (min-width: 1024px) { - .logo { - font-size: 2.8rem; - } - - /* top and sidebar */ - header { - padding: 0 10rem; - } - nav { - font-size: 2rem; - } - - /* main */ - .content-container { - margin: 2rem 6rem 4rem; - } - .content-container-centered { - margin: 2rem 6rem 4rem; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - } - - /* for projects.html */ - .main-section-title { - font-size: 1.8rem; - } - .full-project-list { - width: 60%; - margin: 2rem auto 4rem; - gap: 2rem; - } - .project-name { - font-size: 2.8rem; - } - .project-description { - font-size: 1.6rem; - } - - /* whoAmI? */ - .dev-name { - font-size: 4rem; - } - .description { - line-height: 2.6rem; - } - - /* skills */ - .skill-container { - width: 15%; - } - .skill-title { - font-size: 2.4rem; - } - - /* projects */ - .project-tile img { - max-width: 35rem; - height: 50rem; - } - .all-projects-view { - width: 25rem; - } - .project-tile .all-text { - font-size: 2rem; - } - - /* contactMe! */ - .email-icon { - font-size: 8rem; - } - - /* randomArt */ - code { - font-size: 1rem; - } - - /* back-to-top & social icons */ - .back-to-top { - font-size: 2.4rem; - } - .back-to-top a { - padding: 4rem; - } - .social-icons { - font-size: 4rem; - } - - /* footer */ - .built-with-love { - font-size: 1.4rem; - } - .love { - font-size: 2rem; - } - footer a { - font-size: 1.6rem; - } - .copyright { - margin-top: 2.8rem; - } -} \ No newline at end of file diff --git a/archives/v2/images/projects/avif/product-landing.avif b/archives/v2/images/projects/avif/product-landing.avif deleted file mode 100755 index 50ade0d..0000000 Binary files a/archives/v2/images/projects/avif/product-landing.avif and /dev/null differ diff --git a/archives/v2/images/projects/avif/survey-form.avif b/archives/v2/images/projects/avif/survey-form.avif deleted file mode 100755 index edde3f8..0000000 Binary files a/archives/v2/images/projects/avif/survey-form.avif and /dev/null differ diff --git a/archives/v2/images/projects/avif/technical-documentation.avif b/archives/v2/images/projects/avif/technical-documentation.avif deleted file mode 100755 index 00180d3..0000000 Binary files a/archives/v2/images/projects/avif/technical-documentation.avif and /dev/null differ diff --git a/archives/v2/images/projects/avif/tribute.avif b/archives/v2/images/projects/avif/tribute.avif deleted file mode 100755 index 17756f5..0000000 Binary files a/archives/v2/images/projects/avif/tribute.avif and /dev/null differ diff --git a/archives/v2/images/projects/jpeg/product-landing.jpeg b/archives/v2/images/projects/jpeg/product-landing.jpeg deleted file mode 100755 index 5ae2ed5..0000000 Binary files a/archives/v2/images/projects/jpeg/product-landing.jpeg and /dev/null differ diff --git a/archives/v2/images/projects/jpeg/survey-form.jpeg b/archives/v2/images/projects/jpeg/survey-form.jpeg deleted file mode 100755 index 13d8635..0000000 Binary files a/archives/v2/images/projects/jpeg/survey-form.jpeg and /dev/null differ diff --git a/archives/v2/images/projects/jpeg/technical-documentation.jpeg b/archives/v2/images/projects/jpeg/technical-documentation.jpeg deleted file mode 100755 index 5015629..0000000 Binary files a/archives/v2/images/projects/jpeg/technical-documentation.jpeg and /dev/null differ diff --git a/archives/v2/images/projects/jpeg/tribute.jpeg b/archives/v2/images/projects/jpeg/tribute.jpeg deleted file mode 100755 index 181fba8..0000000 Binary files a/archives/v2/images/projects/jpeg/tribute.jpeg and /dev/null differ diff --git a/archives/v2/images/projects/webp/product-landing.webp b/archives/v2/images/projects/webp/product-landing.webp deleted file mode 100755 index 43960bb..0000000 Binary files a/archives/v2/images/projects/webp/product-landing.webp and /dev/null differ diff --git a/archives/v2/images/projects/webp/survey-form.webp b/archives/v2/images/projects/webp/survey-form.webp deleted file mode 100755 index acf51cc..0000000 Binary files a/archives/v2/images/projects/webp/survey-form.webp and /dev/null differ diff --git a/archives/v2/images/projects/webp/technical-documentation.webp b/archives/v2/images/projects/webp/technical-documentation.webp deleted file mode 100755 index 681a05a..0000000 Binary files a/archives/v2/images/projects/webp/technical-documentation.webp and /dev/null differ diff --git a/archives/v2/images/projects/webp/tribute.webp b/archives/v2/images/projects/webp/tribute.webp deleted file mode 100755 index 6459c18..0000000 Binary files a/archives/v2/images/projects/webp/tribute.webp and /dev/null differ diff --git a/archives/v2/index.html b/archives/v2/index.html deleted file mode 100755 index bc6bda4..0000000 --- a/archives/v2/index.html +++ /dev/null @@ -1,226 +0,0 @@ - - - - - - - - - - tenkyuu - web developer - - - - - - - - - - - - - - - - - - -

- tenkyuu - ☰ - -

- -

//whoAmI?

tenkyuu

I'm a 17-year old Filipino web developer making hand-coded static websites. I've been improving my skills and learning new stuffs everyday.

I love creating websites such as old-internet, and Japanese style websites.

- -

//skills

Front-End Development:

HTML
CSS
JavaScript (beginner)

Softwares:

Visual Studio
Notepad (yep, i code here)
CapCut

Other Things I'm Interested:

Cybersecurity
Eastern Philosophies
Christianity
Stoicism
Aerospace
Books
Anime

Other Skills:

Video Editing

Spoken Languages:

Filipino (native)
Japanese (conversational)
English (fluent)

- -

//projects

- -

- All ➔ -

- -

//contactMe!

- - -

- Email me -

- -

Want to talk about life?
- or maybe about work, I guess?!
- You want to make your own website, right?
- Agh... whatever it is, just email me
- I'll reply right away! -

- -

//randomArt

-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââ      ââââââââââââ      ââââââââââââ
-ââââââââââ  ââ  ââââââââââââ  ââ  ââââââââââââ
-ââââââââââ      ââââââââââââ      ââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââ      ââââââââââââââââââââââ
-ââââââââââââââ          ââââââââââââââââââââââ
-ââââââââââââ            ââââââââââââââââââââââ
-ââââââââââ        ââ    ââââââââââââââââââââââ
-ââââââââ            ââââ  ââââââââââââââââââââ
-ââââââââ                    ââââââââââââââââââ
-ââââââ      ââ      ââ      ââââââââââââââââââ
-ââââââ    ââ  ââ  ââ  ââ  ââ  ââ      ââââââââ
-ââââââ                                ââââââââ
-ââââââ                                ââââââââ
-ââââââ                                ââââââââ
-ââââââââ                            ââââââââââ
-ââââââââââ                        ââââââââââââ
-ââââââââââââââââââ        ââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ
-ââââââââââââââââââââââââââââââââââââââââââââââ

- -

- - - -

- - -

- - - - - - \ No newline at end of file diff --git a/archives/v2/javascript/script.js b/archives/v2/javascript/script.js deleted file mode 100755 index 1b653cd..0000000 --- a/archives/v2/javascript/script.js +++ /dev/null @@ -1,21 +0,0 @@ -function menuToggleOpen() { - document.getElementById("menu").style.width = "50%"; - document.getElementById("opacity-block").style.opacity = "80%"; - document.getElementById("opacity-block").style.pointerEvents = "all"; -} -function menuToggleClose() { - document.getElementById("menu").style.width = "0"; - document.getElementById("opacity-block").style.opacity = "0"; - document.getElementById("opacity-block").style.pointerEvents = "none"; -} -function imgClickNull() { - alert("No link for this project yet. Construction still ongoing!"); -} - -// survey-form.html -function fakeSubmittedNotice() { - alert("Yeah, it works! (not actually submitted lol, idk php yet.)"); -} -function termsNull() { - alert("i didn't made a real terms and conditions ^.^"); -} \ No newline at end of file diff --git a/archives/v2/projects.html b/archives/v2/projects.html deleted file mode 100755 index 644aca6..0000000 --- a/archives/v2/projects.html +++ /dev/null @@ -1,148 +0,0 @@ - - - - - - - - - - tenkyuu - works - - - - - - - - - - - - - - - - - - -

- tenkyuu - ☰ - -

- -

//PROJECTS

- -

Technical Documentation Page

- A fake technical documentation page I've made - from one of the required courses in freeCodeCamp. -

- -

Product Landing Page

- A product landing page I've made about coffee because I love coffee. -

- -

Tribute Page

- A tribute page I've made for Steve Jobs, the founder of Apple. -

- -

Survey Form

- A simple survey form that records surveys (obviously). -

- -

- - - -

- - -

- - - - - - \ No newline at end of file diff --git a/archives/v2/projects/survey-form.html b/archives/v2/projects/survey-form.html deleted file mode 100755 index 62d65da..0000000 --- a/archives/v2/projects/survey-form.html +++ /dev/null @@ -1,176 +0,0 @@ -<<<<<<< HEAD:projects/survey-form.html - - - - - - - - - - Survey Form by tenkyuu - - - - - - - - - - - - - - - - -

- -

- First Name: - Last Name (optional): - Age: - Occupation: - - - Email: - Password: -

- -

- Personal - Business -

- -

- Where did you hear about us? (optional) - Twitter - Website - Search Engine - Other: -

- -

- What do you think about this form? (optional) - -

- - -

- - - - -======= - - - - - - - - - - Survey Form by tenkyuu - - - - - - - - - - - - - - - - - -

- -

- First Name: - Last Name (optional): - Age: - Occupation: - - - Email: - Password: -

- -

- Personal - Business -

- -

- Where did you hear about us? (optional) - Twitter - Website - Search Engine - Other: -

- -

- What do you think about this form? (optional) - -

- - -

- - - - ->>>>>>> origin/v3:legacy/v2/projects/survey-form.html diff --git a/archives/v2/sitemap.xml b/archives/v2/sitemap.xml deleted file mode 100755 index 5966d37..0000000 --- a/archives/v2/sitemap.xml +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - https://tenkyuu.dev/ - 2024-07-16T03:18:01+00:00 - - - - \ No newline at end of file diff --git a/archives/v3/assets/icons/favicon.ico b/archives/v3/assets/icons/favicon.ico deleted file mode 100755 index 30a3548..0000000 Binary files a/archives/v3/assets/icons/favicon.ico and /dev/null differ diff --git a/archives/v3/assets/images/purpletiaracatcolorconstruction.gif b/archives/v3/assets/images/purpletiaracatcolorconstruction.gif deleted file mode 100755 index bedc540..0000000 Binary files a/archives/v3/assets/images/purpletiaracatcolorconstruction.gif and /dev/null differ diff --git a/archives/v3/assets/images/static/background-cover-1.jpg b/archives/v3/assets/images/static/background-cover-1.jpg deleted file mode 100755 index f1f68e9..0000000 Binary files a/archives/v3/assets/images/static/background-cover-1.jpg and /dev/null differ diff --git a/archives/v3/assets/images/static/crd-cover-1.jpg b/archives/v3/assets/images/static/crd-cover-1.jpg deleted file mode 100755 index 341b0e7..0000000 Binary files a/archives/v3/assets/images/static/crd-cover-1.jpg and /dev/null differ diff --git a/archives/v3/assets/images/static/crd-cover-2.jpeg b/archives/v3/assets/images/static/crd-cover-2.jpeg deleted file mode 100755 index cabf669..0000000 Binary files a/archives/v3/assets/images/static/crd-cover-2.jpeg and /dev/null differ diff --git a/archives/v3/assets/images/vev-veve.gif b/archives/v3/assets/images/vev-veve.gif deleted file mode 100755 index 93b8c0d..0000000 Binary files a/archives/v3/assets/images/vev-veve.gif and /dev/null differ diff --git a/archives/v3/assets/pfp/profile.jpg b/archives/v3/assets/pfp/profile.jpg deleted file mode 100755 index 3415a16..0000000 Binary files a/archives/v3/assets/pfp/profile.jpg and /dev/null differ diff --git a/archives/v3/contact.html b/archives/v3/contact.html deleted file mode 100755 index 8560c1c..0000000 --- a/archives/v3/contact.html +++ /dev/null @@ -1,188 +0,0 @@ - - - - - - - - - - rain - web developer - - - - - - - - - - - - - - - -

- -

bocharudo.

- - -

Contact Form

- -

- - - - - - - - - - \ No newline at end of file diff --git a/archives/v3/css/styles.css b/archives/v3/css/styles.css deleted file mode 100755 index 9919543..0000000 --- a/archives/v3/css/styles.css +++ /dev/null @@ -1,465 +0,0 @@ -:root { - --mainbg1: #e2e2e2; - --mainbg2: #f0f0f0; - --formbg: #474747; - --linkbg: #1b1b1b; - --linkcolor: #fff; - --linkcolor1: #111; - --linkhover1: #fff; - --linkhover2: #505050; - --linkhover3: #cecece; - --barcolor: #111; - --textcolor0: #f0f0f0; - --textcolor1: #111; - --textcolor2: #333333; - --textcolor3: #6e6e6e; - --textcolor5: #000; - --currentpageindicator: #f0f0f0; -} -*, -::before, -::after { - box-sizing: border-box; - margin: 0; - padding: 0; -} -html { - font-size: 62.5%; -} -body { - font-family: 'Pangolin', serif; - min-height: 100vh; - display: flex; - flex-direction: column; - color: var(--textcolor1); - background-color: var(--mainbg2); -} -header { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 7rem; - background-color: var(--mainbg1); - display: flex; - justify-content: space-between; - align-items: center; - padding: 0 2rem; - border-bottom: 1px solid gray; - z-index: 1; -} -.logo { - font-family: 'Amatic SC', serif; - font-weight: 700; - color: var(--textcolor1); - font-size: 3rem; - text-decoration: none; - user-select: none; -} -.navbar { - font-size: 1.8rem; - display: flex; - justify-content: space-between; - align-items: center; -} -.nav-menu { - position: fixed; - top: 7rem; - left: -100%; - background-color: var(--mainbg1) ; - opacity: 0; - padding: 2.4rem; - height: 100%; - width: 100%; - z-index: 2; - pointer-events: none; - transition: 0.2s ease-in-out; - overflow-y: auto; -} -.nav-menu.active { - pointer-events: unset; - left: 0; - opacity: 1; -} -.nav-title { - font-size: 2.4rem; - font-weight: 700; -} -.nav-title:not(:nth-child(1)) { - margin-top: 3rem; -} -.nav-itm-ctn { - margin-top: 0.4rem; -} -.nav-item { - list-style: none; - padding: 0.7rem; -} -.nav-item:hover { - background-color: var(--linkbg); - border-radius: 1.4rem; -} -.nav-item.active-page-bg { - background-color: var(--linkbg); - border-radius: 1.4rem; -} -.nav-item:hover .nav-link, -.nav-item:hover .project-link-name { - color: var(--linkhover1); -} -.nav-item:hover .project-link-info { - color: var(--linkhover3); -} -.nav-link { - color: var(--textcolor2); - text-decoration: none; - line-height: 2rem; - display: block; -} -.nav-link.active-page { - color: var(--linkhover1); -} -.project-link-info { - font-size: 1.7rem; - color: var(--textcolor3); -} -.nav-link:is(:link, :active, :visited).active-page::before { - color: var(--currentpageindicator); -} -/* footer in navigation menu */ -.nav-row-ctn { - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-between; - width: 100%; - margin-top: 10rem; -} -.made-with-love { - font-size: 1.2rem; - color: var(--textcolor2); - vertical-align: middle; -} -.love { - font-family: 'Amatic SC', serif; - font-weight: 700; - font-size: 1.7rem; -} -.nav-social { - font-size: 2rem; -} -.nav-social a { - color: var(--linkcolor1); - text-decoration: none; - margin: auto 0.2rem; -} -.nav-social a:hover, .nav-social a:focus { - color: var(--linkhover2); -} -/* navigation hamburger design */ -.mobile-menu { - display: none; - cursor: pointer; -} -.bar { - display: block; - width: 25px; - height: 3px; - margin: 4px auto; - background-color: var(--barcolor); - border-radius: 2px; - transition: 0.3s ease-in-out; -} -.mobile-menu { - display: block; -} -.mobile-menu.active .bar:nth-child(2) { - opacity: 0; -} -.mobile-menu.active .bar:nth-child(1) { - transform: translateY(7px) rotate(45deg); -} -.mobile-menu.active .bar:nth-child(3) { - transform: translateY(-7px) rotate(-45deg); -} - - - -/* MAIN */ -section { - position: relative; - height: 100vh; -} -.bg-1 { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url(/assets/images/static/background-cover-1.jpg); -} -.background-cover { - background-position: center; - background-size: cover; - height: 100%; - width: 100%; - filter: blur(0.5px) brightness(70%) contrast(90%); - pointer-events: none; - user-select: none; -} -.intro { - position: absolute; - left: 2rem; - bottom: 3rem; -} -.my-name { - font-family: 'Amatic SC', serif; - font-weight: 700; - font-size: 7rem; - color: var(--textcolor0); -} -.tagline { - font-size: 1.9rem; - color: var(--textcolor0); -} - - - -/* LINK CARDS */ -.cards { - height: auto; -} -.crd-link { - display: flex; - justify-content: center; - text-decoration: none; - background-size: cover; - background-position: center; - transition: filter 0.2s ease-in-out; - padding-top: 4rem; -} -.crd-content-ctn-1, -.crd-content-ctn-2, -.crd-content-ctn-3 { - color: var(--linkcolor); - width: 80%; - height: 25rem; - position: relative; -} -.crd-title, -.crd-tagline { - text-shadow: 2px 2px 4px #000; -} -.crd-title { - font-size: 7rem; - width: 100%; -} -.crd-tagline { - font-size: 1.7rem; - width: 100%; -} -.crd-arrow { - font-size: 5rem; - position: absolute; - bottom: 0; - right: 0; - padding: 2rem; - transition: 0.2s ease-in-out; - color: var(--linkcolor); - filter: drop-shadow( 1px 1px 2px #000); -} -.crd-1 { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url(/assets/images/static/crd-cover-1.jpg); -} -.crd-2 { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)), url(/assets/images/static/crd-cover-2.jpeg); -} - - - -/* QUESTIONS? */ -.questions { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - margin: 20rem auto; - height: auto; -} -.got-q { - font-family: 'Amatic SC', serif; - font-size: 4rem; - transition: transform 0.2s ease-in-out; - cursor: help; -} -.got-q:hover { - transform: rotate(7deg); -} -.q-link { - text-decoration: none; -} -.q-link:hover { - text-decoration: none; - word-spacing: 1rem; -} -.got-ans { - font-size: 3rem; - transition: 0.2s ease-in-out; - color: var(--linkcolor1); -} -.q-arrow { - margin-bottom: -0.3rem; - transition: 0.2s ease-in-out; - color: var(--linkhover2); -} - - - -/* FOOTER */ -footer { - margin-top: 7rem; - border-top: 1px solid gray; - font-size: 1.4rem; - background-color: var(--mainbg1); - height: 5rem; - width: 100%; - display: flex; - justify-content: center; - align-items: center; -} -.logo-sml { - font-family: 'Amatic SC', serif; - font-weight: 700; - font-size: 2rem; -} - - - -/* CONTACT.HTML */ -.form-container { - margin-top: 7rem; - padding: 2rem; - display: flex; - flex-direction: column; - align-items: center; -} -.contact-form { - font-family: 'Amatic SC', serif; - font-size: 4rem; - padding-left: 1.7rem; - margin-bottom: 1rem; -} -.form { - background-color: var(--formbg); - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - padding: 1.7rem; - border: 0.1rem solid #000000; - border-radius: 1rem; - width: 100%; - max-width: 60rem; -} -label, -input, -textarea { - display: inline-block; - width: 100%; -} -input, -textarea { - font-family: 'Pangolin', serif; - font-size: 1.7rem; - padding: 1rem; -} -label { - color: var(--textcolor0); - font-size: 2rem; - margin-top: 1rem; -} -textarea { - resize: none; - height: 17rem; -} -.contact-submit-btn { - font-size: 1.7rem; - padding: 1rem; - margin-top: 1.4rem; - width: 100%; - transition: 0.1s ease-in-out; - border: none; - border-radius: 0.4rem; - background-color: var(--linkcolor1); - color: var(--textcolor0); -} -.contact-submit-btn:hover { - background-color: var(--linkhover1); - color: var(--textcolor1); -} -.form-privacy-notice { - color: var(--textcolor0); - margin-top: 1rem; - font-size: 1.2rem; -} -.privacy-notice-link { - color: var(--linkcolor); -} -.privacy-notice-link:hover { - color: var(--linkhover4); -} - - - - - - -@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: 1.7rem; - text-align: center; - margin-top: 6rem; - z-index: 1; - display: flex; - justify-content: center; - background-color: #aaaaaa; - color: var(--textcolor1); -} - -/* FORM NOT WORKING */ -.form-not-working-ctn { - font-size: 1.5rem; - background-color: #fd5b5b; - color: var(--textcolor0); - width: 100%; - padding: 1rem; - text-align: center; -} - - - -@media (prefers-reduced-motion: no-preference) { - * { - scroll-behavior: smooth; - } -} \ No newline at end of file diff --git a/archives/v3/index.html b/archives/v3/index.html deleted file mode 100755 index a65063d..0000000 --- a/archives/v3/index.html +++ /dev/null @@ -1,174 +0,0 @@ - - - - - - - - - - rain - web developer - - - - - - - - - - - - - - - -

- -

bocharudo.

- - -

bocharudo.

I code on paper and create websites out of it.

- -

Photos.

Glimpses and memories through my lens, captured specks of our world.

- -

- - -

Projects.

Websites I've made from codes written out of pen and paper.

- -

GOT SOME QUESTIONS?

- -

I have answers. - -

- -

- - - - - - - - - - \ No newline at end of file diff --git a/archives/v3/js/brands.min.js b/archives/v3/js/brands.min.js deleted file mode 100755 index 6350996..0000000 --- a/archives/v3/js/brands.min.js +++ /dev/null @@ -1,6 +0,0 @@ -/*! - * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com - * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - * Copyright 2024 Fonticons, Inc. - */ -!function(){"use strict";let c={},l={};try{"undefined"!=typeof window&&(c=window),"undefined"!=typeof document&&(l=document)}catch(c){}const{userAgent:z=""}=c.navigator||{};var h=c,a=l,m=(h.document,!a.documentElement||!a.head||"function"!=typeof a.addEventListener||a.createElement,~z.indexOf("MSIE")||z.indexOf("Trident/"),"classic"),C={fak:"kit","fa-kit":"kit"},v={fakd:"kit-duotone","fa-kit-duotone":"kit-duotone"},s={classic:{fa:"solid",fas:"solid","fa-solid":"solid",far:"regular","fa-regular":"regular",fal:"light","fa-light":"light",fat:"thin","fa-thin":"thin",fad:"duotone","fa-duotone":"duotone",fab:"brands","fa-brands":"brands"},sharp:{fa:"solid",fass:"solid","fa-solid":"solid",fasr:"regular","fa-regular":"regular",fasl:"light","fa-light":"light",fast:"thin","fa-thin":"thin"},"sharp-duotone":{fa:"solid",fasds:"solid","fa-solid":"solid"}},M={kit:"fak"},H={"kit-duotone":"fakd"},a="___FONT_AWESOME___";const V=(()=>{try{return!0}catch(c){return!1}})();function L(c){return new Proxy(c,{get(c,l){return l in c?c[l]:c[m]}})}const e={...s};e[m]={...s[m],...C,...v};L(e);const f={classic:{solid:"fas",regular:"far",light:"fal",thin:"fat",duotone:"fad",brands:"fab"},sharp:{solid:"fass",regular:"fasr",light:"fasl",thin:"fast"},"sharp-duotone":{solid:"fasds"}};f[m]={...f[m],...M,...H};H=L(f);const r={classic:{fab:"fa-brands",fad:"fa-duotone",fal:"fa-light",far:"fa-regular",fas:"fa-solid",fat:"fa-thin"},sharp:{fass:"fa-solid",fasr:"fa-regular",fasl:"fa-light",fast:"fa-thin"},"sharp-duotone":{fasds:"fa-solid"}};r[m]={...r[m],fak:"fa-kit"};L(r);const t={classic:{"fa-brands":"fab","fa-duotone":"fad","fa-light":"fal","fa-regular":"far","fa-solid":"fas","fa-thin":"fat"},sharp:{"fa-solid":"fass","fa-regular":"fasr","fa-light":"fasl","fa-thin":"fast"},"sharp-duotone":{"fa-solid":"fasds"}};t[m]={...t[m],"fa-kit":"fak"};L(t),L({classic:{900:"fas",400:"far",normal:"far",300:"fal",100:"fat"},sharp:{900:"fass",400:"fasr",300:"fasl",100:"fast"},"sharp-duotone":{900:"fasds"}});const o=new Set;Object.keys(H[m]).map(o.add.bind(o)),Object.keys(H.sharp).map(o.add.bind(o)),Object.keys(H["sharp-duotone"]).map(o.add.bind(o));const i=h||{};i[a]||(i[a]={}),i[a].styles||(i[a].styles={}),i[a].hooks||(i[a].hooks={}),i[a].shims||(i[a].shims=[]);var d=i[a];function n(h){return Object.keys(h).reduce((c,l)=>{var z=h[l];return!!z.icon?c[z.iconName]=z.icon:c[l]=z,c},{})}function u(c,l,z){var{skipHooks:h=!1}=2{u("fab",b),u("fa-brands",b)})}(); \ No newline at end of file diff --git a/archives/v3/js/fontawesome.min.js b/archives/v3/js/fontawesome.min.js deleted file mode 100755 index c0c78a9..0000000 --- a/archives/v3/js/fontawesome.min.js +++ /dev/null @@ -1,6 +0,0 @@ -/*! - * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com - * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - * Copyright 2024 Fonticons, Inc. - */ -!function(){"use strict";var t=()=>{};let e={},a={},n=null,r={mark:t,measure:t};try{"undefined"!=typeof window&&(e=window),"undefined"!=typeof document&&(a=document),"undefined"!=typeof MutationObserver&&(n=MutationObserver),"undefined"!=typeof performance&&(r=performance)}catch(t){}const{userAgent:i=""}=e.navigator||{},k=e,w=a,c=n;var o=r;const s=!!k.document,f=!!w.documentElement&&!!w.head&&"function"==typeof w.addEventListener&&"function"==typeof w.createElement,u=~i.indexOf("MSIE")||~i.indexOf("Trident/");var l="classic",m="duotone",d="sharp",p="sharp-duotone",h=[l,m,d,p],g={fak:"kit","fa-kit":"kit"},b={fakd:"kit-duotone","fa-kit-duotone":"kit-duotone"},v={classic:{fa:"solid",fas:"solid","fa-solid":"solid",far:"regular","fa-regular":"regular",fal:"light","fa-light":"light",fat:"thin","fa-thin":"thin",fad:"duotone","fa-duotone":"duotone",fab:"brands","fa-brands":"brands"},sharp:{fa:"solid",fass:"solid","fa-solid":"solid",fasr:"regular","fa-regular":"regular",fasl:"light","fa-light":"light",fast:"thin","fa-thin":"thin"},"sharp-duotone":{fa:"solid",fasds:"solid","fa-solid":"solid"}},y=[1,2,3,4,5,6,7,8,9,10],x=y.concat([11,12,13,14,15,16,17,18,19,20]),A={GROUP:"duotone-group",SWAP_OPACITY:"swap-opacity",PRIMARY:"primary",SECONDARY:"secondary"},N=[...Object.keys({classic:["fas","far","fal","fat"],sharp:["fass","fasr","fasl","fast"],"sharp-duotone":["fasds"]}),"solid","regular","light","thin","duotone","brands","2xs","xs","sm","lg","xl","2xl","beat","border","fade","beat-fade","bounce","flip-both","flip-horizontal","flip-vertical","flip","fw","inverse","layers-counter","layers-text","layers","li","pull-left","pull-right","pulse","rotate-180","rotate-270","rotate-90","rotate-by","shake","spin-pulse","spin-reverse","spin","stack-1x","stack-2x","stack","ul",A.GROUP,A.SWAP_OPACITY,A.PRIMARY,A.SECONDARY].concat(y.map(t=>"".concat(t,"x"))).concat(x.map(t=>"w-".concat(t))),t={kit:"fak"},y={"kit-duotone":"fakd"},x="___FONT_AWESOME___";const O=16,P="svg-inline--fa",C="data-fa-i2svg",S="data-fa-pseudo-element",E="data-fa-pseudo-element-pending",M="data-prefix",z="data-icon",j="fontawesome-i2svg",F="async",L=["HTML","HEAD","STYLE","SCRIPT"],R=(()=>{try{return!0}catch(t){return!1}})(),I=[l,d,p];function D(t){return new Proxy(t,{get(t,e){return e in t?t[e]:t[l]}})}const T={...v};T[l]={...v[l],...g,...b};const Y=D(T),H={classic:{solid:"fas",regular:"far",light:"fal",thin:"fat",duotone:"fad",brands:"fab"},sharp:{solid:"fass",regular:"fasr",light:"fasl",thin:"fast"},"sharp-duotone":{solid:"fasds"}};H[l]={...H[l],...t,...y};const W=D(H),_={classic:{fab:"fa-brands",fad:"fa-duotone",fal:"fa-light",far:"fa-regular",fas:"fa-solid",fat:"fa-thin"},sharp:{fass:"fa-solid",fasr:"fa-regular",fasl:"fa-light",fast:"fa-thin"},"sharp-duotone":{fasds:"fa-solid"}};_[l]={..._[l],fak:"fa-kit"};const B=D(_),U={classic:{"fa-brands":"fab","fa-duotone":"fad","fa-light":"fal","fa-regular":"far","fa-solid":"fas","fa-thin":"fat"},sharp:{"fa-solid":"fass","fa-regular":"fasr","fa-light":"fasl","fa-thin":"fast"},"sharp-duotone":{"fa-solid":"fasds"}};U[l]={...U[l],"fa-kit":"fak"};const X=D(U),q=/fa(s|r|l|t|d|b|k|kd|ss|sr|sl|st|sds)?[\-\ ]/,V="fa-layers-text",G=/Font ?Awesome ?([56 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp Duotone|Sharp|Kit)?.*/i;D({classic:{900:"fas",400:"far",normal:"far",300:"fal",100:"fat"},sharp:{900:"fass",400:"fasr",300:"fasl",100:"fast"},"sharp-duotone":{900:"fasds"}});const K=["class","data-prefix","data-icon","data-fa-transform","data-fa-mask"],J=A,Q=new Set;Object.keys(W[l]).map(Q.add.bind(Q)),Object.keys(W[d]).map(Q.add.bind(Q)),Object.keys(W[p]).map(Q.add.bind(Q));const Z=["kit",...N],$=k.FontAwesomeConfig||{};if(w&&"function"==typeof w.querySelector){const Ve=[["data-family-prefix","familyPrefix"],["data-css-prefix","cssPrefix"],["data-family-default","familyDefault"],["data-style-default","styleDefault"],["data-replacement-class","replacementClass"],["data-auto-replace-svg","autoReplaceSvg"],["data-auto-add-css","autoAddCss"],["data-auto-a11y","autoA11y"],["data-search-pseudo-elements","searchPseudoElements"],["data-observe-mutations","observeMutations"],["data-mutate-approach","mutateApproach"],["data-keep-original-source","keepOriginalSource"],["data-measure-performance","measurePerformance"],["data-show-missing-icons","showMissingIcons"]];Ve.forEach(t=>{var[e,t]=t,e=""===(e=function(t){var e=w.querySelector("script["+t+"]");if(e)return e.getAttribute(t)}(e))||"false"!==e&&("true"===e||e);null!=e&&($[t]=e)})}y={styleDefault:"solid",familyDefault:"classic",cssPrefix:"fa",replacementClass:P,autoReplaceSvg:!0,autoAddCss:!0,autoA11y:!0,searchPseudoElements:!1,observeMutations:!0,mutateApproach:"async",keepOriginalSource:!0,measurePerformance:!1,showMissingIcons:!0};$.familyPrefix&&($.cssPrefix=$.familyPrefix);const tt={...y,...$};tt.autoReplaceSvg||(tt.observeMutations=!1);const et={};Object.keys(y).forEach(e=>{Object.defineProperty(et,e,{enumerable:!0,set:function(t){tt[e]=t,at.forEach(t=>t(et))},get:function(){return tt[e]}})}),Object.defineProperty(et,"familyPrefix",{enumerable:!0,set:function(t){tt.cssPrefix=t,at.forEach(t=>t(et))},get:function(){return tt.cssPrefix}}),k.FontAwesomeConfig=et;const at=[];const nt=O,rt={size:16,x:0,y:0,rotate:0,flipX:!1,flipY:!1};const it="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";function ot(){let t=12,e="";for(;0>>0;t--;)a[t]=e[t];return a}function ct(t){return t.classList?st(t.classList):(t.getAttribute("class")||"").split(" ").filter(t=>t)}function lt(t){return"".concat(t).replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(//g,">")}function ft(a){return Object.keys(a||{}).reduce((t,e)=>t+"".concat(e,": ").concat(a[e].trim(),";"),"")}function ut(t){return t.size!==rt.size||t.x!==rt.x||t.y!==rt.y||t.rotate!==rt.rotate||t.flipX||t.flipY}function mt(){var t,e,a=P,n=et.cssPrefix,r=et.replacementClass;let i=':host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-thin:normal 100 1em/1 "Font Awesome 6 Sharp";--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 6 Sharp Duotone"}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display,inline-block);height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-2xs{vertical-align:.1em}.svg-inline--fa.fa-xs{vertical-align:0}.svg-inline--fa.fa-sm{vertical-align:-.0714285705em}.svg-inline--fa.fa-lg{vertical-align:-.2em}.svg-inline--fa.fa-xl{vertical-align:-.25em}.svg-inline--fa.fa-2xl{vertical-align:-.3125em}.svg-inline--fa.fa-pull-left{margin-right:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-pull-right{margin-left:var(--fa-pull-margin,.3em);width:auto}.svg-inline--fa.fa-li{width:var(--fa-li-width,2em);top:.25em}.svg-inline--fa.fa-fw{width:var(--fa-fw-width,1.25em)}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{transform-origin:center center}.fa-layers-text{left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center}.fa-layers-counter{background-color:var(--fa-counter-background-color,#ff253a);border-radius:var(--fa-counter-border-radius,1em);box-sizing:border-box;color:var(--fa-inverse,#fff);line-height:var(--fa-counter-line-height,1);max-width:var(--fa-counter-max-width,5em);min-width:var(--fa-counter-min-width,1.5em);overflow:hidden;padding:var(--fa-counter-padding,.25em .5em);right:var(--fa-right,0);text-overflow:ellipsis;top:var(--fa-top,0);transform:scale(var(--fa-counter-scale,.25));transform-origin:top right}.fa-layers-bottom-right{bottom:var(--fa-bottom,0);right:var(--fa-right,0);top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom right}.fa-layers-bottom-left{bottom:var(--fa-bottom,0);left:var(--fa-left,0);right:auto;top:auto;transform:scale(var(--fa-layers-scale,.25));transform-origin:bottom left}.fa-layers-top-right{top:var(--fa-top,0);right:var(--fa-right,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top right}.fa-layers-top-left{left:var(--fa-left,0);right:auto;top:var(--fa-top,0);transform:scale(var(--fa-layers-scale,.25));transform-origin:top left}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.0833333337em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.0714285718em;vertical-align:.0535714295em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.0416666682em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1 * var(--fa-li-width,2em));position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1,1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1,1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,100%{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}100%,40%{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scale(-1,1)}.fa-flip-vertical{transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1,-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;vertical-align:middle;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:var(--fa-stack-z-index,auto)}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-sr-only,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fa-sr-only-focusable:not(:focus),.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fa-duotone.fa-inverse,.fad.fa-inverse{color:var(--fa-inverse,#fff)}';return"fa"===n&&r===a||(t=new RegExp("\\.".concat("fa","\\-"),"g"),e=new RegExp("\\--".concat("fa","\\-"),"g"),a=new RegExp("\\.".concat(a),"g"),i=i.replace(t,".".concat(n,"-")).replace(e,"--".concat(n,"-")).replace(a,".".concat(r))),i}let dt=!1;function pt(){et.autoAddCss&&!dt&&(function(t){if(t&&f){const r=w.createElement("style");r.setAttribute("type","text/css"),r.innerHTML=t;var a=w.head.childNodes;let e=null;for(let t=a.length-1;-1t())}const vt=[];let yt=!1;function xt(t){f&&(yt?setTimeout(t,0):vt.push(t))}function kt(t){const{tag:e,attributes:a={},children:n=[]}=t;return"string"==typeof t?lt(t):"<".concat(e," ").concat((r=a,Object.keys(r||{}).reduce((t,e)=>t+"".concat(e,'="').concat(lt(r[e]),'" '),"").trim()),">").concat(n.map(kt).join(""),"");var r}function wt(t,e,a){if(t&&t[e]&&t[e][a])return{prefix:e,iconName:a,icon:t[e][a]}}f&&(yt=(w.documentElement.doScroll?/^loaded|^c/:/^loaded|^i|^c/).test(w.readyState),yt||w.addEventListener("DOMContentLoaded",bt));function At(t,e,a,n){for(var r,i,o=Object.keys(t),s=o.length,c=void 0!==n?Nt(e,n):e,l=void 0===a?(r=1,t[o[0]]):(r=0,a);r{var a=n[e];return!!a.icon?t[a.iconName]=a.icon:t[e]=a,t},{})}function Ct(t,e,a){var{skipHooks:n=!1}=2{var t=n=>At(St,(t,e,a)=>(t[a]=At(e,n,{}),t),{});jt=t((e,t,a)=>{if(t[3]&&(e[t[3]]=a),t[2]){const n=t[2].filter(t=>"number"==typeof t);n.forEach(t=>{e[t.toString(16)]=a})}return e}),Ft=t((e,t,a)=>{if(e[a]=a,t[2]){const n=t[2].filter(t=>"string"==typeof t);n.forEach(t=>{e[t]=a})}return e}),It=t((e,t,a)=>{const n=t[2];return e[a]=a,n.forEach(t=>{e[t]=a}),e});const r="far"in St||et.autoFetchSvg;t=At(Et,(t,e)=>{const a=e[0];let n=e[1];e=e[2];return"far"!==n||r||(n="fas"),"string"==typeof a&&(t.names[a]={prefix:n,iconName:e}),"number"==typeof a&&(t.unicodes[a.toString(16)]={prefix:n,iconName:e}),t},{names:{},unicodes:{}});Lt=t.names,Rt=t.unicodes,zt=Ut(et.styleDefault,{family:et.familyDefault})};function Ht(t,e){return(jt[t]||{})[e]}function Wt(t,e){return(It[t]||{})[e]}function _t(t){return Lt[t]||{prefix:null,iconName:null}}N=t=>{zt=Ut(t.styleDefault,{family:et.familyDefault})},at.push(N),Yt();const Bt=()=>({prefix:null,iconName:null,rest:[]});function Ut(t,e){var{family:a=l}=1t!==m);c.forEach(e=>{(t.includes(i[e])||t.some(t=>Xt[e].includes(t)))&&(s=e)});const a=t.reduce((t,e)=>{var a,n=Tt(et.cssPrefix,e);return St[e]?(e=Mt[s].includes(e)?X[s][e]:e,o=e,t.prefix=e):-1e===i[t])||t.rest.push(e),!r&&t.prefix&&t.iconName&&(a="fa"===o?_t(t.iconName):{},n=Wt(t.prefix,t.iconName),a.prefix&&(o=null),t.iconName=a.iconName||n||t.iconName,t.prefix=a.prefix||t.prefix,"far"!==t.prefix||St.far||!St.fas||et.autoFetchSvg||(t.prefix="fas")),t},Bt());return(t.includes("fa-brands")||t.includes("fab"))&&(a.prefix="fab"),(t.includes("fa-duotone")||t.includes("fad"))&&(a.prefix="fad"),a.prefix||s!==d||!St.fass&&!et.autoFetchSvg||(a.prefix="fass",a.iconName=Wt(a.prefix,a.iconName)||a.iconName),a.prefix||s!==p||!St.fasds&&!et.autoFetchSvg||(a.prefix="fasds",a.iconName=Wt(a.prefix,a.iconName)||a.iconName),"fa"!==a.prefix&&"fa"!==o||(a.prefix=zt||"fas"),a}let Vt=[],Gt={};const Kt={},Jt=Object.keys(Kt);function Qt(t,e){for(var a=arguments.length,n=new Array(2{e=t.apply(null,[e,...n])}),e}function Zt(t){for(var e=arguments.length,a=new Array(1{t.apply(null,a)})}function $t(t){var e=t,t=Array.prototype.slice.call(arguments,1);return Kt[e]?Kt[e].apply(null,t):void 0}function te(t){"fa"===t.prefix&&(t.prefix="fas");let e=t["iconName"];t=t.prefix||zt;if(e)return e=Wt(t,e)||e,wt(ee.definitions,t,e)||wt(gt.styles,t,e)}const ee=new class{constructor(){this.definitions={}}add(){for(var t=arguments.length,e=new Array(t),a=0;a{this.definitions[t]={...this.definitions[t]||{},...n[t]},Ct(t,n[t]);var e=B[l][t];e&&Ct(e,n[t]),Yt()})}reset(){this.definitions={}}_pullDefinitions(i,t){const o=t.prefix&&t.iconName&&t.icon?{0:t}:t;return Object.keys(o).map(t=>{const{prefix:e,iconName:a,icon:n}=o[t],r=n[2];i[e]||(i[e]={}),0{"string"==typeof t&&(i[e][t]=n)}),i[e][a]=n}),i}};const ae={noAuto:()=>{et.autoReplaceSvg=!1,et.observeMutations=!1,Zt("noAuto")},config:et,dom:{i2svg:function(){var t=0{ne({autoReplaceSvgRoot:e}),Zt("watch",t)})}},parse:{icon:t=>{if(null===t)return null;if("object"==typeof t&&t.prefix&&t.iconName)return{prefix:t.prefix,iconName:Wt(t.prefix,t.iconName)||t.iconName};if(Array.isArray(t)&&2===t.length){var e=0===t[1].indexOf("fa-")?t[1].slice(3):t[1],a=Ut(t[0]);return{prefix:a,iconName:Wt(a,e)||e}}if("string"==typeof t&&(-1kt(t))}}),Object.defineProperty(e,"node",{get:function(){if(f){const t=w.createElement("div");return t.innerHTML=e.html,t.children}}}),e}function ie(t){const{icons:{main:e,mask:a},prefix:n,iconName:r,transform:i,symbol:o,title:s,maskId:c,titleId:l,extra:f,watchable:u=!1}=t;var{width:m,height:d}=a.found?a:e,p="fak"===n,t=[et.replacementClass,r?"".concat(et.cssPrefix,"-").concat(r):""].filter(t=>-1===f.classes.indexOf(t)).filter(t=>""!==t||!!t).concat(f.classes).join(" ");let h={children:[],attributes:{...f.attributes,"data-prefix":n,"data-icon":r,class:t,role:f.attributes.role||"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 ".concat(m," ").concat(d)}};m=p&&!~f.classes.indexOf("fa-fw")?{width:"".concat(m/d*16*.0625,"em")}:{};u&&(h.attributes[C]=""),s&&(h.children.push({tag:"title",attributes:{id:h.attributes["aria-labelledby"]||"title-".concat(l||ot())},children:[s]}),delete h.attributes.title);const g={...h,prefix:n,iconName:r,main:e,mask:a,maskId:c,transform:i,symbol:o,styles:{...m,...f.styles}};var{children:d,attributes:m}=a.found&&e.found?$t("generateAbstractMask",g)||{children:[],attributes:{}}:$t("generateAbstractIcon",g)||{children:[],attributes:{}};return g.children=d,g.attributes=m,(o?function(t){var{prefix:e,iconName:a,children:n,attributes:r,symbol:t}=t,t=!0===t?"".concat(e,"-").concat(et.cssPrefix,"-").concat(a):t;return[{tag:"svg",attributes:{style:"display: none;"},children:[{tag:"symbol",attributes:{...r,id:t},children:n}]}]}:function(t){let{children:e,main:a,mask:n,attributes:r,styles:i,transform:o}=t;if(ut(o)&&a.found&&!n.found){var{width:s,height:t}=a;const c=s/t/2,l=.5;r.style=ft({...i,"transform-origin":"".concat(c+o.x/16,"em ").concat(l+o.y/16,"em")})}return[{tag:"svg",attributes:r,children:e}]})(g)}function oe(t){const{content:e,width:a,height:n,transform:r,title:i,extra:o,watchable:s=!1}=t,c={...o.attributes,...i?{title:i}:{},class:o.classes.join(" ")};s&&(c[C]="");const l={...o.styles};ut(r)&&(l.transform=function(t){var{transform:e,width:a=O,height:n=O,startCentered:t=!1}=t;let r="";return t&&u?r+="translate(".concat(e.x/nt-a/2,"em, ").concat(e.y/nt-n/2,"em) "):r+=t?"translate(calc(-50% + ".concat(e.x/nt,"em), calc(-50% + ").concat(e.y/nt,"em)) "):"translate(".concat(e.x/nt,"em, ").concat(e.y/nt,"em) "),r+="scale(".concat(e.size/nt*(e.flipX?-1:1),", ").concat(e.size/nt*(e.flipY?-1:1),") "),r+="rotate(".concat(e.rotate,"deg) "),r}({transform:r,startCentered:!0,width:a,height:n}),l["-webkit-transform"]=l.transform);t=ft(l);0{var a,n;if("fa"===o&&(n=_t(r)||{},r=n.iconName||r,i=n.prefix||i),r&&i&&se[i]&&se[i][r])return t(ce(se[i][r]));a=r,n=i,R||et.showMissingIcons||!a||console.error('Icon with name "'.concat(a,'" and prefix "').concat(n,'" is missing.')),t({...le,icon:et.showMissingIcons&&r&&$t("missingIconAbstract")||{}})})}y=()=>{};const ue=et.measurePerformance&&o&&o.mark&&o.measure?o:{mark:y,measure:y},me='FA "6.6.0"';const de=t=>{ue.mark("".concat(me," ").concat(t," ends")),ue.measure("".concat(me," ").concat(t),"".concat(me," ").concat(t," begins"),"".concat(me," ").concat(t," ends"))};var pe={begin:t=>(ue.mark("".concat(me," ").concat(t," begins")),()=>de(t)),end:de};const he=()=>{};function ge(t){return"string"==typeof(t.getAttribute?t.getAttribute(C):null)}function be(e,t){const{ceFn:a="svg"===e.tag?function(t){return w.createElementNS("http://www.w3.org/2000/svg",t)}:function(t){return w.createElement(t)}}=1{e.parentNode.insertBefore(be(t),e)}),null===e.getAttribute(C)&&et.keepOriginalSource?(t=w.createComment((t=e,t=" ".concat(t.outerHTML," "),t="".concat(t,"Font Awesome fontawesome.com "))),e.parentNode.replaceChild(t,e)):e.remove())},nest:function(t){const e=t[0],a=t[1];if(~ct(e).indexOf(et.replacementClass))return ve.replace(t);const n=new RegExp("".concat(et.cssPrefix,"-.*"));if(delete a[0].attributes.id,a[0].attributes.class){const r=a[0].attributes.class.split(" ").reduce((t,e)=>((e===et.replacementClass||e.match(n)?t.toSvg:t.toNode).push(e),t),{toNode:[],toSvg:[]});a[0].attributes.class=r.toSvg.join(" "),0===r.toNode.length?e.removeAttribute("class"):e.setAttribute("class",r.toNode.join(" "))}t=a.map(t=>kt(t)).join("\n");e.setAttribute(C,""),e.innerHTML=t}};function ye(t){t()}function xe(a,t){const n="function"==typeof t?t:he;if(0===a.length)n();else{let t=ye;et.mutateApproach===F&&(t=k.requestAnimationFrame||ye),t(()=>{var t=!0!==et.autoReplaceSvg&&ve[et.autoReplaceSvg]||ve.replace;const e=pe.begin("mutate");a.map(t),e(),n()})}}let ke=!1;function we(){ke=!0}function Ae(){ke=!1}let Ne=null;function Oe(t){if(!c)return;if(!et.observeMutations)return;const{treeCallback:i=he,nodeCallback:o=he,pseudoElementsCallback:s=he,observeMutationsRoot:e=w}=t;Ne=new c(t=>{if(!ke){const r=zt;st(t).forEach(t=>{var e,a,n;"childList"===t.type&&0("class"!==t.name&&"style"!==t.name&&(t[e.name]=e.value),t),{});var a=t.getAttribute("title"),t=t.getAttribute("data-fa-title-id");return et.autoA11y&&(a?e["aria-labelledby"]="".concat(et.replacementClass,"-title-").concat(t||ot()):(e["aria-hidden"]="true",e.focusable="false")),e}(t),e=Qt("parseNodeAttributes",{},t),a=a.styleParser?function(t){const e=t.getAttribute("style");let a=[];return e&&(a=e.split(";").reduce((t,e)=>{const a=e.split(":");e=a[0];const n=a.slice(1);return e&&0e.add("".concat(j,"-").concat(t)),i=t=>e.remove("".concat(j,"-").concat(t)),a=et.autoFetchSvg?Me:I.map(t=>"fa-".concat(t)).concat(Object.keys(Se));a.includes("fa")||a.push("fa");var o=[".".concat(V,":not([").concat(C,"])")].concat(a.map(t=>".".concat(t,":not([").concat(C,"])"))).join(", ");if(0===o.length)return Promise.resolve();let s=[];try{s=st(t.querySelectorAll(o))}catch(t){}if(!(0{try{var a=Ee(e);a&&t.push(a)}catch(t){R||"MissingIcon"===t.name&&console.error(t)}return t},[]);return new Promise((e,a)=>{Promise.all(l).then(t=>{xe(t,()=>{r("active"),r("complete"),i("pending"),"function"==typeof n&&n(),c(),e()})}).catch(t=>{c(),a(t)})})}function je(t){let e=1{t&&xe([t],e)})}I.map(t=>{Me.add("fa-".concat(t))}),Object.keys(Y[l]).map(Me.add.bind(Me)),Object.keys(Y[d]).map(Me.add.bind(Me)),Object.keys(Y[p]).map(Me.add.bind(Me)),Me=[...Me];function Fe(t){let e=1(Zt("beforeDOMElementCreation",{iconDefinition:t,params:e}),et.autoA11y&&(o?l["aria-labelledby"]="".concat(et.replacementClass,"-title-").concat(s||ot()):(l["aria-hidden"]="true",l.focusable="false")),ie({icons:{main:ce(d),mask:r?ce(r.icon):{found:!1,width:null,height:null,icon:{}}},prefix:u,iconName:m,transform:{...rt,...a},symbol:n,title:o,maskId:i,titleId:s,extra:{attributes:l,styles:f,classes:c}})))}}x={mixout(){return{icon:(n=Fe,function(t){var e=1{}}=t;return ze(e,t)},t.generateSvgReplacementMutation=function(n,t){const{iconName:r,title:i,titleId:o,prefix:s,transform:c,symbol:l,mask:e,maskId:f,extra:u}=t;return new Promise((a,t)=>{Promise.all([fe(r,s),e.iconName?fe(e.iconName,e.prefix):Promise.resolve({found:!1,width:512,height:512,icon:{}})]).then(t=>{var[e,t]=t;a([n,ie({icons:{main:e,mask:t},prefix:s,iconName:r,transform:c,symbol:l,maskId:f,title:i,titleId:o,extra:u,watchable:!0})])}).catch(t)})},t.generateAbstractIcon=function(t){let{children:e,attributes:a,main:n,transform:r,styles:i}=t;t=ft(i);0{Zt("beforeDOMElementCreation",{assembler:t,params:a});let e=[];return t(t=>{Array.isArray(t)?t.map(t=>{e=e.concat(t.abstract)}):e=e.concat(t.abstract)}),[{tag:"span",attributes:{class:["".concat(et.cssPrefix,"-layers"),...n].join(" ")},children:e}]})}}}},o={mixout(){return{counter(t){let e=1(Zt("beforeDOMElementCreation",{content:t,params:e}),function(t){const{content:e,title:a,extra:n}=t,r={...n.attributes,...a?{title:a}:{},class:n.classes.join(" ")};0<(t=ft(n.styles)).length&&(r.style=t);const i=[];return i.push({tag:"span",attributes:r,children:[e]}),a&&i.push({tag:"span",attributes:{class:"sr-only"},children:[a]}),i}({content:t.toString(),title:a,extra:{attributes:r,styles:i,classes:["".concat(et.cssPrefix,"-layers-counter"),...n]}})))}}}},y={mixout(){return{text(t){let e=1(Zt("beforeDOMElementCreation",{content:t,params:e}),oe({content:t,transform:{...rt,...a},title:n,extra:{attributes:i,styles:o,classes:["".concat(et.cssPrefix,"-layers-text"),...r]}})))}}},provides(t){t.generateLayersText=function(t,e){const{title:a,transform:n,extra:r}=e;let i=null,o=null;var s;return u&&(s=parseInt(getComputedStyle(t).fontSize,10),e=t.getBoundingClientRect(),i=e.width/s,o=e.height/s),et.autoA11y&&!a&&(r.attributes["aria-hidden"]="true"),Promise.resolve([t,oe({content:t.innerHTML,width:i,height:o,transform:n,title:a,extra:r,watchable:!0})])}}};const Le=new RegExp('"',"ug"),Re=[1105920,1112319],Ie={FontAwesome:{normal:"fas",400:"fas"},"Font Awesome 6 Free":{900:"fas",400:"far"},"Font Awesome 6 Pro":{900:"fas",400:"far",normal:"far",300:"fal",100:"fat"},"Font Awesome 6 Brands":{400:"fab",normal:"fab"},"Font Awesome 6 Duotone":{900:"fad"},"Font Awesome 6 Sharp":{900:"fass",400:"fasr",normal:"fasr",300:"fasl",100:"fast"},"Font Awesome 6 Sharp Duotone":{900:"fasds"},"Font Awesome 5 Free":{900:"fas",400:"far"},"Font Awesome 5 Pro":{900:"fas",400:"far",normal:"far",300:"fal"},"Font Awesome 5 Brands":{400:"fab",normal:"fab"},"Font Awesome 5 Duotone":{900:"fad"},"Font Awesome Kit":{400:"fak",normal:"fak"},"Font Awesome Kit Duotone":{400:"fakd",normal:"fakd"}},De=Object.keys(Ie).reduce((t,e)=>(t[e.toLowerCase()]=Ie[e],t),{}),Te=Object.keys(De).reduce((t,e)=>{var a=De[e];return t[e]=a[900]||[...Object.entries(a)][0][1],t},{});function Ye(v,y){const x="".concat(E).concat(y.replace(":","-"));return new Promise((i,e)=>{if(null!==v.getAttribute(x))return i();const t=st(v.children),a=t.filter(t=>t.getAttribute(S)===y)[0],o=k.getComputedStyle(v,y),s=o.getPropertyValue("font-family"),c=s.match(G);var l,f,u=o.getPropertyValue("font-weight");const m=o.getPropertyValue("content");if(a&&!c)return v.removeChild(a),i();if(c&&"none"!==m&&""!==m){const m=o.getPropertyValue("content");let n=(l=s,f=u,l=l.replace(/^['"]|['"]$/g,"").toLowerCase(),f=parseInt(f),f=isNaN(f)?"normal":f,(De[l]||{})[f]||Te[l]);var{value:d,isSecondary:p}=(h=m,d=h.replace(Le,""),u=0,l=(f=d).length,h=(p=55296<=(h=f.charCodeAt(u))&&h<=56319&&u+1=Re[0]&&p<=Re[1],{value:Ot((p=2===d.length&&d[0]===d[1])?d[0]:d),isSecondary:h||p}),h=c[0].startsWith("FontAwesome");let t=Ht(n,d),r=t;if(h&&(h=d,d=Rt[h],h=Ht("fas",h),(h=d||(h?{prefix:"fas",iconName:h}:null)||{prefix:null,iconName:null}).iconName&&h.prefix&&(t=h.iconName,n=h.prefix)),!t||p||a&&a.getAttribute(M)===n&&a.getAttribute(z)===r)i();else{v.setAttribute(x,r),a&&v.removeChild(a);const g={iconName:null,title:null,titleId:null,prefix:null,transform:rt,symbol:!1,mask:{iconName:null,prefix:null,rest:[]},maskId:null,extra:{classes:[],styles:{},attributes:{}}},b=g["extra"];b.attributes[S]=y,fe(t,n).then(t=>{const e=ie({...g,icons:{main:t,mask:Bt()},prefix:n,iconName:r,extra:b,watchable:!0}),a=w.createElementNS("http://www.w3.org/2000/svg","svg");"::before"===y?v.insertBefore(a,v.firstChild):v.appendChild(a),a.outerHTML=e.map(t=>kt(t)).join("\n"),v.removeAttribute(x),i()}).catch(e)}}else i()})}function He(t){return Promise.all([Ye(t,"::before"),Ye(t,"::after")])}function We(t){return!(t.parentNode===document.head||~L.indexOf(t.tagName.toUpperCase())||t.getAttribute(S)||t.parentNode&&"svg"===t.parentNode.tagName)}function _e(r){if(f)return new Promise((t,e)=>{var a=st(r.querySelectorAll("*")).filter(We).map(He);const n=pe.begin("searchPseudoElements");we(),Promise.all(a).then(()=>{n(),Ae(),t()}).catch(()=>{n(),Ae(),e()})})}let Be=!1;const Ue=t=>{return t.toLowerCase().split(" ").reduce((t,e)=>{const a=e.toLowerCase().split("-");e=a[0];let n=a.slice(1).join("-");if(e&&"h"===n)return t.flipX=!0,t;if(e&&"v"===n)return t.flipY=!0,t;if(n=parseFloat(n),isNaN(n))return t;switch(e){case"grow":t.size=t.size+n;break;case"shrink":t.size=t.size-n;break;case"left":t.x=t.x-n;break;case"right":t.x=t.x+n;break;case"up":t.y=t.y-n;break;case"down":t.y=t.y+n;break;case"rotate":t.rotate=t.rotate+n}return t},{size:16,x:0,y:0,flipX:!1,flipY:!1,rotate:0})},Xe={x:0,y:0,width:"100%",height:"100%"};function qe(t){return t.attributes&&(t.attributes.fill||(!(1{-1===Jt.indexOf(t)&&delete Kt[t]}),Vt.forEach(t=>{const a=t.mixout?t.mixout():{};if(Object.keys(a).forEach(e=>{"function"==typeof a[e]&&(n[e]=a[e]),"object"==typeof a[e]&&Object.keys(a[e]).forEach(t=>{n[e]||(n[e]={}),n[e][t]=a[e][t]})}),t.hooks){const e=t.hooks();Object.keys(e).forEach(t=>{Gt[t]||(Gt[t]=[]),Gt[t].push(e[t])})}t.provides&&t.provides(Kt)}),n}([A,x,N,o,y,{hooks(){return{mutationObserverCallbacks(t){return t.pseudoElementsCallback=_e,t}}},provides(t){t.pseudoElements2svg=function(t){var{node:t=w}=t;et.searchPseudoElements&&_e(t)}}},{mixout(){return{dom:{unwatch(){we(),Be=!0}}}},hooks(){return{bootstrap(){Oe(Qt("mutationObserverCallbacks",{}))},noAuto(){Ne&&Ne.disconnect()},watch(t){t=t.observeMutationsRoot;Be?Ae():Oe(Qt("mutationObserverCallbacks",{observeMutationsRoot:t}))}}}},{mixout(){return{parse:{transform:t=>Ue(t)}}},hooks(){return{parseNodeAttributes(t,e){e=e.getAttribute("data-fa-transform");return e&&(t.transform=Ue(e)),t}}},provides(t){t.generateAbstractTransformGrouping=function(t){var{main:e,transform:a,containerWidth:n,iconWidth:r}=t,i={transform:"translate(".concat(n/2," 256)")},t="translate(".concat(32*a.x,", ").concat(32*a.y,") "),n="scale(".concat(a.size/16*(a.flipX?-1:1),", ").concat(a.size/16*(a.flipY?-1:1),") "),a="rotate(".concat(a.rotate," 0 0)");const o=i,s={transform:"".concat(t," ").concat(n," ").concat(a)},c={transform:"translate(".concat(r/2*-1," -256)")};return{tag:"g",attributes:{...o},children:[{tag:"g",attributes:{...s},children:[{tag:e.icon.tag,children:e.icon.children,attributes:{...e.icon.attributes,...c}}]}]}}}},{hooks(){return{parseNodeAttributes(t,e){const a=e.getAttribute("data-fa-mask"),n=a?qt(a.split(" ").map(t=>t.trim())):Bt();return n.prefix||(n.prefix=zt),t.mask=n,t.maskId=e.getAttribute("data-fa-mask-id"),t}}},provides(t){t.generateAbstractMask=function(t){let{children:e,attributes:a,main:n,mask:r,maskId:i,transform:o}=t;const{width:s,icon:c}=n;var{width:l,icon:f}=r,u=function(t){var{transform:e,containerWidth:a,iconWidth:n}=t,r={transform:"translate(".concat(a/2," 256)")},t="translate(".concat(32*e.x,", ").concat(32*e.y,") "),a="scale(".concat(e.size/16*(e.flipX?-1:1),", ").concat(e.size/16*(e.flipY?-1:1),") "),e="rotate(".concat(e.rotate," 0 0)");return{outer:r,inner:{transform:"".concat(t," ").concat(a," ").concat(e)},path:{transform:"translate(".concat(n/2*-1," -256)")}}}({transform:o,containerWidth:l,iconWidth:s}),m={tag:"rect",attributes:{...Xe,fill:"white"}},t=c.children?{children:c.children.map(qe)}:{},l={tag:"g",attributes:{...u.inner},children:[qe({tag:c.tag,attributes:{...c.attributes,...u.path},...t})]},t={tag:"g",attributes:{...u.outer},children:[l]},u="mask-".concat(i||ot()),l="clip-".concat(i||ot()),t={tag:"mask",attributes:{...Xe,id:u,maskUnits:"userSpaceOnUse",maskContentUnits:"userSpaceOnUse"},children:[m,t]},t={tag:"defs",children:[{tag:"clipPath",attributes:{id:l},children:"g"===(f=f).tag?f.children:[f]},t]};return e.push(t,{tag:"rect",attributes:{fill:"currentColor","clip-path":"url(#".concat(l,")"),mask:"url(#".concat(u,")"),...Xe}}),{children:e,attributes:a}}}},{provides(t){let i=!1;k.matchMedia&&(i=k.matchMedia("(prefers-reduced-motion: reduce)").matches),t.missingIconAbstract=function(){const t=[];var e={fill:"currentColor"},a={attributeType:"XML",repeatCount:"indefinite",dur:"2s"};t.push({tag:"path",attributes:{...e,d:"M156.5,447.7l-12.6,29.5c-18.7-9.5-35.9-21.2-51.5-34.9l22.7-22.7C127.6,430.5,141.5,440,156.5,447.7z M40.6,272H8.5 c1.4,21.2,5.4,41.7,11.7,61.1L50,321.2C45.1,305.5,41.8,289,40.6,272z M40.6,240c1.4-18.8,5.2-37,11.1-54.1l-29.5-12.6 C14.7,194.3,10,216.7,8.5,240H40.6z M64.3,156.5c7.8-14.9,17.2-28.8,28.1-41.5L69.7,92.3c-13.7,15.6-25.5,32.8-34.9,51.5 L64.3,156.5z M397,419.6c-13.9,12-29.4,22.3-46.1,30.4l11.9,29.8c20.7-9.9,39.8-22.6,56.9-37.6L397,419.6z M115,92.4 c13.9-12,29.4-22.3,46.1-30.4l-11.9-29.8c-20.7,9.9-39.8,22.6-56.8,37.6L115,92.4z M447.7,355.5c-7.8,14.9-17.2,28.8-28.1,41.5 l22.7,22.7c13.7-15.6,25.5-32.9,34.9-51.5L447.7,355.5z M471.4,272c-1.4,18.8-5.2,37-11.1,54.1l29.5,12.6 c7.5-21.1,12.2-43.5,13.6-66.8H471.4z M321.2,462c-15.7,5-32.2,8.2-49.2,9.4v32.1c21.2-1.4,41.7-5.4,61.1-11.7L321.2,462z M240,471.4c-18.8-1.4-37-5.2-54.1-11.1l-12.6,29.5c21.1,7.5,43.5,12.2,66.8,13.6V471.4z M462,190.8c5,15.7,8.2,32.2,9.4,49.2h32.1 c-1.4-21.2-5.4-41.7-11.7-61.1L462,190.8z M92.4,397c-12-13.9-22.3-29.4-30.4-46.1l-29.8,11.9c9.9,20.7,22.6,39.8,37.6,56.9 L92.4,397z M272,40.6c18.8,1.4,36.9,5.2,54.1,11.1l12.6-29.5C317.7,14.7,295.3,10,272,8.5V40.6z M190.8,50 c15.7-5,32.2-8.2,49.2-9.4V8.5c-21.2,1.4-41.7,5.4-61.1,11.7L190.8,50z M442.3,92.3L419.6,115c12,13.9,22.3,29.4,30.5,46.1 l29.8-11.9C470,128.5,457.3,109.4,442.3,92.3z M397,92.4l22.7-22.7c-15.6-13.7-32.8-25.5-51.5-34.9l-12.6,29.5 C370.4,72.1,384.4,81.5,397,92.4z"}});var n={...a,attributeName:"opacity"};const r={tag:"circle",attributes:{...e,cx:"256",cy:"364",r:"28"},children:[]};return i||r.children.push({tag:"animate",attributes:{...a,attributeName:"r",values:"28;14;28;28;14;28;"}},{tag:"animate",attributes:{...n,values:"1;0;1;1;0;1;"}}),t.push(r),t.push({tag:"path",attributes:{...e,opacity:"1",d:"M263.7,312h-16c-6.6,0-12-5.4-12-12c0-71,77.4-63.9,77.4-107.8c0-20-17.8-40.2-57.4-40.2c-29.1,0-44.3,9.6-59.2,28.7 c-3.9,5-11.1,6-16.2,2.4l-13.1-9.2c-5.6-3.9-6.9-11.8-2.6-17.2c21.2-27.2,46.4-44.7,91.2-44.7c52.3,0,97.4,29.8,97.4,80.2 c0,67.6-77.4,63.5-77.4,107.8C275.7,306.6,270.3,312,263.7,312z"},children:i?[]:[{tag:"animate",attributes:{...n,values:"1;0;0;0;0;1;"}}]}),i||t.push({tag:"path",attributes:{...e,opacity:"0",d:"M232.5,134.5l7,168c0.3,6.4,5.6,11.5,12,11.5h9c6.4,0,11.7-5.1,12-11.5l7-168c0.3-6.8-5.2-12.5-12-12.5h-23 C237.7,122,232.2,127.7,232.5,134.5z"},children:[{tag:"animate",attributes:{...n,values:"0;0;1;1;0;0;"}}]}),{tag:"g",attributes:{class:"missing"},children:t}}}},{hooks(){return{parseNodeAttributes(t,e){e=e.getAttribute("data-fa-symbol");return t.symbol=null!==e&&(""===e||e),t}}}}],{mixoutsTo:ae}),function(t){try{for(var e=arguments.length,a=new Array(1{ne(),Zt("bootstrap")})),gt.hooks={...gt.hooks,addPack:(t,e)=>{gt.styles[t]={...gt.styles[t]||{},...e},Yt(),ne()},addPacks:t=>{t.forEach(t=>{var[e,t]=t;gt.styles[e]={...gt.styles[e]||{},...t}}),Yt(),ne()},addShims:t=>{gt.shims.push(...t),Yt(),ne()}}})}(); \ No newline at end of file diff --git a/archives/v3/js/script.js b/archives/v3/js/script.js deleted file mode 100755 index d4da6f2..0000000 --- a/archives/v3/js/script.js +++ /dev/null @@ -1,59 +0,0 @@ -// navigation -const mobile_menu = document.querySelector('.mobile-menu'); -const nav_menu = document.querySelector('.nav-menu'); - -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'); -})) - -function nullLink() { - alert('NO LINK FOR THIS PROJECT YET :D'); -} - -// navigation - page indicator -const active_page = window.location.pathname === '/' ? '/index.html' : window.location.pathname; -console.log(active_page); - -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'); - } -}) - -// under constuction div -const underConstruction = () => { - const header = document.querySelector('header'); - if (!header) { - console.log('Header element not found.'); - return; - } - - header.insertAdjacentHTML('afterend', - `

- WEBSITE IS UNDER CONSTRUCTION :D -

`); -}; - -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/archives/v3/js/solid.min.js b/archives/v3/js/solid.min.js deleted file mode 100755 index a062c7d..0000000 --- a/archives/v3/js/solid.min.js +++ /dev/null @@ -1,6 +0,0 @@ -/*! - * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com - * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - * Copyright 2024 Fonticons, Inc. - */ -!function(){"use strict";let c={},l={};try{"undefined"!=typeof window&&(c=window),"undefined"!=typeof document&&(l=document)}catch(c){}const{userAgent:s=""}=c.navigator||{};var z=c,L=l,M=(z.document,!L.documentElement||!L.head||"function"!=typeof L.addEventListener||L.createElement,~s.indexOf("MSIE")||s.indexOf("Trident/"),"classic"),a={fak:"kit","fa-kit":"kit"},e={fakd:"kit-duotone","fa-kit-duotone":"kit-duotone"},C={classic:{fa:"solid",fas:"solid","fa-solid":"solid",far:"regular","fa-regular":"regular",fal:"light","fa-light":"light",fat:"thin","fa-thin":"thin",fad:"duotone","fa-duotone":"duotone",fab:"brands","fa-brands":"brands"},sharp:{fa:"solid",fass:"solid","fa-solid":"solid",fasr:"regular","fa-regular":"regular",fasl:"light","fa-light":"light",fast:"thin","fa-thin":"thin"},"sharp-duotone":{fa:"solid",fasds:"solid","fa-solid":"solid"}},m={kit:"fak"},r={"kit-duotone":"fakd"},L="___FONT_AWESOME___";const f=(()=>{try{return!0}catch(c){return!1}})();function o(c){return new Proxy(c,{get(c,l){return l in c?c[l]:c[M]}})}const t={...C};t[M]={...C[M],...a,...e};o(t);const i={classic:{solid:"fas",regular:"far",light:"fal",thin:"fat",duotone:"fad",brands:"fab"},sharp:{solid:"fass",regular:"fasr",light:"fasl",thin:"fast"},"sharp-duotone":{solid:"fasds"}};i[M]={...i[M],...m,...r};r=o(i);const n={classic:{fab:"fa-brands",fad:"fa-duotone",fal:"fa-light",far:"fa-regular",fas:"fa-solid",fat:"fa-thin"},sharp:{fass:"fa-solid",fasr:"fa-regular",fasl:"fa-light",fast:"fa-thin"},"sharp-duotone":{fasds:"fa-solid"}};n[M]={...n[M],fak:"fa-kit"};o(n);const d={classic:{"fa-brands":"fab","fa-duotone":"fad","fa-light":"fal","fa-regular":"far","fa-solid":"fas","fa-thin":"fat"},sharp:{"fa-solid":"fass","fa-regular":"fasr","fa-light":"fasl","fa-thin":"fast"},"sharp-duotone":{"fa-solid":"fasds"}};d[M]={...d[M],"fa-kit":"fak"};o(d),o({classic:{900:"fas",400:"far",normal:"far",300:"fal",100:"fat"},sharp:{900:"fass",400:"fasr",300:"fasl",100:"fast"},"sharp-duotone":{900:"fasds"}});const h=new Set;Object.keys(r[M]).map(h.add.bind(h)),Object.keys(r.sharp).map(h.add.bind(h)),Object.keys(r["sharp-duotone"]).map(h.add.bind(h));const u=z||{};u[L]||(u[L]={}),u[L].styles||(u[L].styles={}),u[L].hooks||(u[L].hooks={}),u[L].shims||(u[L].shims=[]);var p=u[L];function g(z){return Object.keys(z).reduce((c,l)=>{var s=z[l];return!!s.icon?c[s.iconName]=s.icon:c[l]=s,c},{})}function b(c,l,s){var{skipHooks:z=!1}=2{b("fas",w),b("fa-solid",w)})}(); \ No newline at end of file diff --git a/archives/v3/privacy-policy.html b/archives/v3/privacy-policy.html deleted file mode 100755 index 924ed29..0000000 --- a/archives/v3/privacy-policy.html +++ /dev/null @@ -1,142 +0,0 @@ - - - - - - - - - - rain - web developer - - - - - - - - - - - - - - - -

- -

bocharudo.

- - -

hello

- - - - - - - - - - \ No newline at end of file diff --git a/archives/v3/robots.txt b/archives/v3/robots.txt deleted file mode 100755 index 5d54ada..0000000 --- a/archives/v3/robots.txt +++ /dev/null @@ -1,37 +0,0 @@ -# .__________________________. -# | .___________________. |==| -# | | ................. | | | -# | | ::[ Dear robot ]: | | | -# | | ::::[ be nice ]:: | | | -# | | ::::::::::::::::: | | | -# | | ::::::::::::::::: | | | -# | | ::::::::::::::::: | | | -# | | ::::::::::::::::: | | ,| -# | !___________________! |(c| -# !_______________________!__! -# / \ -# / [][][][][][][][][][][][][] \ -# / [][][][][][][][][][][][][][] \ -#( [][][][][____________][][][][] ) -# \ ------------------------------ / -# \______________________________/ - - -User-agent: * -Disallow: - -Sitemap: https://tenkyuu.dev/sitemap.xml - -# ________ -# __,_, | | -# [_|_/ | OK | -# // |________| -# _// __ / -#(_|) |@@| -# \ \__ \--/ __ -# \o__|----| | __ -# \ }{ /\ )_ / _\ -# /\__/\ \__O (__ -# (--/\--) \__/ -# _)( )(_ -# `---''---` diff --git a/archives/v3/sitemap.xml b/archives/v3/sitemap.xml deleted file mode 100755 index 1d175c7..0000000 --- a/archives/v3/sitemap.xml +++ /dev/null @@ -1,47 +0,0 @@ - - - - - - - https://tenkyuu.dev/ - 2024-09-03T11:03:59+00:00 - 1.00 - - - https://tenkyuu.dev/legacy/v2/ - 2024-09-03T11:03:59+00:00 - 0.80 - - - https://tenkyuu.dev/legacy/v1/ - 2024-09-03T11:03:59+00:00 - 0.80 - - - https://tenkyuu.dev/legacy/v2/projects - 2024-09-03T11:03:59+00:00 - 0.64 - - - https://tenkyuu.dev/legacy/v2/about - 2024-09-03T11:03:59+00:00 - 0.64 - - - https://tenkyuu.dev/legacy/v2/contact - 2024-09-03T11:03:59+00:00 - 0.64 - - - https://tenkyuu.dev/legacy/v2/projects/survey-form - 2024-09-03T11:03:59+00:00 - 0.51 - - - - \ No newline at end of file diff --git a/archives/v3/terms-of-service.html b/archives/v3/terms-of-service.html deleted file mode 100755 index 4af995e..0000000 --- a/archives/v3/terms-of-service.html +++ /dev/null @@ -1,142 +0,0 @@ - - - - - - - - - - rain - web developer - - - - - - - - - - - - - - - -

- -

bocharudo.

- - -

hello

- - - - - - - - - - \ No newline at end of file diff --git a/images/backgrounds/background.png b/images/backgrounds/background.png deleted file mode 100755 index 44d606c..0000000 Binary files a/images/backgrounds/background.png and /dev/null differ diff --git a/images/backgrounds/background1.png b/images/backgrounds/background1.png deleted file mode 100755 index edf31c3..0000000 Binary files a/images/backgrounds/background1.png and /dev/null differ diff --git a/images/backgrounds/backgroundclouds.gif b/images/backgrounds/backgroundclouds.gif new file mode 100644 index 0000000..781706c Binary files /dev/null and b/images/backgrounds/backgroundclouds.gif differ diff --git a/images/backgrounds/bg-canvas.gif b/images/backgrounds/bg-canvas.gif new file mode 100644 index 0000000..8762e54 Binary files /dev/null and b/images/backgrounds/bg-canvas.gif differ diff --git a/images/navigation/files.png b/images/navigation/files.png new file mode 100644 index 0000000..748f50b Binary files /dev/null and b/images/navigation/files.png differ diff --git a/images/navigation/homepage.png b/images/navigation/homepage.png new file mode 100644 index 0000000..5a3fbfe Binary files /dev/null and b/images/navigation/homepage.png differ diff --git a/images/navigation/links.png b/images/navigation/links.png new file mode 100644 index 0000000..27af1c4 Binary files /dev/null and b/images/navigation/links.png differ diff --git a/images/navigation/sitemap.png b/images/navigation/sitemap.png new file mode 100644 index 0000000..77e1b80 Binary files /dev/null and b/images/navigation/sitemap.png differ diff --git a/includes/footer.php b/includes/footer.php index 8ee7618..62d67b5 100755 --- a/includes/footer.php +++ b/includes/footer.php @@ -4,7 +4,6 @@

diff --git a/includes/header.php b/includes/header.php index 7fe8373..934cc85 100755 --- a/includes/header.php +++ b/includes/header.php @@ -3,13 +3,4 @@ doraemon hello gif

welcome to my website!

- \ No newline at end of file diff --git a/includes/nav.php b/includes/nav.php new file mode 100644 index 0000000..5c59a07 --- /dev/null +++ b/includes/nav.php @@ -0,0 +1,14 @@ + \ No newline at end of file diff --git a/index.php b/index.php index 2e26a60..66c02eb 100755 --- a/index.php +++ b/index.php @@ -18,10 +18,11 @@

+ + +

-
- under construction text gif

Hi! welcome to my net home.

i have nothing to say yet. writing intro is hard. sorry! ð¢ð

@@ -29,36 +30,80 @@

my projects

these are my proudly made practice projects, hope you like it!

+ + + + + + + + - + + + - + + + - + + + - + + + - + + + - - + + + +

Name	Links		Description	Creation Date
palindrome checker	click here	+ click here +	+ view code +	this checks if a word inputted by the user is a palindrome (the word looks the same even when backwards!).	unknown
roman numeral converter	click here	+ click here +	+ view code +	you know those X, I, C, M numbering stuffs? ye, this tool converts the numbers into those.	unknown
temperature converter	click here	+ click here +	+ view code +	ive been inspired to create this tool because of our physics class topic about gas laws lol.	unknown
tick clock	click here	+ click here +	+ view code +	nothing much, just a buggy clock made from css, i hate css.	unknown
drum ka dum	click here	+ click here +	+ view code +	drum but using keys from ur keyboard	unknown
simple cash register	click here	a cash register (idk how to explain, but, as the name explainsa cash register).	+ click here +	+ view code +	a cash register (idk how to explain, but, as the name explains a cash register).	unknown

@@ -66,7 +111,7 @@

- +

diff --git a/styles/index.css b/styles/index.css index c44f0ba..6269eef 100755 --- a/styles/index.css +++ b/styles/index.css @@ -2,7 +2,7 @@ box-sizing: border-box; } html { - background-image: url(/images/backgrounds/background1.png); + background-image: url(/images/backgrounds/backgroundclouds.gif); background-position: center; } body { @@ -10,8 +10,10 @@ body { margin: 0 auto; width: 95%; max-width: 1000px; - height: 100%; - background-image: url(/images/backgrounds/background.png); + height: 100%; +} +main { + background-image: url(/images/backgrounds/bg-canvas.gif); background-repeat: repeat; background-position: center; border: 7px outset #000000;

tenkyuu

// Hello, I'm rain, a...

whoAmI?

myWorks

letsWorkTogether!

//ABOUT

//CONTACT

tenkyuu

Front-End Development:

Softwares:

Other Things I'm Interested:

Other Skills:

Spoken Languages:

//PROJECTS

Technical Documentation Page

Product Landing Page

Tribute Page

Survey Form

Sign Up

Sign Up

Contact Form

bocharudo.

Photos.

Projects.

GOT SOME QUESTIONS?

welcome to my website!

my projects