Wiki/api.php

From 2014.igem.org

(Difference between revisions)
(test (bruker Mediawiker))
(test (bruker Mediawiker))
Line 1: Line 1:
-
/* for album */
+
{{:Team:UiOslo_Norway/Include/Header}}
-
.albumStuff ul {        
+
-
    padding:0 0 0 0;
+
-
    margin:0 0 0 0;
+
-
}
+
-
.albumStuff li {  
+
-
    list-style:none;
+
-
    margin-bottom:25px;         
+
-
}
+
-
.albumStuff img {
+
-
    cursor: pointer;
+
-
}
+
-
.maxImage {
+
-
  max-width: 250px;
+
-
  max-height: 250px;
+
-
}
+
-
.imageSpacer {
+
-
  margin-right: 150px;
+
-
}
+
-
.controls{         
+
-
    width:50px;
+
-
    display:block;
+
-
    font-size:11px;
+
-
    padding-top:8px;
+
-
    font-weight:bold;         
+
-
}
+
-
.next {
+
-
    float:right;
+
-
    text-align:right;
+
-
}
+
-
/* end css for album */
+
-
/* Sticky footer styles
+
<div class="jumbotron text-center">
-
-------------------------------------------------- */
+
<h1>Notebook</h1>
-
html {
+
<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. TEST</p>
-
  position: relative;
+
</div>
-
  min-height: 100%;
+
-
}
+
-
body {
+
-
  /* Margin bottom by footer height */
+
-
  margin-bottom: 60px;
+
-
}
+
-
.footer {
+
-
  position: absolute;
+
-
  bottom: 0;
+
-
  width: 100%;
+
-
  /* Set the fixed height of the footer here */
+
-
  height: 60px;
+
-
  background-color: #f5f5f5;
+
-
}
+
-
/* Custom page CSS
+
<div class="row text-center">
-
-------------------------------------------------- */
+
<div class="col-sm-2">
-
/* Not required for template or sticky footer method. */
+
<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>
-
.container > .jumbotron {
+
<div class="weekDiv" id="w18div">
-
  padding: 10px 30px;
+
-
}
+
<div class="row">
-
.container .text-muted {
+
<h1>Week 18</h1>
-
  margin: 20px 0;
+
</div>
-
}
+
-
.footer > .container {
+
<div class="row">
-
  padding-right: 15px; test
+
-
  padding-left: 15px;
+
-
}
+
 +
<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>
-
/* Border between row items */
+
<div class="col-md-12 borderTopRow person-box">
-
.borderTopRow {
+
<h3>Friday</h3>
-
  margin: 25px 0 25px 0;
+
<p>Nothing much yo.</p>
-
  padding: 25px 0 25px 0;
+
</div>
-
}
+
-
/* boxes for the our_team page */
+
</div>
-
.person-box {
+
-
  background-color: #d5d5d5;
+
-
  border-radius: 20px;
+
-
  padding: 20px;
+
-
}
+
-
/* make the header display our logo a little nicer */
+
</div>
-
.navbar-nav li a {
+
-
  line-height: 40px;
+
-
}
+
-
/* styles for the notebook */
+
<div class="weekDiv" id="w19div">
-
.weekDiv {
+
-
  display:none;
+
<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>
 +
 
 +
<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 12:32, 12 August 2014

UiOslo IGEM 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. TEST


May

  • <a href="#" class="weekLink" id="w18-link">Week 18</a>
  • <a href="#" class="weekLink" id="w19-link">Week 19</a>
  • <a href="#" class="weekLink" id="w20-link">Week 20</a>
  • <a href="#" class="weekLink" id="w21-link">Week 21</a>
  • <a href="#" class="weekLink" id="w22-link">Week 22</a>

June

  • <a href="#" class="weekLink" id="w22-link">Week 22</a>
  • <a href="#" class="weekLink" id="w23-link">Week 23</a>
  • <a href="#" class="weekLink" id="w24-link">Week 24</a>
  • <a href="#" class="weekLink" id="w25-link">Week 25</a>
  • <a href="#" class="weekLink" id="w26-link">Week 26</a>

July

  • <a href="#" class="weekLink" id="w27-link">Week 27</a>
  • <a href="#" class="weekLink" id="w28-link">Week 28</a>
  • <a href="#" class="weekLink" id="w29-link">Week 29</a>
  • <a href="#" class="weekLink" id="w30-link">Week 30</a>
  • <a href="#" class="weekLink" id="w31-link">Week 31</a>

August

  • <a href="#" class="weekLink" id="w31-link">Week 31</a>
  • <a href="#" class="weekLink" id="w32-link">Week 32</a>
  • <a href="#" class="weekLink" id="w33-link">Week 33</a>
  • <a href="#" class="weekLink" id="w34-link">Week 34</a>
  • <a href="#" class="weekLink" id="w35-link">Week 35</a>

September

  • <a href="#" class="weekLink" id="w36-link">Week 36</a>
  • <a href="#" class="weekLink" id="w37-link">Week 37</a>
  • <a href="#" class="weekLink" id="w38-link">Week 38</a>
  • <a href="#" class="weekLink" id="w39-link">Week 39</a>
  • <a href="#" class="weekLink" id="w40-link">Week 40</a>

October

  • <a href="#" class="weekLink" id="w40-link">Week 40</a>
  • <a href="#" class="weekLink" id="w41-link">Week 41</a>
  • <a href="#" class="weekLink" id="w42-link">Week 42</a>
  • <a href="#" class="weekLink" id="w43-link">Week 43</a>
  • <a href="#" class="weekLink" id="w44-link">Week 44</a>

Week 18

Thursday

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor, eos.

  1. This
  2. 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.

  1. This
  2. 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>

Created using Bootstrap and jQuery.

Retrieved from "http://2014.igem.org/Wiki/api.php"