|
|
(84 intermediate revisions not shown) |
Line 11: |
Line 11: |
| | | |
| <div class= "row splashesittely"> | | <div class= "row splashesittely"> |
- | <div class="col-md-3"> | + | <div class="col-md-3"> |
| </div> | | </div> |
| <div class="col-md-6"> | | <div class="col-md-6"> |
| <h1>Outreach</h1> | | <h1>Outreach</h1> |
| <p class="bigsplashtext"> | | <p class="bigsplashtext"> |
- | We wanted to make synthetic biology known in Finland. Many activities. Fun. | + | Spreading the word about synthetic biology. |
| </p> | | </p> |
| </div> | | </div> |
Line 34: |
Line 34: |
| <div class="splashalavalikko"> | | <div class="splashalavalikko"> |
| <a href="#Vision">Our Vision</a><br> | | <a href="#Vision">Our Vision</a><br> |
- | <a href="#Sos">Starting Up</a><br>
| |
| <a href="#Media">Media</a><br> | | <a href="#Media">Media</a><br> |
| <a href="#SoMe">Social Media</a><br> | | <a href="#SoMe">Social Media</a><br> |
| <a href="#Events">Events and Meetings</a><br> | | <a href="#Events">Events and Meetings</a><br> |
| <a href="#Partners">Finding Partners</a><br> | | <a href="#Partners">Finding Partners</a><br> |
- | <a href="#Extras">Extras</a><br> | + | <a href="#Extras">The Extras</a><br> |
| </div> | | </div> |
| | | |
Line 55: |
Line 54: |
| <nav> | | <nav> |
| <a id="Vision-submenu" class="active" href="#Vision">Our Vision</a> | | <a id="Vision-submenu" class="active" href="#Vision">Our Vision</a> |
- | <a id="Sos-submenu" href="#Sos">Starting Up</a>
| |
| <a id="Media-submenu" href="#Media">Media</a> | | <a id="Media-submenu" href="#Media">Media</a> |
| <a id="SoMe-submenu" href="#SoMe">Social Media</a> | | <a id="SoMe-submenu" href="#SoMe">Social Media</a> |
Line 66: |
Line 64: |
| <article> | | <article> |
| <div class="link" id="Vision"></div> | | <div class="link" id="Vision"></div> |
- |
| + | |
| <h2>Our Vision</h2> | | <h2>Our Vision</h2> |
- | <p>
| |
- | Synthetic biology in Finland. How to tell about science to a general crowd. Science for business, business for science, us in the middle. Brian.
| |
- | </p>
| |
- | <p>
| |
- | All the difficulties in biotechnology startups.
| |
- | </p>
| |
- |
| |
- | </article>
| |
- |
| |
- | <div class="update Vision"></div>
| |
- | <div class="update Sos"></div>
| |
- |
| |
- | <article>
| |
- | <div class="link" id="Sos"></div>
| |
- |
| |
- | <h2>Starting Up</h2>
| |
- | <p>
| |
- | We took part in Summer of Startups, a startup incubator by Aalto University. We met a lot of other small startups and people interested in them. We found out how to pitch synthetic biology to people that know nothing about it. It just needed a sympathetic mascot and explaining how a bioreactor is a work place for him.
| |
- | </p>
| |
- | <p>
| |
- | The program included two different occasions where we pitched our startup idea. There was pitching night, where we competed in pitching with all the other teams. Then there was Demo Day, a massive event with hundreds of people where we presented ourselves and run a booth for the whole evening, getting people excited about us and synthetic biology. We presented ourselves to an audience of hundreds and many of them came by our booth later.
| |
- | </p>
| |
- | <img src="https://static.igem.org/mediawiki/2014/5/56/DSC_0175.JPG" class="img-responsive">
| |
- | <p>
| |
- | [More stuff, maybe explanation of all the difficulties as a SynBio startup]
| |
- | </p>
| |
| | | |
| + | <div class="row"> |
| + | <div class="col-md-6 text-col-left"> |
| + | <p> |
| + | Being the first iGEM team from Finland and one of the few groups in Finland actually doing synthetic biology, our goal was to make people aware of the field and its possibilities. |
| + | </p> |
| + | <p> |
| + | The first part was figuring out how to explain any of it to an audience that isn't that familiar with biology or gene technology. Explaining BioBricks as LEGO bricks and synthetic biology through programming and engineering helped. But our major breakthrough was the invention of Brian in July and the concept of turning bacteria into superheroes. That really resonated with people and it seemed like people started understand what we actually did. |
| + | </p> |
| + | <p> |
| + | The other part was informing students and researchers in related fields about synthetic biology and iGEM. There's a lot of people with knowledge of gene technology and biotech in Finland, but synthetic biology is hardly mentioned. We aimed to change that, though a major part of that will be recruiting next year's team. |
| + | </p> |
| + | <p> |
| + | We also took part in the Summer of Startups startup incubator program. It was a great platform for learning to talk about synthetic biology in layman's terms. |
| + | </p> |
| + | <p> |
| + | We also learned what it means to be a synthetic biology startup and we want spread that information onwards to people who are interested in trying that out. |
| + | </p> |
| + | |
| + | </div> |
| + | <div class="col-md-6 img-100"> |
| + | <blockquote> Our major breakthrough was the concept of turning bacteria into superheroes.</blockquote> |
| + | <img src="https://static.igem.org/mediawiki/2014/9/93/Aalto_Helsinki_Ppl_Working.jpg" class="img-responsive"> |
| + | <p class="kuvateksti"> |
| + | From left to right: Otto, Minttu, Martina, Pietu and Oskari. Photo by Stewart Dowden. |
| + | </p> |
| + | </div> |
| + | </div> |
| </article> | | </article> |
| | | |
- | <div class="update Sos"></div> | + | <div class="update Vision"></div> |
| <div class="update Media"></div> | | <div class="update Media"></div> |
| | | |
Line 105: |
Line 104: |
| <h2>Media</h2> | | <h2>Media</h2> |
| | | |
- | <div class="row margintop"> | + | <h3 class="nopaddingtop">Making Finland Aware of Synthetic Biology</h3> |
- | <div class="col-md-8 text-col-left"> | + | <div class="row"> |
- | <h3>A Website for the General Public</h3>
| + | <div class="col-md-6 text-col-left"> |
| <p> | | <p> |
- | At the very beginning of the project we wanted to create a website that we could link to our friends, new acquaintances and potential sponsors. It included basic info about us and general overview of the project. We started developing it rapidly and it actually got into a presentable shape fairly fast. We expected to attract sponsors with the page, but the most important function turned about to be for media to use as a basis for a story and for our Facebook fans to get a more in-depth introduction to us. | + | As a part of our aim to make people aware of synthetic biology, we tried to acquire visibility in media; both social and traditional. To be successful in media, we even had one team member allocated mainly to communications. While our main focus was in social media, we also contacted Finnish science magazines and local newspapers. In contacting different media platforms, we were aided by communications manager of Aalto CHEM, Riikka Hopiavaara. We thank her for the input in supporting our project.</p> |
| + | |
| + | <p> |
| + | Despite our active contacts, we didn’t achieve a massive breakthrough through traditional media. However, we gained a large coverage in Finnish Chemistry magazine, Kemia, which provided us with a three page <a href="https://static.igem.org/mediawiki/2014/8/80/Aalto_Helsinki_Article_Maailmankartalle.pdf">entry</a> on their paper. The magazine has over 10 000 subscribers. Moreover, in September we were contacted by a local radio station, YLE Radio Suomi. This resulted in a live radio interview about our project.</p> |
| + | <p>The articles we collaborated on: |
| + | <ul> |
| + | <li><a href="https://static.igem.org/mediawiki/2014/8/80/Aalto_Helsinki_Article_Maailmankartalle.pdf">Story on Chemistry magazine (15.10.2014)</a></li> |
| + | <li><a href="https://static.igem.org/mediawiki/2014/c/c8/Aalto_Helsinki_Article_Change_Scent.pdf">Story on Aalto University website (1.7.2014)</a></li> |
| + | <li><a href="https://static.igem.org/mediawiki/2014/d/d3/Aalto_Helsinki_Article_Kesa_Synbio.pdf">Story on Finnish Chemistry Industry Association blog (8.7.2014)</a></li> |
| + | <li><a href="https://static.igem.org/mediawiki/2014/c/c3/Aalto_Helsinki_Article_Aaltoes.pdf">Story on Aalto Entrepreneurship Society blog (28.7.2014)</a></li> |
| + | </ul> |
| </p> | | </p> |
| + | </div> |
| + | <div class="col-md-6 img-100"> |
| + | <img src="https://static.igem.org/mediawiki/2014/b/b1/Aalto_Helsinki_Article_Kemia_Lehti.jpg" class="img-responsive"> |
| + | <p class="kuvateksti"> |
| + | There we are on the pages of Finnish Chemistry magazine! |
| + | </p> |
| + | </div> |
| + | </div> |
| + | |
| + | <h3 id="publicwebpage">A Website for the General Public</h3> |
| + | <div class="row"> |
| + | <div class="col-md-6 text-col-left"> |
| <p> | | <p> |
- | The first web page was great practice for making the wiki. We already started wiki-work in June by making an upload tool and a basic page outline. We revised the look again in August and started writing final content. We wanted to make sure it wasn't completely done in the last week before the wiki freeze. | + | At the very beginning of the project we wanted to create a website that we could link to our friends, new acquaintances and potential sponsors. It included basic info about us and a general overview of the project. We started developing it rapidly and it actually got into a presentable shape fairly fast. We launched the website on 23rd of May. |
| </p> | | </p> |
| <p> | | <p> |
- | We did everything on the wiki from scratch, there's no templates. Just HTML, CSS and JavaScript written by us. Bootstrap and JQuery were the only libraries used, to help make the layout of the page. | + | We expected to attract sponsors with the page, but the most important function turned about to be for media to use as a basis for a story and for our Facebook fans to get a more in-depth introduction to us. It was also really good practice for making the wiki. Using GitHub together with several people was a new experience and sometimes it was difficult to find out why things weren't working as we thought they should. |
- | </p>
| + | |
- | <p>
| + | |
- | Both the websites are available on GitHub.
| + | |
| </p> | | </p> |
| </div> | | </div> |
- | <div class="col-md-4 img-100"> | + | <div class="col-md-6 img-100"> |
| <img src="https://static.igem.org/mediawiki/2014/0/0f/Aalto_Helsinki_Webdraft.png" class="img-responsive"> | | <img src="https://static.igem.org/mediawiki/2014/0/0f/Aalto_Helsinki_Webdraft.png" class="img-responsive"> |
| <p class="kuvateksti"> | | <p class="kuvateksti"> |
- | This is how the first plan of the "sponsor website" looked like. We developed it further during the project. It might be still available at <a href="http://www.aaltohelsinki.com/">http://www.aaltohelsinki.com/</a>. | + | This is how the first plan of the "sponsor website" looked like. We developed it further during the project. A replica of <a href="http://2014.aaltohelsinki.com">the website (click here)</a> should be available also in the future. |
| </p> | | </p> |
| </div> | | </div> |
| </div> | | </div> |
- | <p>
| |
- | We also made <a href="http://github.com/iGEM-QSF/igem-wiki">iGEM Wiki Quickifier.</a>, a tool to upload content to a particular team wiki without using the cumbersome wiki interface. It allows you to write all the pages as proper HTML and add template tags while uploading, so that they don't come in the way of writing actual content. It's work in progress and changing it to upload to other wikis than ours is not implemented, but if you know a bit of Python, it's easily done.</p>
| |
- |
| |
- | <p>
| |
- | All of the code and installation instructions are available at the project's <a href="http://github.com/iGEM-QSF/igem-wiki">GitHub page.</a>
| |
- | </p>
| |
| | | |
| + | <h3>Creating the Wiki</h3> |
| + | <div class="row"> |
| + | <div class="col-md-6 text-col-left"> |
| + | <p> |
| + | Making a good wiki was important to us. It had to be simple and well formatted but also nice to look at and informative. We wanted it to represent our team well, so we took our time with it and developed it with care. We started early and proceeded to create our wiki steadily, step by step. It turned out amazingly well. It's completely responsive so it looks good on any platform: phones, pads, desktops. We also hope that you can effortlessly find everything you'd want to, and that scrolling through the content is a pleasent experience for every visitor. |
| + | </p> |
| + | <p> |
| + | Figuring out the best way to present ourselves in the wiki was a tough problem to solve. We thought about many options but ended up having a similar clean layout that we had used in the website for the general public. Having a navigation bar on the side seemed like a fun idea at first but we gave it up to keep things aesthetically pleasing and to make it possible to browse the wiki on all platforms. Scrolling through the content felt like a great choice, so instead of countless different subcategories, we only have eight categories and you can just scroll through them. Sorting the categories felt very difficult, too, but in the end it feels like everything found their own place. |
| + | </p> |
| + | <p> |
| + | The first thing we did for the wiki was an upload tool: <a href="http://github.com/iGEM-QSF/igem-wiki#igem-wiki-quickifier">iGEM Wiki Quickifier</a>. With it we could upload content to our team wiki without using the cumbersome wiki interface. We could write our pages directly as HTML files and the script would add the needed template tags as it uploaded the pages to the wiki. Uploading content to other wikis than ours is not implemented (yet), but if you know Python, modifying the script should be an easy task. |
| + | </p> |
| + | <p> |
| + | We used GitHub to keep our texts synchronized, have backups easily available and make editing the same file simultaneusly feasible. Every change was recorded, so you can browse the complete process from our commit history. Here's the <a href="http://github.com/iGEM-QSF/igem-wiki">GitHub page of our wiki</a>. You can, of course, also browse the code that's here on the final version of the wiki. |
| + | </p> |
| + | <p> |
| + | We made the wiki from scratch: it doesn't use any templates. We designed and constructed the wiki completely by ourselves. We utilized Bootstrap and JQuery libraries to ease the mission a bit but the layout and the code is all our work. |
| + | </p> |
| + | </div> |
| + | <div class="col-md-6 img-100"> |
| + | <img src="https://static.igem.org/mediawiki/2014/0/09/Aalto_Helsinki_wiki_punchcard.png" class="img-responsive"> |
| + | <p class="kuvateksti"> |
| + | The punch card for wiki changes. The only bad time for making the wiki is 7 am. The bigger the circle, the more commits (changes) were made on the wiki code at a time. |
| + | </p> |
| + | <img src="https://static.igem.org/mediawiki/2014/4/48/Aalto_Helsinki_Commit_Graph.png" class="img-responsive"> |
| + | <p class="kuvateksti"> |
| + | The timeline of wiki changes. We did start early, but there still might've been a bit work left to do on the final week. |
| + | </p> |
| + | </div> |
| + | </div> |
| </article> | | </article> |
| | | |
Line 145: |
Line 187: |
| <h2>Social Media</h2> | | <h2>Social Media</h2> |
| <p> | | <p> |
- | Our own website, blog, Facebook, Twitter, Youtube, Flickr. Links. | + | Creating a successful outreach without capturing social media is rather difficult these days. This is why we dedicated ourselves to making a rumble in the internet. And we believe we succeeded well. Our team profile has over 300 likes on <a href="http://www.facebook.com/aaltohelsinki">Facebook</a>, 160 followers on <a href="http://www.twitter.com/aaltohelsinki">Twitter</a> and our videos on <a href="http://www.youtube.com/user/AaltoHelsinki/">Youtube</a> have been watched altogether almost thousand times by the date of Wiki freeze. All this out of nothing. This proves that people in Finland indeed find synthetic biology as an interesting field of science; although we have a lot of international followers, too. Facebook and Twitter actually acted as excellent platforms to contact other iGEM teams and the headquarters. |
| + | </p> |
| + | <p> |
| + | On our website we published a <a href="http://www.2014.aaltohelsinki.com/blog">blog</a> so that people could see the life in synthetic biology more tangibly. Blog entries included descriptions of our daily routines and special events, and also team member profiles. We published a newsletter for all interested in our project and uploaded photos to <a href="http://www.flickr.com/photos/aaltohelsinki">Flickr</a>. |
| + | </p> |
| + | <p> |
| + | All in all, you can find us on following places: |
| + | <li><a href="http://www.facebook.com/aaltohelsinki">Facebook</a></li> |
| + | <li><a href="http://www.twitter.com/aaltohelsinki">Twitter</a></li> |
| + | <li><a href="http://www.youtube.com/user/AaltoHelsinki/">Youtube</a></li> |
| + | <li><a href="http://www.flickr.com/photos/aaltohelsinki">Flickr</a></li> |
| </p> | | </p> |
- |
| |
| </article> | | </article> |
| | | |
Line 157: |
Line 208: |
| | | |
| <h2>Events and Meetings</h2> | | <h2>Events and Meetings</h2> |
- | <p> | + | |
- | We had Skype meets with a bunch of other teams. We also met Tania, who had been in the Netherlands team and now lives in Finland.
| + | <div class="row"> |
- | </p>
| + | <div class="col-md-6 text-col-left"> |
| + | <p> |
| + | During the course of this project we have met a lot of important and interesting people. At the start of our project we presented our initial ideas to a panel of experts that consisted mostly of professors and researchers from our universities and VTT. They all seemed very excited for us and gave us some feedback on the ideas and even threw some new ones in the air. |
| + | </p> |
| + | <p> |
| + | Throughout the summer, in the Summer of Startups program, we also got to rehearse pitching and presenting our ideas to the general audience. We got coached by some great people, for example Marko Ahtisaari from MIT Media Lab, and they taught us to explain synthetic biology in a more understandable way. It was during one these coaching sessions/meetings that we came up with the idea of turning bacteria into superheroes. It turned out to be an easy way to explain our project to people who don't know that much about genetic engineering, let alone synthetic biology. |
| + | </p> |
| + | <p> |
| + | We also had lab tours for people who were interested in the project and wanted to see what we actually do in the lab. As genetically modified organisms and genetic engineering are a bit of a taboo in Finland, we wanted to do our part in convincing people that what we do is not hazardous in any way and allay any suspicions they might have had towards our project and GMO in general. |
| + | </p> |
| + | <p> |
| + | Spreading the word about synthetic biology, especially among our peers, was one of our main goals. So we went and talked about our project to a lot of people on all sorts of occasions. We held a small presentation of the project and iGEM in general for the Molecular Biosciences students of the University of Helsinki. We had only planned to talk for a few minutes but the audience was so interested in everything that we ended up talking for almost an hour! We also represented our team in Aalto Party, the kick off event of the academic year at Aalto University, where we had our own pop-up booth. |
| + | </p> |
| + | <p> |
| + | We had the opportunity to pitch at Pitch Night, which was an event aimed for scientific projects and was part of Thinkfest, an festival of thinking and science held by the University of Helsinki in honour of their 375th anniversary. At Pitch Night we had a bit more mature audience and it was great to see how they reacted to our idea. Most of them seemed very interested. A major achievement was also securing an exhibition/event of our own at the Heureka Science Center for a full weekend. We will be displaying our work and telling people about synthetic biology in a down to earth manner. The event will be held in spring 2015 and it will be targeted mainly for children. |
| + | </p> |
| + | <p> |
| + | In the beginning of September we had a chance to rehearse our presenting in front of the researchers of VTT. We got really good and constructive feedback. Important points we needed to consider were also brought up. Right before we leave for Boston we will also be giving our Jamboree presentation at a HYBER workshop, which will be a good rehearsing opportunity for us, as well as an opportunity to introduce ourselves to a lot of important people in the industry. |
| + | </p> |
| + | </div> |
| + | <div class="col-md-6 img-100"> |
| + | <img src="https://static.igem.org/mediawiki/2014/e/e7/Aalto_Helsinki_Heureka_Meeting.jpg" class="img-responsive"> |
| + | <div class="cpright"> |
| + | <p class="kuvateksti"> |
| + | Meeting at Heureka. |
| + | </p> |
| + | <img src="https://static.igem.org/mediawiki/2014/5/50/Aalto_Helsinki_Heureka.jpg" class="img-responsive"> |
| + | <div class="cpright"> |
| + | <p class="kuvateksti"> |
| + | Otto, Minttu and Oskari having fun at Heureka. |
| + | </p> |
| + | </div> |
| + | <img src="https://static.igem.org/mediawiki/2014/7/74/Aalto_Helsinki_Sos_Kickoff.jpg" class="img-responsive"> |
| + | <div class="cpright"> |
| + | <p class="kuvateksti"> |
| + | Aalto-Helsinki in the Summer of Startups Kickoff event. This time we were listening and learning, the next time we'd be on stage! |
| + | </p> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
| </article> | | </article> |
Line 171: |
Line 261: |
| <h2>Finding Partners</h2> | | <h2>Finding Partners</h2> |
| <p> | | <p> |
- | Finding the right people and teaching them what iGEM means. | + | There's no way we could have have done this alone. Finding the right people and support was crucial in building the story behind Aalto-Helsinki. As we are the first iGEM team from Finland, we did not have any existing support in the beginning. The very first thing, before even building the team, was to get the support of University of Helsinki and Aalto Unviersity. This includes lab spaces, mentors, advisors and financial support. The team leader contacted Pekka Heino and Ragna Rönnholm from University of Helsinki as well as Alexander Frey and Markus Linder from Aalto University. They were convinced about the project and provided us the necessary support to get started. Special thanks to our mentor, Markus Linder, who believed in us in the first place and covered our registration fee. |
| </p> | | </p> |
| + | <p> |
| + | The second step was finding more financial support for the team. During the spring we had brainstorming sessions about fundraising and we spent long nights filling out applications to different Finnish foundations, organizations and ERASynBio. We also applied to AaltoES Summer of Startups, since we knew it would bring a great support on the Entrepreneurship track. During the spring we also connected with the Technical Research Centre of Finland, VTT. They promised to invest their expertise and special equipment when needed. |
| + | </p> |
| + | <p> |
| + | The third step was to find company partnerships. We made a list of Finnish companies related to our field and contacted them by first sending and email and then calling them the next day. Regardless of the great effort we put into contacting the companies, only those we knew personally supported us financially. Summer of Startups was very useful in terms of networking as well. One of the coaches at Summer of Startups helped us to connect with Biotech Start-Up Management, which became one of our partners offering business expertise for our team. |
| + | </p> |
| + | <p> |
| + | The last phase happened on its own weight. As a result of actively building a positive image on media and being active in social media, different parties in the field heard about us. We have received invitations to seminars and projects to present iGEM, our team and research. We were invited to Biocentrum Helsinki board meeting, Academy of Finland's Centre of Excellence 2014-2019 HYBER workshop, Living Factories project's board meeting and ChemBio Finland conference. And of course we are going to give presentations to students and faculty members at Aalto University and University of Helsinki. |
| + | </p> |
| </article> | | </article> |
| | | |
Line 180: |
Line 279: |
| <article> | | <article> |
| <div class="link" id="Extras"></div> | | <div class="link" id="Extras"></div> |
- |
| + | |
| <h2>The Extras</h2> | | <h2>The Extras</h2> |
| | | |
- | <div class="row margintop"> | + | <h3>Flappy Coli</h3> |
| + | <div class="row"> |
| <div class="col-md-8 text-col-left"> | | <div class="col-md-8 text-col-left"> |
- | <h3>Flappy Coli</h3>
| |
| <p> | | <p> |
- | We also made a silly game called <a href="http://aaltohelsinki.com/flappycoli">Flappy Coli</a>, where you are guiding a genetically modified pink bacteria through an iGEM-maze. It grows it's flagellum when you get farther and if you are good enough, it might grow more flagella! | + | We also made a silly game (an iGEMified version of Flappy Bird) called <a href="https://2014.igem.org/Team:Aalto-Helsinki/Flappycoli" target="_blank">Flappy Coli</a>. In the game you are guiding a genetically modified bacterium through an iGEM maze. The flagellum of the bacterium will grow as you get further in the game, and if you get far enough, it might even grow more flagella! |
| </p> | | </p> |
| <p> | | <p> |
- | All of the code is available at the project's <a href="http://github.com/iGEM-QSF/Flappy-coli">GitHub page.</a> | + | The game was created with the help of a guide by <a href="http://www.lessmilk.com/">http://www.lessmilk.com/</a> ("How to make a Flappy Bird in HTML5"). |
| + | </p> |
| + | <p> |
| + | All of the code is available on the <a href="http://github.com/iGEM-QSF/Flappy-coli">GitHub page of Flappy Coli.</a> |
| </p> | | </p> |
| </div> | | </div> |
| <div class="col-md-4 img-100"> | | <div class="col-md-4 img-100"> |
- | <img src="https://static.igem.org/mediawiki/2014/2/2f/Aalto_Helsinki_Flappy_coli.png" class="img-responsive"> | + | <a href="https://2014.igem.org/Team:Aalto-Helsinki/Flappycoli" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9d/Aalto_Helsinki_Coli2.png" class="img-responsive"></a> |
| <p class="kuvateksti"> | | <p class="kuvateksti"> |
- | Here you can see a screenshot from the game. | + | Here's the bacterium navigating through the iGEM maze. |
| </p> | | </p> |
| </div> | | </div> |
| </div> | | </div> |
| + | <h3>Cellf Improvement</h3> |
| + | <p> |
| + | We got so inspired by the iGEM summer project that the bacterial thoughts created another game idea in our heads. <a href="https://2014.igem.org/Team:Aalto-Helsinki/Team#lassikuva">Lassi</a>, <a href="https://2014.igem.org/Team:Aalto-Helsinki/Team#laurakuva">Laura</a> and Jimi Welling started building a game about being a bacterium in a vast petri dish, exploring a weird world and gaining plasmids to become the biggest, baddest... thing in the gene pool. |
| + | </p> |
| + | <p> |
| + | In the game, the player controls a "bacterium" that is composed of a bunch of cells. The goal of the bacterium is to wander around a vast biological world, collect plasmids, meet different creatures and evolve. The bacterium gains features as it consumes plasmids and loses them when it throws plasmids away. The bacteria might even launch their worst plasmids at each other! |
| + | </p> |
| + | <p> |
| + | Although the game is inspired by the mechanisms of real bacteria, we took some artistic liberties in applying them. |
| + | </p> |
| + | <p> |
| | | |
- | <h3>Chimeras</h3> | + | </p> |
| + | <div class="row row-eq-height"> |
| + | <div class="col-md-6 feat-left"> |
| + | <img src="https://static.igem.org/mediawiki/2014/3/30/Aalto_Helsinki_Cellf_Improvement.png" class="img-responsive"></img> |
| + | </div> |
| + | <div class="col-md-6 feat-right"> |
| + | <img src="https://static.igem.org/mediawiki/2014/6/60/Aalto_Helsinki_Cellf_Improvement2.png" class="img-responsive"></img> |
| + | </div> |
| + | </div> |
| + | <div class="row row-eq-height"> |
| + | <div class="col-md-12"> |
| + | <img src="https://static.igem.org/mediawiki/2014/8/80/Aalto_Helsinki_Cellf_Improvement3.png" class="img-responsive"></img> |
| + | </div> |
| + | </div> |
| + | <div class="cpright"> |
| + | <p class ="kuvateksti"> |
| + | Concept art of (working title) Cellf Improvement by Laura. |
| + | </p> |
| + | </div> |
| + | |
| + | <h3 id="chimeras">Chimeras</h3> |
| + | <div class="row"> |
| + | <div class="col-md-6 text-col-left"> |
| + | <p> |
| + | In mythology, a chimera is a monstrous creature with parts from multiple animals. In science, the word chimera is used to refer to an organism or a virus which has genetically distinct cells from two (or more) different zygotes or genetic material from other organisms. Also fusion proteins can be called chimeras. |
| + | </p> |
| + | <p> |
| + | Studying the connection between the different definitions for the word "chimera", we came up with the idea to draw a chimera for every team member. To make things interesting, everyone got to decide three different animals. Laura drew each of them during the summer. Here they are all assembled. |
| + | </p> |
| + | <p> |
| + | The caption under the image tells which chimera belongs to which team member (and which animals each chimera contains). |
| + | </p> |
| + | </div> |
| + | <div class="col-md-6"> |
| + | <blockquote>Every team member got to pick three animals. The combinations were then turned into illustrations of nine different chimeras.</blockquote> |
| + | </div> |
| + | </div> |
| + | </article> |
| + | <img src="https://static.igem.org/mediawiki/2014/b/b3/Aalto_Helsinki_Kimeerakollaasi.png" class="img-responsive"> |
| + | <article> |
| + | <ul class="kuvateksti"> |
| + | <li><b>Lassi</b>: aye-aye, hedgehog, squirrel</li> |
| + | <li><b>Laura</b>: snow leopard, dragonfly, least weasel</li> |
| + | <li><b>Martina</b>: tortoise, koala, moose</li> |
| + | <li><b>Mikko</b>: hammerhead shark, anaconda, tarantula</li> |
| + | <li><b>Minttu</b>: unicorn, raccoon, leopard</li> |
| + | <li><b>Niklas</b>: lion, fox, crow</li> |
| + | <li><b>Oskari</b>: hummingbird, giraffe, peacock</li> |
| + | <li><b>Otto</b>: salmon, snake, eagle</li> |
| + | <li><b>Pietu</b>: polar bear, kangaroo, hedgehog</li> |
| + | </ul> |
| </article> | | </article> |
| | | |
- | <div class="update Extras"></div></div> | + | <div class="update Extras"></div> |
| + | </div> |
| </body> | | </body> |
| <script> | | <script> |
Line 213: |
Line 377: |
| } else $('#navigation a.home').addClass('active'); | | } else $('#navigation a.home').addClass('active'); |
| }); | | }); |
| + | </script> |
| + | <script type="text/javascript"> |
| + | // Picture reference script |
| + | /* |
| + | USAGE: |
| + | tag img with a ref that is connected to the image, such as: |
| + | <img src="aaltohelsinki.com/testikuva.png" ref="varioskan" /> |
| + | When you insert a reference in text, put a tag with a ref attribute: |
| + | <a ref="varioskan"></a> |
| + | Do not put href attribute, it will be replaced with a link to the image. |
| + | Moreover, inner html of the anchor tag will be "figure x" where x is the |
| + | correct figure number. If span or anchor has "." as the inner html, the |
| + | caption will be capitalized. |
| + | */ |
| + | var images = $('img[ref]'); |
| + | $.each(images, function(index, e){ |
| + | var referenceName = e.getAttribute("ref"); |
| + | if (!e.id){ |
| + | e.setAttribute("id","figure"+(index+1)); |
| + | } |
| + | $.each($('a[ref="'+referenceName+'"]'), function(j, e2){ |
| + | e2.setAttribute("href","#"+e.id); |
| + | if (e2.innerHTML == "."){ |
| + | e2.innerHTML = "Figure " + (index+1); |
| + | } else { |
| + | e2.innerHTML = "figure " + (index+1); |
| + | } |
| + | }); |
| + | $.each($('span[ref="'+referenceName+'"]'), function(j, e2){ |
| + | e2.setAttribute("href","#"+e.id); |
| + | if (e2.innerHTML == "."){ |
| + | e2.innerHTML = "Figure " + (index+1); |
| + | } else { |
| + | e2.innerHTML = "figure " + (index+1); |
| + | } |
| + | }); |
| + | } |
| + | ); |
| + | |
| + | // Table reference script |
| + | /* |
| + | USAGE: |
| + | tag table with a tab that is connected to the table, such as: |
| + | <table ref="intensities" /> |
| + | When you insert a reference in text, put a tag with a ref attribute: |
| + | <a tab="intensities"></a> |
| + | Do not put href attribute, it will be replaced with a link to the image. |
| + | Moreover, inner html of the anchor tag will be "table x" where x is the |
| + | correct table number. If span or anchor has "." as the inner html, the |
| + | caption will be capitalized. |
| + | */ |
| + | var tables = $('table[tab], img[tab]'); |
| + | $.each(tables, function(index, e){ |
| + | var tableName = e.getAttribute("tab"); |
| + | if (!e.id){ |
| + | e.setAttribute("id","table"+(index+1)); |
| + | } |
| + | $.each($('a[tab="'+tableName+'"]'), function(j, e2){ |
| + | e2.setAttribute("href","#"+e.id); |
| + | if (e2.innerHTML == "."){ |
| + | e2.innerHTML = "Table " + (index+1); |
| + | } else { |
| + | e2.innerHTML = "table " + (index+1); |
| + | } |
| + | }); |
| + | $.each($('span[tab="'+tableName+'"]'), function(j, e2){ |
| + | e2.setAttribute("href","#"+e.id); |
| + | if (e2.innerHTML == "."){ |
| + | e2.innerHTML = "Table " + (index+1); |
| + | } else { |
| + | e2.innerHTML = "table " + (index+1); |
| + | } |
| + | }); |
| + | } |
| + | ); |
| </script> | | </script> |
| </html> | | </html> |
| {{:Team:Aalto-Helsinki/footer}} | | {{:Team:Aalto-Helsinki/footer}} |