|
|
(22 intermediate revisions by 2 users not shown) |
Line 3: |
Line 3: |
| <script> | | <script> |
| $('#slideshow').ready(function(){ | | $('#slideshow').ready(function(){ |
− | console.log('Slideshow loaded!'); | + | console.log('Slideshow1 loaded!'); |
| var urls = ['one', 'two', 'three', 'four', 'five']; | | var urls = ['one', 'two', 'three', 'four', 'five']; |
| | | |
Line 13: |
Line 13: |
| c++ | | c++ |
| if(c == 5) c = 0; | | if(c == 5) c = 0; |
| + | }, 3000); |
| + | }); |
| + | </script> |
| + | <script> |
| + | $('#slideshow2').ready(function(){ |
| + | console.log('Slideshow2 loaded!'); |
| + | var urlss = ['one_2', 'two_2', 'three_2', 'four_2', 'five_2', 'six_2', 'seven_2', 'eight_2']; |
| + | |
| + | var k = 0; |
| + | setInterval(function(){ |
| + | console.log( $('#'+urlss[k]).attr('src') ); |
| + | console.log(k); |
| + | $('#slide_image2').attr({'src': $('#'+urlss[k]).attr('src')}) |
| + | k++ |
| + | if(k == 8) k = 0; |
| }, 3000); | | }, 3000); |
| }); | | }); |
Line 80: |
Line 95: |
| header > strong{ font-size:18px; } | | header > strong{ font-size:18px; } |
| button{ letter-spacing: 2px; } | | button{ letter-spacing: 2px; } |
− | #slide_image{ width: 100%; height: 400px; } | + | #slide_image, #slide_image2{ width: 100%; height: 400px; } |
| + | |
| + | .video_hide{ display: none; } |
| + | .video_display{ position: absolute; display: block; width: 48%; margin: 0px 0px 50px 0px; } |
| </style> | | </style> |
| </head> | | </head> |
Line 198: |
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> |
| <header><strong style="font-family: 'Poiret One', cursive">The Muses Initiative</strong></header></br> | | <header><strong style="font-family: 'Poiret One', cursive">The Muses Initiative</strong></header></br> |
| <span>As an addition to our <a href='https://2017.igem.org/Team:Greece/OSIRIS_Protocol'>OSIRIS protocol</a> we invited students to join our ranks as a Muse; an ambassador of synthetic biology, on a mission to promote collaborative research projects all around the globe. Muses have contacted oncologists and experts in molecular biology, shared our informative flyer about synthetic biology in their universities and engaged in lively discussions about our project’s ethical considerations and commercialization potential.</span> | | <span>As an addition to our <a href='https://2017.igem.org/Team:Greece/OSIRIS_Protocol'>OSIRIS protocol</a> we invited students to join our ranks as a Muse; an ambassador of synthetic biology, on a mission to promote collaborative research projects all around the globe. Muses have contacted oncologists and experts in molecular biology, shared our informative flyer about synthetic biology in their universities and engaged in lively discussions about our project’s ethical considerations and commercialization potential.</span> |
− | <!-- Slideshow -->
| + | <div id='slideshow2'> |
− | </section></br>
| + | </br><img id='slide_image2' class='slideshow_images' src /></br> |
| + | |
| + | <img style='display:none' id='one_2' src='https://static.igem.org/mediawiki/2017/2/23/Greekom_muse1.jpeg' /> |
| + | <img style='display:none' id='two_2' src='https://static.igem.org/mediawiki/2017/0/00/Greekom_muse2.jpeg' /> |
| + | <img style='display:none' id='three_2' src='https://static.igem.org/mediawiki/2017/9/9c/Greekom_muse3.jpeg' /> |
| + | <img style='display:none' id='four_2' src='https://static.igem.org/mediawiki/2017/1/13/Greekom_muse4.jpeg' /> |
| + | <img style='display:none' id='five_2' src='https://static.igem.org/mediawiki/2017/8/89/Greekom_muse6.jpeg' /> |
| + | <img style='display:none' id='six_2' src='https://static.igem.org/mediawiki/2017/8/88/Greekom_muse7.jpeg' /> |
| + | <img style='display:none' id='seven_2' src='https://static.igem.org/mediawiki/2017/b/b8/Greekom_muse8.jpeg' /> |
| + | <img style='display:none' id='eight_2' src='https://static.igem.org/mediawiki/2017/8/8c/Greekom_muse9.jpeg' /> |
| + | </div> |
| + | </section></br> |
| </article> | | </article> |
| </div> | | </div> |
Line 219: |
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> |
| <section> | | <section> |
− | <header><strong style="font-family: 'Poiret One', cursive">Qul, a multiplayer emulator of cancer research</strong></header></br> | + | <header><strong style="font-family: 'Poiret One', cursive">Quul, a multiplayer emulator of cancer research</strong></header></br> |
− | <span>Paraphrasing Spock, it was only narrato-logical to employ visual storytelling principles and build Qul, a multiplayer card game which aims to communicate cancer diagnostics and therapeutics to the general public. Visit our table in Exhibition Space, in Boston and play against one of our team members; Health vs Cancer.</span></br> | + | <span>Paraphrasing Spock, it was only narrato-logical to employ visual storytelling principles and build Quul, a multiplayer card game which aims to communicate cancer diagnostics and therapeutics to the general public. Visit our table in Exhibition Space, in Boston and play against one of our team members; Health vs Cancer. Download it <a href="https://play.google.com/store/apps/details?id=com.iGEMGreece17.Quul">here</a>.</span></br> </br> |
| <img src='https://static.igem.org/mediawiki/2017/2/24/Greekom_PEGame.png' width='100%' height='300px' /></br> | | <img src='https://static.igem.org/mediawiki/2017/2/24/Greekom_PEGame.png' width='100%' height='300px' /></br> |
| <!-- Slideshow --> | | <!-- Slideshow --> |
Line 230: |
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> |
− | <!-- Eikonidio gia fb, instagram, twitter, youtube -->
| + | |
| + | <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> |