Add files via upload

facebook · Jul 15, 2023 · 747198a · 747198a
1 parent 16a366b
commit 747198a
Show file tree

Hide file tree

Showing 5 changed files with 141 additions and 0 deletions.
diff --git a/docusourus_meta/about.htm b/docusourus_meta/about.htm
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="./style.css">
+  <title>About - My Docusaurus Project</title>
+</head>
+<body>
+  <header>
+    <nav>
+      <ul>
+        <li><a href="index.html">Home</a></li>
+        <li><a href="about.html">About</a></li>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+    <section>
+      <h1>About</h1>
+      <p>This is the about page of the Docusaurus project.</p>
+    </section>
+  </main>
+
+  <script src="./docusourus.js"></script>
+</body>
+</html>
diff --git a/docusourus_meta/contact.htm b/docusourus_meta/contact.htm
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="./style.css">
+  <title>Contact - My Docusaurus Project</title>
+</head>
+<body>
+  <header>
+    <nav>
+      <ul>
+        <li><a href="index.html">Home</a></li>
+        <li><a href="about.html">About</a></li>
+        <li><a href="contact.html">Contact</a></li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+    <section>
+      <h1>Contact</h1>
+      <p>Contact us for any inquiries or feedback.</p>
+    </section>
+  </main>
+
+  <script src="./docusourus.js"></script>
+</body>
+</html>
diff --git a/docusourus_meta/docusourus.js b/docusourus_meta/docusourus.js
@@ -0,0 +1,11 @@
+// Add some interactivity
+
+// Example: Changing the page title dynamically
+const currentPage = window.location.pathname.split("/").pop();
+document.title = currentPage.charAt(0).toUpperCase() + currentPage.slice(1) + " - My Docusaurus Project";
+
+// Example: Adding active class to the current page link in the navigation
+const currentLink = document.querySelector(`nav ul li a[href="${currentPage}"]`);
+if (currentLink) {
+  currentLink.classList.add("active");
+}
diff --git a/docusourus_meta/index.html b/docusourus_meta/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="./style.css" />
+    <title>My Docusaurus Project</title>
+  </head>
+  <body>
+    <header>
+      <nav>
+        <ul>
+          <li><a href="index.html">Home</a></li>
+          <li><a href="about.html">About</a></li>
+          <li><a href="contact.html">Contact</a></li>
+        </ul>
+      </nav>
+    </header>
+
+    <main>
+      <section>
+        <h1>Welcome to My Docusaurus Project</h1>
+      </section>
+    </main>
+
+    <script src="./docusourus.js"></script>
+  </body>
+</html>
diff --git a/docusourus_meta/style.css b/docusourus_meta/style.css
@@ -0,0 +1,44 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+  }
+
+  header {
+    background-color: #f2f2f2;
+    padding: 20px;
+  }
+
+  nav ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+  }
+
+  nav ul li {
+    margin-right: 20px;
+  }
+
+  nav ul li a {
+    text-decoration: none;
+    color: #333;
+    font-weight: bold;
+  }
+
+  nav ul li a:hover {
+    color: #555;
+  }
+
+  main {
+    padding: 20px;
+  }
+
+  section {
+    margin-bottom: 20px;
+  }
+
+  h1 {
+    margin-top: 0;
+  }
+