<head>\r
<meta charset="UTF-8">\r
<meta name="viewport" content="width=device-width, initial-scale=1.0">\r
+ <meta name="author" content="tenkyuu">\r
+ <meta name="description" content="17-year old awesome web developer who loves creating websites and stuffs.">\r
+ <meta name="referrer" content="no-referrer">\r
+ <meta name="robots" content="index, follow">\r
<title>tenkyuu - web developer</title>\r
- <link rel="preload" href="css/styles.css" as="style">\r
- <link rel="stylesheet" href="css/styles.css">\r
+ <link rel="icon" type="image/ico" href="assets/icons/favicon.ico">\r
- <meta property="og:description" content="17-year old awesome web developer who loves creating websites and stuffs.">\r
+ <meta property="og:type" content="website">\r
+ <meta property="og:title" content="tenkyuu - web developer">\r
- <!-- Bunny Fonts -->\r
- <link rel="preconnect" href="https://fonts.bunny.net">\r
- <link href="https://fonts.bunny.net/css2?family=Epilogue:ital@0;1&family=Lato:wght@700;900&family=Meddon&display=swap" rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');">\r
- <!-- Font Awesome -->\r
- <script src="https://kit.fontawesome.com/517a92f811.js" crossorigin="anonymous" async></script>\r
++ <meta property="og:description" content="17-year old awesome Filipino web developer who loves creating old-style websites and stuffs.">\r
+ <meta property="og:image" content="assets/pfp/tenkyuu-img.webp">\r
+ <meta property="og:url" content="https://tenkyuu.dev">\r
+ <meta name="twitter:card" content="summary_large_image">\r
+ <meta name="twitter:site" content="@tenkyuu07">\r
+ <meta name="twitter:creator" content="@tenkyuu07">\r
++ <style>\r
++*,\r
++::before,\r
++::after {\r
++ box-sizing: border-box;\r
++ margin: 0;\r
++ padding: 0;\r
++}\r
++html {\r
++ font-size: 62.5%;\r
++}\r
++body {\r
++ font-family: Arial, Helvetica, sans-serif;\r
++ display: flex;\r
++ flex-direction: column;\r
++ align-items: center;\r
++}\r
++.container {\r
++ text-align: center;\r
++}\r
++h1 {\r
++ font-size: 2.7rem;\r
++}\r
++img {\r
++ margin: 1rem;\r
++}\r
++p {\r
++ font-size: 1.2rem;\r
++ line-height: 1.7rem;\r
++}\r
++.links {\r
++ font-weight: bold;\r
++ font-size: 1.4rem;\r
++}\r
++ </style>\r
</head>\r
<body>\r
- <header>\r
- <span class="logo">tenkyuu</span>\r
- <span class="btnNav" onclick="menuToggleOpen()">☰</span>\r
- <nav id="menu">\r
- <span class="btnNavClose" onclick="menuToggleClose()">x</span>\r
- <ul>\r
- <li><a href="index.html" class="current-page">Home</a></li>\r
- <li><a href="projects.html">Projects</a></li>\r
- <li><a href="about.html">About</a></li>\r
- <li><a href="contact.html">Contact</a></li>\r
- </ul>\r
- </nav>\r
- <div id="opacity-block" onclick="menuToggleClose()"></div>\r
- </header>\r
- \r
- <main id="top">\r
- <section>\r
- <p class="section-title">//whoAmI?</p>\r
- <div class="content-container">\r
- <h1 class="dev-name">tenkyuu</h1>\r
- <p class="description">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.</p>\r
- <p class="description">I love creating websites such as old-internet, and Japanese style websites.</p>\r
- </div>\r
- </section>\r
- \r
- <section>\r
- <p class="section-title">//skills</p>\r
- <div class="content-container skills-section">\r
- <div class="skill-container">\r
- <h2 class="skill-title">Front-End Development:</h2>\r
- <ul>\r
- <li>HTML</li>\r
- <li>CSS</li>\r
- <li>JavaScript (beginner)</li>\r
- </ul>\r
- </div>\r
- <div class="skill-container">\r
- <h2 class="skill-title">Softwares:</h2>\r
- <ul>\r
- <li>Visual Studio</li>\r
- <li>Notepad (yep, i code here)</li>\r
- <li>CapCut</li>\r
- </ul>\r
- </div>\r
- <div class="skill-container">\r
- <h2 class="skill-title">Other Things I'm Interested:</h2>\r
- <ul>\r
- <li>Cybersecurity</li>\r
- <li>Eastern Philosophies</li>\r
- <li>Christianity</li>\r
- <li>Stoicism</li>\r
- <li>Aerospace</li>\r
- <li>Books</li>\r
- <li>Anime</li>\r
- </ul>\r
- </div>\r
- <div class="skill-container">\r
- <h2 class="skill-title">Other Skills:</h2>\r
- <ul>\r
- <li>Video Editing</li>\r
- </ul>\r
- </div>\r
- <div class="skill-container">\r
- <h2 class="skill-title">Spoken Languages:</h2>\r
- <ul>\r
- <li>Filipino (native)</li>\r
- <li>Japanese (conversational)</li>\r
- <li>English (fluent)</li>\r
- </ul>\r
- </div>\r
- </div>\r
- </section>\r
- \r
- <section>\r
- <p class="section-title">//projects</p>\r
- <div class="content-container project-gallery">\r
- <div class="project-tile">\r
- <a href="" onclick="imgClickNull()">\r
- <picture>\r
- <source srcset="images/projects/avif/technical-documentation.avif" type="image/avif">\r
- <source srcset="images/projects/webp/technical-documentation.webp" type="image/webp">\r
- <img src="images/projects/jpeg/technical-documentation.jpeg"\r
- alt="Technical Documentation Page"\r
- title="Technical Documentation Page">\r
- </picture>\r
- </a>\r
- </div>\r
- <div class="project-tile">\r
- <a href="" onclick="imgClickNull()">\r
- <picture>\r
- <source srcset="images/projects/avif/product-landing.avif" type="image/avif">\r
- <source srcset="images/projects/webp/product-landing.webp" type="image/webp">\r
- <img src="images/projects/jpeg/product-landing.jpeg"\r
- alt="Product Landing Page"\r
- title="Product Landing Page">\r
- </picture>\r
- </a>\r
- </div>\r
- <div class="project-tile">\r
- <a href="" onclick="imgClickNull()">\r
- <picture>\r
- <source srcset="images/projects/avif/tribute.avif" type="image/avif">\r
- <source srcset="images/projects/webp/tribute.webp" type="image/webp">\r
- <img src="images/projects/jpeg/tribute.jpeg"\r
- alt="Tribute Page"\r
- title="Tribute Page">\r
- </picture>\r
- </a>\r
- </div>\r
- <div class="project-tile all-projects-view">\r
- <a href="projects.html" class="all-text">All ➔</a>\r
- </div>\r
- </div>\r
- </section>\r
- \r
- <section>\r
- <p class="section-title">//contactMe!</p>\r
- <div class="content-container contact-container">\r
- <a href="mailto:hello@tenkyuu.dev">\r
- <i class="fas fa-envelope email-icon"></i>\r
- <div class="email-me-text">\r
- Email me\r
- </div>\r
- </a>\r
- <p class="description">Want to talk about life?<br>\r
- or maybe about work, I guess?!<br>\r
- You want to make your own website, right?<br>\r
- Agh... whatever it is, just email me<br>\r
- I'll reply right away!\r
- </p>\r
- </div>\r
- </section>\r
- \r
- <section>\r
- <p class="section-title">//randomArt</p>\r
- <div class="content-container">\r
- <code><pre>\r
- ░░░░░░░░░░░░░░░░░░░░░░████░░░░░░░░░░░░░░░░░░░░\r
- ░░░░░░░░░░░░░░░░████████████████░░░░░░░░░░░░░░\r
- ░░░░░░░░░░░░████▒▒▓▓██▓▓▓▓██▒▒▓▓████░░░░░░░░░░\r
- ░░░░░░░░░░██░░▒▒▓▓██▓▓▒▒▓▓▓▓██▒▒▓▓▓▓██░░░░░░░░\r
- ░░░░░░░░██▒▒▒▒▓▓██▓▓▒▒▒▒▓▓▓▓▓▓██▒▒▓▓▓▓██░░░░░░\r
- ░░░░░░██▒▒▒▒▓▓▓▓██▓▓▒▒▒▒▓▓▓▓▓▓██▒▒▓▓▓▓▓▓██░░░░\r
- ░░░░██▒▒▒▒▓▓▓▓██▓▓▒▒░░▓▓▓▓▓▓▓▓▓▓██▒▒▒▒▓▓▓▓██░░\r
- ░░░░██▒▒▓▓▓▓▓▓██▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓██▒▒▓▓▓▓▓▓██░░\r
- ░░██▒▒▓▓██████████████████████████████▓▓▒▒▓▓██\r
- ░░██████░░██▒▒██░░░░░░░░██░░██▒▒██░░░░████████\r
- ░░██░░░░░░██▒▒▒▒████████████▒▒▒▒██░░░░░░░░░░██\r
- ░░░░░░░░██▒▒▒▒▒▒▒▒▒▒▒▒▒▒██▒▒▒▒▒▒▒▒██░░░░░░░░░░\r
- ░░██░░░░██ ▒▒▒▒▒▒▒▒██▒▒ ██░░░░██░░░░\r
- ░░░░████▒▒ ██ ▒▒▒▒██████▒▒ ██ ▒▒████░░░░░░\r
- ░░░░░░██▒▒ ▒▒▒▒▒▒▒▒██▒▒ ▒▒██░░░░░░░░\r
- ██████▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒██▒▒▒▒▒▒▒▒▒▒▒▒██████░░\r
- ░░░░██▒▒▒▒▒▒▒▒▒▒▒▒ ██████▒▒▒▒▒▒▒▒██░░░░░░\r
- ░░░░██▒▒▒▒▒▒▒▒ ██▒▒▒▒██▒▒▒▒▒▒██░░░░░░\r
- ░░██▒▒▒▒▒▒▒▒ ██▒▒▒▒▒▒████▒▒▒▒██░░░░\r
- ░░██▒▒▒▒▒▒ ██ ██▒▒▒▒▒▒▒▒▒▒▒▒▒▒██░░░░\r
- ██▒▒▒▒▒▒ ████ ██▒▒▒▒▒▒▒▒▒▒▒▒██░░░░\r
- ██▒▒██▒▒ ██▒▒▒▒▒▒▒▒▒▒██░░░░\r
- ██▒▒██ ▒▒ ▒▒ ▒▒██████▒▒▒▒██░░░░\r
- ████▒▒ ▒▒ ▒▒ ▒▒ ▒▒ ▒▒ ▒▒ ▒▒██░░░░\r
- ████▒▒ ▒▒██░░░░\r
- ░░████ ██░░░░░░\r
- ░░░░██ ██░░░░░░\r
- ░░░░░░██ ██░░░░░░░░\r
- ░░░░░░░░██ ██░░░░░░░░░░\r
- ░░░░░░░░██▒▒▒▒▒▒▒▒ ▒▒▒▒▒▒▒▒██░░░░░░░░░░\r
- ░░░░░░░░░░██▒▒▒▒▒▒▒▒████▒▒▒▒▒▒▒▒██░░░░░░░░░░░░\r
- ░░░░░░░░░░░░████████████████████░░░░░░░░░░░░░░</pre></code>\r
- </div>\r
- </section>\r
- \r
- <div class="back-to-top">\r
- <a href="#top">\r
- <i class="fa fa-chevron-up"></i>\r
- </a>\r
- </div>\r
- \r
- <div class="social-icons">\r
- <a href="https://twitter.com/tenkyuu07">\r
- <i class="fab fa-twitter"></i>\r
- </a>\r
- <a href="https://github.com/ten-kyuu">\r
- <i class="fa-brands fa-github"></i>\r
- </a>\r
- </div>\r
- </main>\r
- \r
- <footer>\r
- <p class="built-with-love">\r
- Built with <span class="love">愛</span> using hand-coded <a href="https://en.wikipedia.org/wiki/HTML">HTML</a>, <a href="https://en.wikipedia.org/wiki/CSS">CSS</a>, and <a href="https://en.wikipedia.org/wiki/JavaScript">JavaScript</a>.\r
- </p>\r
- <p class="copyright">© tenkyuu.dev</p>\r
- </footer>\r
- \r
- <script src="javascript/script.js"></script>\r
- <h1>Construction still ongoing!</h1>\r
- <p>A new version of this website will be released soon.</p>\r
- <a href="https://tenkyuu.dev/legacy/v2/">Version 2</a>\r
- <a href="https://tenkyuu.dev/legacy/v1/">Version 1</a>\r
++ <img src="assets/images/purpletiaracatcolorconstruction.gif" width="300"></img>\r
++ <img src="assets/images/vev-veve.gif" width="250"></img>\r
++ <div class="container">\r
++ <h1>Construction still ongoing!</h1>\r
++ <p>A new version of this website will be released soon.</p>\r
++ <p>You can check the previous designs of my website here:</p>\r
++ <p class="links"><a href="https://tenkyuu.dev/legacy/v2/">Version 2</a> | <a href="https://tenkyuu.dev/legacy/v1/">Version 1</a></p>\r
++ </div>\r
</body>\r
</html>
--- /dev/null
-</html>
++<<<<<<< HEAD:projects/survey-form.html
++<!DOCTYPE html>\r
++<html lang="en">\r
++<head>\r
++ <meta charset="UTF-8">\r
++ <meta name="viewport" content="width=device-width, initial-scale=1.0">\r
++ <meta name="author" content="tenkyuu">\r
++ <meta name="description" content="17-year old awesome web developer who loves creating websites and stuffs.">\r
++ <meta name="referrer" content="no-referrer">\r
++ <meta name="robots" content="index, follow">\r
++ <title>Survey Form by tenkyuu</title>\r
++ <link rel="icon" type="image/ico" href="/assets/icons/favicon.ico">\r
++ <link rel="preload" href="/css/projects/survey-form.css" as="style">\r
++ <link rel="stylesheet" href="/css/projects/survey-form.css">\r
++ <meta property="og:type" content="website">\r
++ <meta property="og:title" content="Survey Form by tenkyuu">\r
++ <meta property="og:description" content="A survey form that record surveys (obviously!) made by tenkyuu.">\r
++ <meta property="og:image" content="https://tenkyuu.dev/images/projects/jpeg/survey-form.jpeg">\r
++ <meta property="og:url" content="https://tenkyuu.dev/">\r
++ <meta name="twitter:card" content="summary_large_image">\r
++ <meta name="twitter:site" content="@tenkyuudev">\r
++ <meta name="twitter:creator" content="@tenkyuudev">\r
++<!-- Google Fonts -->\r
++ <link rel="preconnect" href="https://fonts.bunny.net">\r
++ <link href="https://fonts.bunny.net/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Raleway:ital,wght@0,500;1,500&display=swap" rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');">\r
++</head>\r
++<body>\r
++ <main>\r
++ <div class="form-container">\r
++ <div class="header-container">\r
++ <h1 class="form-title">Sign Up</h1>\r
++ <p class="form-subheading">Fill out the following information to join.</p>\r
++ </div>\r
++ <form action="form-landing.html" method="POST">\r
++ <fieldset>\r
++ <label>First Name: <input type="text" name="first-name" id="fname" placeholder="Hayao" required></label>\r
++ <label>Last Name <span class="italicize">(optional)</span>: <input type="text" name="last-name" id="lname" placeholder="Miyazaki"></label>\r
++ <label>Age: <input type="number" name="age" id="age" min="13" max="120" placeholder="Age" required></label>\r
++ <label>Occupation:\r
++ <select id="occupation" required>\r
++ <option value="">Select occupation</option>\r
++ <option value="1">Student</option>\r
++ <option value="2">Full Time</option>\r
++ <option value="3">Part Time</option>\r
++ <option value="4">Freelance</option>\r
++ <option value="5">Unemployed</option>\r
++ <option value="6">Retired</option>\r
++ <option value="7">Homemaker</option>\r
++ <option value="8">Prefer not to say</option>\r
++ <option value="9">Other</option>\r
++ </select>\r
++ </label>\r
++ <label>Email: <input type="email" name="email" id="email" pattern="[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-z]{2,}" placeholder="example@email.com" required></label>\r
++ <label>Password: <input type="password" name="password" id="pwd" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,24}" placeholder="********" required></label>\r
++ </fieldset>\r
++\r
++ <fieldset>\r
++ <label><input type="radio" name="account-type" id="personal-account" value="personal" checked> Personal</label>\r
++ <label><input type="radio" name="account-type" id="business-account" value="business"> Business</label>\r
++ </fieldset>\r
++\r
++ <fieldset>\r
++ <legend>Where did you hear about us? <span class="italicize">(optional)</span></legend>\r
++ <label><input type="checkbox" name="where" id="chkbx1" value="twitter"> Twitter</label>\r
++ <label><input type="checkbox" name="where" id="chkbx2" value="website"> Website</label>\r
++ <label><input type="checkbox" name="where" id="chkbx3" value="searchengine"> Search Engine</label>\r
++ <label>Other: <input type="text" name="where" id="chkbx4" value=""></label>\r
++ </fieldset>\r
++\r
++ <fieldset>\r
++ <legend>What do you think about this form? <span class="italicize">(optional)</span></legend>\r
++ <textarea name="feedback" id="feedback" maxlength="200" placeholder="Your comment here..."></textarea>\r
++ </fieldset>\r
++\r
++ <div class="footer-container">\r
++ <p id="terms">\r
++ By signing up, you hereby agree to the <a href="" onclick="termsNull()">Terms and Conditions.</a>\r
++ </p>\r
++ <input type="submit" value="Create Account">\r
++ </div>\r
++ </form>\r
++ </div>\r
++ </main>\r
++\r
++ <script src="/javascript/script.js"></script>\r
++</body>\r
++</html>\r
++=======
+ <!DOCTYPE html>
+ <html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="author" content="tenkyuu">
+ <meta name="description" content="17-year old awesome web developer who loves creating websites and stuffs.">
+ <meta name="referrer" content="no-referrer">
+ <meta name="robots" content="index, follow">
+ <title>Survey Form by tenkyuu</title>
+ <link rel="icon" type="image/ico" href="/assets/icons/favicon.ico">
+ <link rel="preload" href="/css/projects/survey-form.css" as="style">
+ <link rel="stylesheet" href="/css/projects/survey-form.css">
+ <meta property="og:type" content="website">
+ <meta property="og:title" content="Survey Form by tenkyuu">
+ <meta property="og:description" content="A survey form that record surveys (obviously!) made by tenkyuu.">
+ <meta property="og:image" content="https://tenkyuu.dev/images/projects/jpeg/survey-form.jpeg">
+ <meta property="og:url" content="https://tenkyuu.dev/">
+ <meta name="twitter:card" content="summary_large_image">
+ <meta name="twitter:site" content="@tenkyuudev">
+ <meta name="twitter:creator" content="@tenkyuudev">
+ <!-- Google Fonts -->
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Raleway:ital,wght@0,500;1,500&display=swap" rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');">
+ </head>
+ <body>
+ <main>
+ <div class="form-container">
+ <div class="header-container">
+ <h1 class="form-title">Sign Up</h1>
+ <p class="form-subheading">Fill out the following information to join.</p>
+ </div>
+ <form action="form-landing.html" method="POST">
+ <fieldset>
+ <label>First Name: <input type="text" name="first-name" id="fname" placeholder="Hayao" required></label>
+ <label>Last Name <span class="italicize">(optional)</span>: <input type="text" name="last-name" id="lname" placeholder="Miyazaki"></label>
+ <label>Age: <input type="number" name="age" id="age" min="13" max="120" placeholder="Age" required></label>
+ <label>Occupation:
+ <select id="occupation" required>
+ <option value="">Select occupation</option>
+ <option value="1">Student</option>
+ <option value="2">Full Time</option>
+ <option value="3">Part Time</option>
+ <option value="4">Freelance</option>
+ <option value="5">Unemployed</option>
+ <option value="6">Retired</option>
+ <option value="7">Homemaker</option>
+ <option value="8">Prefer not to say</option>
+ <option value="9">Other</option>
+ </select>
+ </label>
+ <label>Email: <input type="email" name="email" id="email" pattern="[a-zA-Z0-9._%+\-]+@[a-zA-Z0-9.\-]+\.[a-zA-z]{2,}" placeholder="example@email.com" required></label>
+ <label>Password: <input type="password" name="password" id="pwd" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,24}" placeholder="********" required></label>
+ </fieldset>
+
+ <fieldset>
+ <label><input type="radio" name="account-type" id="personal-account" value="personal" checked> Personal</label>
+ <label><input type="radio" name="account-type" id="business-account" value="business"> Business</label>
+ </fieldset>
+
+ <fieldset>
+ <legend>Where did you hear about us? <span class="italicize">(optional)</span></legend>
+ <label><input type="checkbox" name="where" id="chkbx1" value="twitter"> Twitter</label>
+ <label><input type="checkbox" name="where" id="chkbx2" value="website"> Website</label>
+ <label><input type="checkbox" name="where" id="chkbx3" value="searchengine"> Search Engine</label>
+ <label>Other: <input type="text" name="where" id="chkbx4" value=""></label>
+ </fieldset>
+
+ <fieldset>
+ <legend>What do you think about this form? <span class="italicize">(optional)</span></legend>
+ <textarea name="feedback" id="feedback" maxlength="200" placeholder="Your comment here..."></textarea>
+ </fieldset>
+
+ <div class="footer-container">
+ <p id="terms">
+ By signing up, you hereby agree to the <a href="" onclick="termsNull()">Terms and Conditions.</a>
+ </p>
+ <input type="submit" value="Create Account">
+ </div>
+ </form>
+ </div>
+ </main>
+
+ <script src="/javascript/script.js"></script>
+ </body>
++</html>
++>>>>>>> origin/v3:legacy/v2/projects/survey-form.html
projects / mysite.git / commitdiff
