1.1 --- a/static/css/bootstrap.css	Fri Jan 17 16:51:06 2014 +0100
     1.2 +++ b/static/css/bootstrap.css	Fri Jan 17 16:54:20 2014 +0100
     1.3 @@ -6006,21 +6006,18 @@
     1.4    margin-bottom: 0px;
     1.5    border-bottom: 3px solid #f0f0f0;
     1.6  }
     1.7 -/* Content
     1.8 +/* Module
     1.9  ------------------------------------ */
    1.10 -.course {
    1.11 -  background: #f8f8f8;
    1.12 -  padding: 15px 0;
    1.13 -}
    1.14 -.course h1 {
    1.15 -  color: #125883;
    1.16 -}
    1.17 -.course p {
    1.18 -  color: #fdc91a;
    1.19 -}
    1.20 -.themen {
    1.21 -  background: #999999;
    1.22 -  padding: 15px 0;
    1.23 +.module-gallery {
    1.24 +  background: url('../images/python_blender.jpg') no-repeat 0px -200px;
    1.25 +  background-size: 2000px 884px;
    1.26 +}
    1.27 +.module-gallery .module-content {
    1.28 +  height: 440px;
    1.29 +  position: relative;
    1.30 +}
    1.31 +.col-yellow {
    1.32 +  background: rgba(253, 201, 26, 0.6);
    1.33  }
    1.34  /* Footer
    1.35  ------------------------------------ */#footer {

     2.1 --- a/static/less/pymove3d.less	Fri Jan 17 16:51:06 2014 +0100
     2.2 +++ b/static/less/pymove3d.less	Fri Jan 17 16:54:20 2014 +0100
     2.3 @@ -59,18 +59,17 @@
     2.4  margin-bottom: 0px;
     2.5  border-bottom:3px solid #f0f0f0;
     2.6  }
     2.7 -/* Content
     2.8 +/* Module
     2.9  ------------------------------------ */
    2.10 -.course {
    2.11 -  background:#f8f8f8;
    2.12 -  padding:15px 0;
    2.13 +.module-gallery {
    2.14 +    background: url('../images/python_blender.jpg') no-repeat 0px -200px;
    2.15 +    background-size: 2000px 884px;
    2.16  }
    2.17 -.course h1 {color:@blue;}
    2.18 -.course p {color:@yellow;}
    2.19 -.themen {
    2.20 -  background:@gray-light;
    2.21 -  padding:15px 0;
    2.22 +.module-gallery .module-content {
    2.23 +    height: 440px;
    2.24 +    position: relative;
    2.25  }
    2.26 +.col-yellow {background:@yellow-light;}
    2.27  /* Footer
    2.28  ------------------------------------ */ 
    2.29  #footer {

     3.1 --- a/templates/footer.html	Fri Jan 17 16:51:06 2014 +0100
     3.2 +++ b/templates/footer.html	Fri Jan 17 16:54:20 2014 +0100
     3.3 @@ -1,6 +1,45 @@
     3.4  <div id="footer">
     3.5 -  <div class="container">
     3.6 +  <div class="">
     3.7      <img src="/static/images/python-logo.png" alt="python-logo" />
     3.8 -    <h3>Places for Sponsors</h3>
     3.9 -  </div>
    3.10 +    <h3>Sponsors</h3>
    3.11 +    <div class="">
    3.12 +
    3.13 +            <div id="myCarousel" class="carousel slide">
    3.14 +                
    3.15 +                <!-- Carousel items -->
    3.16 +                <div class="carousel-inner">
    3.17 +                    <div class="item active">
    3.18 +                        <div class="row">
    3.19 +                            <div class="col-sm-3"><a href="#x"><img src="/static/images/sponsors/linux_systemhaus_schulz.png" alt="" title="" class="img-responsive" /></a>
    3.20 +                            </div>
    3.21 +                            <div class="col-sm-3"><a href="#x"><img src="/static/images/sponsors/blender.png" alt="Image" class="img-responsive"></a>
    3.22 +                            </div>
    3.23 +                            <div class="col-sm-3"><a href="#x"><img src="/static/images/sponsors/pysv.png" alt="Image" class="img-responsive"></a>
    3.24 +                            </div>
    3.25 +                            <div class="col-sm-3"><a href="#x"><img src="/static/images/sponsors/sponsor-galileo_press-anim.gif" alt="Image" class="img-responsive"></a>
    3.26 +                            </div>
    3.27 +                        </div>
    3.28 +                        <!--/row-->
    3.29 +                    </div>
    3.30 +                    <!--/item-->
    3.31 +                    <div class="item">
    3.32 +                        <div class="row">
    3.33 +                            <div class="col-sm-3"><a href="#x" class="thumbnail"><img src="/static/images/sponsors/sponsor-medialinx_ag.png" alt="Image" class="img-responsive"></a>
    3.34 +                            </div>
    3.35 +                            <div class="col-sm-3"><a href="#x" class="thumbnail"><img src="/static/images/sponsors/sponsor-oreilly.png" alt="Image" class="img-responsive"></a>
    3.36 +                            </div>
    3.37 +                            <div class="col-sm-3"><a href="#x" class="thumbnail"><img src="/static/images/sponsors/sudile.jpg" alt="Image" class="img-responsive"></a>
    3.38 +                            </div>
    3.39 +                            <div class="col-sm-3"><a href="#x" class="thumbnail"><img src="/static/images/sponsors/trabucchi.png" alt="Image" class="img-responsive"></a>
    3.40 +                            </div>
    3.41 +                        </div>
    3.42 +                        <!--/row-->
    3.43 +                    </div>
    3.44 +                    <!--/item-->
    3.45 +                </div>
    3.46 +                <!--/carousel-inner--> 
    3.47 +                <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
    3.48 +				<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
    3.49 +            </div>
    3.50 +            <!--/myCarousel-->
    3.51  </div>
    3.52 \ No newline at end of file

     4.1 --- a/templates/index.html	Fri Jan 17 16:51:06 2014 +0100
     4.2 +++ b/templates/index.html	Fri Jan 17 16:54:20 2014 +0100
     4.3 @@ -4,20 +4,75 @@
     4.4   {% include "jumbotron-default.html" %}
     4.5  {% endblock %}
     4.6  {% block body %}
     4.7 - <div class="themen">
     4.8 -           <div class="container">
     4.9 -             <div class="col-sm-12">
    4.10 -              <h1>Stimmen</h1>
    4.11 -              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    4.12 -              tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    4.13 -              quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    4.14 -              consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    4.15 -              cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    4.16 -              proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    4.17 -            </div>
    4.18 -            </div>
    4.19 -        
    4.20 -        </div>
    4.21 +<div class="module module-gallery">
    4.22 +	<!--img src="static/images/python_blender.jpg" /-->
    4.23 +	<div class="container">
    4.24 +		<div class="col-md-6 col-yellow">
    4.25 +			<div class="module-content">
    4.26 +						<h1 class="header" style="color:white;padding-top: 45px;margin-bottom:30px;">Der Python Wettbewerb für Mädchen & Jungen ab 13 Jahren</h1>
    4.27 +			<h4 class="" style="color:white;">3D Objekte mit Python steuern 6 bewegen</h4>
    4.28 +				<button type="button" class="btn btn-default">Wettbewerbinformationen</button>
    4.29 +			</div>
    4.30 +		</div>
    4.31 +	</div>
    4.32 +
    4.33 +</div>
    4.34 +
    4.35 +<div class="module module-course">
    4.36 +	<div class="container">
    4.37 +		<div class="col-md-8 col-md-offset-2">
    4.38 +			<div class="module-cite text-center">
    4.39 +			<h1>Blender und Python sind einfach genial, endlich fun, funf, fun beim programmieren</h1>
    4.40 +			<p class="pull-right">__Florian, Berlin</p>
    4.41 +			</div>
    4.42 +		</div>
    4.43 +		<div class="col-sm-6">
    4.44 +			<div class="">
    4.45 +				<div class="module-heading">
    4.46 +					<h3 class="module-title">Einsendeschluss</h3>
    4.47 +				</div>
    4.48 +				<div class="module-body">
    4.49 +					<ul>
    4.50 +						<li>1. Mai 2014</li>
    4.51 +							<li>Anmelden</li>
    4.52 +					</ul>
    4.53 +				</div>
    4.54 +			</div>
    4.55 +
    4.56 +			<div class="">
    4.57 +				<div class="module-heading">
    4.58 +					<h3 class="module-title">Folgen Sie uns auch auf</h3>
    4.59 +				</div>
    4.60 +				<div class="module-body">
    4.61 +					<ul>
    4.62 +						<li><a href="">Twitter</li>
    4.63 +						<li><a href="">Facebook</li>
    4.64 +						<li><a href="">Google+</li>
    4.65 +						<li><a href="">YouTube</li>
    4.66 +					</ul>
    4.67 +				</div>
    4.68 +			</div>
    4.69 +
    4.70 +		</div>
    4.71 +
    4.72 +		<div class="col-sm-6">
    4.73 +			<div class="">
    4.74 +				<div class="module-heading">
    4.75 +					<h3 class="module-title">Python bewegt die Welt</h3>
    4.76 +				</div>
    4.77 +				<div class="module-body">
    4.78 +					<ul>
    4.79 +						<li>Python ist eine moderne Programmiersprache, die sich für fast jedes Anwendungsgebiet in
    4.80 +							der Softwareentwicklung eignet. </li>
    4.81 +							<li>Python ist dynamisch und objektorientiert und von Anfang an auf den einfachen Einstieg hin
    4.82 +								entwickelt worden.</li>
    4.83 +								<li>Python wird weltweit in vielen der bekanntesten Software Projekte eingesetzt.</li>
    4.84 +					</ul>
    4.85 +				</div>
    4.86 +			</div>
    4.87 +		</div>
    4.88 +	</div>
    4.89 +</div><!-- course -->
    4.90  
    4.91  {% endblock %}
    4.92  

     5.1 --- a/templates/theme.html	Fri Jan 17 16:51:06 2014 +0100
     5.2 +++ b/templates/theme.html	Fri Jan 17 16:54:20 2014 +0100
     5.3 @@ -63,7 +63,7 @@
     5.4        </div>
     5.5      </header>
     5.6      <div id="main">
     5.7 -      
     5.8 +
     5.9        {% block body %}{% endblock %}
    5.10      </div><!-- /main -->
    5.11    </div> <!-- /wrap -->
    5.12 @@ -73,7 +73,19 @@
    5.13      <!-- Placed at the end of the document so the pages load faster -->
    5.14      <script src="/static/js/jquery-1.10.2.min.js"></script>
    5.15      <script src="static/js/bootstrap.js"></script>
    5.16 +     <script type="text/javascript">
    5.17 +      $(document).ready(function() {
    5.18 +  $('#myCarousel').carousel({
    5.19 +  interval: 5000
    5.20 +  })
    5.21      
    5.22 +    $('#myCarousel').on('slid.bs.carousel', function() {
    5.23 +      //alert("slid");
    5.24 +  });
    5.25 +    
    5.26 +    
    5.27 +});
    5.28 +    </script>
    5.29  
    5.30    </body>
    5.31    </html>