+/archives
\ No newline at end of file
+++ /dev/null
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <!-- Google Tag Manager -->
- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-KJSJGBKZ');</script>
- <!-- End Google Tag Manager -->
-
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="author" content="rain (bochard)">
- <meta name="description" content="17-year old Filipino web developer.">
- <meta name="robots" content="index, follow">
- <title>bochard - web developer</title>
- <link rel="icon" type="image/ico" href="/assets/icons/favicon.ico">
- <meta property="og:type" content="website">
- <meta property="og:title" content="bochard - web developer">
- <meta property="og:description" content="I code on paper and create websites out of it.">
- <meta property="og:image" content="/assets/pfp/profile.jpg">
- <meta property="og:url" content="https://tenkyuu.dev">
- <meta name="twitter:card" content="summary_large_image">
- <style>
-*,
-::before,
-::after {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
-}
-html {
- font-size: 62.5%;
-}
-body {
- font-family: Arial, Helvetica, sans-serif;
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.container {
- width: 90%;
-}
-.img-ctn {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-.content-ctn {
- text-align: center;
-}
-h1 {
- font-size: 2.7rem;
-}
-img {
- margin: 1rem;
-}
-p {
- font-size: 1.2rem;
- line-height: 1.7rem;
-}
-.links {
- font-weight: bold;
- font-size: 1.4rem;
-}
-.footer {
- margin-top: 2rem;
-}
-
-@media only screen and (min-width: 768px) {
- h1 {
- font-size: 3rem;
- }
- p {
- font-size: 1.5rem;
- }
-}
- </style>
-</head>
-<body>
- <!-- Google Tag Manager (noscript) -->
- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJSJGBKZ"
- height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
- <!-- End Google Tag Manager (noscript) -->
-
- <div class="container">
- <div class="img-ctn">
- <img src="assets/images/under-construction-text.gif" width="350">
- <img src="assets/images/under-construction.gif" width="300">
- </div>
- <div class="content-ctn">
- <h1>Construction still ongoing!</h1>
- <p>A new version of this website will be released soon!</p>
-
- <br>
-
- <h2>You can check the previous designs of my website here:</h2>
- <p class="links">
- <a href="https://tenkyuu.dev/legacy/v3/">Version 3 (unfinished)</a> |
- <a href="https://tenkyuu.dev/legacy/v2/">Version 2 (recommended)</a> |
- <a href="https://tenkyuu.dev/legacy/v1/">Version 1</a>
- </p>
-
- <br>
- <br>
-
- <h2>My Projects here:</h2>
- <p>Here are some projects I've done using JavaScript!</p>
- <p class="links">
- <a href="https://tenkyuu.dev/projects/palindrome-checker">Palindrome Checker</a> |
- <a href="https://tenkyuu.dev/projects/roman-numeral-converter">Roman Numeral Converter</a> |
- <a href="https://tenkyuu.dev/projects/temperature-converter">Temperature Converter (unfinished)</a> |
- <a href="https://tenkyuu.dev/projects/drum-ka-dum">Drum-ka-dum!</a>
- </p>
-
- <br>
-
- <p>A website I made for a friend!</p>
- <p class="links">
- <a href="https://zeld.pages.dev">Zeld - Video Editor</a>
- </p>
- </div>
- </div>
-
- <div class="footer">
- <p>© Copyright <a href="https://github.com/b0chard">rain/bochard</a></p>
- </div>
-</body>
-</html>
\ No newline at end of file
<!DOCTYPE html>\r
<html lang="en">\r
<head>\r
- <!-- Google Tag Manager -->\r
- <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\r
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\r
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\r
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\r
- })(window,document,'script','dataLayer','GTM-KJSJGBKZ');</script>\r
- <!-- End Google Tag Manager -->\r
-\r
<meta charset="UTF-8">\r
<meta name="viewport" content="width=device-width, initial-scale=1.0">\r
<meta name="author" content="bochard">\r
<meta name="description" content="17-year old web developer.">\r
<meta name="robots" content="index, follow">\r
<title>bochard - web developer</title>\r
- <link rel="icon" type="image/ico" href="/assets/icons/favicon.ico">\r
+ <link rel="icon" type="image/ico" href="/images/">\r
<meta property="og:type" content="website">\r
<meta property="og:title" content="bochard - web developer">\r
<meta property="og:description" content="I code on paper and create websites out of it.">\r
- <meta property="og:image" content="/assets/pfp/profile.jpg">\r
+ <meta property="og:image" content="/images/">\r
<meta property="og:url" content="https://tenkyuu.dev">\r
\r
- <link rel="stylesheet" href="./styles.css">\r
+ <link rel="stylesheet" href="./styles/index.css">\r
</head>\r
<body>\r
<header>\r
- <img src="./assets/gifs/dwelcome.gif" alt="doraemon hello gif">\r
- <img src="./assets/gifs/iconwelcomemovetree.gif" alt="tree with welcome text gif">\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="400">\r
<h1>welcome to my website!</h1>\r
+ <img src="./images/gifs/homepageburning.gif" alt="under construction text gif" width="200" class="page-path">\r
+ <nav class="headernav">\r
+ <ul class="navlist">\r
+ <li class="navlink"><a href="./index.html">home</a></li>\r
+ <li class="navlink"><a href="./about.html">about</a></li>\r
+ <li class="navlink"><a href="./projects">projects</a></li>\r
+ <li class="navlink"><a href="./links.html">links</a></li>\r
+ <li class="navlink"><a href="./sitemap.html">sitemap</a></li>\r
+ </ul>\r
+ </nav>\r
</header>\r
+\r
<main>\r
- <img src="./assets/images/under-construction-text.gif" alt="under construction text gif">\r
- <img src="./assets/images/under-construction.gif" alt="under construction image">\r
+ <img src="./images/construction/underconstructionimg.gif" alt="under construction image" width="200">\r
+ <img src="./images/construction/underconstructiontxt.gif" alt="under construction text gif" width="300">\r
<p>there's nothing here much right now, I'm still building the site. I'll just eat dinner.</p>\r
+ <section>\r
+ <h2 class="sectiontitle">my projects</h2>\r
+ <table class="projectstable">\r
+ <tr>\r
+ <th>name</th>\r
+ <th>links</th>\r
+ <th>date</th>\r
+ <th>source code</th>\r
+ </tr>\r
+ <tbody>\r
+ <td>palindrome checker</td>\r
+ <td><a href="./projects/palindrome-checker">click here</a></td>\r
+ <td>i forgot</td>\r
+ <td><a href="https://github.com/b0chard/palindrome-checker.git">view</a></td>\r
+ </tbody>\r
+ </table>\r
+ </section>\r
</main>\r
+\r
+ <footer></footer>\r
+ <script src="./scripts/index.js"></script>\r
</body>\r
</html>
\ No newline at end of file
+++ /dev/null
-*,
-::before,
-::after {
- padding: 0;
- margin: 0;
- box-sizing: border-box;
-}
-html {
- font-family: cursive;
- background-image: url(/assets/backgrounds/5021.png);
- background-position: center;
-}
-body {
- margin: 0 auto;
- width: 100%;
- max-width: 700px;
-}
\ No newline at end of file
--- /dev/null
+@font-face {
+ font-family: 'Comic Sans MS';
+ src: url(/fonts/COMIC.TTF);
+}
+@font-face {
+ font-family: 'Comic Sans MS Bold';
+ src: url(/fonts/COMICBD.TTF);
+}
+
+
+*, ::before, ::after {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+html {
+ font-size: 62.5%;
+ background-image: url(/images/background.png);
+ background-position: center;
+}
+body {
+ font-family: 'Comic Sans MS';
+ margin: 0 auto;
+ width: 100%;
+ max-width: 700px;
+}
+header {
+ text-align: center;
+}
+.headernav {
+ margin: 1rem auto;
+ width: fit-content;
+
+}
+.navlist {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ gap: 1rem;
+}
+.navlink {
+ font-size: 1.6rem;
+ list-style: none;
+ padding: 4px 7px;
+ background-color: #dbdbdb;
+ border: 7px outset #000000;
+ border-radius: 8px;
+ text-shadow: 1px 1px #000000;
+ cursor: pointer;
+}
+
+
+
+main {
+ text-align: center;
+}
+h1 {
+ font-family: 'Comic Sans MS Bold';
+ font-size: 3rem;
+}
+p {
+ font-size: 1.6rem;
+}
+
+section {
+ margin-top: 2rem;
+}
+.sectiontitle {
+ font-family: 'Comic Sans MS Bold';
+ font-size: 2.4rem;
+}
+.projectstable {
+ width: 100%;
+ margin: 0 auto;
+}
+.projectstable, th, td {
+ border: 1px solid #000000;
+}
+th, td {
+ font-size: 1.4rem;
+ padding: 0.6rem;
+}
\ No newline at end of file
projects / mysite.git / commitdiff
