|
|
Line 1: |
Line 1: |
- | {{:Team:UiOslo_Norway/Include/Header}}
| + | HELLO_WORLD |
- | | + | |
- | <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 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>
| + | |
- | | + | |
- | <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}}
| + | |