From: tenkyuu Date: Sat, 24 Aug 2024 08:58:35 +0000 (+0800) Subject: Add legacy code v1 X-Git-Url: https://git.bochard.net/?a=commitdiff_plain;h=6f70ceaf780272bc8eaba7d2d3c08145ac063511;p=mysite.git Add legacy code v1 --- diff --git a/about.html b/about.html index c826aa4..6fbb9f1 100644 --- a/about.html +++ b/about.html @@ -8,21 +8,20 @@ tenkyuu - about - - - + + + - - + + - - + + - - - + + @@ -46,8 +45,8 @@

//ABOUT

- -

@@ -95,10 +94,10 @@

@@ -111,6 +110,6 @@

- + \ No newline at end of file diff --git a/contact.html b/contact.html index 3cebe97..69f219a 100644 --- a/contact.html +++ b/contact.html @@ -8,21 +8,20 @@ tenkyuu - contact - - - + + + - - + + - - - - - - + + + + + @@ -68,10 +67,10 @@

@@ -84,6 +83,6 @@

- + \ No newline at end of file diff --git a/index.html b/index.html index 102097e..29e717b 100644 --- a/index.html +++ b/index.html @@ -8,21 +8,20 @@ tenkyuu - web developer - - - + + + - - + + - - - - - - + + + + + @@ -102,9 +101,9 @@

@@ -113,9 +112,9 @@

@@ -124,9 +123,9 @@

@@ -202,10 +201,10 @@

@@ -218,6 +217,6 @@

- + \ No newline at end of file diff --git a/legacy/v1/images/icons/favicon.ico b/legacy/v1/images/icons/favicon.ico new file mode 100644 index 0000000..30a3548 Binary files /dev/null and b/legacy/v1/images/icons/favicon.ico differ diff --git a/legacy/v1/images/projects/avif/product-landing.avif b/legacy/v1/images/projects/avif/product-landing.avif new file mode 100644 index 0000000..00950f3 Binary files /dev/null and b/legacy/v1/images/projects/avif/product-landing.avif differ diff --git a/legacy/v1/images/projects/avif/survey-form.avif b/legacy/v1/images/projects/avif/survey-form.avif new file mode 100644 index 0000000..6e6a8cc Binary files /dev/null and b/legacy/v1/images/projects/avif/survey-form.avif differ diff --git a/legacy/v1/images/projects/avif/technical-documentation.avif b/legacy/v1/images/projects/avif/technical-documentation.avif new file mode 100644 index 0000000..bfc5c8e Binary files /dev/null and b/legacy/v1/images/projects/avif/technical-documentation.avif differ diff --git a/legacy/v1/images/projects/avif/tribute.avif b/legacy/v1/images/projects/avif/tribute.avif new file mode 100644 index 0000000..1a4141e Binary files /dev/null and b/legacy/v1/images/projects/avif/tribute.avif differ diff --git a/legacy/v1/images/projects/jpeg/product-landing.jpeg b/legacy/v1/images/projects/jpeg/product-landing.jpeg new file mode 100644 index 0000000..025d780 Binary files /dev/null and b/legacy/v1/images/projects/jpeg/product-landing.jpeg differ diff --git a/legacy/v1/images/projects/jpeg/survey-form.jpeg b/legacy/v1/images/projects/jpeg/survey-form.jpeg new file mode 100644 index 0000000..fe8faa7 Binary files /dev/null and b/legacy/v1/images/projects/jpeg/survey-form.jpeg differ diff --git a/legacy/v1/images/projects/jpeg/technical-documentation.jpeg b/legacy/v1/images/projects/jpeg/technical-documentation.jpeg new file mode 100644 index 0000000..40e51ae Binary files /dev/null and b/legacy/v1/images/projects/jpeg/technical-documentation.jpeg differ diff --git a/legacy/v1/images/projects/jpeg/tribute.jpeg b/legacy/v1/images/projects/jpeg/tribute.jpeg new file mode 100644 index 0000000..95b7317 Binary files /dev/null and b/legacy/v1/images/projects/jpeg/tribute.jpeg differ diff --git a/legacy/v1/images/projects/webp/product-landing.webp b/legacy/v1/images/projects/webp/product-landing.webp new file mode 100644 index 0000000..0173252 Binary files /dev/null and b/legacy/v1/images/projects/webp/product-landing.webp differ diff --git a/legacy/v1/images/projects/webp/survey-form.webp b/legacy/v1/images/projects/webp/survey-form.webp new file mode 100644 index 0000000..4cc5fc1 Binary files /dev/null and b/legacy/v1/images/projects/webp/survey-form.webp differ diff --git a/legacy/v1/images/projects/webp/technical-documentation.webp b/legacy/v1/images/projects/webp/technical-documentation.webp new file mode 100644 index 0000000..53e87a7 Binary files /dev/null and b/legacy/v1/images/projects/webp/technical-documentation.webp differ diff --git a/legacy/v1/images/projects/webp/tribute.webp b/legacy/v1/images/projects/webp/tribute.webp new file mode 100644 index 0000000..d1edd31 Binary files /dev/null and b/legacy/v1/images/projects/webp/tribute.webp differ diff --git a/legacy/v1/index.html b/legacy/v1/index.html new file mode 100644 index 0000000..f1d9407 --- /dev/null +++ b/legacy/v1/index.html @@ -0,0 +1,131 @@ + + + + + + + + + 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/legacy/v1/script.js b/legacy/v1/script.js new file mode 100644 index 0000000..7682eef --- /dev/null +++ b/legacy/v1/script.js @@ -0,0 +1,3 @@ +function imgClickNull() { + alert("No link, I forgot lmao"); +} \ No newline at end of file diff --git a/legacy/v1/styles.css b/legacy/v1/styles.css new file mode 100644 index 0000000..64100f3 --- /dev/null +++ b/legacy/v1/styles.css @@ -0,0 +1,356 @@ +*, +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/projects.html b/projects.html index b39eb09..34b9837 100644 --- a/projects.html +++ b/projects.html @@ -8,21 +8,20 @@ tenkyuu - works - - - + + + - - + + - - - - - - + + + + + @@ -49,9 +48,9 @@

@@ -68,9 +67,9 @@

@@ -86,9 +85,9 @@

@@ -102,11 +101,11 @@

- +

@@ -128,10 +127,10 @@

@@ -144,6 +143,6 @@

- + \ No newline at end of file