Merge pull request #60 from CodeWithGroup/feature/mentor-application

Added mentor application form and associated styling

Author: KeiranWDigital

_data/questions/how-to-mentor.yaml

@@ -3,6 +3,13 @@ question: "How do I become a mentor/event organiser?"
 answer: "            <p>
                 First of all, let someone know you're interested. Have a chat with one of the existing mentors or
                 someone on the committee so that we can get an idea of what you want to achieve and what support you
-                need. From there we'll be able to add you into the appropriate Slack channels, give you a folder
-                of your own in our Google Drive, show you how to set up events, and so on.
+                need.
+              </p>
+              <p>
+                When you're ready to begin mentoring, complete the 
+                <a href=\"!SITE_URL!/mentor-application\">mentor application form</a>. From there we'll be able to
+                add you into the appropriate Slack channels, give you a folder of your own in our Google Drive, show
+                you how to set up events, and so on.
               </p>"
+
+              

_includes/question.html

@@ -9,7 +9,7 @@
     <div id="collapse-{{ include.question.name }}" class="collapse" aria-labelledby="heading-{{ include.question.name }}" data-parent="#accordion">
         <div class="card-body">
             <p>
-                {{ include.question.answer }}
+                {{ include.question.answer | replace: '!SITE_URL!', site.url }}
             </p>
         </div>
     </div>

admin.html

@@ -29,7 +29,10 @@ <h4>
                 <a href="https://trello.com/codewith2" target="_blank">Trello</a>
             </h4>
             <h4>
-                <a href="{{site.url}}/event-process" target="_blank">Event process</a>
+                <a href="{{site.url}}/eventprocess">Event Process</a>
+            </h4>
+            <h4>
+                <a href="{{site.url}}/mentor-process">Mentor Application Process</a>
             </h4>
     </div>
 </div>

css/style.css

@@ -171,7 +171,7 @@ hr {
 
 iframe {
     width: 100%;
-    height: 300vh;
+    height: 100vh;
 }
 
 .center-when-small {
@@ -322,6 +322,10 @@ div.row.intro {
     margin: 2em 0;
 }
 
+div.row.intro>div {
+    min-height: 72px;
+}
+
 p.intro-icon {
     color: var(--colour-dark-primary);
 }
@@ -330,7 +334,7 @@ p.intro-icon {
     color: var(--colour-dark-primary);
 } */
 
-p.intro-text {
+div.intro-text>p {
     font-size: large;
 }
 

feedback.html

@@ -10,6 +10,6 @@
 title: Feedback
 ---
 
-<iframe name="feedback" class="feedback-form"
+<iframe name="feedback" class="embedded-google-form"
     src="https://docs.google.com/forms/d/e/1FAIpQLSfp26KbuYZXc49kXPfAlZaq9IfAvAtDStAK8aCSC0-nVLqwtQ/viewform?embedded=true"
     frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

images/flowchart-mentor.svg

@@ -0,0 +1,15 @@
+---
+permalink: /mentor-application/
+layout: default
+suffixes: 
+    - Assistance,
+    - Power,
+    - Resources,
+    - Responsibility,
+    - Us
+title: Mentor Application
+---
+
+<iframe name="mentor-application" class="embedded-google-form"
+    src="https://docs.google.com/forms/d/e/1FAIpQLSdMeoHoDEqnTaZ14Gcr__otLs5pdXMLMlaiD4ZqMhAnmEPIfg/viewform?embedded=true"
+    frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

mentor-application.html

@@ -0,0 +1,20 @@
+---
+permalink: /mentor-process/
+layout: default
+suffixes:
+    - Assistance,
+    - Power,
+    - Resources,
+    - Responsibility,
+    - Us
+title: Mentor Application Process
+sitemap: false
+---
+
+<h1>Mentor Application Process</h1>
+
+<div class="row">
+    <div class="col-12">
+      <img class="img-fluid" src="{{site.url}}/images/flowchart-mentor.svg" style="max-width: 24em;">
+    </div>
+</div>