Difference between revisions of "Team:UrbanTundra Edmonton/OurStory"

Line 6: Line 6:
 
<head>
 
<head>
 
    <title>Our Story</title>
 
    <title>Our Story</title>
 +
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
 
    <link rel="stylesheet" href="https://2017.igem.org/Template:UrbanTundra_Edmonton/TimelineStyle?action=raw&ctype=text/css">
 
    <link rel="stylesheet" href="https://2017.igem.org/Template:UrbanTundra_Edmonton/TimelineStyle?action=raw&ctype=text/css">
 
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
Line 23: Line 24:
 
  <h2><center>Experience our Journey</center></h2>
 
  <h2><center>Experience our Journey</center></h2>
  
    <!-- The Timeline -->
+
<div class="container">
 +
<!-- The Timeline -->
  
    <ul class="timeline">
+
    <ul class="timeline">
  
        <!-- Item 1 -->
+
        <!-- Item 1 -->
        <li>
+
        <li>
            <div class="direction-r">
+
            <div class="direction-r">
                <div class="flag-wrapper">
+
                <div class="flag-wrapper">
                    <span class="flag">Boston</span>
+
                    <span class="flag">Boston</span>
                    <span class="time-wrapper"><span class="time">November 2016</span></span>
+
                    <span class="time-wrapper"><span class="time">November 2016</span></span>
                </div>
+
                </div>
                <div class="desc">
+
                <div class="desc">
                    We had wrapped up the 2016 iGEM season with 3 awards: Best Wiki, Best Presentation and Best Poster! Basing our research on making Mars breathable blah blah
+
                    We had wrapped up the 2016 iGEM season with 3 awards: Best Wiki, Best Presentation and Best Poster! Basing our research on making Mars breathable blah blah
                </div>
+
                </div>
            </div>
+
            </div>
        </li>
+
        </li>
  
        <!-- Item 2 -->
+
        <!-- Item 2 -->
        <li>
+
        <li>
            <div class="direction-l">
+
            <div class="direction-l">
                <div class="flag-wrapper">
+
                <div class="flag-wrapper">
                    <span class="flag">Problems</span>
+
                    <span class="flag">Problems</span>
                    <span class="time-wrapper"><span class="time">January 2017</span></span>
+
                    <span class="time-wrapper"><span class="time">January 2017</span></span>
                </div>
+
                </div>
                <div class="desc">
+
                <div class="desc">
                    Issues arise, and we need a new team as those previously on UrbanTundra have switched over to the UAlberta iGEM team. blah blah
+
                    Issues arise, and we need a new team as those previously on UrbanTundra have switched over to the UAlberta iGEM team. blah blah
                </div>
+
                </div>
            </div>
+
            </div>
        </li>
+
        </li>
  
        <!-- Item 3 -->
+
        <!-- Item 3 -->
        <li>
+
        <li>
            <div class="direction-r">
+
            <div class="direction-r">
                <div class="flag-wrapper">
+
                <div class="flag-wrapper">
                    <span class="flag">Recruitment</span>
+
                    <span class="flag">Recruitment</span>
                    <span class="time-wrapper"><span class="time">April 2017</span></span>
+
                    <span class="time-wrapper"><span class="time">April 2017</span></span>
                </div>
+
                </div>
                <div class="desc">
+
                <div class="desc">
                    A new team has been made, ready to go! Three high schools: Old Scona Academic, Archbishop MacDonald, Harry Ainlay (insert logos) blah blah
+
                    A new team has been made, ready to go! Three high schools: Old Scona Academic, Archbishop MacDonald, Harry Ainlay (insert logos) blah blah
                </div>
+
                </div>
            </div>
+
            </div>
        </li>
+
        </li>
  
        <!-- Item 4 -->
+
        <!-- Item 4 -->
        <li>
+
        <li>
            <div class="direction-l">
+
            <div class="direction-l">
                <div class="flag-wrapper">
+
                <div class="flag-wrapper">
                    <span class="flag">NDC Jamboree</span>
+
                    <span class="flag">NDC Jamboree</span>
                    <span class="time-wrapper"><span class="time">June 2017</span></span>
+
                    <span class="time-wrapper"><span class="time">June 2017</span></span>
                </div>
+
                </div>
                <div class="desc">
+
                <div class="desc">
                    Friendship! First go-away trip; bonded as a team. Allowed us to know of our problems with presentation and project. We were also able to learn more about each other with our AirBnB meetings, and our occasional Pho outings! The start of something new!
+
                    Friendship! First go-away trip; bonded as a team. Allowed us to know of our problems with presentation and project. We were also able to learn more about each other with our AirBnB meetings, and our occasional Pho outings! The start of something new!
                </div>
+
                </div>
            </div>
+
            </div>
        </li>
+
        </li>
  
        <!-- Item 5 -->
+
        <!-- Item 5 -->
        <li>
+
        <li>
            <div class="direction-r">
+
            <div class="direction-r">
                <div class="flag-wrapper">
+
                <div class="flag-wrapper">
                    <span class="flag"> Media and Engineering Mayhem!</span>
+
                    <span class="flag"> Media and Engineering Mayhem!</span>
                    <span class="time-wrapper"><span class="time">July 2017</span></span>
+
                    <span class="time-wrapper"><span class="time">July 2017</span></span>
                </div>
+
                </div>
                <div class="desc">
+
                <div class="desc">
                    The month of July was one filled with progress in the media/fundraising team, as well as the engineering team with their hydroponics! We came out with a new segment to introduce our team members called #HumansofUrbanTundra for our social media handles on <a href="https://twitter.com/urbantundrahs" style="color: #000000"> Twitter </a>, <a href="https://www.instagram.com/igem.urbantundra/" style="color: #000000"> Instagram</a>, and <a href="https://www.facebook.com/UrbanTundraEdmonton/?ref=br_rs" style="color: #000000"> Facebook </a>. The media team goal was established: to create a bridge between the public and our team. Meanwhile, the engineering team was busy working on their hydroponics project!
+
                    The month of July was one filled with progress in the media/fundraising team, as well as the engineering team with their hydroponics! We came out with a new segment to introduce our team members called #HumansofUrbanTundra for our social media handles on <a href="https://twitter.com/urbantundrahs" style="color: #000000"> Twitter </a>, <a href="https://www.instagram.com/igem.urbantundra/" style="color: #000000"> Instagram</a>, and <a href="https://www.facebook.com/UrbanTundraEdmonton/?ref=br_rs" style="color: #000000"> Facebook </a>. The media team goal was established: to create a bridge between the public and our team. Meanwhile, the engineering team was busy working on their hydroponics project!
                </div>
+
                </div>
            </div>
+
            </div>
        </li>
+
        </li>
  
        <!-- Item 6 -->
+
        <!-- Item 6 -->
        <li>
+
        <li>
            <div class="direction-l">
+
            <div class="direction-l">
                <div class="flag-wrapper">
+
                <div class="flag-wrapper">
                    <span class="flag"> Bottle Drive and Silent Auction!</span>
+
                    <span class="flag"> Bottle Drive and Silent Auction!</span>
                    <span class="time-wrapper"><span class="time">August 2017</span></span>
+
                    <span class="time-wrapper"><span class="time">August 2017</span></span>
                </div>
+
                </div>
                <div class="desc">
+
                <div class="desc">
                    We were super successful in getting bottles for our bottle drive, our first bottle drive raising over $1000! This could not have been done without the support of not only our communities, but of the local businesses around the Edmonton area, which are all noted on our sponsors page! Thank you all!
+
                    We were super successful in getting bottles for our bottle drive, our first bottle drive raising over $1000! This could not have been done without the support of not only our communities, but of the local businesses around the Edmonton area, which are all noted on our sponsors page! Thank you all!
                </div>
+
                </div>
            </div>
+
            </div>
        </li>
+
        </li>
  
        <!-- Item 7 -->
+
        <!-- Item 7 -->
        <li>
+
        <li>
            <div class="direction-r">
+
            <div class="direction-r">
                <div class="flag-wrapper">
+
                <div class="flag-wrapper">
                    <span class="flag"> aGEM </span>
+
                    <span class="flag"> aGEM </span>
                    <span class="time-wrapper"><span class="time">September 2017</span></span>
+
                    <span class="time-wrapper"><span class="time">September 2017</span></span>
                </div>
+
                </div>
                <div class="desc">
+
                <div class="desc">
                    Something happens
+
                    Something happens
                </div>
+
                </div>
            </div>
+
            </div>
        </li>
+
        </li>
  
    </ul>
+
    </ul>
 +
</div>
  
 
</body>
 
</body>

Revision as of 06:05, 24 August 2017

Urban Tundra | Intelligent Innovation

<!DOCTYPE html> Our Story

Our Story

Something inspirtational about how last year we were underdogs, and hungry. Paint that in to this year being underdogs again, but needing to out do ourselves form last year.

Experience our Journey

  • Boston November 2016
    We had wrapped up the 2016 iGEM season with 3 awards: Best Wiki, Best Presentation and Best Poster! Basing our research on making Mars breathable blah blah
  • Problems January 2017
    Issues arise, and we need a new team as those previously on UrbanTundra have switched over to the UAlberta iGEM team. blah blah
  • Recruitment April 2017
    A new team has been made, ready to go! Three high schools: Old Scona Academic, Archbishop MacDonald, Harry Ainlay (insert logos) blah blah
  • NDC Jamboree June 2017
    Friendship! First go-away trip; bonded as a team. Allowed us to know of our problems with presentation and project. We were also able to learn more about each other with our AirBnB meetings, and our occasional Pho outings! The start of something new!
  • Media and Engineering Mayhem! July 2017
    The month of July was one filled with progress in the media/fundraising team, as well as the engineering team with their hydroponics! We came out with a new segment to introduce our team members called #HumansofUrbanTundra for our social media handles on Twitter , Instagram, and Facebook . The media team goal was established: to create a bridge between the public and our team. Meanwhile, the engineering team was busy working on their hydroponics project!
  • Bottle Drive and Silent Auction! August 2017
    We were super successful in getting bottles for our bottle drive, our first bottle drive raising over $1000! This could not have been done without the support of not only our communities, but of the local businesses around the Edmonton area, which are all noted on our sponsors page! Thank you all!
  • aGEM September 2017
    Something happens