Difference between revisions of "Team:NCTU Formosa/Collaborations"

Line 152: Line 152:
 
position: relative;
 
position: relative;
 
left: 10%;
 
left: 10%;
margin-bottom: -0.5vw;
+
margin-bottom: -1vw;
font-size: 2vw;
+
font-size: 2.5vw;
 
}
 
}
  
Line 213: Line 213:
 
     </div>
 
     </div>
 
     <img src="https://static.igem.org/mediawiki/2018/e/e1/T--NCTU_Formosa--NTHU_1.png" class="photo_1">
 
     <img src="https://static.igem.org/mediawiki/2018/e/e1/T--NCTU_Formosa--NTHU_1.png" class="photo_1">
     <div class="explanation" style="margin-bottom: 7vw;">
+
     <div class="explanation" style="margin-bottom: 7vw;">
 
       <svg class="icon" aria-hidden="true" data-prefix="fas" data-icon="arrow-circle-up" class="svg-inline--fa fa-arrow-circle-up fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm143.6 28.9l72.4-75.5V392c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V209.4l72.4 75.5c9.3 9.7 24.8 9.9 34.3.4l10.9-11c9.4-9.4 9.4-24.6 0-33.9L273 107.7c-9.4-9.4-24.6-9.4-33.9 0L106.3 240.4c-9.4 9.4-9.4 24.6 0 33.9l10.9 11c9.6 9.5 25.1 9.3 34.4-.4z"></path></svg>
 
       <svg class="icon" aria-hidden="true" data-prefix="fas" data-icon="arrow-circle-up" class="svg-inline--fa fa-arrow-circle-up fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm143.6 28.9l72.4-75.5V392c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V209.4l72.4 75.5c9.3 9.7 24.8 9.9 34.3.4l10.9-11c9.4-9.4 9.4-24.6 0-33.9L273 107.7c-9.4-9.4-24.6-9.4-33.9 0L106.3 240.4c-9.4 9.4-9.4 24.6 0 33.9l10.9 11c9.6 9.5 25.1 9.3 34.4-.4z"></path></svg>
 
       Figure 2: NCTU_Formosa and NTHU_Formosa team members
 
       Figure 2: NCTU_Formosa and NTHU_Formosa team members
Line 220: Line 220:
 
     <div class="block title_2"><p>Bidirectional collaboration with NTHU_Formosa</p></div>
 
     <div class="block title_2"><p>Bidirectional collaboration with NTHU_Formosa</p></div>
 
     <div class="block content_1"><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;On August 23<sup>th</sup>, we prepared a wiki course for NTHU_Formosa, helping them to troubleshoot on their difficulties of writing their wiki. First of all, we taught them the concept and process of designing a website as an introduction.  Second, we introduced how to use HTML, CSS, as well as  JavaScript. Third, we helped them to build up a simple RWD website step by step to make them more familiar with the web languages. Finally, we gave them some tips and advices on editing their wiki. We’re really happy about having such a chance to share our knowledge with other iGEM teams! Hope the course could help them in a meaningful way. We’re looking forward to have further collaboration with NTHU_Formosa.</p></div>
 
     <div class="block content_1"><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;On August 23<sup>th</sup>, we prepared a wiki course for NTHU_Formosa, helping them to troubleshoot on their difficulties of writing their wiki. First of all, we taught them the concept and process of designing a website as an introduction.  Second, we introduced how to use HTML, CSS, as well as  JavaScript. Third, we helped them to build up a simple RWD website step by step to make them more familiar with the web languages. Finally, we gave them some tips and advices on editing their wiki. We’re really happy about having such a chance to share our knowledge with other iGEM teams! Hope the course could help them in a meaningful way. We’re looking forward to have further collaboration with NTHU_Formosa.</p></div>
     <img src="" class="photo_1">
+
     <img src="https://static.igem.org/mediawiki/2018/0/02/T--NCTU_Formosa--collaboration2.jpg" class="photo_1">
 
     <div class="explanation">
 
     <div class="explanation">
 
       <svg class="icon" aria-hidden="true" data-prefix="fas" data-icon="arrow-circle-up" class="svg-inline--fa fa-arrow-circle-up fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm143.6 28.9l72.4-75.5V392c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V209.4l72.4 75.5c9.3 9.7 24.8 9.9 34.3.4l10.9-11c9.4-9.4 9.4-24.6 0-33.9L273 107.7c-9.4-9.4-24.6-9.4-33.9 0L106.3 240.4c-9.4 9.4-9.4 24.6 0 33.9l10.9 11c9.6 9.5 25.1 9.3 34.4-.4z"></path></svg>
 
       <svg class="icon" aria-hidden="true" data-prefix="fas" data-icon="arrow-circle-up" class="svg-inline--fa fa-arrow-circle-up fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm143.6 28.9l72.4-75.5V392c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V209.4l72.4 75.5c9.3 9.7 24.8 9.9 34.3.4l10.9-11c9.4-9.4 9.4-24.6 0-33.9L273 107.7c-9.4-9.4-24.6-9.4-33.9 0L106.3 240.4c-9.4 9.4-9.4 24.6 0 33.9l10.9 11c9.6 9.5 25.1 9.3 34.4-.4z"></path></svg>
 
       Figure 3: The wiki course (when talking about CSS)
 
       Figure 3: The wiki course (when talking about CSS)
 +
    </div>
 +
    <img src="https://static.igem.org/mediawiki/2018/6/66/T--NCTU_Formosa--collaboration1.jpg" class="photo_1">
 +
    <div class="explanation" style="margin-bottom: 7vw;">
 +
      <svg class="icon" aria-hidden="true" data-prefix="fas" data-icon="arrow-circle-up" class="svg-inline--fa fa-arrow-circle-up fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M8 256C8 119 119 8 256 8s248 111 248 248-111 248-248 248S8 393 8 256zm143.6 28.9l72.4-75.5V392c0 13.3 10.7 24 24 24h16c13.3 0 24-10.7 24-24V209.4l72.4 75.5c9.3 9.7 24.8 9.9 34.3.4l10.9-11c9.4-9.4 9.4-24.6 0-33.9L273 107.7c-9.4-9.4-24.6-9.4-33.9 0L106.3 240.4c-9.4 9.4-9.4 24.6 0 33.9l10.9 11c9.6 9.5 25.1 9.3 34.4-.4z"></path></svg>
 +
      Figure 4: The wiki course (when talking about CSS)
 
     </div>
 
     </div>
  

Revision as of 17:13, 10 October 2018

Navigation Bar

Education

Troubleshooting -- Wiki course

     On August 23th, we prepared a wiki course for NTHU_Formosa, helping them to troubleshoot on their difficulties of writing their wiki. First of all, we taught them the concept and process of designing a website as an introduction. Second, we introduced how to use HTML, CSS, as well as JavaScript. Third, we helped them to build up a simple RWD website step by step to make them more familiar with the web languages. Finally, we gave them some tips and advices on editing their wiki. We’re really happy about having such a chance to share our knowledge with other iGEM teams! Hope the course could help them in a meaningful way. We’re looking forward to have further collaboration with NTHU_Formosa.

Figure 1: The wiki course (when talking about CSS)
Figure 2: NCTU_Formosa and NTHU_Formosa team members

Bidirectional collaboration with NTHU_Formosa

     On August 23th, we prepared a wiki course for NTHU_Formosa, helping them to troubleshoot on their difficulties of writing their wiki. First of all, we taught them the concept and process of designing a website as an introduction. Second, we introduced how to use HTML, CSS, as well as JavaScript. Third, we helped them to build up a simple RWD website step by step to make them more familiar with the web languages. Finally, we gave them some tips and advices on editing their wiki. We’re really happy about having such a chance to share our knowledge with other iGEM teams! Hope the course could help them in a meaningful way. We’re looking forward to have further collaboration with NTHU_Formosa.

Figure 3: The wiki course (when talking about CSS)
Figure 4: The wiki course (when talking about CSS)

Validation

Template