Difference between revisions of "Team:RUM-UPRM/Contribution"

Line 1: Line 1:
−
{{IGEM_TopBar}}
 
 
{{RUM-UPRM}}
 
{{RUM-UPRM}}
−
<html>
+
{{RUM-UPRM/Nav}}
  
 +
<html lang="en">
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
 +
  
 +
<style>
 +
  body {
 +
    position: relative;
 +
     
  
 +
  }
 +
  ul.nav-pills {
 +
    top: 70px;
  
−
<div class="clear"></div>
+
position: sticky;
 +
top: 70px;
 +
    margin-left: 4em;
 +
    margin-top: 4em;
 +
    /*border-radius: 0px 15px 15px 0px;*/
 +
    max-width: 12vw;
 +
    overflow-wrap: break-word;
 +
    line-height: 1;
 +
    overflow: hidden;
 +
}
  
 +
ul.nav {
 +
position: sticky;
  
 +
  }
 +
  div.col-9 div {
 +
    height: 500px;
 +
width: 50px;
 +
    display: block;
 +
    text-decoration: none;
 +
    color: var(--dark);
 +
    font-size: 1em;
 +
    padding-left: 0.6em;
 +
    padding-top: 0.5em;
 +
    padding-bottom: 0.3em;
 +
    padding-right: 0.5em;
 +
    font-weight: 400;
 +
    position: relative;
 +
    z-index: 1;
 +
    overflow: hidden;
 +
    transition: all 0.5s
 +
  }
 +
.sticky {
 +
    position: relative;
 +
    top: 0;
 +
    width: 100%;
 +
}
 +
.myScrollspy {
 +
position: sticky;
 +
top: 70px;.scroll-spy
 +
    margin-left: 4em;
 +
    margin-top: 4em;
 +
    /*border-radius: 0px 15px 15px 0px;*/
 +
    max-width: 12vw;
 +
    overflow-wrap: break-word;
 +
    line-height: 1;
 +
    overflow: hidden;
  
−
<div class="column full_size">
+
}
  
−
<h1>Contribution </h1>
+
.spy-list>a.selected {
−
<H3>
+
    border-left: 3px solid var(--accent2);
−
Bronze Medal Criterion #4
+
    transition: all 0.2s;
−
</H3>
+
    font-weight: 700;
−
<p>Make a useful contribution for future iGEM teams. Use this page to document that contribution.
+
}
−
<br><br>
+
  
−
Please see the <a href="https://2020.igem.org/Judging/Medals">2020 Medals Page</a> for more information.
 
  
−
<p>If you are making a contribution by adding information to an existing Part or creating a new Part, you must document your contribution on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a> for your team to be eligible for this criteria. You can use this page to link to that part and include additional information about your contribution.</p>
+
  </style>
−
</P>
+
</head>
−
</DIV>
+
<body data-spy="scroll" data-target="#myScrollspy" data-offset="1">
 +
 
 +
<div class="container-fluid" style= "background-color:#3BB9FF; height:100px; top: 200px">
 +
  <center><h1>TITLE</h1></center>
 +
</div>
 +
 
 +
 
 +
<div class="container-fluidtwo">
 +
  <div class="row">
 +
    <nav class="col-sm-2 col-3" id="myScrollspy">
 +
      <ul class="nav nav-pills">
 +
        <li class="nav-item">
 +
          <a class="nav-link active" href="#section1">Tema 1</a>
 +
        </li>
 +
        <li class="nav-item">
 +
          <a class="nav-link" href="#section2">Tema 2</a>
 +
        </li>
 +
        <li class="nav-item">
 +
          <a class="nav-link" href="#section3">Tema 3</a>
 +
        </li>
 +
      </ul>
 +
    </nav>
 +
 
 +
 
 +
    <div class="col-sm-9 col-8; scroll"> <div align="justify">
 +
      <div id="section1">   
 +
        <center><h1>Title</h1></center>
 +
 
 +
        <p style="margin-left:7%; margin-right:7%"> Text Here </p>
 +
</div>
 +
 
 +
      <div id="section2">
 +
  <center><h1>Tema 2</h1> </center>
 +
<p style=" margin-left:7%; margin-right:7%"> Text Here</p>  
 +
 
 +
</div>
 +
       
 +
      <div id="section3">       
 +
        <center> <h1>Tema 3</h1> </center>
 +
<p style=" margin-left:7%; margin-right:7%">Text Here </p>
 +
</div>
 +
 
 +
</div>
 +
    </div>
 +
  </div>
 +
</div>
 +
</div>
 +
 
 +
<script>
 +
window.onscroll = function() {myFunction()};
 +
 
 +
var myScrollspy = document.getElementById("myScrollspy");
 +
var sticky = myScrollspy.offsetTop+70px;
 +
 
 +
function myFunction() {
 +
  if (window.pageYOffset >= sticky) {
 +
    myScrollspy.classList.add("sticky")
 +
  } else {
 +
    myScrollspy.classList.remove("sticky");
 +
  }
 +
}
 +
</script>
 
 +
</body>
 +
</html>
 +
 
 +
{{RUM-UPRM/Footer}}

Revision as of 15:07, 27 October 2020


RUM-UPRM Wiki Source Code

TITLE

Title

Text Here

Tema 2

Text Here

Tema 3

Text Here





Our Sponsors

Amgen Snapgene UPRM Goya Genscript PRABIA MolecularCloud MatLab IDT ReviveRestore Twist

Follows Us!