<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css2?family=Amatic+SC:wght@400;700&family=Pangolin&display=swap" rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');">
<body>
- <div id="header"></div>
+ <header>
+ <a href="https://tenkyuu.dev"
+ class="logo">
+ <p>bocharudo.</p>
+ </a>
+ <nav class="navbar">
+ <div class="nav-menu">
+ <div class="nav-title">General</div>
+ <ul class="nav-itm-ctn">
+ <li class="nav-item">
+ <a href="index.html" class="nav-link">Home</a>
+ </li>
+ <li class="nav-item">
+ <a href="contact.html" class="nav-link">Contact</a>
+ </li>
+ </ul>
- <script>
- document.addEventListener("DOMContentLoaded", () => {
- fetch('header.html')
- .then(response => response.text())
- .then(data => {
- document.getElementById('header').innerHTML = data;
+ <div class="nav-title">Projects</div>
+ <ul class="nav-itm-ctn">
+ <li class="nav-item">
+ <a href="https://zeld.pages.dev" class="nav-link">
+ <p class="project-link-name">Zeld - Video Editor</p>
+ <p class="project-link-info">A website for Zeld (zeld.pages.dev).</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/survey-form.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Survey Form</p>
+ <p class="project-link-info">A simple, classic style survey form.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/tribute-page.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Tribute Page</p>
+ <p class="project-link-info">A basic tribute page I've made for Steve Jobs. Founder of Apple Inc.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/technical-documentation.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Technical Documentation</p>
+ <p class="project-link-info">One of the required projects in freeCodeCamp.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/product-landing.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Product Landing</p>
+ <p class="project-link-info">Product landing page for a coffee business.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects.html" class="nav-link">
+ See more projects...
+ </a>
+ </li>
+ </ul>
- const script = document.createElement("script");
- script.src = "js/script.js";
- document.body.appendChild(script);
- });
- });
- </script>
+ <div class="nav-title">Other</div>
+ <ul class="nav-itm-ctn">
+ <li class="nav-item">
+ <a href="terms-of-service.html" class="nav-link">Terms of Service</a>
+ </li>
+ <li class="nav-item">
+ <a href="privacy-policy.html" class="nav-link">Privacy Policy</a>
+ </li>
+ </ul>
+ <div class="nav-row-ctn">
+ <span class="made-with-love">
+ Made with <span class="love">愛</span> using hand-coded HTML, CSS, and JavaScript.
+ </span>
+ <ul class="nav-social">
+ <a href="https://bocharudo.bsky.social/">
+ <i class="fa-brands fa-bluesky"
+ aria-hidden="true"
+ aria-label="my bluesky account"></i>
+ </a>
+ <a href="https://github.com/bocharudo">
+ <i class="fa-brands fa-github"
+ aria-hidden="true"
+ aria-label="my github account"></i>
+ </a>
+ <a href="mailto:mail@tenkyuu.dev">
+ <i class="fa-solid fa-envelope"
+ aria-hidden="true"
+ aria-label="my email address"></i>
+ </a>
+ </ul>
+ </div>
+ </div>
+
+ <!-- hamburger menu -->
+ <div class="mobile-menu">
+ <span class="bar"></span>
+ <span class="bar"></span>
+ <span class="bar"></span>
+ </div>
+ </nav>
+ </header>
<main>
+++ /dev/null
-<header>
- <a href="https://tenkyuu.dev"
- class="logo">
- <p>bocharudo.</p>
- </a>
- <nav class="navbar">
- <div class="nav-menu">
- <div class="nav-title">General</div>
- <ul class="nav-itm-ctn">
- <li class="nav-item">
- <a href="index.html" class="nav-link">Home</a>
- </li>
- <li class="nav-item">
- <a href="contact.html" class="nav-link">Contact</a>
- </li>
- </ul>
-
- <div class="nav-title">Projects</div>
- <ul class="nav-itm-ctn">
- <li class="nav-item">
- <a href="https://zeld.pages.dev" class="nav-link">
- <p class="project-link-name">Zeld - Video Editor</p>
- <p class="project-link-info">A website for Zeld (zeld.pages.dev).</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="projects/survey-form.html" onclick="nullLink()" class="nav-link">
- <p class="project-link-name">Survey Form</p>
- <p class="project-link-info">A simple, classic style survey form.</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="projects/tribute-page.html" onclick="nullLink()" class="nav-link">
- <p class="project-link-name">Tribute Page</p>
- <p class="project-link-info">A basic tribute page I've made for Steve Jobs. Founder of Apple Inc.</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="projects/technical-documentation.html" onclick="nullLink()" class="nav-link">
- <p class="project-link-name">Technical Documentation</p>
- <p class="project-link-info">One of the required projects in freeCodeCamp.</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="projects/product-landing.html" onclick="nullLink()" class="nav-link">
- <p class="project-link-name">Product Landing</p>
- <p class="project-link-info">Product landing page for a coffee business.</p>
- </a>
- </li>
- <li class="nav-item">
- <a href="projects.html" class="nav-link">
- See more projects...
- </a>
- </li>
- </ul>
-
- <div class="nav-title">Other</div>
- <ul class="nav-itm-ctn">
- <li class="nav-item">
- <a href="terms-of-service.html" class="nav-link">Terms of Service</a>
- </li>
- <li class="nav-item">
- <a href="privacy-policy.html" class="nav-link">Privacy Policy</a>
- </li>
- </ul>
-
- <div class="nav-row-ctn">
- <span class="made-with-love">
- Made with <span class="love">愛</span> using hand-coded HTML, CSS, and JavaScript.
- </span>
- <ul class="nav-social">
- <a href="https://bocharudo.bsky.social/">
- <i class="fa-brands fa-bluesky"
- aria-hidden="true"
- aria-label="my bluesky account"></i>
- </a>
- <a href="https://github.com/bocharudo">
- <i class="fa-brands fa-github"
- aria-hidden="true"
- aria-label="my github account"></i>
- </a>
- <a href="mailto:mail@tenkyuu.dev">
- <i class="fa-solid fa-envelope"
- aria-hidden="true"
- aria-label="my email address"></i>
- </a>
- </ul>
- </div>
- </div>
-
- <!-- hamburger menu -->
- <div class="mobile-menu">
- <span class="bar"></span>
- <span class="bar"></span>
- <span class="bar"></span>
- </div>
- </nav>
-</header>
\ No newline at end of file
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css2?family=Amatic+SC:wght@400;700&family=Pangolin&display=swap" rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');">
<body>
- <div id="header"></div>
+ <header>
+ <a href="https://tenkyuu.dev"
+ class="logo">
+ <p>bocharudo.</p>
+ </a>
+ <nav class="navbar">
+ <div class="nav-menu">
+ <div class="nav-title">General</div>
+ <ul class="nav-itm-ctn">
+ <li class="nav-item">
+ <a href="index.html" class="nav-link">Home</a>
+ </li>
+ <li class="nav-item">
+ <a href="contact.html" class="nav-link">Contact</a>
+ </li>
+ </ul>
- <script>
- document.addEventListener("DOMContentLoaded", () => {
- fetch('header.html')
- .then(response => response.text())
- .then(data => {
- document.getElementById('header').innerHTML = data;
+ <div class="nav-title">Projects</div>
+ <ul class="nav-itm-ctn">
+ <li class="nav-item">
+ <a href="https://zeld.pages.dev" class="nav-link">
+ <p class="project-link-name">Zeld - Video Editor</p>
+ <p class="project-link-info">A website for Zeld (zeld.pages.dev).</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/survey-form.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Survey Form</p>
+ <p class="project-link-info">A simple, classic style survey form.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/tribute-page.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Tribute Page</p>
+ <p class="project-link-info">A basic tribute page I've made for Steve Jobs. Founder of Apple Inc.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/technical-documentation.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Technical Documentation</p>
+ <p class="project-link-info">One of the required projects in freeCodeCamp.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/product-landing.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Product Landing</p>
+ <p class="project-link-info">Product landing page for a coffee business.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects.html" class="nav-link">
+ See more projects...
+ </a>
+ </li>
+ </ul>
- const script = document.createElement("script");
- script.src = "js/script.js";
- document.body.appendChild(script);
- });
- });
- </script>
+ <div class="nav-title">Other</div>
+ <ul class="nav-itm-ctn">
+ <li class="nav-item">
+ <a href="terms-of-service.html" class="nav-link">Terms of Service</a>
+ </li>
+ <li class="nav-item">
+ <a href="privacy-policy.html" class="nav-link">Privacy Policy</a>
+ </li>
+ </ul>
+ <div class="nav-row-ctn">
+ <span class="made-with-love">
+ Made with <span class="love">愛</span> using hand-coded HTML, CSS, and JavaScript.
+ </span>
+ <ul class="nav-social">
+ <a href="https://bocharudo.bsky.social/">
+ <i class="fa-brands fa-bluesky"
+ aria-hidden="true"
+ aria-label="my bluesky account"></i>
+ </a>
+ <a href="https://github.com/bocharudo">
+ <i class="fa-brands fa-github"
+ aria-hidden="true"
+ aria-label="my github account"></i>
+ </a>
+ <a href="mailto:mail@tenkyuu.dev">
+ <i class="fa-solid fa-envelope"
+ aria-hidden="true"
+ aria-label="my email address"></i>
+ </a>
+ </ul>
+ </div>
+ </div>
+ <!-- hamburger menu -->
+ <div class="mobile-menu">
+ <span class="bar"></span>
+ <span class="bar"></span>
+ <span class="bar"></span>
+ </div>
+ </nav>
+ </header>
+
+
<main>
<p>hello</p>
</main>
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css2?family=Amatic+SC:wght@400;700&family=Pangolin&display=swap" rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');">
<body>
- <div id="header"></div>
-
- <script>
- document.addEventListener("DOMContentLoaded", () => {
- fetch('header.html')
- .then(response => response.text())
- .then(data => {
- document.getElementById('header').innerHTML = data;
-
- const script = document.createElement("script");
- script.src = "js/script.js";
- document.body.appendChild(script);
- });
- });
- </script>
+ <header>
+ <a href="https://tenkyuu.dev"
+ class="logo">
+ <p>bocharudo.</p>
+ </a>
+ <nav class="navbar">
+ <div class="nav-menu">
+ <div class="nav-title">General</div>
+ <ul class="nav-itm-ctn">
+ <li class="nav-item">
+ <a href="index.html" class="nav-link">Home</a>
+ </li>
+ <li class="nav-item">
+ <a href="contact.html" class="nav-link">Contact</a>
+ </li>
+ </ul>
+
+ <div class="nav-title">Projects</div>
+ <ul class="nav-itm-ctn">
+ <li class="nav-item">
+ <a href="https://zeld.pages.dev" class="nav-link">
+ <p class="project-link-name">Zeld - Video Editor</p>
+ <p class="project-link-info">A website for Zeld (zeld.pages.dev).</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/survey-form.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Survey Form</p>
+ <p class="project-link-info">A simple, classic style survey form.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/tribute-page.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Tribute Page</p>
+ <p class="project-link-info">A basic tribute page I've made for Steve Jobs. Founder of Apple Inc.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/technical-documentation.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Technical Documentation</p>
+ <p class="project-link-info">One of the required projects in freeCodeCamp.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects/product-landing.html" onclick="nullLink()" class="nav-link">
+ <p class="project-link-name">Product Landing</p>
+ <p class="project-link-info">Product landing page for a coffee business.</p>
+ </a>
+ </li>
+ <li class="nav-item">
+ <a href="projects.html" class="nav-link">
+ See more projects...
+ </a>
+ </li>
+ </ul>
+
+ <div class="nav-title">Other</div>
+ <ul class="nav-itm-ctn">
+ <li class="nav-item">
+ <a href="terms-of-service.html" class="nav-link">Terms of Service</a>
+ </li>
+ <li class="nav-item">
+ <a href="privacy-policy.html" class="nav-link">Privacy Policy</a>
+ </li>
+ </ul>
+
+ <div class="nav-row-ctn">
+ <span class="made-with-love">
+ Made with <span class="love">愛</span> using hand-coded HTML, CSS, and JavaScript.
+ </span>
+ <ul class="nav-social">
+ <a href="https://bocharudo.bsky.social/">
+ <i class="fa-brands fa-bluesky"
+ aria-hidden="true"
+ aria-label="my bluesky account"></i>
+ </a>
+ <a href="https://github.com/bocharudo">
+ <i class="fa-brands fa-github"
+ aria-hidden="true"
+ aria-label="my github account"></i>
+ </a>
+ <a href="mailto:mail@tenkyuu.dev">
+ <i class="fa-solid fa-envelope"
+ aria-hidden="true"
+ aria-label="my email address"></i>
+ </a>
+ </ul>
+ </div>
+ </div>
+
+ <!-- hamburger menu -->
+ <div class="mobile-menu">
+ <span class="bar"></span>
+ <span class="bar"></span>
+ <span class="bar"></span>
+ </div>
+ </nav>
+ </header>
<main>
projects / mysite.git / commitdiff