]> git.bochard.net Git - mysite.git/commitdiff
update
authorbochard <mail@tenkyuu.dev>
Fri, 21 Mar 2025 11:17:13 +0000 (19:17 +0800)
committerbochard <mail@tenkyuu.dev>
Fri, 21 Mar 2025 11:17:13 +0000 (19:17 +0800)
audios/background/rejectedworld.mp3 [new file with mode: 0644]
images/gifs/badges/anybrowser.gif [new file with mode: 0644]
images/gifs/badges/handcode.png [new file with mode: 0644]
index.html
styles/index.css

diff --git a/audios/background/rejectedworld.mp3 b/audios/background/rejectedworld.mp3
new file mode 100644 (file)
index 0000000..4c624ef
Binary files /dev/null and b/audios/background/rejectedworld.mp3 differ
diff --git a/images/gifs/badges/anybrowser.gif b/images/gifs/badges/anybrowser.gif
new file mode 100644 (file)
index 0000000..353bb9f
Binary files /dev/null and b/images/gifs/badges/anybrowser.gif differ
diff --git a/images/gifs/badges/handcode.png b/images/gifs/badges/handcode.png
new file mode 100644 (file)
index 0000000..98255e6
Binary files /dev/null and b/images/gifs/badges/handcode.png differ
index 1c8111bafd7e9de505f09bcda7a6e390514c0afb..56714d7658b92e670933b729eec49b3f049300f8 100644 (file)
   <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="/images/">\r
-  <meta property="og:url" content="https://tenkyuu.dev">\r
+  <meta property="og:url" content="https://tenkyuu.dev/">\r
 \r
   <link rel="stylesheet" href="./styles/index.css">\r
 </head>\r
 <body>\r
-  <audio src="./audios/background/childhood2.mp3" autoplay loop></audio>\r
+  <audio src="./audios/background/rejectedworld.mp3" autoplay 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="200" class="page-path">\r
+    <img src="./images/gifs/homepageburning.gif" alt="under construction text gif" width="400" 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="./index.html">homepage</a></li>\r
+        <li class="navlink"><a href="./projects.html">stuffs i made</a></li>\r
+        <li class="navlink"><a href="./links.html">useful links</a></li>\r
         <li class="navlink"><a href="./sitemap.html">sitemap</a></li>\r
       </ul>\r
     </nav>\r
 \r
   <main>\r
     <img src="./images/construction/underconstructionimg.gif" alt="under construction image" width="200">\r
+    <br>\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
+    <p>Hello! welcome to my net home.</p>\r
+    <p>writing intro is hard. sorry! ðŸ˜¢ðŸ˜­</p>\r
     <section>\r
       <h2 class="sectiontitle">my projects</h2>\r
       <table class="projectstable">\r
           <th>name</th>\r
           <th>links</th>\r
           <th>date</th>\r
-          <th>source code</th>\r
         </tr>\r
         <tbody>\r
           <tr>\r
             <td>palindrome checker</td>\r
-            <td><a href="./projects/palindrome-checker" target="_blank">click here</a></td>\r
+            <td><a href="./projects/palindrome-checker/" target="_blank"><button>click here</button></a></td>\r
             <td>i forgot</td>\r
-            <td><a href="https://github.com/b0chard/palindrome-checker" target="_blank">view code</a></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><a href="./projects/roman-numeral-converter/" target="_blank"><button>click here</button></a></td>\r
             <td>i forgot</td>\r
-            <td><a href="https://github.com/b0chard/roman-numeral-converter" target="_blank">view code</a></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><a href="./projects/temperature-converter/" target="_blank"><button>click here</button></a></td>\r
             <td>i forgot</td>\r
-            <td><a href="https://github.com/b0chard/temperature-converter" target="_blank">view code</a></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><a href="./projects/tick-clock/" target="_blank"><button>click here</button></a></td>\r
             <td>i forgot</td>\r
-            <td><a href="https://github.com/b0chard/tick-clock" target="_blank">view code</a></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><a href="./projects/drum-ka-dum/" target="_blank"><button>click here</button></a></td>\r
             <td>i forgot</td>\r
-            <td><a href="https://github.com/b0chard/drum-ka-dum" target="_blank">view code</a></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 href="./projects/simple-cash-register/" target="_blank"><button>click here</button></a></td>\r
             <td>i forgot</td>\r
-            <td><a href="https://github.com/b0chard/simple-cash-register" target="_blank">view code</a></td>\r
           </tr>\r
         </tbody>\r
       </table>\r
   </main>\r
 \r
   <footer>\r
-    <p># of visitors: </p>\r
-    <script type="text/javascript" src="https://counter.websiteout.com/js/14/7/0/1"></script>\r
+    <div>\r
+      <p># of visitors: </p><script type="text/javascript" src="https://counter.websiteout.com/js/14/7/0/1"></script>\r
+    </div>\r
+    <div>\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
   <script src="./scripts/index.js"></script>\r
 </body>\r
index 8f9165ffd67ea9dcaae5c76aa2c0f00832f58c34..9f9b608c9af312cbd50a58501be7df9575c220ed 100644 (file)
@@ -1,34 +1,22 @@
-@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;
+  max-width: 1000px;
 }
 header {
   text-align: center;
 }
 .headernav {
-  margin: 1rem auto;
+  margin: 10px auto;
   width: fit-content;
   
 }
@@ -37,10 +25,10 @@ header {
   flex-direction: row;
   justify-content: center;
   flex-wrap: wrap;
-  gap: 0.4rem;
+  gap: 4px;
 }
 .navlink {
-  font-size: 1.4rem;
+  font-size: 18px;
   list-style: none;
   padding: 2px 4px;
   background-color: #dbdbdb;
@@ -56,19 +44,18 @@ main {
   text-align: center;
 }
 h1 {
-  font-family: 'Comic Sans MS Bold';
-  font-size: 3rem;
+  font-size: 30px;
 }
 p {
-  font-size: 1.6rem;
+  font-size: 20px;
 }
 
 section {
-  margin-top: 2rem;
+  margin-top: 40px;
 }
 .sectiontitle {
-  font-family: 'Comic Sans MS Bold';
-  font-size: 2.4rem;
+  font-size: 24px;
+  margin-bottom: 10px;
 }
 .projectstable {
   width: 100%;
@@ -78,13 +65,15 @@ section {
   border: 1px solid #000000;
 }
 th, td {
-  font-size: 1.4rem;
-  padding: 0.6rem;
+  font-size: 18px;
+  padding: 6px;
 }
 
+
+
 footer {
   display: flex;
   justify-content: center;
   align-items: center;
-  margin-top: 2rem;
-}
\ No newline at end of file
+  margin-top: 20px;
+}