"
Team:UiOslo Norway/Notebook
From 2014.igem.org
(Difference between revisions)
Danmichaelo (Talk | contribs) |
StianLagstad (Talk | contribs) |
||
| Line 1: | Line 1: | ||
{{:Team:UiOslo_Norway/Include/Header}} | {{:Team:UiOslo_Norway/Include/Header}} | ||
| - | Welcome to our notebook. | + | <div class="container"> |
| + | <div class="jumbotron text-center"> | ||
| + | <h1>Notebook</h1> | ||
| + | <p>Welcome to our notebook! Here you can see what we've done each week in the lab, in media and everything else. Click below to navigate between weeks.</p> | ||
| + | </div> | ||
| + | </div> | ||
| - | + | <div class="container"> | |
| - | + | ||
| + | <div class="row text-center"> | ||
| + | <div class="col-sm-2"> | ||
| + | <div class="div"> | ||
| + | May | ||
| + | </div> | ||
| + | <div> | ||
| + | <ul class="nav nav-pills"> | ||
| + | <li><a href="#" class="weekLink" id="w18-link">Week 18</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w19-link">Week 19</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w20-link">Week 20</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w21-link">Week 21</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w22-link">Week 22</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-sm-2"> | ||
| + | <div> | ||
| + | June | ||
| + | </div> | ||
| + | <div> | ||
| + | <ul class="nav nav-pills"> | ||
| + | <li><a href="#" class="weekLink" id="w22-link">Week 22</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w23-link">Week 23</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w24-link">Week 24</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w25-link">Week 25</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w26-link">Week 26</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-sm-2"> | ||
| + | <div> | ||
| + | July | ||
| + | </div> | ||
| + | <div> | ||
| + | <ul class="nav nav-pills"> | ||
| + | <li><a href="#" class="weekLink" id="w27-link">Week 27</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w28-link">Week 28</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w29-link">Week 29</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w30-link">Week 30</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w31-link">Week 31</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-sm-2"> | ||
| + | <div> | ||
| + | August | ||
| + | </div> | ||
| + | <div> | ||
| + | <ul class="nav nav-pills"> | ||
| + | <li><a href="#" class="weekLink" id="w31-link">Week 31</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w32-link">Week 32</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w33-link">Week 33</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w34-link">Week 34</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w35-link">Week 35</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-sm-2"> | ||
| + | <div> | ||
| + | September | ||
| + | </div> | ||
| + | <div> | ||
| + | <ul class="nav nav-pills"> | ||
| + | <li><a href="#" class="weekLink" id="w36-link">Week 36</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w37-link">Week 37</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w38-link">Week 38</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w39-link">Week 39</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w40-link">Week 40</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-sm-2"> | ||
| + | <div> | ||
| + | October | ||
| + | </div> | ||
| + | <div> | ||
| + | <ul class="nav nav-pills"> | ||
| + | <li><a href="#" class="weekLink" id="w40-link">Week 40</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w41-link">Week 41</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w42-link">Week 42</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w43-link">Week 43</a></li> | ||
| + | <li><a href="#" class="weekLink" id="w44-link">Week 44</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="weekDiv" id="w18div"> | ||
| + | |||
| + | <div class="row"> | ||
| + | <h1>Week 18</h1> | ||
| + | </div> | ||
| + | |||
| + | <div class="row"> | ||
| + | |||
| + | <div class="col-md-12 borderTopRow person-box"> | ||
| + | <h3>Thursday</h3> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor, eos.</p> | ||
| + | <ol> | ||
| + | <li>This</li> | ||
| + | <li>And that</li> | ||
| + | </ol> | ||
| + | <p><em>This text is in italics because of the em tag.</em></p> | ||
| + | <p><strong>This text is bold because of the strong tag</strong></p> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-12 borderTopRow person-box"> | ||
| + | <h3>Friday</h3> | ||
| + | <p>Nothing much yo.</p> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <div class="weekDiv" id="w19div"> | ||
| + | |||
| + | <div class="row"> | ||
| + | <h1>Week 19</h1> | ||
| + | </div> | ||
| + | |||
| + | <div class="row"> | ||
| + | |||
| + | <div class="col-md-12 borderTopRow person-box"> | ||
| + | <h3>Thursday</h3> | ||
| + | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor, eos.</p> | ||
| + | <ol> | ||
| + | <li>This</li> | ||
| + | <li>And that</li> | ||
| + | </ol> | ||
| + | <p><em>This text is in italics because of the em tag.</em></p> | ||
| + | <p><strong>This text is bold because of the strong tag</strong></p> | ||
| + | </div> | ||
| + | |||
| + | <div class="col-md-12 borderTopRow person-box"> | ||
| + | <h3>Friday</h3> | ||
| + | <p>Nothing much yo.</p> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <script> | ||
| + | $(document).ready(function(){ | ||
| + | |||
| + | // set default visible week | ||
| + | $('#w18div').show(); | ||
| + | $('#w18-link').parent().attr('class','active'); | ||
| + | |||
| + | $('.weekLink').on('click', function() { | ||
| + | var id = $(this).attr('id').split("-"); | ||
| + | id = id[0]; | ||
| + | // hide all weeks | ||
| + | $('.weekDiv').hide(); | ||
| + | // remove class active from all li-elements | ||
| + | $('.weekLink').parent().removeClass('active'); | ||
| + | // show this specific week | ||
| + | $('#' + id + 'div').show(); | ||
| + | $('#' + id + '-link').parent().attr('class','active'); | ||
| + | }); | ||
| + | |||
| + | }) | ||
| + | </script> | ||
| + | |||
| + | {{:Team:UiOslo_Norway/Include/Footer}} | ||
Revision as of 11:39, 12 August 2014
Contents |
Notebook
Welcome to our notebook! Here you can see what we've done each week in the lab, in media and everything else. Click below to navigate between weeks.
May
June
July
August
September
October
Week 18
Thursday
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor, eos.
- This
- And that
This text is in italics because of the em tag.
This text is bold because of the strong tag
Friday
Nothing much yo.
Week 19
Thursday
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor, eos.
- This
- And that
This text is in italics because of the em tag.
This text is bold because of the strong tag
Friday
Nothing much yo.
<script> $(document).ready(function(){
// set default visible week $('#w18div').show(); $('#w18-link').parent().attr('class','active');
$('.weekLink').on('click', function() { var id = $(this).attr('id').split("-"); id = id[0]; // hide all weeks $('.weekDiv').hide(); // remove class active from all li-elements $('.weekLink').parent().removeClass('active'); // show this specific week $('#' + id + 'div').show(); $('#' + id + '-link').parent().attr('class','active'); });
}) </script>
