]> git.bochard.net Git - mysite.git/commitdiff
projects / mysite.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 19d71aa)
changed background
authorbochard <mail@tenkyuu.dev>
Sat, 22 Mar 2025 03:09:07 +0000 (11:09 +0800)
committerbochard <mail@tenkyuu.dev>
Sat, 22 Mar 2025 03:09:07 +0000 (11:09 +0800)
images/background.png [deleted file] patch | blob | history
images/backgrounds/background.png [new file with mode: 0644] patch | blob
images/backgrounds/background1.png [new file with mode: 0644] patch | blob
index.html patch | blob | history

diff --git a/images/background.png b/images/background.png
deleted file mode 100644 (file)
index 44d606c..0000000
Binary files a/images/background.png and /dev/null differ
diff --git a/images/backgrounds/background.png b/images/backgrounds/background.png
new file mode 100644 (file)
index 0000000..44d606c
Binary files /dev/null and b/images/backgrounds/background.png differ
diff --git a/images/backgrounds/background1.png b/images/backgrounds/background1.png
new file mode 100644 (file)
index 0000000..edf31c3
Binary files /dev/null and b/images/backgrounds/background1.png differ
diff --git a/index.html b/index.html
index 23ae1a0a30e1538658fd323a6d504f8db10018ec..31dbbb4f1c9910d3b2370381083689abd20c1d1b 100644 (file)
--- a/index.html
+++ b/index.html
@@ -17,19 +17,20 @@
   box-sizing: border-box;\r
 }\r
 html {\r
-  background-image: url(/images/background.png);\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: 100%;\r
+  width: 95%;\r
   max-width: 1000px;\r
   height: 100%;  \r
-  background-color: #a6c5ff;\r
+  background-image: url(/images/backgrounds/background.png);\r
+  background-position: center;\r
   border: 7px outset #000000;\r
   border-radius: 8px;\r
-  padding: 10px 20px;\r
+  padding: 20px;\r
 }\r
 h1 {\r
   font-size: 40px;\r
@@ -41,16 +42,16 @@ header {
   text-align: center;\r
 }\r
 .headernav {\r
-  margin: 10px auto;\r
-  width: fit-content;\r
+  margin: auto;\r
 }\r
 .headernav > ul {\r
-  width: 100%;\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
@@ -89,12 +90,12 @@ footer {
 </style>\r
 </head>\r
 <body>\r
-  <!-- <audio src="./audios/background/rejectedworld.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="300" class="page-path">\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">homepage</a></li>\r
@@ -113,41 +114,36 @@ footer {
     <section>\r
       <h2>my projects</h2>\r
       <table>\r
-        <tr>\r
-          <th>name</th>\r
-          <th>links</th>\r
-          <th>date</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>i forgot</td>\r
+            <td><a href="./projects/palindrome-checker/" target="_blank">click</a></td>\r
+            <td>lorem ipsum</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>i forgot</td>\r
+            <td><a href="./projects/roman-numeral-converter/" target="_blank">click</a></td>\r
+            <td>lorem ipsum</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>i forgot</td>\r
+            <td><a href="./projects/temperature-converter/" target="_blank">click</a></td>\r
+            <td>lorem ipsum</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>i forgot</td>\r
+            <td><a href="./projects/tick-clock/" target="_blank">click</a></td>\r
+            <td>lorem ipsum</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>i forgot</td>\r
+            <td><a href="./projects/drum-ka-dum/" target="_blank">click</a></td>\r
+            <td>lorem ipsum</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>i forgot</td>\r
+            <td><a href="./projects/simple-cash-register/" target="_blank">click</a></td>\r
+            <td>lorem ipsum</td>\r
           </tr>\r
         </tbody>\r
       </table>\r
@@ -156,7 +152,7 @@ footer {
 \r
   <footer>\r
     <div>\r
-      <p># of visitors: </p><script type="text/javascript" src="https://counter.websiteout.com/js/14/7/0/1"></script>\r
+      <p># of visitors: </p><script type="text/javascript" src="https://counter.websiteout.com/js/14/7/0/1" defer></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
Unnamed repository; edit this file 'description' to name the repository.