Add index.html file for Ray.Aop documentation

The new index.html file includes basic information about the Ray.Aop project and links to its GitHub repository and technical documents. The design of the webpage adheres to simple yet effective styling for readability and easy navigation.
ray-di · Jul 9, 2024 · dd1e8ae · dd1e8ae
1 parent f9a9dd1
commit dd1e8ae
Showing 1 changed file with 53 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Ray.Aop Documentation</title>
+    <style>
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            margin: 20px;
+            line-height: 1.6;
+        }
+        header h1 {
+            font-size: 2em;
+            margin-bottom: 20px;
+        }
+        main h2 {
+            font-size: 1.5em;
+            margin-top: 20px;
+            margin-bottom: 10px;
+        }
+        ul {
+            padding-left: 20px;
+        }
+        a {
+            color: #0366d6;
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
+    </style>
+</head>
+<body>
+<header>
+    <h1>Ray.Aop Documentation</h1>
+    <p>
+        <a href="https://github.com/koriym/Ray.Aop">Ray.Aop GitHub Repository</a>
+    </p>
+</header>
+<main>
+    <section>
+        <h2>Technical Documents</h2>
+        <p>
+            Below is the class diagram for the Ray.Aop project:
+        </p>
+        <ul>
+            <li><a href="php-class-diagram.html">Class Diagram</a></li>
+        </ul>
+    </section>
+</main>
+</body>
+</html>