refonte avec Django
This commit is contained in:
parent
bcb37a8862
commit
bc6add0029
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
__pycache__/
|
||||
db.sqlite3
|
||||
media/
|
||||
987
evenements.php
987
evenements.php
@ -1,987 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Site de la musique de Meyenheim">
|
||||
<meta name="author" content="Paul TREHIOU">
|
||||
|
||||
<title>Musique fraternité - Évènements</title>
|
||||
|
||||
<?php include('include_head.html'); ?>
|
||||
|
||||
<link href="css/timeline.css" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
@media (min-width: 768px) {
|
||||
.navbar-default .nav > li > a,
|
||||
.navbar-default .nav > li > a:focus {
|
||||
color: #222222;
|
||||
}
|
||||
.navbar-default .nav > li > a:hover,
|
||||
.navbar-default .nav > li > a:focus:hover {
|
||||
color: #F05F40;
|
||||
}
|
||||
}
|
||||
|
||||
.timeline-body > a > img {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
|
||||
<?php include('navbar.html'); ?>
|
||||
|
||||
<section id="timeline">
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 id="timeline">Évènements à venir</h1>
|
||||
</div>
|
||||
<h2>2018</h2>
|
||||
<ul class="timeline">
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Loto 11 Novembre 2018 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Grand Loto</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>11 Novembre 2018</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>14h-22h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<a href="#pop_concert_11_11_18" data-toggle="modal">
|
||||
<img src="img/timeline/2018_11_nov_affiche_loto_recto.jpg" alt="Affiche loto" class="img-responsive">
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<!-- Popup -->
|
||||
<div id="pop_concert_11_11_18" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2018_11_nov_affiche_loto_recto.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Loto 12 Novembre 2018 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Super Loto</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>12 Novembre 2018</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>20h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<a href="#pop_concert_12_11_18" data-toggle="modal">
|
||||
<img src="img/timeline/2018_12_nov_affiche_loto_recto_1.jpg" alt="Affiche loto" class="img-responsive">
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<!-- Popup -->
|
||||
<div id="pop_concert_12_11_18" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2018_12_nov_affiche_loto_recto_1.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="timeline">
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 id="timeline">Évenements passés</h1>
|
||||
</div>
|
||||
<h2>2018</h2>
|
||||
<ul class="timeline">
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Audition 5 juillet 2018 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Audition</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>5 juillet 2018</small></br>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
|
||||
<div id="carousel-audition-07_2018" class="carousel slide" data-ride="carousel">
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item">
|
||||
<a href="#pop_audition_08_18_1" data-toggle="modal">
|
||||
<img src="img/timeline/audition_chant_2018_affiche_2_light.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="#pop_audition_08_18_2" data-toggle="modal">
|
||||
<img src="img/timeline/IMG_20180705_212412_2.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="#pop_audition_08_18_3" data-toggle="modal">
|
||||
<img src="img/timeline/IMG_20180705_221046.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="item active">
|
||||
<a href="#pop_audition_08_18_4" data-toggle="modal">
|
||||
<img src="img/timeline/IMG_20180705_221739_1.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-audition-07_2018" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-audition-07_2018" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Popup 1 -->
|
||||
<div id="pop_audition_08_18_1" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/audition_chant_2018_affiche_2_light.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popup 2 -->
|
||||
<div id="pop_audition_08_18_2" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/IMG_20180705_212412_2.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popup 3 -->
|
||||
<div id="pop_audition_08_18_3" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/IMG_20180705_221046.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popup 4 -->
|
||||
<div id="pop_audition_08_18_4" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/IMG_20180705_221739_1.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Concours SONOR 16 juin 2018 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Concours SONOR</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>16 juin 2018</small></br>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<a href="#pop_concours_sonor" data-toggle="modal">
|
||||
<img src="img/timeline/IMG_2292.JPG" alt="Photo concours SONOR" class="img-responsive">
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<!-- Popup -->
|
||||
<div id="pop_concours_sonor" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/IMG_2292.JPG" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Audition 13 juin 2018 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Audition</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>13 juin 2018</small></br>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
|
||||
<div id="carousel-audition-06_2018" class="carousel slide" data-ride="carousel">
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item active">
|
||||
<a href="#pop_audition_08_18_1" data-toggle="modal">
|
||||
<img src="img/timeline/audition_2018_jeunes.JPG">
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="#pop_audition_08_18_2" data-toggle="modal">
|
||||
<img src="img/timeline/concert_ecole_2018_affiche_1.jpg">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-audition-06_2018" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-audition-06_2018" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Popup 1 -->
|
||||
<div id="pop_audition_08_18_1" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/audition_2018_jeunes.JPG" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popup 2 -->
|
||||
<div id="pop_audition_08_18_2" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/concert_ecole_2018_affiche_1.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Loto 20 mai 2018 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Grand Loto</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>20 mai 2018</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>14h15 - 00h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
|
||||
<div id="carousel-loto-05_2018" class="carousel slide" data-ride="carousel">
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item active">
|
||||
<a href="#pop_loto_20_05_18_1" data-toggle="modal">
|
||||
<img src="img/timeline/2018_20_mai_affiche_loto_recto_2.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="#pop_loto_20_05_18_2" data-toggle="modal">
|
||||
<img src="img/timeline/loto_2018_208mai_verso2-001.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-loto-05_2018" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-loto-05_2018" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Popup 1 -->
|
||||
<div id="pop_loto_20_05_18_1" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2018_20_mai_affiche_loto_recto_2.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popup 2 -->
|
||||
<div id="pop_loto_20_05_18_2" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/loto_2018_208mai_verso2-001.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Loto 19 mai 2018 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Super Loto</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>19 Mai 2018</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>20h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<a href="#pop_loto_19_05_18" data-toggle="modal">
|
||||
<img src="img/timeline/2018_19_mai_affiche_loto_recto_2.jpg" alt="Affiche Loto 19 mai" class="img-responsive">
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<!-- Popup -->
|
||||
<div id="pop_loto_19_05_18" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2018_19_mai_affiche_loto_recto_2.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Big Band 2018 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Big Band</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>15 Avril 2018</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time">17h</i></small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
|
||||
<div id="pop_bigband_15_04_18" class="carousel slide" data-ride="carousel">
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item">
|
||||
<a href="#pop_bigband_15_04_18" data-toggle="modal">
|
||||
<img src="img/timeline/Affiche_BigBand_2018.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="item active embed-responsive embed-responsive-16by9">
|
||||
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/eGLj2QdUa1I" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#pop_bigband_15_04_18" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#pop_bigband_15_04_18" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Popup -->
|
||||
<div id="pop_bigband_15_04_18" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/Affiche_BigBand_2018.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<h2>2017</h2>
|
||||
<ul class="timeline">
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Concert 25 Novembre 2017 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Music' IllFest</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>25 Novembre 2017</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>20h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<a href="#pop_concert_25_11_17" data-toggle="modal">
|
||||
<img src="img/timeline/2017_11_concert_affiche_1.jpg" alt="Affiche concert" class="img-responsive">
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<!-- Popup -->
|
||||
<div id="pop_concert_25_11_17" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_11_concert_affiche_1.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Loto 12 Novembre 2017 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Super Loto</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>12 Novembre 2017</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>14h15</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<a href="#pop_loto_12_11_17" data-toggle="modal">
|
||||
<img src="img/timeline/2017_12_nov_affiche_loto_recto2A.jpg" alt="Affiche 6 juillet" class="img-responsive">
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<!-- Popup -->
|
||||
<div id="pop_loto_12_11_17" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_12_nov_affiche_loto_recto2A.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Loto 11 Novembre 2017 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Grand Loto</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>11 Novembre 2017</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>14h - 00h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
|
||||
<div id="carousel-loto-11_2017" class="carousel slide" data-ride="carousel">
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item active">
|
||||
<a href="#pop_loto_11_11_16_7_1" data-toggle="modal">
|
||||
<img src="img/timeline/2017_11_nov_affiche_loto_recto2.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="#pop_loto_11_11_16_7_2" data-toggle="modal">
|
||||
<img src="img/timeline/2017_11_loto_verso2-1.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-loto-11_2017" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-loto-11_2017" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Popup 1 -->
|
||||
<div id="pop_loto_11_11_16_7_1" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_11_nov_affiche_loto_recto2.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popup 2 -->
|
||||
<div id="pop_loto_11_11_16_7_2" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_11_loto_verso2-1.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Rentrée de l'école de musique Septembre 2017 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Rentrée de l'école de musique</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>Septembre 2017</small></br>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
|
||||
<div id="carousel-rentree-2017" class="carousel slide" data-ride="carousel">
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item active">
|
||||
<a href="#pop_rentree_2017_1" data-toggle="modal">
|
||||
<img src="img/timeline/2017_09_ecole_musique_flyer_light.jpg">
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="#pop_rentree_2017_2" data-toggle="modal">
|
||||
<img src="img/timeline/2017_09_eveil_flyer_rentree_light.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-rentree-2017" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-rentree-2017" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<!-- Popup 1 -->
|
||||
<div id="pop_rentree_2017_1" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_09_ecole_musique_flyer_light.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popup 2 -->
|
||||
<div id="pop_rentree_2017_2" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_09_eveil_flyer_rentree_light.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Concert de la classe de chant 6 juillet 2017 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Concert de la classe de chant</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>6 juillet 2017</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>20h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle de la musique</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<a href="#pop_concert_6_7_17" data-toggle="modal">
|
||||
<img src="img/timeline/2017_07_concert_chant_affiche_2.jpg" alt="Affiche 6 juillet" class="img-responsive">
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<!-- Popup -->
|
||||
<div id="pop_concert_6_7_17" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_07_concert_chant_affiche_2.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Concert de l'école de musique 20 mai 2017 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Concert de l'école de musique</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>20 mai 2017</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>16h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle de la musique</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<a href="#pop_concert_20_5_17" data-toggle="modal">
|
||||
<img src="img/timeline/2017_05_concert_ecole_affiche_2ct.jpg" alt="Affiche 20 mai" class="img-responsive">
|
||||
</a>
|
||||
<hr>
|
||||
|
||||
<!-- Popup -->
|
||||
<div id="pop_concert_20_5_17" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_05_concert_ecole_affiche_2ct.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Loto 7 Mai 2017 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Grand loto</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>7 Mai 2017</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>12h - 24h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
|
||||
<div id="carousel-loto-2" class="carousel slide" data-ride="carousel">
|
||||
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item active">
|
||||
<a href="#pop_loto_7_5_17_1" data-toggle="modal">
|
||||
<img src="img/timeline/2017_7_mai_affiche_loto_2.jpg" alt="Affiche 7 mai">
|
||||
</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<a href="#pop_loto_7_5_17_2" data-toggle="modal">
|
||||
<img src="img/timeline/2017_7_mai_affiche_loto_2_verso.jpg" alt="Détails loto 7 mai">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Controls -->
|
||||
<a class="left carousel-control" href="#carousel-loto-2" role="button" data-slide="prev">
|
||||
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
||||
<span class="sr-only">Previous</span>
|
||||
</a>
|
||||
<a class="right carousel-control" href="#carousel-loto-2" role="button" data-slide="next">
|
||||
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
||||
<span class="sr-only">Next</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">4 manches
|
||||
<li class="list-group-item">Ouverture des portes dès 12h
|
||||
<li class="list-group-item">Restauration assurée
|
||||
</ul>
|
||||
|
||||
<hr>
|
||||
|
||||
<a class="page-scroll" href="#contact">Renseignements et inscription</a>
|
||||
|
||||
<!-- Popup 1 -->
|
||||
<div id="pop_loto_7_5_17_1" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_7_mai_affiche_loto_2.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Popup 2 -->
|
||||
<div id="pop_loto_7_5_17_2" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_7_mai_affiche_loto_2_verso.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Loto 6 Mai 2017 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Loto à l'ancienne</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>6 Mai 2017</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>20h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle polyvalente de Meyenheim</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<a href="#pop_loto_6_5_17" data-toggle="modal">
|
||||
<img src="img/timeline/2017_6_mai_affiche_loto.jpg" alt="Affiche 6 mai" class="img-responsive">
|
||||
</a>
|
||||
<hr>
|
||||
<a class="page-scroll" href="#contact">Renseignements et inscription</a>
|
||||
|
||||
<!-- Popup -->
|
||||
<div id="pop_loto_6_5_17" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/2017_6_mai_affiche_loto.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Maibummel 1er Mai 2017 -->
|
||||
<!-- =========================================================== -->
|
||||
|
||||
<li class="timeline-inverted">
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-right"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Maibummel</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>1er Mai 2017</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-time"></i>9h - 14h</small></br>
|
||||
<small class="text-muted"><i class="glyphicon glyphicon-map-marker"></i>Salle de musique, rue de l'Ill</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
|
||||
<a href="#pop_maibummel_17" data-toggle="modal">
|
||||
<img src="img/timeline/Affiche_1er_mai_2017_1.jpg" alt="Affiche 1er mai" class="img-responsive">
|
||||
</a>
|
||||
|
||||
<hr>
|
||||
|
||||
<a class="page-scroll" href="#contact">Renseignements et inscription</a>
|
||||
|
||||
<!-- Popup 1 -->
|
||||
<div id="pop_maibummel_17" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/Affiche_1er_mai_2017_1.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<h2>2016</h2>
|
||||
<ul class="timeline">
|
||||
|
||||
<!-- =========================================================== -->
|
||||
<!-- Marché aux puces Septembre 2016 -->
|
||||
<!-- =========================================================== -->
|
||||
<li>
|
||||
<div class="timeline-badge info"><i class="glyphicon glyphicon-menu-left"></i></div>
|
||||
<div class="timeline-panel">
|
||||
<div class="timeline-heading">
|
||||
<h4 class="timeline-title">Grand Marché aux puces</h4>
|
||||
<p><small class="text-muted"><i class="glyphicon glyphicon-calendar"></i>25 Septembre 2016</small></p>
|
||||
</div>
|
||||
<div class="timeline-body">
|
||||
<a href="#pop_puces_2016" data-toggle="modal">
|
||||
<img src="img/timeline/puces_t.jpg" alt="Affiche puces" class="img-responsive">
|
||||
</a>
|
||||
<p>Organisé par la Société de Musique et le Football Club de Meyenheim. Plus de 400 exposants, dans les rues du village autour de l'église. Restauration à toute heure : grillades, ...</p>
|
||||
<a href="files/2016_09_puces_tract.pdf">Renseignements et inscription</a>
|
||||
|
||||
<!-- Popup 1 -->
|
||||
<div id="pop_puces_2016" class="modal fade">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<img src="img/timeline/puces.jpg" class="img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php include('contact.html'); ?>
|
||||
|
||||
<?php include('footer.html'); ?>
|
||||
|
||||
<?php include('include_foot.html'); ?>
|
||||
|
||||
<script>
|
||||
window.onload = function(){$('.carousel').each(function(){
|
||||
var items = $(this).find(".item"),
|
||||
heights = [],
|
||||
tallest;
|
||||
|
||||
if (items.length) {
|
||||
function normalizeHeights() {
|
||||
items.each(function() { //add heights to array
|
||||
heights.push($(this).height());
|
||||
});
|
||||
tallest = Math.max.apply(null, heights); //cache largest value
|
||||
items.each(function() {
|
||||
$(this).css('min-height',tallest + 'px');
|
||||
});
|
||||
};
|
||||
normalizeHeights();
|
||||
|
||||
$(window).on('resize orientationchange', function () {
|
||||
tallest = 0, heights.length = 0; //reset vars
|
||||
items.each(function() {
|
||||
$(this).css('min-height','0'); //reset min-height
|
||||
});
|
||||
normalizeHeights(); //run it again
|
||||
});
|
||||
}
|
||||
})}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 604 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 680 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 322 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 339 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 292 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 224 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 313 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 253 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 415 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 310 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 585 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 320 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 499 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 316 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 618 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 482 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 502 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 644 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 594 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 314 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 480 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 662 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 256 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 774 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1005 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 725 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 117 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
@ -1,13 +0,0 @@
|
||||
<!-- jQuery -->
|
||||
<script src="vendor/jquery.min.js"></script>
|
||||
|
||||
<!-- Bootstrap Core JavaScript -->
|
||||
<script src="vendor/bootstrap.min.js"></script>
|
||||
|
||||
<!-- Plugin JavaScript -->
|
||||
<script src="vendor/jquery.easing.min.js"></script>
|
||||
<script src="vendor/scrollreveal.min.js"></script>
|
||||
<script src="vendor/appear.min.js"></script>
|
||||
|
||||
<!-- Theme JavaScript -->
|
||||
<script src="js/creative.min.js"></script>
|
||||
@ -1,361 +0,0 @@
|
||||
@import "variables.less";
|
||||
@import "mixins.less";
|
||||
|
||||
// Global Components
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
.serif-font;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-color: @theme-primary;
|
||||
border-width: 3px;
|
||||
max-width: 50px;
|
||||
}
|
||||
|
||||
hr.light {
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
a {
|
||||
.transition-all;
|
||||
color: @theme-primary;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: darken(@theme-primary, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
.sans-serif-font;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: @theme-primary;
|
||||
}
|
||||
|
||||
.bg-dark {
|
||||
background-color: @gray-darker;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.text-faded {
|
||||
color: fade(white, 70%);
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 100px 0;
|
||||
}
|
||||
|
||||
aside {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.no-padding {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// Navigation
|
||||
|
||||
.navbar-default {
|
||||
background-color: white;
|
||||
border-color: fade(@gray-darker, 5%);
|
||||
.sans-serif-font;
|
||||
.transition-all;
|
||||
.navbar-header .navbar-brand {
|
||||
color: @theme-primary;
|
||||
.sans-serif-font;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: darken(@theme-primary, 10%);
|
||||
}
|
||||
}
|
||||
.navbar-header .navbar-toggle {
|
||||
font-weight: 700;
|
||||
font-size: 12px;
|
||||
color: @gray-darker;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.nav {
|
||||
> li {
|
||||
> a,
|
||||
> a:focus {
|
||||
text-transform: uppercase;
|
||||
font-weight: 700;
|
||||
font-size: 13px;
|
||||
color: @gray-darker;
|
||||
&:hover {
|
||||
color: @theme-primary;
|
||||
}
|
||||
}
|
||||
&.active {
|
||||
> a,
|
||||
> a:focus {
|
||||
color: @theme-primary !important;
|
||||
background-color: transparent;
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
background-color: transparent;
|
||||
border-color: fade(white, 30%);
|
||||
.navbar-header .navbar-brand {
|
||||
color: fade(white, 70%);
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.nav > li > a,
|
||||
.nav > li > a:focus {
|
||||
color: fade(white, 70%);
|
||||
&:hover {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
&.affix {
|
||||
background-color: white;
|
||||
border-color: fade(@gray-darker, 5%);
|
||||
.navbar-header .navbar-brand {
|
||||
color: @theme-primary;
|
||||
font-size: 14px;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: darken(@theme-primary, 10%);
|
||||
}
|
||||
}
|
||||
.nav > li > a,
|
||||
.nav > li > a:focus {
|
||||
color: @gray-darker;
|
||||
&:hover {
|
||||
color: @theme-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Homepage Header
|
||||
|
||||
header {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
min-height: auto;
|
||||
.background-cover;
|
||||
background-position: center;
|
||||
background-image: url('../img/header.jpg');
|
||||
text-align: center;
|
||||
color: white;
|
||||
.header-content {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
padding: 100px 15px 100px;
|
||||
width: 100%;
|
||||
.header-content-inner {
|
||||
h1 {
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-size: 30px;
|
||||
}
|
||||
hr {
|
||||
margin: 30px auto;
|
||||
}
|
||||
p {
|
||||
font-weight: 300;
|
||||
color: fade(white, 70%);
|
||||
font-size: 16px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
min-height: 100%;
|
||||
.header-content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
padding: 0 50px;
|
||||
.header-content-inner {
|
||||
max-width: 1000px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
h1 {
|
||||
font-size: 50px;
|
||||
}
|
||||
p {
|
||||
font-size: 18px;
|
||||
max-width: 80%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sections
|
||||
|
||||
.section-heading {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.service-box {
|
||||
max-width: 400px;
|
||||
margin: 50px auto 0;
|
||||
@media (min-width: 992px) {
|
||||
margin: 20px auto 0;
|
||||
}
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.portfolio-box {
|
||||
position: relative;
|
||||
display: block;
|
||||
max-width: 650px;
|
||||
margin: 0 auto;
|
||||
.portfolio-box-caption {
|
||||
color: white;
|
||||
opacity: 0;
|
||||
display: block;
|
||||
background: fade(@theme-primary, 90%);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.transition-all;
|
||||
.portfolio-box-caption-content {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
.project-category,
|
||||
.project-name {
|
||||
.sans-serif-font;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.project-category {
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
}
|
||||
.project-name {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.portfolio-box-caption {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.portfolio-box-caption {
|
||||
.portfolio-box-caption-content {
|
||||
.project-category {
|
||||
font-size: 16px;
|
||||
}
|
||||
.project-name {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.call-to-action {
|
||||
h2 {
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// Bootstrap Overrides
|
||||
.text-primary {
|
||||
color: @theme-primary;
|
||||
}
|
||||
|
||||
.no-gutter > [class*='col-'] {
|
||||
padding-right:0;
|
||||
padding-left:0;
|
||||
}
|
||||
|
||||
// Button Styles
|
||||
.btn-default {
|
||||
.button-variant(@gray-darker;white;white);
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
.button-variant(white;@theme-primary;@theme-primary);
|
||||
}
|
||||
|
||||
.btn {
|
||||
.sans-serif-font;
|
||||
border: none;
|
||||
border-radius: 300px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.btn-xl {
|
||||
padding: 15px 30px;
|
||||
}
|
||||
|
||||
// Extras
|
||||
// -- Highlight Color Customization
|
||||
::-moz-selection {
|
||||
color: white;
|
||||
text-shadow: none;
|
||||
background: @gray-darker;
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: white;
|
||||
text-shadow: none;
|
||||
background: @gray-darker;
|
||||
}
|
||||
|
||||
img::selection {
|
||||
color: white;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
img::-moz-selection {
|
||||
color: white;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
webkit-tap-highlight-color: @gray-darker;
|
||||
}
|
||||
@ -1,63 +0,0 @@
|
||||
// Mixins
|
||||
|
||||
.transition-all() {
|
||||
-webkit-transition: all 0.35s;
|
||||
-moz-transition: all 0.35s;
|
||||
transition: all 0.35s;
|
||||
}
|
||||
|
||||
.background-cover() {
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
|
||||
.button-variant(@color; @background; @border) {
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
.transition-all;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus,
|
||||
&:active,
|
||||
&.active,
|
||||
.open > .dropdown-toggle& {
|
||||
color: @color;
|
||||
background-color: darken(@background, 5%);
|
||||
border-color: darken(@border, 7%);
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > .dropdown-toggle& {
|
||||
background-image: none;
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
color: @background;
|
||||
background-color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
.sans-serif-font() {
|
||||
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
|
||||
.serif-font() {
|
||||
font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
|
||||
}
|
||||
@ -1,12 +0,0 @@
|
||||
// Variables
|
||||
|
||||
// Gray and Brand Colors for use across theme
|
||||
|
||||
@theme-primary: #F05F40;
|
||||
|
||||
@gray-base: #000;
|
||||
@gray-darker: lighten(@gray-base, 13.5%); // #222
|
||||
@gray-dark: lighten(@gray-base, 20%); // #333
|
||||
@gray: lighten(@gray-base, 33.5%); // #555
|
||||
@gray-light: lighten(@gray-base, 46.7%); // #777
|
||||
@gray-lighter: lighten(@gray-base, 93.5%); // #eee
|
||||
22
manage.py
Executable file
22
manage.py
Executable file
@ -0,0 +1,22 @@
|
||||
#!/nix/store/yglc8kgzmdaskyngv90y1mw96fl00pjy-python3-3.7.4/bin/python
|
||||
import os
|
||||
import sys
|
||||
|
||||
if __name__ == "__main__":
|
||||
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "site_musique.settings.dev")
|
||||
try:
|
||||
from django.core.management import execute_from_command_line
|
||||
except ImportError:
|
||||
# The above import may fail for some other reason. Ensure that the
|
||||
# issue is really that Django is missing to avoid masking other
|
||||
# exceptions on Python 2.
|
||||
try:
|
||||
import django
|
||||
except ImportError:
|
||||
raise ImportError(
|
||||
"Couldn't import Django. Are you sure it's installed and "
|
||||
"available on your PYTHONPATH environment variable? Did you "
|
||||
"forget to activate a virtual environment?"
|
||||
)
|
||||
raise
|
||||
execute_from_command_line(sys.argv)
|
||||
21
nginx.conf
21
nginx.conf
@ -1,21 +0,0 @@
|
||||
server {
|
||||
listen 80;
|
||||
|
||||
location / {
|
||||
root /usr/share/nginx/html;
|
||||
index index.php;
|
||||
}
|
||||
|
||||
#error_page 404 /404.html;
|
||||
|
||||
# pass the PHP scripts to FastCGI server listening on php:9000
|
||||
#
|
||||
location ~ \.php$ {
|
||||
root html;
|
||||
fastcgi_pass php:9000;
|
||||
fastcgi_index index.php;
|
||||
fastcgi_param SCRIPT_FILENAME /usr/share/nginx/html/$fastcgi_script_name;
|
||||
include fastcgi_params;
|
||||
}
|
||||
|
||||
}
|
||||
0
site_musique/__init__.py
Normal file
0
site_musique/__init__.py
Normal file
96
site_musique/settings/base.py
Normal file
96
site_musique/settings/base.py
Normal file
@ -0,0 +1,96 @@
|
||||
"""
|
||||
Django settings for site_musique project.
|
||||
|
||||
Generated by 'django-admin startproject' using Django 1.11.23.
|
||||
|
||||
For more information on this file, see
|
||||
https://docs.djangoproject.com/en/1.11/topics/settings/
|
||||
|
||||
For the full list of settings and their values, see
|
||||
https://docs.djangoproject.com/en/1.11/ref/settings/
|
||||
"""
|
||||
|
||||
import os
|
||||
|
||||
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
|
||||
BASE_DIR = os.path.dirname(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
|
||||
|
||||
|
||||
# Quick-start development settings - unsuitable for production
|
||||
# See https://docs.djangoproject.com/en/1.11/howto/deployment/checklist/
|
||||
|
||||
# SECURITY WARNING: keep the secret key used in production secret!
|
||||
SECRET_KEY = '%y$(+on3*nzj0*fnq-@#=u4w_x-$4=l12+9be^xbq92nj5%0cd'
|
||||
|
||||
# SECURITY WARNING: don't run with debug turned on in production!
|
||||
|
||||
ALLOWED_HOSTS = []
|
||||
|
||||
# Application definition
|
||||
|
||||
INSTALLED_APPS = [
|
||||
'site_statique.apps.SiteStatiqueConfig',
|
||||
'timeline.apps.TimelineConfig',
|
||||
'django.contrib.admin',
|
||||
'django.contrib.auth',
|
||||
'django.contrib.contenttypes',
|
||||
'django.contrib.sessions',
|
||||
'django.contrib.messages',
|
||||
'django.contrib.staticfiles',
|
||||
]
|
||||
|
||||
MIDDLEWARE = [
|
||||
'django.middleware.security.SecurityMiddleware',
|
||||
'django.contrib.sessions.middleware.SessionMiddleware',
|
||||
'django.middleware.common.CommonMiddleware',
|
||||
'django.middleware.csrf.CsrfViewMiddleware',
|
||||
'django.contrib.auth.middleware.AuthenticationMiddleware',
|
||||
'django.contrib.messages.middleware.MessageMiddleware',
|
||||
'django.middleware.clickjacking.XFrameOptionsMiddleware',
|
||||
]
|
||||
|
||||
ROOT_URLCONF = 'site_musique.urls'
|
||||
|
||||
TEMPLATES = [
|
||||
{
|
||||
'BACKEND': 'django.template.backends.django.DjangoTemplates',
|
||||
'DIRS': [os.path.join(BASE_DIR, 'templates')],
|
||||
'APP_DIRS': True,
|
||||
'OPTIONS': {
|
||||
'context_processors': [
|
||||
'django.template.context_processors.debug',
|
||||
'django.template.context_processors.request',
|
||||
'django.contrib.auth.context_processors.auth',
|
||||
'django.contrib.messages.context_processors.messages',
|
||||
],
|
||||
},
|
||||
},
|
||||
]
|
||||
|
||||
WSGI_APPLICATION = 'site_musique.wsgi.application'
|
||||
|
||||
# Internationalization
|
||||
# https://docs.djangoproject.com/en/1.11/topics/i18n/
|
||||
|
||||
LANGUAGE_CODE = 'fr-fr'
|
||||
|
||||
TIME_ZONE = 'Europe/Paris'
|
||||
|
||||
USE_I18N = True
|
||||
|
||||
USE_L10N = True
|
||||
|
||||
USE_TZ = True
|
||||
|
||||
|
||||
# Static files (CSS, JavaScript, Images)
|
||||
# https://docs.djangoproject.com/en/1.11/howto/static-files/
|
||||
|
||||
STATIC_URL = '/static/'
|
||||
|
||||
STATICFILES_DIRS = [
|
||||
os.path.join(BASE_DIR, "static"),
|
||||
]
|
||||
|
||||
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
|
||||
MEDIA_URL = '/media/'
|
||||
13
site_musique/settings/dev.py
Normal file
13
site_musique/settings/dev.py
Normal file
@ -0,0 +1,13 @@
|
||||
from .base import *
|
||||
|
||||
DEBUG = True
|
||||
|
||||
# Database
|
||||
# https://docs.djangoproject.com/en/1.11/ref/settings/#databases
|
||||
|
||||
DATABASES = {
|
||||
'default': {
|
||||
'ENGINE': 'django.db.backends.sqlite3',
|
||||
'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
|
||||
}
|
||||
}
|
||||
19
site_musique/settings/prod.py
Normal file
19
site_musique/settings/prod.py
Normal file
@ -0,0 +1,19 @@
|
||||
from .base import *
|
||||
|
||||
# Password validation
|
||||
# https://docs.djangoproject.com/en/1.11/ref/settings/#auth-password-validators
|
||||
|
||||
AUTH_PASSWORD_VALIDATORS = [
|
||||
{
|
||||
'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
|
||||
},
|
||||
{
|
||||
'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
|
||||
},
|
||||
{
|
||||
'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
|
||||
},
|
||||
{
|
||||
'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
|
||||
},
|
||||
]
|
||||
29
site_musique/urls.py
Normal file
29
site_musique/urls.py
Normal file
@ -0,0 +1,29 @@
|
||||
"""site_musique URL Configuration
|
||||
|
||||
The `urlpatterns` list routes URLs to views. For more information please see:
|
||||
https://docs.djangoproject.com/en/1.11/topics/http/urls/
|
||||
Examples:
|
||||
Function views
|
||||
1. Add an import: from my_app import views
|
||||
2. Add a URL to urlpatterns: url(r'^$', views.home, name='home')
|
||||
Class-based views
|
||||
1. Add an import: from other_app.views import Home
|
||||
2. Add a URL to urlpatterns: url(r'^$', Home.as_view(), name='home')
|
||||
Including another URLconf
|
||||
1. Import the include() function: from django.conf.urls import url, include
|
||||
2. Add a URL to urlpatterns: url(r'^blog/', include('blog.urls'))
|
||||
"""
|
||||
from django.contrib import admin
|
||||
from django.urls import include, path
|
||||
from django.contrib.staticfiles.urls import static
|
||||
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
|
||||
from .settings import base as settings
|
||||
|
||||
urlpatterns = [
|
||||
path('evenements/', include('timeline.urls')),
|
||||
path('', include('site_statique.urls')),
|
||||
path('admin/', admin.site.urls, name='admin'),
|
||||
]
|
||||
|
||||
urlpatterns += staticfiles_urlpatterns()
|
||||
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
|
||||
16
site_musique/wsgi.py
Normal file
16
site_musique/wsgi.py
Normal file
@ -0,0 +1,16 @@
|
||||
"""
|
||||
WSGI config for site_musique project.
|
||||
|
||||
It exposes the WSGI callable as a module-level variable named ``application``.
|
||||
|
||||
For more information on this file, see
|
||||
https://docs.djangoproject.com/en/1.11/howto/deployment/wsgi/
|
||||
"""
|
||||
|
||||
import os
|
||||
|
||||
from django.core.wsgi import get_wsgi_application
|
||||
|
||||
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "site_musique.settings")
|
||||
|
||||
application = get_wsgi_application()
|
||||
0
site_statique/__init__.py
Normal file
0
site_statique/__init__.py
Normal file
3
site_statique/admin.py
Normal file
3
site_statique/admin.py
Normal file
@ -0,0 +1,3 @@
|
||||
from django.contrib import admin
|
||||
|
||||
# Register your models here.
|
||||
5
site_statique/apps.py
Normal file
5
site_statique/apps.py
Normal file
@ -0,0 +1,5 @@
|
||||
from django.apps import AppConfig
|
||||
|
||||
|
||||
class SiteStatiqueConfig(AppConfig):
|
||||
name = 'site_statique'
|
||||
0
site_statique/migrations/__init__.py
Normal file
0
site_statique/migrations/__init__.py
Normal file
3
site_statique/models.py
Normal file
3
site_statique/models.py
Normal file
@ -0,0 +1,3 @@
|
||||
from django.db import models
|
||||
|
||||
# Create your models here.
|
||||
@ -1,3 +1,4 @@
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
@ -11,28 +12,27 @@
|
||||
|
||||
<title>Musique fraternité - Direction</title>
|
||||
|
||||
<?php include('include_head.html'); ?>
|
||||
{% include "include_head.html" %}
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
|
||||
<?php include('navbar.html'); ?>
|
||||
{% include "navbar.html" %}
|
||||
|
||||
<header style="background: #F05F40;">
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<img src="img/direction.jpg" class="img-responsive" style="width: 2000px;"></img>
|
||||
<img src="{% static "img/direction.jpg" %}" class="img-responsive" style="width: 2000px;"></img>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% include "contact.html" %}
|
||||
|
||||
<?php include('contact.html'); ?>
|
||||
{% include "footer.html" %}
|
||||
|
||||
<?php include('footer.html'); ?>
|
||||
|
||||
<?php include('include_foot.html'); ?>
|
||||
{% include "include_foot.html" %}
|
||||
|
||||
</body>
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
@ -11,15 +12,15 @@
|
||||
|
||||
<title>Musique fraternité - École de Musique</title>
|
||||
|
||||
<?php include('include_head.html'); ?>
|
||||
{% include "include_head.html" %}
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
|
||||
<?php include('navbar.html'); ?>
|
||||
{% include "navbar.html" %}
|
||||
|
||||
<header style="background-image: url('img/ecole.jpg')">
|
||||
<header style="background-image: url('{% static "img/ecole.jpg" %}')">
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<h1 id="homeHeading" style="text-shadow: 0px 0px 7px #000; margin-bottom: 400px;">École de Musique</br>«Les notes de l’Ill»</h1>
|
||||
@ -114,7 +115,7 @@
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 text-center">
|
||||
<div class="service-box">
|
||||
<img src="img/trombone.gif" alt="icone trombone">
|
||||
<img src="{% static "img/trombone.gif" %}" alt="icone trombone">
|
||||
<h3>Les instruments enseignés sont</h4>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item track" data-toggle="popover" data-content="Nathalie ROHRBACH" data-title="Enseignant">Le chant
|
||||
@ -142,16 +143,16 @@
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner" role="listbox">
|
||||
<div class="item active">
|
||||
<img src="img/galerie_ecole/01.jpg" alt="Illustration école de musique">
|
||||
<img src="{% static "img/galerie_ecole/01.jpg" %}" alt="Illustration école de musique">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="img/galerie_ecole/02.jpg" alt="Illustration école de musique">
|
||||
<img src="{% static "img/galerie_ecole/02.jpg" %}" alt="Illustration école de musique">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="img/galerie_ecole/03.jpg" alt="Illustration école de musique">
|
||||
<img src="{% static "img/galerie_ecole/03.jpg" %}" alt="Illustration école de musique">
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="img/galerie_ecole/04.jpg" alt="Illustration école de musique">
|
||||
<img src="{% static "img/galerie_ecole/04.jpg" %}" alt="Illustration école de musique">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -190,9 +191,10 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php include('footer.html'); ?>
|
||||
{% include "footer.html" %}
|
||||
|
||||
{% include "include_foot.html" %}
|
||||
|
||||
<?php include('include_foot.html'); ?>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(function () {
|
||||
@ -1,3 +1,4 @@
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
@ -11,15 +12,15 @@
|
||||
|
||||
<title>Musique fraternité - Harmonie Intercommunale</title>
|
||||
|
||||
<?php include('include_head.html'); ?>
|
||||
{% include "include_head.html" %}
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
|
||||
<?php include('navbar.html'); ?>
|
||||
{% include "navbar.html" %}
|
||||
|
||||
<header style="background-image: url('img/harmonie.jpg')">
|
||||
<header style="background-image: url('{% static "img/harmonie.jpg" %}')">
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<h1 id="homeHeading" style="text-shadow: 0px 0px 7px #000;">Harmonie intercommunale Centre Haut-Rhin</br>Des airs traditionnels ou classiques aux musiques actuelles</h1>
|
||||
@ -43,16 +44,17 @@
|
||||
<p class="text-faded">L’harmonie intercommunale est née de la réunion des harmonies de Meyenheim, Oberhergheim et Réguisheim mais est ouverte à tout musicien, notamment les jeunes musiciens après quelques années de pratiques mais aussi les adultes souhaitant reprendre une activité musicale après quelques années de pause.</p>
|
||||
<p class="text-faded">L’Harmonie intercommunale est financée par la Communauté de Communes Centre Haut-Rhin.</p>
|
||||
</div>
|
||||
<img src="img/IllFest_2013_Corentin_Christophe.jpg" class="col-lg-6 img-responsive">
|
||||
<img src="{% static "img/IllFest_2013_Corentin_Christophe.jpg" %}" class="col-lg-6 img-responsive">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php include('contact.html'); ?>
|
||||
{% include "contact.html" %}
|
||||
|
||||
<?php include('footer.html'); ?>
|
||||
{% include "footer.html" %}
|
||||
|
||||
{% include "include_foot.html" %}
|
||||
|
||||
<?php include('include_foot.html'); ?>
|
||||
|
||||
</body>
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
@ -12,7 +13,7 @@
|
||||
|
||||
<title>Musique fraternité</title>
|
||||
|
||||
<?php include('include_head.html'); ?>
|
||||
{% include "include_head.html" %}
|
||||
|
||||
<style>
|
||||
.portfolio-box {
|
||||
@ -28,7 +29,7 @@
|
||||
|
||||
<body id="page-top">
|
||||
|
||||
<?php include('navbar.html'); ?>
|
||||
{% include "navbar.html" %}
|
||||
|
||||
<header>
|
||||
<div class="header-content">
|
||||
@ -56,7 +57,7 @@
|
||||
<div class="row no-gutter popup-gallery">
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="harmonie.php" class="portfolio-box">
|
||||
<img src="img/portfolio/thumbnails/1.jpg" alt="">
|
||||
<img src="{% static "img/portfolio/thumbnails/1.jpg" %}" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-name">
|
||||
@ -68,7 +69,7 @@
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="ecole.php" class="portfolio-box">
|
||||
<img src="img/portfolio/thumbnails/2.jpg" alt="">
|
||||
<img src="{% static "img/portfolio/thumbnails/2.jpg" %}" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-name">
|
||||
@ -80,7 +81,7 @@
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="evenements.php" class="portfolio-box">
|
||||
<img src="img/portfolio/thumbnails/3.jpg" alt="">
|
||||
<img src="{% static "img/portfolio/thumbnails/3.jpg" %}" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-name">
|
||||
@ -92,7 +93,7 @@
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="direction.php" class="portfolio-box">
|
||||
<img src="img/portfolio/thumbnails/4.jpg" alt="">
|
||||
<img src="{% static "img/portfolio/thumbnails/4.jpg" %}" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-name">
|
||||
@ -104,7 +105,7 @@
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="salle.php" class="portfolio-box">
|
||||
<img src="img/portfolio/thumbnails/5.jpg" alt="">
|
||||
<img src="{% static "img/portfolio/thumbnails/5.jpg" %}" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-name">
|
||||
@ -116,7 +117,7 @@
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<a href="partenaires.php" class="portfolio-box">
|
||||
<img src="img/partenaires/vialis.jpg" alt="">
|
||||
<img src="{% static "img/partenaires/vialis.jpg" %}" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-name">
|
||||
@ -130,11 +131,11 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php include('contact.html'); ?>
|
||||
{% include "contact.html" %}
|
||||
|
||||
<?php include('footer.html'); ?>
|
||||
{% include "footer.html" %}
|
||||
|
||||
<?php include('include_foot.html'); ?>
|
||||
{% include "include_foot.html" %}
|
||||
|
||||
</body>
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
@ -11,7 +12,7 @@
|
||||
|
||||
<title>Musique fraternité - Partenaires</title>
|
||||
|
||||
<?php include('include_head.html'); ?>
|
||||
{% include "include_head.html" %}
|
||||
|
||||
<style>
|
||||
@media (min-width: 768px) {
|
||||
@ -44,25 +45,25 @@
|
||||
|
||||
<body id="page-top">
|
||||
|
||||
<?php include('navbar.html'); ?>
|
||||
{% include "navbar.html" %}
|
||||
|
||||
<section id="partenaires">
|
||||
<h1 class="text-center">Nos partenaires</h1>
|
||||
|
||||
<a href="http://www.meyenheim.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="img/partenaires/Meyenheim_logo.jpg"></a>
|
||||
<a href="http://ccchr.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="img/partenaires/logo-couleur-CCCHR-e1423820301297.jpg"></a>
|
||||
<a href="https://www.haut-rhin.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="img/partenaires/Logo_Alsace_CD68.png"></a>
|
||||
<a href="https://culturegrandest.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="img/partenaires/Agence-culturelle-Grand-Est-rouge.jpg"></a>
|
||||
<a href="https://www.vialis.tm.fr/particulier/cable/internet" class="col-sm-6 col-md-4"><img class="img-responsive" src="img/partenaires/vialis.jpg"></a>
|
||||
<a href="https://www.creditmutuel.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="img/partenaires/04_credit_mutuel_2012.jpg"></a>
|
||||
<a href="https://fr-fr.facebook.com/BoulangerieGoetz/" class="col-sm-6 col-md-4"><img class="img-responsive" src="img/partenaires/05_boulangerie_goetz2015_1.jpg"></a>
|
||||
<a href="http://bapst.chauffagiste-viessmann.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="img/partenaires/Bapst_2017-002.jpg"></a>
|
||||
<a href="https://www.planetpizza-leresto.com/" class="col-sm-6 col-md-4"><img class="img-responsive" src="img/partenaires/Planetpizza_1-001.jpg"></a>
|
||||
<a href="http://www.meyenheim.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Meyenheim_logo.jpg" %}"></a>
|
||||
<a href="http://ccchr.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/logo-couleur-CCCHR-e1423820301297.jpg" %}"></a>
|
||||
<a href="https://www.haut-rhin.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Logo_Alsace_CD68.png" %}"></a>
|
||||
<a href="https://culturegrandest.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Agence-culturelle-Grand-Est-rouge.jpg" %}"></a>
|
||||
<a href="https://www.vialis.tm.fr/particulier/cable/internet" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/vialis.jpg" %}"></a>
|
||||
<a href="https://www.creditmutuel.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/04_credit_mutuel_2012.jpg" %}"></a>
|
||||
<a href="https://fr-fr.facebook.com/BoulangerieGoetz/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/05_boulangerie_goetz2015_1.jpg" %}"></a>
|
||||
<a href="http://bapst.chauffagiste-viessmann.fr/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Bapst_2017-002.jpg" %}"></a>
|
||||
<a href="https://www.planetpizza-leresto.com/" class="col-sm-6 col-md-4"><img class="img-responsive" src="{% static "img/partenaires/Planetpizza_1-001.jpg" %}"></a>
|
||||
</section>
|
||||
|
||||
<?php include('footer.html'); ?>
|
||||
{% include "footer.html" %}
|
||||
|
||||
<?php include('include_foot.html'); ?>
|
||||
{% include "include_foot.html" %}
|
||||
|
||||
</body>
|
||||
|
||||
@ -1,3 +1,4 @@
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
@ -11,15 +12,15 @@
|
||||
|
||||
<title>Musique fraternité - La Salle</title>
|
||||
|
||||
<?php include('include_head.html'); ?>
|
||||
{% include "include_head.html" %}
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
|
||||
<?php include('navbar.html'); ?>
|
||||
{% include "navbar.html" %}
|
||||
|
||||
<header style="background-image: url('img/salle.jpg')">
|
||||
<header style="background-image: url('{% static "img/salle.jpg" %}')">
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<h1 id="homeHeading" style="text-shadow: 0px 0px 7px #000; margin-bottom: 300px;">La salle de l’association<br>pour tous vos évenements festifs</h1>
|
||||
@ -69,7 +70,7 @@
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<img src="img/salle/01.jpg" alt="Photo interieur salle">
|
||||
<img src="{% static "img/salle/01.jpg" %}" alt="Photo interieur salle">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -96,7 +97,7 @@
|
||||
</div>
|
||||
<div class="col-lg-4 text-center">
|
||||
<i class="fa fa-at fa-3x sr-contact"></i>
|
||||
<p><a href="mailto:contact@musique-meyenheim.fr">salle@musique-meyenheim.fr</a></p>
|
||||
<p><a href="mailto:salle@musique-meyenheim.fr">salle@musique-meyenheim.fr</a></p>
|
||||
</div>
|
||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||
<i class="fa fa-envelope fa-3x sr-contact"></i>
|
||||
@ -106,9 +107,9 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php include('footer.html'); ?>
|
||||
{% include "footer.html" %}
|
||||
|
||||
<?php include('include_foot.html'); ?>
|
||||
{% include "include_foot.html" %}
|
||||
|
||||
</body>
|
||||
|
||||
3
site_statique/tests.py
Normal file
3
site_statique/tests.py
Normal file
@ -0,0 +1,3 @@
|
||||
from django.test import TestCase
|
||||
|
||||
# Create your tests here.
|
||||
12
site_statique/urls.py
Normal file
12
site_statique/urls.py
Normal file
@ -0,0 +1,12 @@
|
||||
from django.urls import path
|
||||
|
||||
from . import views
|
||||
|
||||
urlpatterns = [
|
||||
path('', views.index, name='accueil'),
|
||||
path('harmonie/', views.harmonie, name='harmonie'),
|
||||
path('ecole', views.ecole, name='ecole'),
|
||||
path('direction', views.direction, name='direction'),
|
||||
path('salle', views.salle, name='salle'),
|
||||
path('partenaires', views.partenaires, name='partenaires'),
|
||||
]
|
||||
19
site_statique/views.py
Normal file
19
site_statique/views.py
Normal file
@ -0,0 +1,19 @@
|
||||
from django.shortcuts import render
|
||||
|
||||
def index(request):
|
||||
return render(request, 'site_statique/index.html')
|
||||
|
||||
def harmonie(request):
|
||||
return render(request, 'site_statique/harmonie.html')
|
||||
|
||||
def ecole(request):
|
||||
return render(request, 'site_statique/ecole.html')
|
||||
|
||||
def direction(request):
|
||||
return render(request, 'site_statique/direction.html')
|
||||
|
||||
def salle(request):
|
||||
return render(request, 'site_statique/salle.html')
|
||||
|
||||
def partenaires(request):
|
||||
return render(request, 'site_statique/partenaires.html')
|
||||
33
sitemap.xml
33
sitemap.xml
@ -1,33 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset
|
||||
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
|
||||
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
|
||||
<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
|
||||
|
||||
<url>
|
||||
<loc>https://musique-meyenheim.fr/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://musique-meyenheim.fr/index.php</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://musique-meyenheim.fr/harmonie.php</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://musique-meyenheim.fr/ecole.php</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://musique-meyenheim.fr/evenements.php</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://musique-meyenheim.fr/direction.php</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://musique-meyenheim.fr/salle.php</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://musique-meyenheim.fr/files/2016_09_puces_tract.pdf</loc>
|
||||
</url>
|
||||
</urlset>
|
||||
|
Before Width: | Height: | Size: 228 KiB After Width: | Height: | Size: 228 KiB |
|
Before Width: | Height: | Size: 444 KiB After Width: | Height: | Size: 444 KiB |
|
Before Width: | Height: | Size: 251 KiB After Width: | Height: | Size: 251 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 973 KiB After Width: | Height: | Size: 973 KiB |
|
Before Width: | Height: | Size: 847 KiB After Width: | Height: | Size: 847 KiB |
|
Before Width: | Height: | Size: 818 KiB After Width: | Height: | Size: 818 KiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 274 KiB After Width: | Height: | Size: 274 KiB |
|
Before Width: | Height: | Size: 223 KiB After Width: | Height: | Size: 223 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 457 KiB After Width: | Height: | Size: 457 KiB |
|
Before Width: | Height: | Size: 945 KiB After Width: | Height: | Size: 945 KiB |
|
Before Width: | Height: | Size: 147 KiB After Width: | Height: | Size: 147 KiB |
|
Before Width: | Height: | Size: 316 KiB After Width: | Height: | Size: 316 KiB |
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 263 KiB After Width: | Height: | Size: 263 KiB |
|
Before Width: | Height: | Size: 386 KiB After Width: | Height: | Size: 386 KiB |
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 363 KiB After Width: | Height: | Size: 363 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 222 KiB After Width: | Height: | Size: 222 KiB |
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 100 KiB |
|
Before Width: | Height: | Size: 6.9 KiB After Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 106 KiB After Width: | Height: | Size: 106 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user