lots of update again

diff --git a/images/gifs/bevelwood.gif b/images/gifs/bevelwood.gif
new file mode 100644 (file)
index 0000000..4ed616d
Binary files /dev/null and b/images/gifs/bevelwood.gif differ

diff --git a/images/gifs/homepageburning.gif b/images/gifs/homepageburning.gif
deleted file mode 100755 (executable)
index 74d91f1..0000000
Binary files a/images/gifs/homepageburning.gif and /dev/null differ

diff --git a/images/gifs/titles/aboutpageburning.gif b/images/gifs/titles/aboutpageburning.gif
new file mode 100644 (file)
index 0000000..76d5f8f
Binary files /dev/null and b/images/gifs/titles/aboutpageburning.gif differ

diff --git a/images/gifs/titles/homepageburning.gif b/images/gifs/titles/homepageburning.gif
new file mode 100755 (executable)
index 0000000..74d91f1
Binary files /dev/null and b/images/gifs/titles/homepageburning.gif differ

diff --git a/images/gifs/titles/infopageburning.gif b/images/gifs/titles/infopageburning.gif
new file mode 100644 (file)
index 0000000..465325d
Binary files /dev/null and b/images/gifs/titles/infopageburning.gif differ

diff --git a/images/gifs/titles/linkspageburning.gif b/images/gifs/titles/linkspageburning.gif
new file mode 100644 (file)
index 0000000..0a421e3
Binary files /dev/null and b/images/gifs/titles/linkspageburning.gif differ

diff --git a/images/gifs/titles/sitemappageburning.gif b/images/gifs/titles/sitemappageburning.gif
new file mode 100644 (file)
index 0000000..40e9f65
Binary files /dev/null and b/images/gifs/titles/sitemappageburning.gif differ

diff --git a/images/navigation/info.png b/images/navigation/info.png
new file mode 100644 (file)
index 0000000..3fa2fe9
Binary files /dev/null and b/images/navigation/info.png differ

diff --git a/includes/footer.php b/includes/footer.php
index 62d67b5e6d31af805231f020cbd1c5d88474772b..1c50cd07cb8a2ec57ecd81153c8e657b83e3d46c 100755 (executable)
--- a/includes/footer.php
+++ b/includes/footer.php
@@ -6,5 +6,5 @@
     <a href="http://www.anybrowser.org/campaign/"><img src="./images/gifs/badges/anybrowser.gif" alt="Viewable With Any Browser" /></a>
   </div>
 </footer>
-
+<script src="/scripts/play_audio.js"></script>
 <script data-goatcounter="https://bochard.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
\ No newline at end of file

diff --git a/includes/header.php b/includes/header.php
index 934cc8593097cdc9d03a810be7ce57f9a43fdda1..b11521f17e64dc8f41e544b7f9f5aa64268e42f7 100755 (executable)
--- a/includes/header.php
+++ b/includes/header.php
@@ -1,6 +1,7 @@
-<audio id="bg-music" src="/audios/background/rejectedworld.mp3" controls loop></audio>
-<header>
+<input type="image" id="play-bgm-btn" src="/images/gifs/bevelwood.gif"><span id="play-bgm-txt">click to play music! :&rpar;</span>
+<audio id="bg-music" src="/audios/background/rejectedworld.mp3" loop></audio>
+<header style="text-align: center;">
   <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>
+  <p style="font-size: 40px; font-weight: bold;">welcome to my website!</p>
 </header>
\ No newline at end of file

diff --git a/includes/nav.php b/includes/nav.php
index 5c59a07399203c685cedbfe13991c1090a192c76..e9f6e8df0dcf3a9f18deb1b990cced4a11f621d7 100644 (file)
--- a/includes/nav.php
+++ b/includes/nav.php
@@ -1,7 +1,10 @@
-<nav class="headernav">
+<nav style="text-align: center;">
   <a href="/index.php">
     <img src="/images/navigation/homepage.png">
   </a>
+  <a href="/info.php">
+    <img src="/images/navigation/info.png">
+  </a>
   <a href="/links.php">
     <img src="/images/navigation/links.png">
   </a>

diff --git a/index.php b/index.php
index 1ac9a287b0506ed5c0942486947f01c99c831ea3..ec944e7abb480c4020673e6feedb9cc87b498c86 100755 (executable)
--- a/index.php
+++ b/index.php
@@ -12,17 +12,42 @@
   <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
+  <link rel="stylesheet" href="/styles/root.css">\r
+<style>\r
+  h1 {\r
+    font-size: 40px;\r
+  }\r
+  p {\r
+    font-size: 20px;\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
+</style>\r
 </head>\r
 <body>\r
   <?php include './includes/header.php';?>\r
 \r
   <main>\r
-    <img src="/images/gifs/homepageburning.gif" alt="under construction text gif" width="300">\r
-\r
+    <img src="/images/gifs/titles/homepageburning.gif" class="page-title">\r
     <?php include './includes/nav.php';?>\r
-    \r
     <section style="text-align: center;">\r
+      <h1>You found my net home!</h1>\r
       <p>Hi! welcome to my net home.</p>\r
       <p>i have nothing to say yet. writing intro is hard. sorry! 😢😭</p>\r
     </section>\r
@@ -117,6 +142,5 @@
   </main>\r
 \r
   <?php include './includes/footer.php';?>\r
-  \r
 </body>\r
 </html>
\ No newline at end of file

diff --git a/info.php b/info.php
new file mode 100644 (file)
index 0000000..a7b06d9
--- /dev/null
+++ b/info.php
@@ -0,0 +1,27 @@
+<!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/root.css">
+</head>
+<body>
+  <?php include './includes/header.php';?>
+
+  <main>
+    <img src="/images/gifs/titles/infopageburning.gif" class="page-title">
+    <?php include './includes/nav.php';?>
+    <section style="text-align: center;">
+      <h1>About me!</h1>
+      <p>Sorry, nothing to see here yet :&lt;</p>
+    </section>
+  </main>
+
+  <?php include './includes/footer.php';?>
+</body>
+</html>
\ No newline at end of file

diff --git a/links.php b/links.php
index 80c7e273e170d4282b2d7f0372c4ab3cc138a539..5bf46a7ecc2c754c8a7ef9be376eeb01f3056c52 100755 (executable)
--- a/links.php
+++ b/links.php
@@ -8,9 +8,20 @@
   <title>useful resources</title>
   <link rel="icon" type="image/ico" href="/images/">
 
-  <link rel="stylesheet" href="/styles/index.css">
+  <link rel="stylesheet" href="/styles/root.css">
 </head>
 <body>
+  <?php include './includes/header.php';?>
 
+  <main>
+    <img src="/images/gifs/titles/linkspageburning.gif" class="page-title">
+    <?php include './includes/nav.php';?>
+    <section style="text-align: center;">
+      <h1>Some useful links.</h1>
+      <p>Sorry, nothing to see here yet :&lt;</p>
+    </section>
+  </main>
+
+  <?php include './includes/footer.php';?>
 </body>
 </html>
\ No newline at end of file

diff --git a/scripts/index.js b/scripts/index.js
deleted file mode 100755 (executable)
index e69de29..0000000

diff --git a/scripts/play_audio.js b/scripts/play_audio.js
new file mode 100755 (executable)
index 0000000..32e6520
--- /dev/null
+++ b/scripts/play_audio.js
@@ -0,0 +1,27 @@
+function playBGM(){
+  const audio = document.getElementById("bg-music");
+  if(audio.paused){
+    audio.play()
+    updateText("playing");
+  }
+  else {
+    audio.pause();
+    updateText("paused");
+  }
+}
+
+function updateText(status){
+  const playBGMText = document.getElementById("play-bgm-txt");
+  switch(status){
+    case "playing":
+      playBGMText.textContent = "Yay! music is now playing :0";
+      break;
+    case "paused":
+      playBGMText.textContent = "WHY YOU STOPPED THE MUSIC!! :'(";
+      break;
+  }
+}
+
+document.getElementById("play-bgm-btn").addEventListener("click", function(){
+  playBGM();
+})
\ No newline at end of file

diff --git a/sitemap.php b/sitemap.php
index 1e08047aa0cc182a8a9de63a09337b6a71b9bb11..128a04c252b678644b77c55f50383bc657933b80 100755 (executable)
--- a/sitemap.php
+++ b/sitemap.php
@@ -7,8 +7,21 @@
   <meta name="robots" content="index, follow">
   <title>sitemap</title>
   <link rel="icon" type="image/ico" href="/images/">
+
+  <link rel="stylesheet" href="/styles/root.css">
 </head>
 <body>
+  <?php include './includes/header.php';?>
+
+  <main>
+    <img src="/images/gifs/titles/sitemappageburning.gif" class="page-title">
+    <?php include './includes/nav.php';?>
+    <section style="text-align: center;">
+      <h1>All paths to my site.</h1>
+      <p>Sorry, nothing to see here yet :&lt;</p>
+    </section>
+  </main>
 
+  <?php include './includes/footer.php';?>
 </body>
 </html>
\ No newline at end of file

diff --git a/styles/index.css b/styles/index.css
deleted file mode 100755 (executable)
index 6269eef..0000000
--- a/styles/index.css
+++ /dev/null
@@ -1,74 +0,0 @@
-*, ::before, ::after {
-  box-sizing: border-box;
-}
-html {
-  background-image: url(/images/backgrounds/backgroundclouds.gif);
-  background-position: center;
-}
-body {
-  font-family: serif;
-  margin: 0 auto;
-  width: 95%;
-  max-width: 1000px;
-  height: 100%;
-}
-main {
-  background-image: url(/images/backgrounds/bg-canvas.gif);
-  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

diff --git a/styles/root.css b/styles/root.css
new file mode 100644 (file)
index 0000000..143a392
--- /dev/null
+++ b/styles/root.css
@@ -0,0 +1,37 @@
+*, ::before, ::after {
+  box-sizing: border-box;
+}
+html {
+  background-image: url(/images/backgrounds/backgroundclouds.gif);
+  background-position: center;
+}
+body {
+  font-family: serif;
+  margin: 0 auto;
+  width: 95%;
+  max-width: 1000px;
+  height: 100%;
+}
+main {
+  background-image: url(/images/backgrounds/bg-canvas.gif);
+  background-repeat: repeat;
+  background-position: center;
+  border: 7px outset #000000;
+  border-radius: 8px;
+  padding: 20px;
+}
+footer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 20px;
+  margin-bottom: 200px;
+}
+a {
+  text-decoration: none;
+}
+
+
+.page-title {
+  width: 100%;
+}
\ No newline at end of file