Difference between revisions of "Team:UCSC"

Line 1: Line 1:
 
{{UCSC}}
 
{{UCSC}}
−
<!DOCTYPE html>
+
<html>
−
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+
<div class="column full_size" >
−
<!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+
<img src="http://i50.photobucket.com/albums/f314/epeppert/banner_zps54bop86w.png">
−
<!--[if IE 8]>        <html class="no-js lt-ie9"> <![endif]-->
+
−
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+
−
<head>
+
−
    <meta charset="utf-8">
+
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
−
    <title>Home | Nova</title>
+
−
    <meta name="description" content="">
+
−
    <meta name="viewport" content="width=device-width">
+
  
−
    <link rel="stylesheet" href="css/bootstrap.min.css">
+
</div>
−
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
+
−
    <link rel="stylesheet" href="css/font-awesome.min.css">
+
−
    <link rel="stylesheet" href="css/main.css">
+
−
    <link rel="stylesheet" href="css/sl-slide.css">
+
  
−
    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+
<div class="column full_size" >
 +
<h1> Welcome to UCSC's iGEM Wiki! </h1>
 +
<p>Our team is made of 15 motivated interdisciplinary undergraduate students including Biomolecular Engineers, Molecular, Cellular and Developmental Biologists, Biochemists, and Chemical Engineers. We hope to alleviate a range of burdens associated with global malnutrition and contribute to Millennium Development Goals 2 and 3. </p>
 +
</div>  
  
−
    <!-- Le fav and touch icons -->
+
<div class="clear"></div>
−
    <link rel="shortcut icon" href="http://i50.photobucket.com/albums/f314/epeppert/logo_edit_new_zps5n2ostfn.png">
+
−
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
+
−
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
+
−
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
+
−
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
+
−
</head>
+
  
−
<body>
+
<div class="column half_size" >
 +
<h5>Spirulina </h5>
 +
<img src="http://spirulinapowdermarket.com/sites/default/files/spirulinahealthbenefits_4_1.jpg">
  
−
    <!--Header-->
+
</div>
−
    <header class="navbar navbar-fixed-top">
+
−
        <div class="navbar-inner">
+
−
            <div class="container">
+
−
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
−
                    <span class="icon-bar"></span>
+
−
                    <span class="icon-bar"></span>
+
−
                    <span class="icon-bar"></span>
+
−
                </a>
+
−
                <a id="logo" class="pull-left" href="index.html"></a>
+
−
                <div class="nav-collapse collapse pull-right">
+
−
                    <ul class="nav">
+
−
                        <li class="active"><a href="index.html">Home</a></li>
+
−
                        <li><a href="about-us.html">About Us</a></li>
+
−
                        <li><a href="services.html">Services</a></li>
+
−
                        <li><a href="portfolio.html">Portfolio</a></li>
+
−
                        <li class="dropdown">
+
−
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <i class="icon-angle-down"></i></a>
+
−
                            <ul class="dropdown-menu">
+
−
                                <li><a href="career.html">Career</a></li>
+
−
                                <li><a href="blog-item.html">Blog Single</a></li>
+
−
                                <li><a href="faq.html">FAQ</a></li>
+
−
                                <li><a href="pricing.html">Pricing</a></li>
+
−
                                <li><a href="404.html">404</a></li>
+
−
                                <li><a href="typography.html">Typography</a></li>
+
−
                                <li><a href="registration.html">Registration</a></li>
+
−
                                <li class="divider"></li>
+
−
                                <li><a href="privacy.html">Privacy Policy</a></li>
+
−
                                <li><a href="terms.html">Terms of Use</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                        <li><a href="blog.html">Blog</a></li>
+
−
                        <li><a href="contact-us.html">Contact</a></li>
+
−
                        <li class="login">
+
−
                            <a data-toggle="modal" href="#loginForm"><i class="icon-lock"></i></a>
+
−
                        </li>
+
−
                    </ul>       
+
−
                </div><!--/.nav-collapse -->
+
−
            </div>
+
−
        </div>
+
−
    </header>
+
−
    <!-- /header -->
+
−
 
+
−
    <!--Slider-->
+
−
    <section id="slide-show">
+
−
    <div id="slider" class="sl-slider-wrapper">
+
−
 
+
−
        <!--Slider Items-->   
+
−
        <div class="sl-slider">
+
−
            <!--Slider Item1-->
+
−
            <div class="sl-slide item1" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
+
−
                <div class="sl-slide-inner">
+
−
                    <div class="container">
+
−
                        <img class="pull-right" src="http://i50.photobucket.com/albums/f314/epeppert/banner_zps54bop86w.png" alt="" />
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
            <!--/Slider Item1-->
+
−
 
+
−
            <!--Slider Item2-->
+
−
            <div class="sl-slide item2" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
+
−
                <div class="sl-slide-inner">
+
−
                    <div class="container">
+
−
                        <img class="pull-right" src="http://i50.photobucket.com/albums/f314/epeppert/UCSC-Logo_zpsl7rrsug3.png" alt="" />
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
            <!--Slider Item2-->
+
−
 
+
−
            <!--Slider Item3-->
+
−
            <div class="sl-slide item3" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
+
−
                <div class="sl-slide-inner">
+
−
                  <div class="container">
+
−
                    <img class="pull-right" src="http://i50.photobucket.com/albums/f314/epeppert/DSC_1674_zps8qoh8hxw.jpg" alt="" />
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
        <!--Slider Item3-->
+
−
 
+
−
    </div>
+
−
    <!--/Slider Items-->
+
−
 
+
−
    <!--Slider Next Prev button-->
+
−
    <nav id="nav-arrows" class="nav-arrows">
+
−
        <span class="nav-arrow-prev"><i class="icon-angle-left"></i></span>
+
−
        <span class="nav-arrow-next"><i class="icon-angle-right"></i></span>
+
−
    </nav>
+
−
    <!--/Slider Next Prev button-->
+
  
 +
<div class="column half_size" >
 +
<div class="highlight">
 +
<h5> Project Description </h5>
 +
<p>UCSC's 2017 iGEM team recognized how global malnutrition amplifies problems for many low income regions; causing economic burden as well as diseases like blindness, disabilities, and anemia. In hopes to address these crippling medical issues, we are creating a decentralized, self-sustaining biological source of nutrition that could be grown cheaply anywhere in the world. Spirulina is a fast growing, nutrient dense cyanobacteria which is already utilized for nutritional supplementation all over the world. The goal for our team is to optimize Spirulina to make it more accessible and fill the nutritional gaps to make it an effective and complete vitamin. This reflects our ultimate goal: To deliver nutrition to underdeveloped regions.</p>
 +
</div>
 
</div>
 
</div>
−
<!-- /slider-wrapper -->         
 
−
</section>
 
−
<!--/Slider-->
 
  
−
<!--Services-->
+
<div class="column half_size" >
−
<section id="services">
+
<h5> Get Involved! </h5>
−
    <div class="container">
+
<p>You can help us accomplish our goals!  We appreciate any contribution whether ideas, connections, or financial.  We are 100% donation funded, donate <a href=https://crowdfund.ucsc.edu/project/6945>here!</a>We are always looking for creativity and collaborations; if you have an idea to share or a connection with an interested party, please contact us at <b> ucscigem2017@gmail.com</b> </p>
−
        <div class="center gap">
+
−
            <h3>Our Project</h3>
+
−
            <p class="lead">Blah Blah Blah Blah Blah</p>
+
−
        </div>
+
  
−
    </div>
+
</div>  
−
</section>
+
−
<!--/Services-->
+
  
−
<section id="recent-works">
+
<div class="column half_size">
−
    <div class="container">
+
<h5> What is iGEM? </h5>
−
        <div class="gap"></div>
+
<p> Answered by the team in beautiful Santa Cruz </p>
−
        <ul class="gallery col-4">
+
<iframe width="560" height="315" src="https://www.youtube.com/embed/jk9ltT2MosQ" frameborder="0" allowfullscreen></iframe>
−
            <!--Item 1-->
+
−
            <li>
+
−
                <div class="preview">
+
−
                    <img alt=" " src="">
+
−
                    <div class="overlay">
+
−
                    </div>
+
−
                    <div class="links">
+
−
                        <a data-toggle="modal" href="#modal-1"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                         
+
−
                    </div>
+
−
                </div>
+
−
                <div class="desc">
+
−
                    <h5>Genetic Engineering</h5>
+
−
                </div>
+
−
                <div id="modal-1" class="modal hide fade">
+
−
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
+
−
                    <div class="modal-body">
+
−
                        <img src="images/portfolio/full/item1.jpg" alt=" " width="100%" style="max-height:400px">
+
−
                    </div>
+
−
                </div>               
+
−
            </li>
+
−
            <!--/Item 1-->  
+
  
−
            <!--Item 2-->
 
−
            <li>
 
−
                <div class="preview">
 
−
                    <img alt=" " src="">
 
−
                    <div class="overlay">
 
−
                    </div>
 
−
                    <div class="links">
 
−
                        <a data-toggle="modal" href="#modal-1"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                               
 
−
                    </div>
 
−
                </div>
 
−
                <div class="desc">
 
−
                    <h5>Bioreactor</h5>
 
−
                </div>
 
−
                <div id="modal-1" class="modal hide fade">
 
−
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
 
−
                    <div class="modal-body">
 
−
                        <img src="images/portfolio/full/item2.jpg" alt=" " width="100%" style="max-height:400px">
 
−
                    </div>
 
−
                </div>               
 
−
            </li>
 
−
            <!--/Item 2-->
 
  
−
            <!--Item 3-->
 
−
            <li>
 
−
                <div class="preview">
 
−
                    <img alt=" " src="">
 
−
                    <div class="overlay">
 
−
                    </div>
 
−
                    <div class="links">
 
−
                        <a data-toggle="modal" href="#modal-3"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                               
 
−
                    </div>
 
−
                </div>
 
−
                <div class="desc">
 
−
                    <h5>Something Else</h5>
 
−
                </div>
 
−
                <div id="modal-3" class="modal hide fade">
 
−
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
 
−
                    <div class="modal-body">
 
−
                        <img src="images/portfolio/full/item3.jpg" alt=" " width="100%" style="max-height:400px">
 
−
                    </div>
 
−
                </div>               
 
−
            </li>
 
−
            <!--/Item 3-->
 
  
−
            <!--Item 4-->
+
<div class="column full_size" >
−
            <li>
+
<h6> This website is still in progress. </h6>
−
                <div class="preview">
+
−
                    <img alt=" " src="">
+
−
                    <div class="overlay">
+
−
                    </div>
+
−
                    <div class="links">
+
−
                        <a data-toggle="modal" href="#modal-4"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                               
+
−
                    </div>
+
−
                </div>
+
−
                <div class="desc">
+
−
                    <h5>Something Else</h5>
+
−
                </div>
+
−
                <div id="modal-4" class="modal hide fade">
+
−
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
+
−
                    <div class="modal-body">
+
−
                        <img src="images/portfolio/full/item4.jpg" alt=" " width="100%" style="max-height:400px">
+
−
                    </div>
+
−
                </div>               
+
−
            </li>
+
−
            <!--/Item 4-->              
+
  
−
        </ul>
 
−
    </div>
 
−
 
−
</section>
 
−
 
−
<!--Footer-->
 
−
<footer id="footer">
 
−
    <div class="container">
 
−
        <div class="row-fluid">
 
−
            <div class="span5 cp">
 
−
                UCSC iGEM 2017
 
−
            </div>
 
−
            <!--/Copyright-->
 
−
 
−
            <div class="span6">
 
−
                <ul class="social pull-right">
 
−
                    <li><a href="#"><i class="icon-facebook"></i></a></li>                     
 
−
                    <li><a href="#"><i class="icon-youtube"></i></a></li>
 
−
                    <li><a href="#"><i class="icon-instagram"></i></a></li>                 
 
−
                </ul>
 
−
            </div>
 
−
 
−
            <div class="span1">
 
−
                <a id="gototop" class="gototop pull-right" href="#"><i class="icon-angle-up"></i></a>
 
−
            </div>
 
−
            <!--/Goto Top-->
 
−
        </div>
 
−
    </div>
 
−
</footer>
 
−
<!--/Footer-->
 
−
 
−
<!--  Login form -->
 
−
<div class="modal hide fade in" id="loginForm" aria-hidden="false">
 
−
    <div class="modal-header">
 
−
        <i class="icon-remove" data-dismiss="modal" aria-hidden="true"></i>
 
−
        <h4>Login Form</h4>
 
−
    </div>
 
−
    <!--Modal Body-->
 
−
    <div class="modal-body">
 
−
        <form class="form-inline" action="index.html" method="post" id="form-login">
 
−
            <input type="text" class="input-small" placeholder="Email">
 
−
            <input type="password" class="input-small" placeholder="Password">
 
−
            <label class="checkbox">
 
−
                <input type="checkbox"> Remember me
 
−
            </label>
 
−
            <button type="submit" class="btn btn-primary">Sign in</button>
 
−
        </form>
 
−
        <a href="#">Forgot your password?</a>
 
−
    </div>
 
−
    <!--/Modal Body-->
 
 
</div>
 
</div>
−
<!--  /Login form -->
 
−
 
−
<script src="js/vendor/jquery-1.9.1.min.js"></script>
 
−
<script src="js/vendor/bootstrap.min.js"></script>
 
−
<script src="js/main.js"></script>
 
−
<!-- Required javascript files for Slider -->
 
−
<script src="js/jquery.ba-cond.min.js"></script>
 
−
<script src="js/jquery.slitslider.js"></script>
 
−
<!-- /Required javascript files for Slider -->
 
−
 
−
<!-- SL Slider -->
 
−
<script type="text/javascript">
 
−
$(function() {
 
−
    var Page = (function() {
 
−
 
−
        var $navArrows = $( '#nav-arrows' ),
 
−
        slitslider = $( '#slider' ).slitslider( {
 
−
            autoplay : true
 
−
        } ),
 
−
 
−
        init = function() {
 
−
            initEvents();
 
−
        },
 
−
        initEvents = function() {
 
−
            $navArrows.children( ':last' ).on( 'click', function() {
 
−
                slitslider.next();
 
−
                return false;
 
−
            });
 
−
 
−
            $navArrows.children( ':first' ).on( 'click', function() {
 
−
                slitslider.previous();
 
−
                return false;
 
−
            });
 
−
        };
 
−
 
−
        return { init : init };
 
−
 
−
    })();
 
  
−
    Page.init();
 
−
});
 
−
</script>
 
−
<!-- /SL Slider -->
 
−
</body>
 
 
</html>
 
</html>

Revision as of 21:41, 19 July 2017

Welcome to UCSC's iGEM Wiki!

Our team is made of 15 motivated interdisciplinary undergraduate students including Biomolecular Engineers, Molecular, Cellular and Developmental Biologists, Biochemists, and Chemical Engineers. We hope to alleviate a range of burdens associated with global malnutrition and contribute to Millennium Development Goals 2 and 3.

Spirulina
Project Description

UCSC's 2017 iGEM team recognized how global malnutrition amplifies problems for many low income regions; causing economic burden as well as diseases like blindness, disabilities, and anemia. In hopes to address these crippling medical issues, we are creating a decentralized, self-sustaining biological source of nutrition that could be grown cheaply anywhere in the world. Spirulina is a fast growing, nutrient dense cyanobacteria which is already utilized for nutritional supplementation all over the world. The goal for our team is to optimize Spirulina to make it more accessible and fill the nutritional gaps to make it an effective and complete vitamin. This reflects our ultimate goal: To deliver nutrition to underdeveloped regions.

Get Involved!

You can help us accomplish our goals! We appreciate any contribution whether ideas, connections, or financial. We are 100% donation funded, donate here!We are always looking for creativity and collaborations; if you have an idea to share or a connection with an interested party, please contact us at ucscigem2017@gmail.com

What is iGEM?

Answered by the team in beautiful Santa Cruz

This website is still in progress.