PrimeAcademy · sseang · Nov 4, 2023 · Nov 4, 2023 · Nov 4, 2023 · Nov 4, 2023
diff --git a/README.md b/README.md
@@ -55,7 +55,7 @@ Inside of this folder, we've provided you with a few files, some of those files
 - *assignment/style.css* (base functionality - required)
 - *assignment/checkpoints/terminal.txt* (base functionality - required)
 
-## 1) Edit the HTML
+## 1 Edit the HTML
 
 Inside of the `index.html` file are comments with tasks for you to complete. Write the code below the comment (no need to delete the comment), like this:
 

diff --git a/assignment/checkpoints/terminal.txt b/assignment/checkpoints/terminal.txt
@@ -1,21 +1,22 @@
 # Type your responses on a new line
 
 # 1 - What is the command for listing the files in the current folder (directory)?
-
+ls
 # 2 - What is the command for changing directories?
-
+cd 
 # 3 - What is the command for going "up" a folder (to a parent directory)?
-
+cd ..
 # 4 - What is a quick way to create a new folder?
-
+mkdir
 # 5 - What output would you expect when you run the command 'ls' in an empty folder? What about a folder containing files?
-
+Shows same pwd line. List all available files
 # 6 - What is a quick way to create a new file?
-
+touch
 # 7 - Run 'git --version' in your terminal. What is the output?
-
+Brings up current revision on your local drive
 # 8 - Why would you run the command 'git status'?
-
+To see if any changes needs staging
 # 9 - What does the command 'git add .' do?
-
+Stages changes in your repo
 # 10 - What is the command to push your committed changes to your repo on GitHub?
+git push origin main
diff --git a/assignment/helloWorld.js b/assignment/helloWorld.js
@@ -0,0 +1,2 @@
+// Code Comment Hi There
+console.log('Hi There');
diff --git a/assignment/index.html b/assignment/index.html
@@ -1,44 +1,70 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
-<head>
+  <head>
     <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <!-- Change the <title> from "Page Title" to "Hello World" -->
-    <title>Unit 1 Assignment</title>
+    <title>Hello World</title>
     <!-- Used for automated testing -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/10.2.0/mocha.min.js" integrity="sha512-jsP/sG70bnt0xNVJt+k9NxQqGYvRrLzWhI+46SSf7oNJeCwdzZlBvoyrAN0zhtVyolGcHNh/9fEgZppG2pH+eA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/10.2.0/mocha.css" integrity="sha512-SjDc34mGAkSBKnNMasz1QPVustFyPQUHUO5wxzGNC5x9wQMcHwDHXCNRYowC/6DsX0lqvpCI1mKiVEQkws2olw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/chai/4.3.7/chai.min.js" integrity="sha512-Pwgr3yHn4Gvztp1GKl0ihhAWLZfqgp4/SbMt4HKW7AymuTQODMCNPE7v1uGapTeOoQQ5Hoz367b4seKpx6j7Zg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/mocha/10.2.0/mocha.min.js"
+      integrity="sha512-jsP/sG70bnt0xNVJt+k9NxQqGYvRrLzWhI+46SSf7oNJeCwdzZlBvoyrAN0zhtVyolGcHNh/9fEgZppG2pH+eA=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/mocha/10.2.0/mocha.css"
+      integrity="sha512-SjDc34mGAkSBKnNMasz1QPVustFyPQUHUO5wxzGNC5x9wQMcHwDHXCNRYowC/6DsX0lqvpCI1mKiVEQkws2olw=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer" />
+    <script
+      src="https://cdnjs.cloudflare.com/ajax/libs/chai/4.3.7/chai.min.js"
+      integrity="sha512-Pwgr3yHn4Gvztp1GKl0ihhAWLZfqgp4/SbMt4HKW7AymuTQODMCNPE7v1uGapTeOoQQ5Hoz367b4seKpx6j7Zg=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"></script>
 
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
-</head>
-<body>
-
+  </head>
+  <body>
     <!-- Create a header element  -->
-
-    <!-- Inside the header, add an <h1> element containing your name -->
-
+    <header>
+      <!-- Inside the header, add an <h1> element containing your name -->
+      <h1>Sarith Seang</h1>
+    </header>
     <main>
-    <!-- Include an image -->
-
-    <!-- Create an unordered list with 3 list items of fun facts about you -->
-
+      <!-- Include an image -->
+      <img
+        src="https://www.creativefabrica.com/wp-content/uploads/2022/12/31/Cherry-Blossom-in-Japan-with-Mountain-Graphics-55548246-1-1-580x387.jpg"
+        alt="Cherry Blossom" />
+      <!-- Create an unordered list with 3 list items of fun facts about you -->
+      <ul>
+        <li>I love being surrounded by nature.</li>
+        <li>I am huge foodie and wine enthusiast.</li>
+        <li>I am a big fan of Japanese anime.</li>
+      </ul>
     </main>
+
     <!-- Create a footer element -->
+    <footer>
+      <!-- Inside your footer, put a <p> element with your favorite quote -->
+      <p>
+        “And into the woods I go, to lose my mind and find my soul.” -John Muir
+      </p>
+    </footer>
 
-    <!-- Inside your footer, put a <p> element with your favorite quote -->
+    <script src="./helloWorld.js"></script>
 
     <div id="container">
-        <!-- Used for automated testing -->
-        <div id="mocha"></div>
-        <div class="note">
-            Make sure to answer questions in the checkpoings/terminal.txt file.
-        </div>
+      <!-- Used for automated testing -->
+      <div id="mocha"></div>
+      <div class="note">
+        Make sure to answer questions in the checkpoints/terminal.txt file.
+      </div>
     </div>
 
     <link rel="stylesheet" href="../test/test.styles.css" />
     <script src="../test/test.js"></script>
-</body>
+  </body>
 </html>
diff --git a/assignment/style.css b/assignment/style.css
@@ -10,4 +10,33 @@
 
 /* Change the font-family of your list */
 
-/* Add a background color to the footer element */
+/* Add a background color to the footer element */
+header {
+    background-color: deepskyblue;
+}
+
+main {
+    background-color: rgba(240, 130, 225, 0.575);
+}
+
+h1 {
+    text-align: center;
+}
+
+p {
+    color: rgb(12, 215, 241);
+    font-style: italic;
+}
+
+img {
+    border-style: dashed; 
+}
+
+ul {
+    font-family: cursive;
+}
+
+footer {
+    background-color: whitesmoke;
+}
+
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		// Code Comment Hi There
		console.log('Hi There');