Difference between revisions of "Team:IISER Berhampur"

Line 4: Line 4:
  
 
<html>
 
<html>
−
<head>
+
  <head>
−
        <title>Home-IISER Berhampur</title>
+
    <title>Home-IISER Berhampur</title>
−
<meta charset="utf-8">
+
    <meta charset="utf-8">
−
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
+
  </head>
−
</head>
+
  <body>
 +
  <!--ANIMATION-->
 +
    <div id="jiggle" style="z-index:1; background-size: cover; background-image:url(https://static.igem.org/mediawiki/2020/thumb/0/02/T--IISER_Berhampur--DenV.png/900px-T--IISER_Berhampur--DenV.png);height:0px;width:0px;position:absolute"></div>
 +
    <script>
 +
      var $w = $(document);
 +
      var $d = $('#jiggle');
 +
      var scale;
 +
      $w.scroll(function(){
 +
        scale = $w.width()/1524;
 +
        console.log($w.scrollTop());
 +
        $d.css('transform',spin())
 +
        if($w.scrollTop()>(845+106.75)*scale){
 +
          $d.css('width',scale*250)
 +
          $d.css('height',scale*250)
 +
          $d.css('left',wiggle()+($w.width()/(30))-200*scale)
 +
        }
 +
        else{
 +
          $d.css('height',0)
 +
          $d.css('width',0) 
 +
          $d.css('left',wiggle()+($w.width()/(30))-$w.scrollTop()/(scale*10))
 +
        }
 +
        if($w.scrollTop()>scale*(7692.7998046875+106.75)){
 +
          $d.css('width',0)
 +
        }
 +
        else{
 +
          $d.css('top',($w.scrollTop())+150*scale)
 +
        }
 +
      });
 +
      function wiggle(){
 +
        return $w.width()/2 +Math.sin(($w.scrollTop())/(scale*309.5))*$w.width()/(8)
 +
      }
 +
      function spin(){
 +
        return 'rotate('+ $w.scrollTop() +'deg)'
 +
      }
 +
    </script>
 +
  <!--ANIMATION ENDS-->
  
−
<body>
+
  <div class="container">
 +
    <div style="z-index:1;position: absolute; top: 3%; left: 50%; transform: translate(-50%, -50%);">
 +
      <video width="600" height="600" autoplay muted playsinline>
 +
        <source src="https://static.igem.org/mediawiki/2020/1/1e/T--IISER_Berhampur--Homedot.mp4" type="video/mp4">
 +
      </video>
 +
    </div>
 +
    <img src="https://static.igem.org/mediawiki/2020/2/2d/T--IISER_Berhampur--Homepage.png" alt="Project" class="responsive">
 +
    <div class="centered">
 +
      <Flash>F</Flash><Flash style="animation-delay:-0.25s;">R</Flash><Flash style="animation-delay:-0.5s;">a</Flash><Flash style="animation-delay:-0.75s;">P</Flash><Flash style="animation-delay:-1s;">P</Flash><Flash style="animation-delay:-1.25s;">e</Flash>
 +
      <p style="color:#245d6b;font-family: 'Quicksand';font-size: 2vw; text-shadow: 0px 0px 10px white;"><br>FRET based Ranker for Proteins and Peptides</p>
 +
    </div>
 +
    <div style="color:#111111; position: absolute; top: 20%;font-size: 1.5vw; right: 8vw; text-align: right;">
 +
      <p style="line-height: normal;text-align: right;"><-------The virus is here</p>
 +
    </div>
 +
    <div style="color:#111111; position: absolute; top: 30%;font-size: 1.5vw;left: 8vw;text-align: left;">
 +
      <p style="line-height: normal;text-align: left;">Write informative stuff and <br>put fancy charts and pictures and stuff<br>Now it's here------></p>
 +
    </div>
 +
    <div style="color:#111111; position: absolute; top: 43%;font-size: 1.5vw; right: 8vw; text-align: right;">
 +
      <p style="line-height: normal;text-align: right;"><------------- Here</p>
 +
    </div>
 +
    <div style="color:#111111; position: absolute; top: 55%;font-size: 1.5vw;left: 8vw;text-align: left;">
 +
      <p style="line-height: normal;text-align: left;">There -------------></p>
 +
    </div>
 +
    <div style="color:#111111; position: absolute; top: 67%;font-size: 1.5vw; right: 8vw; text-align: right;">
 +
      <p style="line-height: normal;text-align: right;"><------------- Left</p>
 +
    </div>
 +
    <div style="color:#111111; position: absolute; top: 79%;font-size: 1.5vw;left: 8vw;text-align: left;">
 +
      <p style="line-height: normal;text-align: left;">Right -------------></p>
 +
    </div>
 +
  </div>
  
−
<!--ANIMATION-->
 
−
<div id="jiggle" style="z-index:1; background-size: cover; background-image:url(https://static.igem.org/mediawiki/2020/thumb/0/02/T--IISER_Berhampur--DenV.png/900px-T--IISER_Berhampur--DenV.png);height:0px;width:0px;position:absolute"></div>
 
−
<script>
 
−
var $w = $(document);
 
−
var $d = $('#jiggle');
 
−
var scale;
 
−
$w.scroll(function(){
 
−
  scale = $w.width()/1524;
 
−
  console.log($w.scrollTop());
 
−
  $d.css('transform',spin())
 
−
  if($w.scrollTop()>(845+106.75)*scale){
 
−
    $d.css('width',scale*250)
 
−
    $d.css('height',scale*250)
 
−
    $d.css('left',wiggle()+($w.width()/(30))-200*scale)
 
−
  }
 
−
  else{
 
−
    $d.css('height',0)
 
−
    $d.css('width',0) 
 
−
    $d.css('left',wiggle()+($w.width()/(30))-$w.scrollTop()/(scale*10))
 
−
  }
 
−
  if($w.scrollTop()>scale*(7692.7998046875+106.75)){
 
−
    $d.css('width',0)
 
−
  }
 
−
  else{
 
−
    $d.css('top',($w.scrollTop())+150*scale)
 
−
  }
 
  
−
});
 
−
function wiggle(){
 
−
  return $w.width()/2 +Math.sin(($w.scrollTop())/(scale*309.5))*$w.width()/(8)
 
−
}
 
−
function spin(){
 
−
  return 'rotate('+ $w.scrollTop() +'deg)'
 
−
}
 
−
</script>
 
−
<!--ANIMATION ENDS-->
 
−
 
−
 
−
<div class="container">
 
−
 
−
<img src="https://static.igem.org/mediawiki/2020/2/2d/T--IISER_Berhampur--Homepage.png" alt="Project" class="responsive">
 
−
<div class="centered">
 
−
<Flash>F</Flash><Flash style="animation-delay:-0.25s;">R</Flash><Flash style="animation-delay:-0.5s;">a</Flash><Flash style="animation-delay:-0.75s;">P</Flash><Flash style="animation-delay:-1s;">P</Flash><Flash style="animation-delay:-1.25s;">e</Flash>
 
−
<p style="color:#245d6b;font-family: 'Quicksand';font-size: 2vw; text-shadow: 0px 0px 10px white;"><br>FRET based Ranker for Proteins and Peptides</p>
 
−
</div>
 
−
 
−
<div style="color:#111111; position: absolute; top: 20%;font-size: 1.5vw; right: 8vw; text-align: right;">
 
−
<p style="line-height: normal;text-align: right;"><-------The virus is here</p>
 
−
</div>
 
−
 
−
<div style="color:#111111; position: absolute; top: 30%;font-size: 1.5vw;left: 8vw;text-align: left;">
 
−
<p style="line-height: normal;text-align: left;">Write informative stuff and <br>put fancy charts and pictures and stuff<br>Now it's here------></p>
 
−
</div>
 
−
 
−
<div style="color:#111111; position: absolute; top: 43%;font-size: 1.5vw; right: 8vw; text-align: right;">
 
−
<p style="line-height: normal;text-align: right;"><------------- Here</p>
 
−
</div>
 
−
 
−
<div style="color:#111111; position: absolute; top: 55%;font-size: 1.5vw;left: 8vw;text-align: left;">
 
−
<p style="line-height: normal;text-align: left;">There -------------></p>
 
−
</div>
 
−
 
−
<div style="color:#111111; position: absolute; top: 67%;font-size: 1.5vw; right: 8vw; text-align: right;">
 
−
<p style="line-height: normal;text-align: right;"><------------- Left</p>
 
−
</div>
 
−
 
−
<div style="color:#111111; position: absolute; top: 79%;font-size: 1.5vw;left: 8vw;text-align: left;">
 
−
<p style="line-height: normal;text-align: left;">Right -------------></p>
 
−
</div>
 
−
 
−
</div>
 
  
  

Revision as of 08:35, 11 October 2020

IISER-BPR IGEM


Home-IISER Berhampur

Project
FRaPPe


FRET based Ranker for Proteins and Peptides

<-------The virus is here

Write informative stuff and
put fancy charts and pictures and stuff
Now it's here------>

<------------- Here

There ------------->

<------------- Left

Right ------------->

Footer

IISERBerhampur



© 2020 Frappe IISER Berhampur

IISER Transit Campus,
Engineering School Junction,
Berhampur, Odisha (760010), India
+91 xxxxxxxxxx

About Us We are a curious blend basic science undergraduate students hailing from diverse disciplines from Indian Institute of Science Education and Research (IISER), Berhampur. This year marks our maiden venture in iGEM. Stepping into the arena of Synthetic biology has been no less exhilarating for us than when a child discovers their hidden passion. With the hope that our efforts bear fruit, this venture can be testament to the potential we can nurture for years to come..