Initial commit

CS-42 · Jul 27, 2024 · d983a76 · d983a76
commit d983a76
Show file tree

Hide file tree

Showing 2 changed files with 112 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,41 @@
+<!doctype html>
+
+<html>
+    <head>
+        <meta name="viewport" content="width=500, initial-scale=1" />
+        <link rel="stylesheet" href="styles.css" />
+        <title>Cyber 42</title>
+    </head>
+
+    <body>
+        <header>
+            <h1>Cyber Space - 42</h1>
+        </header>
+
+        <main>
+            <h2 class="green">Webring</h2>
+            <ul>
+                <li>
+                    <a href="https://example.com/">https://example.com</a>
+                </li>
+                <li>
+                    <a href="https://example.com/something">
+                        https://example.com/something
+                    </a>
+                </li>
+            </ul>
+
+            <h2 class="orange">Description</h2>
+            <p>
+                The missile knows where it is at all times. It knows this
+                because it knows where it isn't. By subtracting where it is from
+                where it isn't, or where it isn't from where it is (whichever is
+                greater), it obtains a difference, or deviation. The guidance
+                subsystem uses deviations to generate corrective commands to
+                drive the missile from a position where it is to a position
+                where it isn't, and arriving at a position where it wasn't, it
+                now is.
+            </p>
+        </main>
+    </body>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,71 @@
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap");
+body {
+    background-color: #1c1b1a;
+}
+
+header,
+main {
+    margin-left: 50px;
+}
+
+header {
+    margin-bottom: 70px;
+}
+
+h2 {
+    font-family: "Source Serif 4", serif;
+    font-optical-sizing: auto;
+    font-weight: 500;
+    font-size: 40px;
+    font-style: normal;
+    margin-top: 40px;
+}
+
+h2.green {
+    color: #3aa99f;
+}
+
+h2.orange {
+    color: #da702c;
+}
+ul {
+    list-style-type: none;
+    padding-left: 0;
+}
+
+li {
+    margin-bottom: 10px;
+    font-family: "IBM Plex Mono", monospace;
+    font-weight: 400;
+    font-size: 20px;
+    font-style: normal;
+}
+a {
+    color: white;
+}
+
+a:hover {
+    font-style: italic;
+}
+
+h1 {
+    color: #e6e4d9;
+    font-family: "Source Serif 4", serif;
+    font-optical-sizing: auto;
+    font-weight: 600;
+    font-size: 50px;
+    font-style: normal;
+}
+
+main {
+    max-width: 700px;
+}
+p {
+    color: #f2f0e5;
+    font-family: "Lora", serif;
+    font-optical-sizing: auto;
+    font-weight: 400;
+    font-size: 20px;
+    font-style: normal;
+}