work finished through 2b on exercise checklist

index.html

@@ -19,11 +19,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Hack or Snooze</title>
-  <link
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
-      rel="stylesheet"
+    integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
-      href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
-      integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
-      crossorigin="anonymous">
   <link rel="stylesheet" href="css/site.css">
   <link rel="stylesheet" href="css/user.css">
   <link rel="stylesheet" href="css/stories.css">
@@ -58,9 +55,10 @@
 
   </section>
 
-<!-- Login and signup forms -->
+  <!-- Login and signup and add story forms -->
   <section class="account-forms-container container">
 
+    <!--add story form-->
     <form id="add-story-form" class="add-story hidden">
       <h4>Add a story</h4>
       <label for="story-title">Title: </label>
@@ -117,4 +115,5 @@
   <script src="js/stories.js"></script>
 
 </body>
+
 </html>

js/stories.js

@@ -73,13 +73,17 @@ async function getNewStoryAndSubmit(evt) {
     title: title,
     author: author,
     url: url
-  }
+  };
 
   // instantiate a Story with obj and display on page
   const resultOfAddStoryCall = await storyList.addStory(currentUser, newStory);
   console.log("resultOfAddStoryCall: ", resultOfAddStoryCall);
   hidePageComponents();
-  putStoriesOnPage();
+  await getAndShowStoriesOnStart();
+
+  //resets form with empty values
+  $addStoryForm.trigger("reset");
 }
 
+//event listener for add story form submit
 $addStoryForm.on("submit", getNewStoryAndSubmit);