Contact Us Form (#73)

* Prepared website to replace email with contact form

* Added Contact form to website. Changed links in services, footer and get in touch sidebar to point to form instead of email.

Co-authored-by: germanros1987 <38517452+germanros1987@users.noreply.github.com>

Author: corkyw10

_config.yml

@@ -1,5 +1,4 @@
 title:              CARLA Simulator
-email:              carla@embodiedaifoundation.org
 description:        Open-source simulator for autonomous driving research.
 author:             CARLA Team
 baseurl:            ""

_includes/footer.html

@@ -75,13 +75,11 @@
             </a>
           </li>
           {% endif %}
-          {% if site.email %}
           <li class="list-inline-item">
-            <a target="_blank" style="text-decoration: none !important" href="mailto:{{ site.email }}">
+            <a style="text-decoration: none !important" href="/contact">
               <i class="fas fa-envelope fa-lg"></i>
             </a>
           </li>
-          {% endif %}
           {% if site.forum %}
           <li class="list-inline-item">
             <a target="_blank" style="text-decoration: none !important" href="https://github.com/{{ site.forum }}">

_includes/get_in_touch.html

@@ -35,13 +35,11 @@ <h3>Get In Touch</h3>
           </a>
         </li>
         {% endif %}
-        {% if site.email %}
         <li class="list-inline-item">
-          <a target="_blank" style="text-decoration: none !important" href="mailto:{{ site.email }}">
+          <a style="text-decoration: none !important" href="/contact">
             <i class="fas fa-envelope fa-2x"></i>
           </a>
         </li>
-        {% endif %}
       </ul>
     </div>
   </div>

_includes/navbar.html

@@ -29,6 +29,9 @@
         <li class="nav-item">
           <a class="nav-link" href="{{"/services" | relative_url }}">Services</a>
         </li>
+        <li class="nav-item">
+          <a class="nav-link" href="{{"/contact" | relative_url }}">Contact Us</a>
+        </li>
       </ul>
     </div>
   </div>

contact.html

@@ -0,0 +1,9 @@
+---
+layout: page
+title: Contact Us
+description: Open-source simulator for autonomous driving research.
+background: '/img/bg-index.jpg'
+image: 'img/carla.jpg'
+---
+
+<iframe src="https://docs.google.com/forms/d/11xwfNY24ADArmIAhYmhh4WkPerjd81ZnrF3p2ITupSQ/viewform?embedded=true" width="640" height="860" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

services.html

@@ -244,8 +244,7 @@ <h2 class="featurette-heading responsive-featurette-header">CONSORTIUM AGREEMENT
         <li>Get advertised in all CARLA materials</li>
       </ul>
 
-      <!-- Autofill email subject -->
-      <a href="mailto:carla@embodiedaifoundation.org?subject=Consortium Agreement Query" class="btn button-morpheus"
+      <a href="/contact" class="btn button-morpheus"
         role="button">Contact Us</a>
 
     </div>
@@ -290,8 +289,8 @@ <h2 class="featurette-heading responsive-featurette-header text-white">SOFTWARE
           <li>Integrate strategic tools and solutions for your business</li>
         </ul>
 
-        <!-- Autofill email subject -->
-        <a href="mailto:carla@embodiedaifoundation.org?subject=Software Development Collaboration Query"
+
+        <a href="/contact"
           class="btn btn-outline-light" role="button">Contact Us</a>
 
       </div>
@@ -318,8 +317,7 @@ <h2 class="featurette-heading responsive-featurette-header">PREMIUM SUPPORT</spa
         <li>Co-supervised programming sessions</li>
       </ul>
 
-      <!-- Autofill email subject -->
-      <a href="mailto:carla@embodiedaifoundation.org?subject=Premium Support Query" class="btn button-morpheus"
+      <a href="/contact" class="btn button-morpheus"
         role="button">Contact Us</a>
 
     </div>
@@ -361,8 +359,8 @@ <h2 class="featurette-heading responsive-featurette-header text-white">CONSULTIN
           <li>Consult experts in different fields including simulation, evaluation, rendering, AI and perception</li>
         </ul>
 
-        <!-- Autofill email subject -->
-        <a href="mailto:carla@embodiedaifoundation.org?subject=Consulting Services Query" class="btn btn-outline-light"
+
+        <a href="/contact" class="btn btn-outline-light"
           role="button">Contact Us</a>
 
       </div>
@@ -386,8 +384,7 @@ <h2 class="featurette-heading responsive-featurette-header">AD-HOC COLLABORATION
         Flexibility is in the core of CARLA, and new ideas set the ground for innovation.
       </p>
 
-      <!-- Autofill email subject -->
-      <a href="mailto:carla@embodiedaifoundation.org?subject=Ad-Hoc Collaboration Proposal" class="btn button-morpheus"
+      <a href="/contact" class="btn button-morpheus"
         role="button">Contact Us</a>
 
     </div>