]> git.bochard.net Git - mysite.git/commitdiff
deleted css files, would like to use pure html instead
authorbochard <mail@tenkyuu.dev>
Sat, 22 Mar 2025 02:38:40 +0000 (10:38 +0800)
committerbochard <mail@tenkyuu.dev>
Sat, 22 Mar 2025 02:38:40 +0000 (10:38 +0800)
404.html
index.html
links.html
sitemap.html
styles/index.css [deleted file]
styles/root.css [deleted file]

index 6a7c3643ee4c743366491ed18a716d9896006ef5..9a11b09ac208be11ae61736f5b9ccd815b41830e 100644 (file)
--- a/404.html
+++ b/404.html
@@ -8,8 +8,16 @@
   <title>page doesn't exist!!</title>
   <link rel="icon" type="image/ico" href="/images/">
 
-  <!-- styles -->
-  <link rel="stylesheet" href="./styles/root.css">
+<style>
+*, ::before, ::after {
+
+  box-sizing: border-box;
+}
+html {
+  background-image: url(/images/background.png);
+  background-position: center;
+}
+</style>
 </head>
 <body>
   <header>
@@ -17,7 +25,6 @@
     <nav class="headernav">
       <ul class="navlist">
         <li class="navlink"><a href="./index.html">homepage</a></li>
-        <li class="navlink"><a href="./projects.html">stuffs i made</a></li>
         <li class="navlink"><a href="./links.html">useful links</a></li>
         <li class="navlink"><a href="./sitemap.html">sitemap</a></li>
       </ul>
index 2eab1bd647f369a19ba2be6e5c497ae1340a08e9..23ae1a0a30e1538658fd323a6d504f8db10018ec 100644 (file)
 <!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 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 name="robots" content="index, follow">\r
-  <title>bochard's website'</title>\r
-  <link rel="icon" type="image/ico" href="/images/">\r
-  <meta property="og:type" content="website">\r
-  <meta property="og:title" content="bochard's website'">\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
-  <meta property="og:url" content="https://tenkyuu.dev/">\r
 \r
-  <!-- styles -->\r
-  <link rel="stylesheet" href="./styles/root.css">\r
-  <link rel="stylesheet" href="./styles/index.css">\r
+<style>\r
+*, ::before, ::after {\r
+  box-sizing: border-box;\r
+}\r
+html {\r
+  background-image: url(/images/background.png);\r
+  background-position: center;\r
+}\r
+body {\r
+  font-family: serif;\r
+  margin: 0 auto;\r
+  width: 100%;\r
+  max-width: 1000px;\r
+  height: 100%;  \r
+  background-color: #a6c5ff;\r
+  border: 7px outset #000000;\r
+  border-radius: 8px;\r
+  padding: 10px 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: 10px auto;\r
+  width: fit-content;\r
+}\r
+.headernav > ul {\r
+  width: 100%;\r
+}\r
+.headernav li {\r
+  font-size: 18px;\r
+  list-style: none;\r
+  padding: 2px 4px;\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
+main {\r
+  text-align: center;\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 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="350" class="page-path">\r
+    <img src="./images/gifs/homepageburning.gif" alt="under construction text gif" width="300" class="page-path">\r
     <nav class="headernav">\r
-      <ul class="navlist">\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
+        <li><a href="./index.html">homepage</a></li>\r
+        <li><a href="./links.html">useful links</a></li>\r
+        <li><a href="./sitemap.html">sitemap</a></li>\r
       </ul>\r
     </nav>\r
   </header>\r
   <main>\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="350">\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>writing intro is hard. sorry! ðŸ˜¢ðŸ˜­</p>\r
     <section>\r
-      <h2 class="sectiontitle">my projects</h2>\r
-      <table class="projectstable">\r
+      <h2>my projects</h2>\r
+      <table>\r
         <tr>\r
           <th>name</th>\r
           <th>links</th>\r
index 5f6d4fafbe5dd2b5997570b1acee8faf5eae21a9..9d4bfcb78b44de73c9e223c1d5065d672c1eae3a 100644 (file)
@@ -7,9 +7,6 @@
   <meta name="robots" content="index, follow">
   <title>useful resources</title>
   <link rel="icon" type="image/ico" href="/images/">
-
-  <!-- styles -->
-  <link rel="stylesheet" href="./styles/root.css">
 </head>
 <body>
   <header>
@@ -17,7 +14,6 @@
     <nav class="headernav">
       <ul class="navlist">
         <li class="navlink"><a href="./index.html">homepage</a></li>
-        <li class="navlink"><a href="./projects.html">stuffs i made</a></li>
         <li class="navlink"><a href="./links.html">useful links</a></li>
         <li class="navlink"><a href="./sitemap.html">sitemap</a></li>
       </ul>
index e326622a29194769c781dcecc277e020fbef1963..b8ab2c000a800ba37da4f1be98f434c2eddb7493 100644 (file)
@@ -7,9 +7,6 @@
   <meta name="robots" content="index, follow">
   <title>sitemap</title>
   <link rel="icon" type="image/ico" href="/images/">
-
-  <!-- styles -->
-  <link rel="stylesheet" href="./styles/root.css">
 </head>
 <body>
   <header>
@@ -17,7 +14,6 @@
     <nav class="headernav">
       <ul class="navlist">
         <li class="navlink"><a href="./index.html">homepage</a></li>
-        <li class="navlink"><a href="./projects.html">stuffs i made</a></li>
         <li class="navlink"><a href="./links.html">useful links</a></li>
         <li class="navlink"><a href="./sitemap.html">sitemap</a></li>
       </ul>
diff --git a/styles/index.css b/styles/index.css
deleted file mode 100644 (file)
index 0e6830e..0000000
+++ /dev/null
@@ -1,28 +0,0 @@
-section {
-  margin-top: 40px;
-}
-.sectiontitle {
-  font-size: 24px;
-  margin-bottom: 10px;
-}
-.projectstable {
-  width: 100%;
-  margin: 0 auto;
-}
-.projectstable, 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;
-}
diff --git a/styles/root.css b/styles/root.css
deleted file mode 100644 (file)
index cf1e5c1..0000000
+++ /dev/null
@@ -1,52 +0,0 @@
-*, ::before, ::after {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-html {
-  background-image: url(/images/background.png);
-  background-position: center;
-}
-body {
-  font-family: serif;
-  margin: 0 auto;
-  width: 100%;
-  max-width: 1000px;
-}
-h1 {
-  font-size: 40px;
-}
-p {
-  font-size: 20px;
-}
-
-
-header {
-  text-align: center;
-}
-.headernav {
-  margin: 10px auto;
-  width: fit-content;
-}
-.navlist {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  flex-wrap: wrap;
-  gap: 4px;
-}
-.navlink {
-  font-size: 18px;
-  list-style: none;
-  padding: 2px 4px;
-  background-color: #dbdbdb;
-  border: 7px outset #000000;
-  border-radius: 8px;
-  text-shadow: 1px 1px #000000;
-  cursor: pointer;
-}
-
-
-main {
-  text-align: center;
-}
\ No newline at end of file