+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="this page cannot be located on my server.">
- <meta name="robots" content="index, follow">
- <title>page doesn't exist!!</title>
- <link rel="icon" type="image/ico" href="/images/">
-
-<style>
-*, ::before, ::after {
-
- box-sizing: border-box;
-}
-html {
- background-image: url(/images/background.png);
- background-position: center;
-}
-</style>
-</head>
-<body>
- <header>
- <h1>Uh ohhhh!</h1>
- <nav class="headernav">
- <ul class="navlist">
- <li class="navlink"><a href="./index.html">homepage</a></li>
- <li class="navlink"><a href="./links.html">useful links</a></li>
- <li class="navlink"><a href="./sitemap.html">sitemap</a></li>
- </ul>
- </nav>
- </header>
- <main>
- <p>There's no such link like that on my site. are you looking for easter eggs?!</p>
- <a href="https://tenkyuu.dev/"><img src="./images/gifs/backhomepage.gif" width="300"></a>
- </main>
- <footer></footer>
-
- <script data-goatcounter="https://bochard.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
-</body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="this page cannot be located on my server.">
+ <meta name="robots" content="index, follow">
+ <title>page doesn't exist!!</title>
+ <link rel="icon" type="image/ico" href="/images/">
+
+ <link rel="stylesheet" href="/styles/index.css">
+</head>
+<body>
+
+ <?php include '/includes/header.php';?>
+
+ <main>
+ <p>There's no such link like that on my site. are you looking for easter eggs?!</p>
+ <a href="https://tenkyuu.dev/"><img src="/images/gifs/backhomepage.gif" width="300"></a>
+ </main>
+
+
+ <?php include '/include/footer.php';?>
+
+</body>
+</html>
\ No newline at end of file
+++ /dev/null
-
-<!DOCTYPE html>
-<html>
- <head>
- <style>
- table td {
- padding:4px;
- }
- </style>
- <title>Index of /files/</title>
- </head>
- <body>
- <h1>Index of /files/</h1>
-
- <table>
- <th>Name</th><th>Size</th><th>Date Modified</th>
-
- <tr>
- <td><a href="../">../</a></td>
- <td></td>
- <td></td>
- </tr>
-
- <tr>
- <td><a href="\files\90279.jpg">90279.jpg</a></td>
- <td>222.8 kB</td>
- <td>3/24/25, 19:16:28</td>
- </tr>
-
- <tr>
- <td><a href="\files\ascent.jpg">ascent.jpg</a></td>
- <td>45.0 kB</td>
- <td>3/24/25, 19:20:25</td>
- </tr>
-
- <tr>
- <td><a href="\files\autumn.avif">autumn.avif</a></td>
- <td>237.4 kB</td>
- <td>3/24/25, 19:17:35</td>
- </tr>
-
- <tr>
- <td><a href="\files\azul.jpg">azul.jpg</a></td>
- <td>83.9 kB</td>
- <td>3/24/25, 19:20:10</td>
- </tr>
-
- <tr>
- <td><a href="\files\Bliss_(Windows_XP).png">Bliss_(Windows_XP).png</a></td>
- <td>107.3 kB</td>
- <td>3/24/25, 19:14:58</td>
- </tr>
-
- <tr>
- <td><a href="\files\childhood2.mp3">childhood2.mp3</a></td>
- <td>1.6 MB</td>
- <td>3/24/25, 19:58:44</td>
- </tr>
-
- <tr>
- <td><a href="\files\rejectedworld.mp3">rejectedworld.mp3</a></td>
- <td>1.4 MB</td>
- <td>3/24/25, 19:58:44</td>
- </tr>
-
- </table>
- </body>
-
- <script data-goatcounter="https://bochard.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
-</html>
--- /dev/null
+
+<!DOCTYPE html>
+<html>
+ <head>
+ <style>
+ table td {
+ padding:4px;
+ }
+ </style>
+ <title>Index of /files/</title>
+ </head>
+ <body>
+ <h1>Index of /files/</h1>
+
+ <table>
+ <th>Name</th><th>Size</th><th>Date Modified</th>
+
+ <tr>
+ <td><a href="../">../</a></td>
+ <td></td>
+ <td></td>
+ </tr>
+
+ <tr>
+ <td><a href="\files\90279.jpg">90279.jpg</a></td>
+ <td>222.8 kB</td>
+ <td>3/24/25, 19:16:28</td>
+ </tr>
+
+ <tr>
+ <td><a href="\files\ascent.jpg">ascent.jpg</a></td>
+ <td>45.0 kB</td>
+ <td>3/24/25, 19:20:25</td>
+ </tr>
+
+ <tr>
+ <td><a href="\files\autumn.avif">autumn.avif</a></td>
+ <td>237.4 kB</td>
+ <td>3/24/25, 19:17:35</td>
+ </tr>
+
+ <tr>
+ <td><a href="\files\azul.jpg">azul.jpg</a></td>
+ <td>83.9 kB</td>
+ <td>3/24/25, 19:20:10</td>
+ </tr>
+
+ <tr>
+ <td><a href="\files\Bliss_(Windows_XP).png">Bliss_(Windows_XP).png</a></td>
+ <td>107.3 kB</td>
+ <td>3/24/25, 19:14:58</td>
+ </tr>
+
+ <tr>
+ <td><a href="\files\childhood2.mp3">childhood2.mp3</a></td>
+ <td>1.6 MB</td>
+ <td>3/24/25, 19:58:44</td>
+ </tr>
+
+ <tr>
+ <td><a href="\files\rejectedworld.mp3">rejectedworld.mp3</a></td>
+ <td>1.4 MB</td>
+ <td>3/24/25, 19:58:44</td>
+ </tr>
+
+ </table>
+ </body>
+
+ <script data-goatcounter="https://bochard.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
+</html>
--- /dev/null
+<footer>
+ <div style="text-align: left">z
+ <p># of visitors: </p><script type="text/javascript" src="https://counter.websiteout.com/js/14/7/0/1"></script>
+ </div>
+ <div style="text-align: right">
+ <a href="http://www.anybrowser.org/campaign/"><img src="./images/gifs/badges/anybrowser.gif" alt="Viewable With Any Browser" /></a>
+ <a href="https://web.archive.org/web/20230607005614/http://www.ermel.org/handcoded/"><img src="./images/gifs/badges/handcode.png" width="82" height="33" border="0" alt="100% hand coded HTML"></a>
+ </div>
+</footer>
+
+<script data-goatcounter="https://bochard.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
\ No newline at end of file
--- /dev/null
+<audio id="bg-music" src="./audios/background/rejectedworld.mp3" controls loop></audio>
+<header>
+ <img src="./images/gifs/doraemon.gif" alt="doraemon hello gif" width="100">
+ <img src="./images/gifs/welcomemovetree.gif" alt="tree with welcome text gif" width="300">
+ <h1>welcome to my website!</h1>
+ <img src="./images/gifs/homepageburning.gif" alt="under construction text gif" width="300">
+ <nav class="headernav">
+ <ul>
+ <li><a href="./index.html">home page</a></li>
+ <li><a href="./links.php">useful links</a></li>
+ <li><a href="./sitemap.php">my sitemap</a></li>
+ <li><a href="./files/">files</a></li>
+ </ul>
+ </nav>
+</header>
\ No newline at end of file
+++ /dev/null
-<!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="robots" content="index, follow">\r
- <link rel="icon" type="image/ico" href="/images/">\r
-\r
- <title>bochard's website</title>\r
- <meta name="description" content="i code on paper and create websites out of it.">\r
- <meta property="og:title" content="bochard's website">\r
- <meta property="og:description" content="i code on paper and create websites out of it.">\r
- <meta property="og:image" content="/images/">\r
-\r
-<style>\r
-*, ::before, ::after {\r
- box-sizing: border-box;\r
-}\r
-html {\r
- background-image: url(/images/backgrounds/background1.png);\r
- background-position: center;\r
-}\r
-body {\r
- font-family: serif;\r
- margin: 0 auto;\r
- width: 95%;\r
- max-width: 1000px;\r
- height: 100%; \r
- background-image: url(/images/backgrounds/background.png);\r
- background-position: center;\r
- border: 7px outset #000000;\r
- border-radius: 8px;\r
- padding: 20px;\r
-}\r
-h1 {\r
- font-size: 40px;\r
-}\r
-p {\r
- font-size: 20px;\r
-}\r
-header {\r
- text-align: center;\r
-}\r
-.headernav {\r
- margin: auto;\r
-}\r
-.headernav > ul {\r
- text-align: center;\r
-}\r
-.headernav li {\r
- font-size: 18px;\r
- list-style: none;\r
- padding: 2px 4px;\r
- width: fit-content;\r
- background-color: #dbdbdb;\r
- border: 7px outset #000000;\r
- border-radius: 8px;\r
- text-shadow: 1px 1px #000000;\r
- cursor: pointer;\r
- display: inline-block;\r
-}\r
-section {\r
- margin-top: 40px;\r
-}\r
-h2 {\r
- font-size: 24px;\r
- margin-bottom: 10px;\r
-}\r
-table {\r
- width: 100%;\r
- margin: 0 auto;\r
-}\r
-table, th, td {\r
- border: 1px solid #000000;\r
-}\r
-th, td {\r
- font-size: 18px;\r
- padding: 6px;\r
-}\r
-footer {\r
- display: flex;\r
- justify-content: center;\r
- align-items: center;\r
- margin-top: 20px;\r
- margin-bottom: 200px;\r
-}\r
-</style>\r
-</head>\r
-<body>\r
- <audio id="bg-music" src="./audios/background/rejectedworld.mp3" controls loop></audio>\r
- <header>\r
- <img src="./images/gifs/doraemon.gif" alt="doraemon hello gif" width="100">\r
- <img src="./images/gifs/welcomemovetree.gif" alt="tree with welcome text gif" width="300">\r
- <h1>welcome to my website!</h1>\r
- <img src="./images/gifs/homepageburning.gif" alt="under construction text gif" width="300">\r
- <nav class="headernav">\r
- <ul>\r
- <li><a href="./index.html">home page</a></li>\r
- <li><a href="./links.html">useful links</a></li>\r
- <li><a href="./sitemap.html">my sitemap</a></li>\r
- <li><a href="./files/">files</a></li>\r
- </ul>\r
- </nav>\r
- </header>\r
-\r
- <main>\r
- <section style="text-align: center;">\r
- <img src="./images/construction/underconstructionimg.gif" alt="under construction image" width="300">\r
- <br>\r
- <img src="./images/construction/underconstructiontxt.gif" alt="under construction text gif" width="300">\r
- <p>Hello! welcome to my net home.</p>\r
- <p>i have nothing to say yet. writing intro is hard. sorry! 😢ðŸ˜</p>\r
- </section>\r
- <section>\r
- <h2>my projects</h2>\r
- <p>these are my proudly made practice projects, hope u like it!</p>\r
- <table>\r
- <tbody>\r
- <tr>\r
- <td>palindrome checker</td>\r
- <td><a href="./projects/palindrome-checker/" target="_blank">click here</a></td>\r
- <td>this checks if a word inputted by the user is a palindrome (the word looks the same even when backwards!).</td>\r
- </tr>\r
- <tr>\r
- <td>roman numeral converter</td>\r
- <td><a href="./projects/roman-numeral-converter/" target="_blank">click here</a></td>\r
- <td>you know those X, I, C, M numbering stuffs? ye, this tool converts the numbers into those.</td>\r
- </tr>\r
- <tr>\r
- <td>temperature converter</td>\r
- <td><a href="./projects/temperature-converter/" target="_blank">click here</a></td>\r
- <td>ive been inspired to create this tool because of our physics class topic about gas laws lol.</td>\r
- </tr>\r
- <tr>\r
- <td>tick clock</td>\r
- <td><a href="./projects/tick-clock/" target="_blank">click here</a></td>\r
- <td>nothing much, just a buggy clock made from css, i hate css.</td>\r
- </tr>\r
- <tr>\r
- <td>drum ka dum</td>\r
- <td><a href="./projects/drum-ka-dum/" target="_blank">click here</a></td>\r
- <td>drum but using keys from ur keyboard</td>\r
- </tr>\r
- <tr>\r
- <td>simple cash register</td>\r
- <td><a href="./projects/simple-cash-register/" target="_blank">click here</a></td>\r
- <td>a cash register (idk how to explain, but, as the name explainsa cash register).</td>\r
- </tr>\r
- </tbody>\r
- </table>\r
- </section>\r
-\r
- <section>\r
- <div style="text-align: center;">\r
- <iframe src="https://bochard.atabook.org/" style="width: 95%; height: 600px;"></iframe>\r
- </div>\r
- </section>\r
- </main>\r
-\r
- <footer>\r
- <div style="text-align: left">\r
- <p># of visitors: </p><script type="text/javascript" src="https://counter.websiteout.com/js/14/7/0/1"></script>\r
- </div>\r
- <div style="text-align: right">\r
- <a href="http://www.anybrowser.org/campaign/"><img src="./images/gifs/badges/anybrowser.gif" alt="Viewable With Any Browser" /></a>\r
- <a href="https://web.archive.org/web/20230607005614/http://www.ermel.org/handcoded/"><img src="./images/gifs/badges/handcode.png" width="82" height="33" border="0" alt="100% hand coded HTML"></a>\r
- </div>\r
- </footer>\r
-\r
- <script data-goatcounter="https://bochard.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>\r
-</body>\r
-</html>
\ No newline at end of file
--- /dev/null
+<!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="robots" content="index, follow">\r
+ <link rel="icon" type="image/ico" href="/images/">\r
+\r
+ <title>bochard's website</title>\r
+ <meta name="description" content="i code on paper and create websites out of it.">\r
+ <meta property="og:title" content="bochard's website">\r
+ <meta property="og:description" content="i code on paper and create websites out of it.">\r
+ <meta property="og:image" content="/images/">\r
+\r
+ <link rel="stylesheet" href="/styles/index.css">\r
+</head>\r
+<body>\r
+ <?php include '/includes/header.php';?>\r
+\r
+ <main>\r
+ <section style="text-align: center;">\r
+ <img src="/images/construction/underconstructionimg.gif" alt="under construction image" width="300">\r
+ <br>\r
+ <img src="/images/construction/underconstructiontxt.gif" alt="under construction text gif" width="300">\r
+ <p>Hello! welcome to my net home.</p>\r
+ <p>i have nothing to say yet. writing intro is hard. sorry! 😢ðŸ˜</p>\r
+ </section>\r
+ <section>\r
+ <h2>my projects</h2>\r
+ <p>these are my proudly made practice projects, hope u like it!</p>\r
+ <table>\r
+ <tbody>\r
+ <tr>\r
+ <td>palindrome checker</td>\r
+ <td><a href="/projects/palindrome-checker/" target="_blank">click here</a></td>\r
+ <td>this checks if a word inputted by the user is a palindrome (the word looks the same even when backwards!).</td>\r
+ </tr>\r
+ <tr>\r
+ <td>roman numeral converter</td>\r
+ <td><a href="/projects/roman-numeral-converter/" target="_blank">click here</a></td>\r
+ <td>you know those X, I, C, M numbering stuffs? ye, this tool converts the numbers into those.</td>\r
+ </tr>\r
+ <tr>\r
+ <td>temperature converter</td>\r
+ <td><a href="/projects/temperature-converter/" target="_blank">click here</a></td>\r
+ <td>ive been inspired to create this tool because of our physics class topic about gas laws lol.</td>\r
+ </tr>\r
+ <tr>\r
+ <td>tick clock</td>\r
+ <td><a href="/projects/tick-clock/" target="_blank">click here</a></td>\r
+ <td>nothing much, just a buggy clock made from css, i hate css.</td>\r
+ </tr>\r
+ <tr>\r
+ <td>drum ka dum</td>\r
+ <td><a href="/projects/drum-ka-dum/" target="_blank">click here</a></td>\r
+ <td>drum but using keys from ur keyboard</td>\r
+ </tr>\r
+ <tr>\r
+ <td>simple cash register</td>\r
+ <td><a href="/projects/simple-cash-register/" target="_blank">click here</a></td>\r
+ <td>a cash register (idk how to explain, but, as the name explainsa cash register).</td>\r
+ </tr>\r
+ </tbody>\r
+ </table>\r
+ </section>\r
+\r
+ <section>\r
+ <div style="text-align: center;">\r
+ <iframe src="https://bochard.atabook.org/" style="width: 95%; height: 600px;"></iframe>\r
+ </div>\r
+ </section>\r
+ </main>\r
+\r
+ <?php include '/includes/footer.php';?>\r
+ \r
+</body>\r
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="useful links.">
- <meta name="robots" content="index, follow">
- <title>useful resources</title>
- <link rel="icon" type="image/ico" href="/images/">
-</head>
-<body>
- <header>
- <h1></h1>
- <nav class="headernav">
- <ul class="navlist">
- <li class="navlink"><a href="./index.html">homepage</a></li>
- <li class="navlink"><a href="./links.html">useful links</a></li>
- <li class="navlink"><a href="./sitemap.html">sitemap</a></li>
- </ul>
- </nav>
- </header>
- <main></main>
- <footer></footer>
-
- <script data-goatcounter="https://bochard.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
-</body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="useful links.">
+ <meta name="robots" content="index, follow">
+ <title>useful resources</title>
+ <link rel="icon" type="image/ico" href="/images/">
+
+ <link rel="stylesheet" href="/styles/index.css">
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="my website's sitemap">
- <meta name="robots" content="index, follow">
- <title>sitemap</title>
- <link rel="icon" type="image/ico" href="/images/">
-</head>
-<body>
- <header>
- <h1></h1>
- <nav class="headernav">
- <ul class="navlist">
- <li class="navlink"><a href="./index.html">homepage</a></li>
- <li class="navlink"><a href="./links.html">useful links</a></li>
- <li class="navlink"><a href="./sitemap.html">sitemap</a></li>
- </ul>
- </nav>
- </header>
- <main></main>
- <footer></footer>
-
- <script data-goatcounter="https://bochard.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
-</body>
-</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="my website's sitemap">
+ <meta name="robots" content="index, follow">
+ <title>sitemap</title>
+ <link rel="icon" type="image/ico" href="/images/">
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file
--- /dev/null
+*, ::before, ::after {
+ box-sizing: border-box;
+}
+html {
+ background-image: url(/images/backgrounds/background1.png);
+ background-position: center;
+}
+body {
+ font-family: serif;
+ margin: 0 auto;
+ width: 95%;
+ max-width: 1000px;
+ height: 100%;
+ background-image: url(/images/backgrounds/background.png);
+ background-repeat: repeat;
+ background-position: center;
+ border: 7px outset #000000;
+ border-radius: 8px;
+ padding: 20px;
+}
+h1 {
+ font-size: 40px;
+}
+p {
+ font-size: 20px;
+}
+header {
+ text-align: center;
+}
+.headernav {
+ margin: auto;
+}
+.headernav > ul {
+ text-align: center;
+}
+.headernav li {
+ font-size: 18px;
+ list-style: none;
+ padding: 2px 4px;
+ width: fit-content;
+ background-color: #dbdbdb;
+ border: 7px outset #000000;
+ border-radius: 8px;
+ text-shadow: 1px 1px #000000;
+ cursor: pointer;
+ display: inline-block;
+}
+section {
+ margin-top: 40px;
+}
+h2 {
+ font-size: 24px;
+ margin-bottom: 10px;
+}
+table {
+ width: 100%;
+ margin: 0 auto;
+}
+table, th, td {
+ border: 1px solid #000000;
+}
+th, td {
+ font-size: 18px;
+ padding: 6px;
+}
+footer {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 20px;
+ margin-bottom: 200px;
+}
\ No newline at end of file
projects / mysite.git / commitdiff
.png;h=22ceab5a9011d39a46d1df9e08ee7037c1c9d8be;hb=b84f8ce0333474a6bddb52a5a37fd8c84a9bcb05){kind=link}
.png;hb=b84f8ce0333474a6bddb52a5a37fd8c84a9bcb05){kind=link}
.png;h=22ceab5a9011d39a46d1df9e08ee7037c1c9d8be){kind=link}
