From 94ab2985fea95c11dad62999267021ec6034bf79 Mon Sep 17 00:00:00 2001
From: Zain Kazmi <zkazmi786@hotmail.ca>
Date: Thu, 27 Aug 2020 11:21:33 -0400
Subject: [PATCH 1/4] Add Anonymousquestion vue file

---
 cssc/pages/resources/anonymousquestions.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 cssc/pages/resources/anonymousquestions.vue

diff --git a/cssc/pages/resources/anonymousquestions.vue b/cssc/pages/resources/anonymousquestions.vue
new file mode 100644
index 0000000..1b64bac
--- /dev/null
+++ b/cssc/pages/resources/anonymousquestions.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h1> Ask an Upper Year! </h1>
+      <input type="checkbox"></input>
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+~                                                                                                                       ~                                                                                                                       ~                             

From 92f7e4c5f3846b759d44280b512af84dab445653 Mon Sep 17 00:00:00 2001
From: Zain Kazmi <zkazmi786@hotmail.ca>
Date: Thu, 27 Aug 2020 11:51:15 -0400
Subject: [PATCH 2/4] Add unformatted HTML

---
 cssc/pages/resources/anonymousquestions.vue | 24 ++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/cssc/pages/resources/anonymousquestions.vue b/cssc/pages/resources/anonymousquestions.vue
index 1b64bac..f290b74 100644
--- a/cssc/pages/resources/anonymousquestions.vue
+++ b/cssc/pages/resources/anonymousquestions.vue
@@ -1,7 +1,29 @@
+<script>
+/* eslint-disable */
+</script>
+ 
 <template>
   <div>
     <h1> Ask an Upper Year! </h1>
-      <input type="checkbox"></input>
+      <form>
+      	<li style="list-style-type: none;"><label for="ask_alex">Ask Alex: TA and POST</label>
+      	<input type="checkbox" text="Ask Alex" id="ask_alex"/>
+      	</li>
+      	<li style="list-style-type: none;">
+      	<label for="ask_jess">Ask Jess</label>
+     	<input type="checkbox" id="ask_jess"/>
+      	</li>
+      	<li style="list-style-type: none;">
+     	<label for="ask_chris">Ask Chris</label>
+      	<input type="checkbox" id="ask_chris" />
+      	</li>
+	<li style="list-style-type: none;">
+      	<label for=Question> Input your Question here </label> 
+      	<textarea id="Question" style="border-style: inset;"></textarea>
+	</li>
+	<input type="submit" value="Submit">
+      </form>
+
   </div>
 </template>
 

From 1aa84804dff65cadcffbccaabc015a07ccf3afa5 Mon Sep 17 00:00:00 2001
From: Zain Kazmi <zkazmi786@hotmail.ca>
Date: Thu, 27 Aug 2020 12:09:12 -0400
Subject: [PATCH 3/4] Format Anon question form V1

---
 cssc/pages/resources/anonymousquestions.vue | 31 +++++++++++++++++++--
 1 file changed, 28 insertions(+), 3 deletions(-)

diff --git a/cssc/pages/resources/anonymousquestions.vue b/cssc/pages/resources/anonymousquestions.vue
index f290b74..c4e0703 100644
--- a/cssc/pages/resources/anonymousquestions.vue
+++ b/cssc/pages/resources/anonymousquestions.vue
@@ -1,10 +1,17 @@
 <script>
 /* eslint-disable */
 </script>
+
+<style>
+.content {
+  max-width: 500px;
+  margin: auto;
+}
+</style>
  
 <template>
-  <div>
-    <h1> Ask an Upper Year! </h1>
+  <div class="content">
+    <h1 style="font-size: 50px;"> Ask an Upper Year! </h1>
       <form>
       	<li style="list-style-type: none;"><label for="ask_alex">Ask Alex: TA and POST</label>
       	<input type="checkbox" text="Ask Alex" id="ask_alex"/>
@@ -19,9 +26,27 @@
       	</li>
 	<li style="list-style-type: none;">
       	<label for=Question> Input your Question here </label> 
-      	<textarea id="Question" style="border-style: inset;"></textarea>
+      	</li>
+	<li style="list-style-type: none;">
+	<textarea id="Question" style="border-style: inset;"></textarea>
+	</li>
+	<li style="list-style-type: none;">
+	<h2 style="font-size: 20px;">Tags:</h2>
+	</li>
+	<li style="list-style-type: none;">
+	<label for="post">Post</label>
+	<input type="checkbox" id="post"/>
+	</li>
+	<li style="list-style-type: none;">	
+	<label for="TA_stuff">TA stuff</label>
+	<input type="checkbox" id="TA_stuff"/>
+	</li>
+	<li style="list-style-type: none;">
+	<label for="tech">Technology</label>
+	<input type="checkbox" id="tech"/>
 	</li>
 	<input type="submit" value="Submit">
+
       </form>
 
   </div>

From 7ea6fb2c8bdb46d2784a328b6fe87cba99eefaa6 Mon Sep 17 00:00:00 2001
From: Zain Kazmi <zkazmi786@hotmail.ca>
Date: Fri, 4 Sep 2020 00:31:10 -0400
Subject: [PATCH 4/4] Add Anonynousquestions.vue with email API from frontend

---
 cssc/pages/resources/anonymousquestions.vue | 24 +++++++++++----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/cssc/pages/resources/anonymousquestions.vue b/cssc/pages/resources/anonymousquestions.vue
index c4e0703..b0220cb 100644
--- a/cssc/pages/resources/anonymousquestions.vue
+++ b/cssc/pages/resources/anonymousquestions.vue
@@ -12,41 +12,43 @@
 <template>
   <div class="content">
     <h1 style="font-size: 50px;"> Ask an Upper Year! </h1>
-      <form>
-      	<li style="list-style-type: none;"><label for="ask_alex">Ask Alex: TA and POST</label>
-      	<input type="checkbox" text="Ask Alex" id="ask_alex"/>
+    <!-- <form action="https://formspree.io/xwkrdzyg" method="POST">-->
+    	<form action="http://individual.utoronto.ca/cgi-bin/formmail.pl" method="POST">
+	<input type="hidden" name="recipient" value="zain.kazmi@mail.utoronto.ca"/>
+	<li style="list-style-type: none;"><label for="ask_alex">Ask Alex: TA and POST</label>
+      	<input type="checkbox" name="ask alex" text="Ask Alex" id="ask_alex"/>
       	</li>
       	<li style="list-style-type: none;">
       	<label for="ask_jess">Ask Jess</label>
-     	<input type="checkbox" id="ask_jess"/>
+     	<input type="checkbox" name="Ask Jess" id="ask_jess"/>
       	</li>
       	<li style="list-style-type: none;">
      	<label for="ask_chris">Ask Chris</label>
-      	<input type="checkbox" id="ask_chris" />
+      	<input type="checkbox" id="ask_chris" name="Ask Chris" />
       	</li>
 	<li style="list-style-type: none;">
       	<label for=Question> Input your Question here </label> 
       	</li>
 	<li style="list-style-type: none;">
-	<textarea id="Question" style="border-style: inset;"></textarea>
+	<textarea id="Question" name="Question" style="border-style: inset;"></textarea>
 	</li>
 	<li style="list-style-type: none;">
 	<h2 style="font-size: 20px;">Tags:</h2>
 	</li>
 	<li style="list-style-type: none;">
 	<label for="post">Post</label>
-	<input type="checkbox" id="post"/>
+	<input type="checkbox" name="Post" id="post"/>
 	</li>
 	<li style="list-style-type: none;">	
 	<label for="TA_stuff">TA stuff</label>
-	<input type="checkbox" id="TA_stuff"/>
+	<input type="checkbox" id="TA_stuff" name="TA Stuff" />
 	</li>
 	<li style="list-style-type: none;">
 	<label for="tech">Technology</label>
-	<input type="checkbox" id="tech"/>
+	<input type="checkbox" id="tech" name="Tech"/>
 	</li>
-	<input type="submit" value="Submit">
-
+	<input type="submit" value="Submit" name="Submit"/>
+	<input type="reset" value="Reset"/>
       </form>
 
   </div>