|
|
(16 intermediate revisions by the same user not shown) |
Line 98: |
Line 98: |
| | | |
| .video_hide{ display: none; } | | .video_hide{ display: none; } |
− | .video_display{ position: absolute; left: 50%; margin-right: -50%; transform: translate(-50% -50%); display: block; } | + | .video_display{ position: absolute; display: block; width: 48%; margin: 0px 0px 50px 0px; } |
| </style> | | </style> |
| </head> | | </head> |
Line 216: |
Line 216: |
| <header><strong style="font-family: 'Poiret One', cursive">11th Panhellenic Scientific Chemical Engineering Conference - Thessaloniki, Greece</strong></header></br> | | <header><strong style="font-family: 'Poiret One', cursive">11th Panhellenic Scientific Chemical Engineering Conference - Thessaloniki, Greece</strong></header></br> |
| <span>iGEM Greece participated in the 11th PSCEC and presented its first poster that mainly included preliminary idea and a primary version of a single cell growth model. During the coffee breaks, we had the opportunity to have a fruitful conversation with Hal Alper (Department of Chemical Engineering at the University of Texas at Austin).</span></br> | | <span>iGEM Greece participated in the 11th PSCEC and presented its first poster that mainly included preliminary idea and a primary version of a single cell growth model. During the coffee breaks, we had the opportunity to have a fruitful conversation with Hal Alper (Department of Chemical Engineering at the University of Texas at Austin).</span></br> |
− | <img src='https://static.igem.org/mediawiki/2017/a/a6/Greekom_chemeng.jpeg' width='100%' height='800px' /></br> | + | <div style='text-align:center'></br><img src='https://static.igem.org/mediawiki/2017/a/a6/Greekom_chemeng.jpeg' width='80%' height='600px' /></div></br> |
| </section></br></br> | | </section></br></br> |
| <section> | | <section> |
Line 248: |
Line 248: |
| </ul> | | </ul> |
| </span> | | </span> |
− | <span>Make sure to check the output of this creative cauldron (filled with easter eggs) in the following video:  <img alt='Manzins Video' title='Click to play the video' src='https://static.igem.org/mediawiki/2017/0/0e/Greekom_thumnail_manzis_video.png' width='40px' height='40px' onclick="$('#manzis').css('display','block'); $('.myvideo').get(0).play();" onmouseover="$(this).css('cursor','pointer')" onmouseleave="$(this).css('cursor','normal')" /></span> | + | <span>Make sure to check the output of this creative cauldron (filled with easter eggs) in the following video: </br><img alt='Manzins Video' title='Click to play the video' src='https://static.igem.org/mediawiki/2017/0/0e/Greekom_thumnail_manzis_video.png' width='100%' height='400px' onclick="$('#manzis').css('display','block'); $('.myvideo').get(0).play();" onmouseover="$(this).css('cursor','pointer')" onmouseleave="$(this).css('cursor','normal')" /></span> |
| <video></video> | | <video></video> |
| </section></br></br> | | </section></br></br> |
Line 259: |
Line 259: |
| <section> | | <section> |
| <header><strong style="font-family: 'Poiret One', cursive">Our mark on social media</strong></header></br> | | <header><strong style="font-family: 'Poiret One', cursive">Our mark on social media</strong></header></br> |
− | <span>Our team has been active on multiple social media platforms in order to update followers about our progress and invite them to our various events. We focused a lot on our Facebook account as it gathered more than 2000 likes and several posts reached out to more than 5000 users. Overall, our Facebook page served as an important line of communication, considering that quite a few iGEM teams and individuals contacted us. We successfully capitalized on our page’s potential by collaborating with students from different universities to seek experts’ feedback for our OSIRIS campaign, conversed with researchers that shared with us their invaluable insight and met students interested to join the 2018 team.</span> | + | <div>Our team has been active on multiple social media platforms in order to update followers about our progress and invite them to our various events. We focused a lot on our Facebook account as it gathered more than 2000 likes and several posts reached out to more than 5000 users. Overall, our Facebook page served as an important line of communication, considering that quite a few iGEM teams and individuals contacted us. We successfully capitalized on our page’s potential by collaborating with students from different universities to seek experts’ feedback for our OSIRIS campaign, conversed with researchers that shared with us their invaluable insight and met students interested to join the 2018 team.</br></br> |
− | <img id='video_1' onclick=" $('#video1').addClass('video_display'); $('.videoz').removeClass('video_display'); " src='https://static.igem.org/mediawiki/2017/0/0e/Greekom_thumnail_manzis_video.png' height='40px' width='40px' /> | + | |
− | <iframe id='video1' class='videoz video_hide' width="900" height="500" src="https://www.youtube.com/embed/pYzTZqeN8To" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> | + | <table style='border: none'> |
| + | <tr style='border: none'> |
| + | <td width='33%' style='border: none'><img id='video_1' onmouseover="$(this).css('cursor', 'pointer')" onmouseleave="$(this).css('cursor', 'normal')" onclick=" $('.videoz').removeClass('video_display'); $('#video1').addClass('video_display'); " src='https://static.igem.org/mediawiki/2017/4/42/Greekom_keasling_cut.png' height='100%' width='95%' /></td> |
| + | |
| + | <td width='33%' style='border: none'><img id='video_2' onmouseover="$(this).css('cursor', 'pointer')" onmouseleave="$(this).css('cursor', 'normal')" onclick=" $('.videoz').removeClass('video_display'); $('#video2').addClass('video_display'); " src='https://static.igem.org/mediawiki/2017/7/7b/Greekom_mov_1408.png' height='100%' width='95%' /></td> |
| + | |
| + | <td width='33%' style='border: none'><img id='video_3' onmouseover="$(this).css('cursor', 'pointer')" onmouseleave="$(this).css('cursor', 'normal')" onclick=" $('.videoz').removeClass('video_display'); $('#video3').addClass('video_display'); " src='https://static.igem.org/mediawiki/2017/e/e5/Greekom_mov_1407.png' height='100%' width='95%' /></td> |
| + | </tr> |
| + | |
| + | <tr style='border: none'> |
| + | <td width='33%' style='border: none'><img id='video_4' onmouseover="$(this).css('cursor', 'pointer')" onmouseleave="$(this).css('cursor', 'normal')" onclick=" $('.videoz').removeClass('video_display'); $('#video4').addClass('video_display'); " src='https://static.igem.org/mediawiki/2017/2/2f/Greekom_mov_1405.png' height='100%' width='95%' /></td> |
| + | |
| + | <td width='33%' style='border: none'><img id='video_5' onmouseover="$(this).css('cursor', 'pointer')" onmouseleave="$(this).css('cursor', 'normal')" onclick=" $('.videoz').removeClass('video_display'); $('#video5').addClass('video_display'); " src='https://static.igem.org/mediawiki/2017/4/46/Greekom_mov_1404.png' height='100%' width='95%' /></td> |
| + | |
| + | <td width='33%' style='border: none'><img id='video_6' onmouseover="$(this).css('cursor', 'pointer')" onmouseleave="$(this).css('cursor', 'normal')" onclick=" $('.videoz').removeClass('video_display'); $('#video6').addClass('video_display'); " src='https://static.igem.org/mediawiki/2017/b/b5/Greekom_mov_1403.png' height='100%' width='95%' /></td> |
| + | </tr> |
| + | </table> |
| + | |
| + | |
| + | </br></br></br></div> |
| + | </br></br></br></br></br> |
| + | <iframe id='video1' class='videoz video_hide' width="900" height="500" src="https://www.youtube.com/embed/9Y9SMkyFQWU" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> |
| + | |
| + | <iframe id='video2' class='videoz video_hide' width="900" height="500" src="https://www.youtube.com/embed/MC35XNIBVYM" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> |
| + | |
| + | <iframe id='video3' class='videoz video_hide' width="900" height="500" src="https://www.youtube.com/embed/2TB_RdFFkvo" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> |
| + | |
| + | <iframe id='video4' class='videoz video_hide' width="900" height="500" src="https://www.youtube.com/embed/LNiB3eap_4k" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> |
| + | |
| + | <iframe id='video5' class='videoz video_hide' width="900" height="500" src="https://www.youtube.com/embed/PGfv-ZXla24" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> |
| + | |
| + | <iframe id='video6' class='videoz video_hide' width="900" height="500" src="https://www.youtube.com/embed/qgpylmyaQoE" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe> |
| + | |
| </section> | | </section> |
| </article> | | </article> |