Difference between revisions of "Team:CCA SanDiego/HumanPractice"
Line 1: | Line 1: | ||
− | <html> | + | <html lang="en"> |
+ | |||
<head> | <head> | ||
− | <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> | + | <title>CCA San Diego iGEM 2015</title> |
− | <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css"> | + | <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> |
− | < | + | <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css"> |
− | <style> | + | <link rel="stylesheet" type="text/css" href="https://static.igem.org/mediawiki/2015/5/53/Cca_sandiego_grayscale.css.txt"> |
− | body{font-family:courier} | + | <style> |
− | </style> | + | #content{width:100%} |
− | < | + | #bodyContent{width:100%} |
+ | #introduction{background: url(https://static.igem.org/mediawiki/2015/8/83/Solanaranch.png) no-repeat bottom center scroll; | ||
+ | background-size:cover; | ||
+ | height:500px; | ||
+ | padding-top:40px | ||
+ | } | ||
+ | #outreach{height:800px; | ||
+ | background-color:#EF62FF; | ||
+ | padding-top:40px | ||
+ | } | ||
+ | |||
+ | nav{background:#EEE} | ||
+ | body{font-family:courier} | ||
+ | img{ | ||
+ | max-width:auto; | ||
+ | max-height:auto; | ||
+ | } | ||
+ | h1{color:white} | ||
+ | </style> | ||
+ | </head> | ||
+ | <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> | ||
+ | <nav class="navbar navbar-custom navbar-fixed-top" role="navigation"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <a class="navbar-brand page-scroll" href="#page-top">CCA San Diego iGEM</a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Project">Project</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Team">Team</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:CCA_SanDiego/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:CCA_SanDiego/HumanPractice">Human Practices</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
− | + | <div id="introduction" class="" style="text-align:center"> | |
− | + | <div class="container"> | |
− | + | <div class="row"> | |
− | + | <div class="twelve columns"> | |
− | + | <h1 class="brand-heading" style="font-color:rgb(255,255,255)">Human Practices</h1> | |
− | + | <a href="#outreach" class="button button-primary page-scroll"> | |
− | + | Outreach | |
− | + | </a> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div id =" | + | |
− | <div class=" | + | |
− | <div class=" | + | |
− | < | + | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div id="outreach"> | ||
+ | <div class="container"> | ||
+ | <div class="row" style="text-align:center"> | ||
+ | <div class="twelve columns"> | ||
+ | <h1 class="brand-heading" style="color:black">Outreach</h1> | ||
+ | <p>Twice every week, CCA iGEM students went to a nearby elementary school, Solana Ranch, to tutor students. The tutoring was available to all students at the school, so we worked with kids in grades ranging from kindergarten to the sixth grade. This posed a unique challenge for us, as we had to adapt with each individual student's grade and skill level. Through it all, we focused on the children's learning needs, helping them achieve their educational goals while also emphasizing the importance of STEM (Science, Technology, Engineering, and Mathematics) subjects. For us, it was incredible to think that we could have inspired a future scientist.</p> | ||
+ | <p>Though we put an emphasis on STEM subjects, we were there to promote the general importance of learning. We particularly stressed the importance of understanding the concepts that were being covered in the kids’ homework assignments, not just quickly finishing the assignment as fast as possible. This encouraged the kids to realize and appreciate the importance of putting effort into a project to understand it, rather than getting the correct answer while not knowing how they got to that result. This was a challenge sometimes; explaining the fundamentals of fractions to a child who had never heard of the word “denominator” before forced us to be particularly conscious as to how to present our tutoring advice. <p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> | ||
+ | |||
+ | <script> | ||
+ | // jQuery to collapse the navbar on scroll | ||
+ | $(window).scroll(function() { | ||
+ | if ($(".navbar").offset().top > 50) { | ||
+ | $(".navbar-fixed-top").addClass("top-nav-collapse"); | ||
+ | } else { | ||
+ | $(".navbar-fixed-top").removeClass("top-nav-collapse"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | // jQuery for page scrolling feature - requires jQuery Easing plugin | ||
+ | $(function() { | ||
+ | $('a.page-scroll').bind('click', function(event) { | ||
+ | var $anchor = $(this); | ||
+ | $('html, body').stop().animate({ | ||
+ | scrollTop: $($anchor.attr('href')).offset().top | ||
+ | }, 1500, 'easeInOutExpo'); | ||
+ | event.preventDefault(); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | // Closes the Responsive Menu on Menu Item Click | ||
+ | $('.navbar-collapse ul li a').click(function() { | ||
+ | $('.navbar-toggle:visible').click(); | ||
+ | }); | ||
+ | $('.firstHeading').remove() | ||
+ | </script> | ||
+ | |||
</body> | </body> | ||
+ | |||
</html> | </html> |
Revision as of 04:44, 18 September 2015
Human Practices
OutreachOutreach
Twice every week, CCA iGEM students went to a nearby elementary school, Solana Ranch, to tutor students. The tutoring was available to all students at the school, so we worked with kids in grades ranging from kindergarten to the sixth grade. This posed a unique challenge for us, as we had to adapt with each individual student's grade and skill level. Through it all, we focused on the children's learning needs, helping them achieve their educational goals while also emphasizing the importance of STEM (Science, Technology, Engineering, and Mathematics) subjects. For us, it was incredible to think that we could have inspired a future scientist.
Though we put an emphasis on STEM subjects, we were there to promote the general importance of learning. We particularly stressed the importance of understanding the concepts that were being covered in the kids’ homework assignments, not just quickly finishing the assignment as fast as possible. This encouraged the kids to realize and appreciate the importance of putting effort into a project to understand it, rather than getting the correct answer while not knowing how they got to that result. This was a challenge sometimes; explaining the fundamentals of fractions to a child who had never heard of the word “denominator” before forced us to be particularly conscious as to how to present our tutoring advice.