update about page with suggestions from CAMP

app/static/css/partials/_about.scss

@@ -1,10 +1,14 @@
+.body--about.animated {
+  background: linear-gradient(to right, #14801c, #1f3164);
+}
+
 .about {
  	max-width: var(--container-lg-width);
   margin: 0 auto;
  	padding: var(--spacing-2);
 
  	h2 {
- 		font-size: 26px;
+ 		font-size: 23px;
     font-weight: 700;
     margin: var(--spacing-2) 0;
     padding: 0 0 var(--spacing) 0;
@@ -38,7 +42,7 @@
 .about-phantasma-block {
 
   @media screen and (min-width: 800px) {
-    background: rgba(255, 255, 255, 0.1);  
+    background: rgba(255, 255, 255, 0.04);  
     padding: var(--spacing-2);
   }
 }
@@ -72,7 +76,7 @@
 }
 
 .accordion-caret {
-  font-size: 16px;
+  font-size: 21px;
   margin-left: auto;
 }
 

app/static/css/partials/_layout.scss

@@ -35,7 +35,7 @@
 
 body.animated {
     background: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4));
-    //animation: background_animation 60s ease-in-out infinite;
+    animation: background_animation 60s ease-in-out infinite;
     background-size: 400% 100%;
     color: #ddd;
 }

app/static/css/partials/_text.scss

@@ -42,6 +42,10 @@ strong {
   font-weight: 700;
 }
 
+em {
+  font-style: italic;
+}
+
 main > .texts {
   box-sizing: border-box;
 

app/templates/about.html

@@ -1,14 +1,14 @@
 {% extends "base.html" %}
 {% block title %}About 關於{% endblock title %}
-{% block body_class%}animated{% endblock %}
+{% block body_class%}body--about animated{% endblock %}
 {% block main %}
 <div class="about">
   <div class="row">
     <div class="col col--about">
       <div class="about-phantasma-block">
-        <p>The title <strong>Phantasmapolis</strong> is a newly coined Greek word comprising “phantasma” (phantom) and “polis” (city-state) inspired by Phantasmagoria, an English sci-fi novel by architect Wang Dahong. Treating “Asian futurisms”  as its main theme, the 2021 Asia Art Biennial “Phantasmapolis” seeks to review Asia’s past and present from the perspective of science fiction.</p>
+        <p>The title <em>Phantasmapolis</em> is a newly coined Greek word comprising “phantasma” (phantom) and “polis” (city-state) inspired by <em>Phantasmagoria</em>, an English sci-fi novel by architect Wang Dahong. Treating “Asian futurisms”  as its main theme, the <strong>2021 Asia Art Biennial</strong> <em>“Phantasmapolis”</em> seeks to review Asia’s past and present from the perspective of science fiction.</p>
 
-        <p>The 8 edition of the Asian Art Biennial hosted by the National Taiwan Museum of Fine Arts (NTMoFA) invites Independent curator Nobuo Takamori (Taiwan) as the chief curator with a transnational curatorial team that also includes curators Tessa Maria Guazon (Philippines), Anushka Rajendran (India), Ho Yu-Kuan (Taiwan), and curator and art historian Thanavi Chotpradit (Thailand).</p>
+        <p>The 8 edition of the Asian Art Biennial hosted by the National Taiwan Museum of Fine Arts (NTMoFA) invites Independent curator <strong>Nobuo Takamori</strong> (Taiwan) as the chief curator with a transnational curatorial team that also includes curators <strong>Tessa Maria Guazon</strong> (Philippines), <strong>Anushka Rajendran</strong> (India), <strong>Ho Yu-Kuan</strong> (Taiwan), and curator and art historian <strong>Thanavi Chotpradit</strong> (Thailand).</p>
 
         <!-- <p><a href="">Read More</a></p> -->
        
@@ -79,13 +79,11 @@
   </p> -->
 
   <div class="about-bios">
-    <h2>Bios</h2>
-
     <ul class="accordion">
         <li>
             <label for="bio-anushka" class="accordion-title">
                <h3>Anushka Rajendran</h3>
-               <span class="accordion-caret">&#9660;</span>
+               <span class="accordion-caret animated-title"><span class="text">&#9660;</span></span>
             </label>
             <input type="checkbox" id="bio-anushka" class="accordion-checkbox">
             <div class="accordion-content">
@@ -97,7 +95,7 @@
         <li>
             <label for="bio-padma" class="accordion-title">
                <h3>Pad.ma</h3>
-               <span class="accordion-caret">&#9660;</span>
+               <span class="accordion-caret animated-title"><span class="text">&#9660;</span></span>
             </label>
             <input type="checkbox" id="bio-padma" class="accordion-checkbox">
             <div class="accordion-content">
@@ -107,37 +105,25 @@
                 <p>
                 公眾存取數位媒體檔案庫（Public Access Digital Media Archive ，簡稱Pad.ma）是一個為密集文字標注影片素材所設立的線上檔案庫。其營運團隊成員皆為藝術家，彙整內容主要為電影創作者、藝術家、文化工作者提供的影片資料帶和未完成的影片。2008年正式上線的Pad.ma為CAMP、0x2620、另類法律論壇、Majlis共同合作而成，而其激進、以未來為導向的思考模式多年來始終如一，並積極投入檔案資料的素材與理論的研究，團隊成員亦常於世界各地發表演講或舉辦工作坊。
                 </p>
-            </div>
-        </li>
-        <li>
-            <label for="bio-0x2620" class="accordion-title">
-               <h3>0x2620</h3>
-               <span class="accordion-caret">&#9660;</span>
-            </label>
-            <input type="checkbox" id="bio-0x2620" class="accordion-checkbox">
-            <div class="accordion-content">
-                <p>Founded in 2010 in Berlin, is an artist-run agency for the advancement of the international exchange of information, and usually operates at the intersections of art, politics and technology. Its activities include extensive research on intellectual property and piracy, the development of open-source software tools and web applications, and the production of both technological and social infrastructure for the collaborative creation, maintenance and use of relatively large data sets.</p>
 
-                <h3>0x2620</h3>
+                <p><strong>CAMP</strong> is a collaborative studio founded in Bombay in 2007. It has been producing fundamental new work in film and video, electronic media, and public art forms, in a practice characterised by a hand-dirtying, non-alienated relation to technology. From their home base in Mumbai, they co-host the online archives pad.ma and indiancine.ma and run a rooftop cinema for the past 14 years.</p>
-                <p>2010年成立於柏林，是一個為促進國際資訊交流而建立的藝術家營運機構，擅長處理藝術、政治、技術之間所產生的交集與碰撞塊。活動包括在智慧財產與盜版、開放源軟體工具及網路應用程式的開發、合作性創作、相對巨量數據集的維護及使用等多方面的研究。</p>
+
+                <p><strong>CAMP</strong>為2007年成立於孟買的合作型工作室。其創作一向與技術維持近距親身的接觸，和不排斥不疏離的關係，並秉持此一精神與作法，不斷推出電影及錄像、電子媒體、公共藝術等類型的全新作品。他們以設址於孟買的總部為據點，執行線上資料庫​Pad.ma和​Indiancine.ma的聯合運作，其於14年前開辦的屋頂電影院至今依舊照常營運。</p>
+
+                <p>Founded in 2010 in Berlin, <strong>0x2620</strong> is an artist-run agency for the advancement of the international exchange of information, and usually operates at the intersections of art, politics and technology. Its activities include extensive research on intellectual property and piracy, the development of open-source software tools and web applications, and the production of both technological and social infrastructure for the collaborative creation, maintenance and use of relatively large data sets.</p>
+
+                <p><strong>0x2620</strong> 2010年成立於柏林，是一個為促進國際資訊交流而建立的藝術家營運機構，擅長處理藝術、政治、技術之間所產生的交集與碰撞塊。活動包括在智慧財產與盜版、開放源軟體工具及網路應用程式的開發、合作性創作、相對巨量數據集的維護及使用等多方面的研究。</p>
             </div>
         </li>
-        <li>
+    </ul>
-            <label for="bio-annotation" class="accordion-title">
+    <br>
-               <h3>Annotation Collaborators</h3>
+    <h2>Annotation Collaborators</h2>
-               <span class="accordion-caret">&#9660;</span>
-            </label>
-            <input type="checkbox" id="bio-annotation" class="accordion-checkbox">
-            <div class="accordion-content">
     <p>影片評論共筆：
 
     <strong>Yang Yu-Chiao</strong> is a researcher on oral literature, narratology and folktale poetics, and is also a narrator of Taiwanese folktales in the oral tradition. Yu-Chiao also created several performances drawing from storytelling, poetry, writing actions, and experimental sounds with artists working with different media including digital, film, and classical music since 2017.  Yu-Chiao has published several works including a series of tales that demonstrate characters in oracle bone script.</p>
     <p>楊雨樵，喜歡散步，喜歡樹的屍骨。專職為口頭傳統民間譚的言說藝術表演者與獨立撰稿人，並從事口傳文學、戲劇與電影的敘事學、故事詩學與比較故事學研究。除開設「世界民間譚」展演式講座外，2017 年開始以言說藝術表演者身份，和聲音、影像領域的藝術家合作，發展如《聲熔質變——Anamorphosis & Anatexis》的實驗性系列演出至今。出版過數本以甲骨文為對象的文學創作，其他文章散見於紙本刊物與網路平台。</p>
     <p><strong>Chen Wan-Yin</strong> is an art critic and a writer. She is currently a Ph.D. researcher on media aesthetics and East Asian contemporary art at Vrije Universiteit Amsterdam. She previously worked as an editor of Artist Magazine (Taipei) from 2014 to 2017 and since 2015, she has also been working as a scriptwriter with video artist Hsu Che-Yu.</p>
     <p>陳琬尹，現為阿姆斯特丹自由大學藝術史與文化學系博士生，研究關注東亞現當代藝術史與媒介美學，曾任多年藝術雜誌編輯。</p>
-          </div>
-        </li>
-    </ul>
     <br>
     <h2>Acknowledgements:</h2>
     <p>Nobuo Takamori, Zinnia Ambapardiwala, Karen Menezes, Sanjay Bhangar, Ho Yu-Kuan, Ye Renyu and Liao Chia-Cheng.</p>