Remove form from page call

Author: markzegarelli

src/_sass/components/_markdown.scss

@@ -476,36 +476,5 @@ div.highlighter-rouge {
   margin-left: 3px
 }
 
-<<<<<<< HEAD
-// .sample-code-container {
-//   display: grid;
-//   grid-template-columns: 1fr 1fr;
-//   gap: 10px;
-//   padding: 5px;
-//   overflow: scroll;
-// }
-
-// .output {
-//   outline: 1px solid color(gray-600);
-//   outline-offset: 4px
-// }
-// .output-code {
-//   display: block;
-//   font: 12px color(code-gray) "Droid Sans Mono", "Lucida Console", "Monaco", monospace; 
-//   word-wrap: break-word;
-// }
-
-=======
-.sample-code-container {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  overflow: scroll;
-}
 
-.output-code {
-  display: block;
-  font: 12px color(code-gray) "Droid Sans Mono", "Lucida Console", "Monaco", monospace; 
-  word-wrap: break-word;
-}
->>>>>>> bf5298da8611575cf333db081233a9f508a3d4e2
 

src/_sass/components/_sample-form.scss

@@ -36,8 +36,12 @@
         font-size: 12px;
     }
 
-    input, button {
+    input {
         grid-column: 2 / 3;
     }
+
+    input[type=submit]{
+        grid-column: 1 / 3;
+    }
 }
 

src/connections/spec/page.md

@@ -77,9 +77,9 @@ Use the following interactive code pen to see what your Page calls would look li
 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js" integrity="sha512-UOoJElONeUNzQbbKQbjldDf9MwOHqxNz49NNJJ1d90yp+X9edsHyJoAs6O4K19CZGaIdjI5ohK+O2y5lBTW6uQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 <script type="text/javascript">
   function showMessage(){
-      var name = document.getElementById("name").value;
-      var title = document.getElementById("title").value;
-      var url = document.getElementById("url").value;
+      var name = "Page call Spec"
+      var title = document.title
+      var url = window.location.href
       var output = `{
   "anonymousId": "507f191e810c19729de860ea",
   "channel": "browser",
@@ -122,15 +122,15 @@ Use the following interactive code pen to see what your Page calls would look li
 
 <div class="sample-code-container">
 <div class="form">
-  <h4> Sample Web Form </h4>
+  <h4> Make a Page Call </h4>
   <div class="sample-form">
-    <label for="name">Name:</label>
+    <!-- <label for="name">Name:</label>
     <input type="text" class="input" id="name">
     <label for="title">Title:</label>
     <input type="text" class="input" id="title">
     <label for="url">URL:</label>
-    <input type="text" class="input" id="url">
-    <input type="submit" class= "button button-hollow" id="submit" onclick="showMessage(); showOutput()" value="See a sample page call">
+    <input type="text" class="input" id="url"> -->
+    <input type="submit" class= "button button-hollow" id="submit" onclick="showMessage(); showOutput()" value="See a sample page call" />
   </div>
 </div>