Team:Heidelberg/Meetings

{{:Team:Heidelberg/Templates/Navigation}}
<html>
<style type="text/css">
   .navigation {
      margin-bottom:5%;
}
   p  {
      font-size:14px;
}
</style>
  <div class="container">
            <!--Project Description-->
            <div style="margin-top:40px">
                        <h1><span class="text-muted" style="font-family:Arial, sans-serif; font-size:100%; color:#333333;">Meetings.</span></h1>
                        <p>We met regularly together with all our advisors and instructors to discuss the project strategy, to distribute tasks and to initialize additional social events.</p>
            </div>
            <div class="row">
            <div class="col-sm-12">
            <!--Months-->
                <ul class="pagination" style="margin-bottom:2%; margin-left:4%;">

                    <!--<button type="button" class="btn btn-default">May</button>
                    <button type="button" class="btn btn-default">June</button>
                    <button type="button" class="btn btn-default">July</button>
                    <button type="button" class="btn btn-default">August</button>
                    <button type="button" class="btn btn-default">September</button>
                    <button type="button" class="btn btn-default">October</button>-->

                  <li><a href="#" id="backwards">&laquo;</a></li>
                  <!--<li class="active month_tab" id="november"><a href="#" style="width:90px; text-align:center">November</a></li>
                  <li class="month_tab" id="january"><a href="#" style="width:90px; text-align:center">January</a></li>
                  <li class="month_tab" id="february"><a href="#" style="width:90px; text-align:center">February</a></li>
                  <li class="month_tab" id="march"><a href="#" style="width:90px; text-align:center">March</a></li>-->
                  <li class="month_tab" id="april"><a href="#" style="width:90px; text-align:center">April</a></li>
                  <li class="month_tab" id="may"><a href="#" style="width:90px; text-align:center">May</a></li>
                  <li class="month_tab" id="june"><a href="#" style="width:90px; text-align:center">June</a></li>
                  <li class="month_tab" id="july"><a href="#" style="width:90px; text-align:center" >July</a></li>
                  <li class="month_tab" id="august"><a href="#" style="width:90px; text-align:center">August</a></li>
                  <li class="month_tab" id="september"><a href="#" style="width:90px; text-align:center">September</a></li>
                  <!--<li class="month_tab" id="october"><a href="#" style="width:90px; text-align:center">October</a></li>-->
                  <li><a href="#" id="forwards">&raquo;</a></li>
                </ul>
            
            <!--Start Monthly Meetingsjournal-->

                    <!--November
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#anov" data-toggle="tab">Get to know - 25-11-13</a></li>
                    </ul>
                </div>
                    <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 
                        <div class="tab-content">
                            <div class="tab-pane active" id="anov">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-25-11-13}}<html>
                                </p>
                            </div>
                          
                        </div>
                    </div>
                </div>
            </div>-->

                    <!--January
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#ajan" data-toggle="tab">2013-01-12</a></li>
                      <li><a href="#bjan" data-toggle="tab">26-01-13</a></li>
                      
                    </ul>
                </div>
                    <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 
                        <div class="tab-content">
                            <div class="tab-pane active" id="ajan">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-12-01-13}}<html>
                                </p>
                            </div>

                            <div class="tab-pane" id="bjan">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-26-01-13}}<html>
                                </p>
                            </div>
                          
                        </div>
                    </div>
                </div>
            </div>-->

                    <!--February
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#afeb" data-toggle="tab">16-02-13</a></li>
                      <li><a href="#bfeb" data-toggle="tab">26-02-13</a></li>
                    </ul>
                </div>
                    <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 
                        <div class="tab-content">
                            <div class="tab-pane active" id="afeb">
                                <p style="font-size:12pt; text-align:justify;">
                                </p>
                            </div>

                            <div class="tab-pane" id="bfeb">
                                <p style="font-size:12pt; text-align:justify;">
                                </p>
                            </div>
                          
                        </div>
                    </div>
                </div>
            </div>-->

                    <!--March
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#amar" data-toggle="tab">03-03-13</a></li>
                      <li><a href="#bmar" data-toggle="tab">11-03-13</a></li>
                      <li><a href="#cmar" data-toggle="tab">13-03-13</a></li>
                    </ul>
                </div>
                    <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 
                        <div class="tab-content">
                            <div class="tab-pane active" id="amar">
                                <p style="font-size:12pt; text-align:justify;">
                                </p>
                            </div>
                            <div class="tab-pane" id="bmar">
                                <p style="font-size:12pt; text-align:justify;">
                                </p>
                            </div>
                            <div class="tab-pane" id="cmar">
                                <p style="font-size:12pt; text-align:justify;">
                                </p>
                            </div>
                          
                        </div>
                    </div>
                </div>
            </div>-->

                    <!--April-->
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#aapr" data-toggle="tab">2013-04-08</a></li>
                      <li><a href="#bapr" data-toggle="tab">2013-04-15</a></li>
                      <li><a href="#capr" data-toggle="tab">2013-04-17</a></li>
                      <li><a href="#dapr" data-toggle="tab">2013-04-26</a></li>
                      <li><a href="#eapr" data-toggle="tab">2013-04-29</a></li>
                     
                    </ul>
                </div>
                    <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 
                        <div class="tab-content">
                            <div class="tab-pane active" id="aapr">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-18-04-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="bapr">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-15-04-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="capr">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-17-04-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="dapr">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-26-04-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="eapr">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-29-04-13}}<html>
                                </p>
                            </div>
                          
                        </div>
                    </div>
                </div>
            </div>

                    <!--May-->
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#a12" data-toggle="tab">2013-05-04</a></li>
                      <li><a href="#b12" data-toggle="tab">2013-05-09</a></li>
                      <li><a href="#c12" data-toggle="tab">2013-05-13</a></li>
                      <li><a href="#d12" data-toggle="tab">2013-05-15</a></li>
                      <li><a href="#e12" data-toggle="tab">2013-05-22</a></li>
                      <li><a href="#f12" data-toggle="tab">2013-05-27</a></li>
                      
                      
                    </ul>
                </div>
                    <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 
                        <div class="tab-content">
                            <div class="tab-pane active" id="a12">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-04-05-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="b12">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-09-05-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="c12">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-13-05-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="d12">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-15-05-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="e12">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-22-05-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="f12">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-27-05-13}}<html>
                                </p>
                            </div>
                          
                        </div>
                    </div>
                </div>
            </div>

                 <!--June-->
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#a13" data-toggle="tab">2013-06-03</a></li>
                      <li><a href="#b13" data-toggle="tab">2013-06-06</a></li>
                      <li><a href="#d13" data-toggle="tab">2013-06-17</a></li>
                      <li><a href="#e13" data-toggle="tab">2013-06-19</a></li>
                      <li><a href="#f13" data-toggle="tab">2013-06-25</a></li>
                      <li><a href="#g13" data-toggle="tab">2013-06-30</a></li>
                      
                    </ul>
                </div>
                <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">

                         <div class="tab-content">
                            <div class="tab-pane active" id="a13">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-03-06-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="b13">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-06-06-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="d13">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-17-06-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="e13">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-19-06-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="f13">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-25-06-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="g13">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-30-06-13}}<html>
                                </p>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>

             <!--July-->
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#a14" data-toggle="tab">2013-07-02</a></li>
                      <li><a href="#b14" data-toggle="tab">2013-07-12</a></li>
                      <li><a href="#c14" data-toggle="tab">2013-07-18</a></li>
                      <li><a href="#d14" data-toggle="tab">2013-07-19</a></li>
                      <li><a href="#e14" data-toggle="tab">2013-07-24</a></li>
                      <li><a href="#f14" data-toggle="tab">2013-07-29</a></li>
                      <li><a href="#g14" data-toggle="tab">2013-07-30</a></li>
                    </ul>
                </div>
                <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">

                         <div class="tab-content">

                            <div class="tab-pane active" id="a14">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-02-07-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="b14">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-12-07-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="c14">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-18-07-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="d14">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-19-07-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="e14">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-24-07-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="f14">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-29-07-13}}<html>
                                </p>
                            </div>
                            <div class="tab-pane" id="g14">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-30-07-13}}<html>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

             <!--August-->
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#a15" data-toggle="tab">2013-08-06</a></li>
                     <li><a href="#b15" data-toggle="tab">2013-08-07</a></li>
                     <li><a href="#c15" data-toggle="tab">2013-08-14</a></li>
                     <li><a href="#d15" data-toggle="tab">2013-08-28</a></li>
                     
                    </ul>
                </div>
                <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">
                       
                       <div class="tab-content">
                            <div class="tab-pane active" id="a15">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-06-08-13}}<html>
                                </p>
                            </div>
                             <div class="tab-pane" id="b15">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-07-08-13}}<html>
                                </p>
                            </div>
                             <div class="tab-pane" id="c15">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-14-08-13}}<html>
                                </p>
                            </div>
                             <div class="tab-pane" id="d15">
                                <p style="font-size:12pt; text-align:justify;">
                                 </html>{{:Team:Heidelberg/Templates/M-28-08-13}}<html>
                                </p>
                            </div>
                       </div>
                   </div>
               </div>
            </div>

             <!--September-->
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#a16" data-toggle="tab">Overview</a></li>
                      <li><a href="#b16" data-toggle="tab">Date1</a></li>
                     
                    </ul>
                </div>
                <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">
                       
                       <div class="tab-content">
                            <div class="tab-pane active" id="a16">
                                <p style="font-size:12pt; text-align:justify;">
                              
                                </p>
                            </div>
                            <div class="tab-pane" id="b16">
                                <p style="font-size:12pt; text-align:justify;">
                                </p>
                            </div>


                       </div>
                   </div>
               </div>
            </div>

            <!--October-->
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#a17" data-toggle="tab">Overview</a></li>
                      <li><a href="#b17" data-toggle="tab">Date1</a></li>
                     
                    </ul>
                </div>
                <div class="jumbotron weekly">
                    <div class="scrollContent nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0">
                       
                       <div class="tab-content">
                            <div class="tab-pane active" id="a17">
                                <p style="font-size:12pt; text-align:justify;">
                              
                                </p>
                            </div>
                            <div class="tab-pane" id="b17">
                                <p style="font-size:12pt; text-align:justify;">
                                </p>
                            </div>


                       </div>
                   </div>
               </div>
            </div>
          

        </div>
    </div>
</div>

<script>
 
$( document ).ready(function() {
    //script for hiding/showing only 3 months
                    $($('.month_tab').slice(5)).hide();
                    $('#forwards').click(function(e) {
                        var visible = $('.month_tab:visible');
                        var next = $(visible[visible.length - 1]).next('.month_tab');
                        if (next.length > 0) {
                            $(visible[0]).hide();
                            next.show();
                        }
                        e.preventDefault();
                    });
                    $('#backwards').click(function(e) {
                        var visible = $('.month_tab:visible');
                        var prev = $(visible[0]).prev('.month_tab');
                        if (prev.length > 0) {
                            $(visible[visible.length - 1]).hide();
                            prev.show();
                        }
                        e.preventDefault();
                    });

            


                    //enable scrolling in navbarExample labeled divs
                    $('div').scrollspy({ target: '#navbarExample' });

                    //Month-week dependecy
                    $('.month_tab').click(function(e) {
                        $('.item.active').removeClass('active');
                        $('.active.month_tab').removeClass('active');
                        var target = $(e.delegateTarget);
                        var id = target.attr("id");
                        $('.' + id + ":first").addClass('active');
                        target.addClass('active');
                        e.preventDefault();
                    });

                    //Fragment-tab activation
                    $('#myTab a').click(function (e) {
                        e.preventDefault()
                        $('#myTab a[href="#a10"]').tab('show')
                        $('#myTab a[href="#a11"]').tab('show')
                        $('#myTab a[href="#a12"]').tab('show')
                        $('#myTab a[href="#a13"]').tab('show')
                    });

//make labjournal fit on month-tab click
$('#november').click(function(e) {
   e.preventDefault();
   $('.labjournal-weekly:visible').hide();
   $($('.labjournal-weekly')[0]).show();
   scrollbar.triggerScrollbarUpdate_nav_tabs();
});
$('#january').click(function(e) {
   e.preventDefault();
   $('.labjournal-weekly:visible').hide();
   $($('.labjournal-weekly')[1]).show();
   scrollbar.triggerScrollbarUpdate_nav_tabs();
});
$('#february').click(function(e) {
   e.preventDefault();
   $('.labjournal-weekly:visible').hide();
   $($('.labjournal-weekly')[2]).show();
   scrollbar.triggerScrollbarUpdate_nav_tabs();
});
$('#march').click(function(e) {
   e.preventDefault();
   $('.labjournal-weekly:visible').hide();
   $($('.labjournal-weekly')[3]).show();
   scrollbar.triggerScrollbarUpdate_nav_tabs();
});
$('#april').click(function(e) {
   e.preventDefault();
   $('.labjournal-weekly:visible').hide();
   $($('.labjournal-weekly')[0]).show();
   scrollbar.triggerScrollbarUpdate_nav_tabs();
});
$('#may').click(function(e) {
   e.preventDefault();
   $('.labjournal-weekly:visible').hide();
   $($('.labjournal-weekly')[1]).show();
   scrollbar.triggerScrollbarUpdate_nav_tabs();
});
$('#june').click(function(e) {
   e.preventDefault();
   $('.labjournal-weekly:visible').hide();
   $($('.labjournal-weekly')[2]).show();
   scrollbar.triggerScrollbarUpdate_nav_tabs();
});
$('#july').click(function(e) {
   e.preventDefault();
   $('.labjournal-weekly:visible').hide();
   $($('.labjournal-weekly')[3]).show();
   scrollbar.triggerScrollbarUpdate_nav_tabs();
});
$('#august').click(function(e) {
   e.preventDefault();
   $('.labjournal-weekly:visible').hide();
   $($('.labjournal-weekly')[4]).show();
   scrollbar.triggerScrollbarUpdate_nav_tabs();
});
$('#september').click(function(e) {
   e.preventDefault();
   $('.labjournal-weekly:visible').hide();
   $($('.labjournal-weekly')[5]).show();
   scrollbar.triggerScrollbarUpdate_nav_tabs();
});

});

</script>
</html>
{{:Team:Heidelberg/Templates/Footer-Nav}}