new ep

engineer-man · Jul 26, 2020 · 39d8c11 · 39d8c11
1 parent 31307ae
commit 39d8c11
Show file tree

Hide file tree

Showing 4 changed files with 118 additions and 0 deletions.
diff --git a/112/package.json b/112/package.json
@@ -0,0 +1,8 @@
+{
+    "dependencies": {
+        "live-server": "^1.2.1"
+    },
+    "scripts": {
+        "start": "live-server --mount=/:./src"
+    }
+}
diff --git a/112/src/chase.png b/112/src/chase.png
diff --git a/112/src/index.html b/112/src/index.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <link href="/main.css" rel="stylesheet" />
+
+        <!-- defines css styles -->
+        <style></style>
+
+        <!-- executes javascript -->
+        <script></script>
+    </head>
+    <body class="dark">
+        <!-- provides a generic container for various purposes -->
+        <div>brian</div>
+
+        <!-- title heading -->
+        <h3>chase page</h3>
+
+        <!-- provides a container for text blocks -->
+        <p></p>
+
+        <!-- inserts a line break -->
+        <br />
+
+        <!-- wraps inline elements for styling -->
+        <span>this is chase</span>
+        <br />
+
+        <!-- shows an image -->
+        <img src="/chase.png" />
+        <br />
+
+        <!-- makes a hyperlink -->
+        <a href="https://emkc.org">go to emkc.org</a>
+        <br />
+
+        <!-- makes a table for data -->
+        <table>
+            <thead>
+                <tr>
+                    <th>pet name</th>
+                    <th>age</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr>
+                    <td>chase</td>
+                    <td>3</td>
+                </tr>
+            </tbody>
+        </table>
+
+        <!-- shows literal text -->
+        <pre>
+            indented?
+        </pre>
+
+        <!-- defines a form for user input -->
+        <form action="/somewhere" method="post">
+            <!-- creates a simple single line input -->
+            <div>
+                what is your name?
+                <input type="text" />
+            </div>
+
+            <!-- creates a radio selection style input -->
+            <div>
+                are you male or female?
+                <input type="radio" name="gender" /> male
+                <input type="radio" name="gender" /> female
+            </div>
+
+            <!-- creates a dropdown style input -->
+            <div>
+                favorite dog
+                <select>
+                    <option value=""></option>
+                    <option value="chase">chase</option>
+                </select>
+            </div>
+
+            <!-- creates a multiline input -->
+            <div>
+                send chase a nice message
+                <br />
+                <textarea></textarea>
+            </div>
+
+            <!-- creates a checkbox type input -->
+            <div>
+                check to confirm you love chase
+                <input type="checkbox" />
+            </div>
+
+            <button type="submit">send data</button>
+        </form>
+    </body>
+</html>
diff --git a/112/src/main.css b/112/src/main.css
@@ -0,0 +1,12 @@
+.dark {
+    background: #222;
+    color: #fff;
+}
+
+a {
+    color: #fff;
+}
+
+div {
+    margin-bottom: 10px;
+}