Merge pull request 'feature/contact-ui' (#28) from feature/contact-ui into main

Reviewed-on: 0x2620/aab21#28

app/templates/about.html

@@ -127,6 +127,31 @@
                     </div>
                 </div>
             </li>
+            <li>
+                <label for="bio-contact" class="accordion-title">
+                   <h3>Contact 聯絡</h3>
+                   <span class="accordion-caret animated-title"><span class="text">&#xe901;</span></span>
+                </label>
+                <input type="checkbox" id="bio-contact" class="accordion-checkbox">
+                <div class="accordion-content">
+                  <div class="contact">
+                    {% if submitted %}
+                        Thanks for your message
+                    {% else %}
+                    <form method="post">
+                        <label for="input-email">Your Email</label>
+                        <input name="email" type="email" id="input-email" required>
+                        
+                        <label for="input-msg">Message 訊息</label>
+                        <textarea name="message" id="input-msg" required></textarea>
+                        
+                        <input type="submit" value="Send Message 傳送訊息">
+                        {% csrf_token %}
+                    </form>
+                    {% endif %}
+                  </div>
+                </div>
+            </li>
         </ul>
     </div>
     <br>
@@ -135,7 +160,6 @@
   <p>Project "<a href="/polis">Phantas.ma/polis</a>" is organized by National Taiwan Museum of Fine Arts, supervised by the Ministry of Culture, and is co-organized by the Cultural Taiwan Foundation and in partnership with SEA Plateau.</p>
 
   <p>本計畫由國立臺灣美術館策劃，文化部指導、財團法人文化臺灣基金會支持、SEA plateaus協力。</p>
-
 </div>
 {% endblock %}