Commit 5296289f authored by Yuliya's avatar Yuliya

add screenshots

parent 47ea154d
......@@ -16,6 +16,8 @@ You must have `npm` and `bower` installed.
git clone git@github.com:Chill-project/chill.social
cd chill.social
npm install
sudo npm install -g bower
sudo npm install -g grunt-cli
grunt install
```
......
.wrapper_subscribe {
background-color: @grey_outer;
color: @dark;
background-color: @cyan;
color: @grey_outer;
h2 {
text-align: center;
......
img[tabindex="0"] {
cursor: zoom-in;
&:focus {
}
&:focus ~ * {}
}
img[tabindex="0"]:focus {
position: fixed;
z-index: 10;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: auto;
height: auto;
max-width: 99%;
max-height: 99%;
margin: auto;
box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
img[tabindex="0"]:focus,
img[tabindex="0"]:focus ~ * {
pointer-events: none;
cursor: zoom-out;
}
......@@ -27,24 +27,36 @@
}
}
&.wrapper_meetings {
background-color: @cyan;
&.wrapper_gallery {
background-color: @red_outer;
color: @grey_outer;
//set background color inside panel
.panel-body {
background-color: lighten(@grey_outer, 10%);
}
}
&.wrapper_meetings {
background-color: @grey_outer;
color: @dark;
a { color: darken(@brand-primary, 15%) };
a:hover { color: darken(@brand-primary, 30%) };
}
&.wrapper_know_more {
background-color: @cyan;
color: @grey_outer;
background-color: @grey_outer;
color: @dark;
.popover {
color: rgb(51,51,51);
color: rgb(51,51,51);
}
}
&.wrapper_providers {
background-color: @grey_outer;
&.wrapper_providers {
background-color: @grey_outer;
color: @dark;
}
}
......@@ -71,4 +71,4 @@
//@import "chill_color_subscrib.less";
@import "chill_form_subscribe.less";
@import "chill_providers.less";
@import "chill_gallery.less";
......@@ -263,6 +263,49 @@
</div> <!-- end class wrapper -->
<!-- Gallery-->
<div class="wrapper wrapper_gallery">
<div class="container">
<h2 class="centered">Capture d'écran</h2> <br>
<div class="row">
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/activity_new.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/general_langue.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/person_new.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/rapport_new.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/rechercher.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
<div class="col-md-4">
<h5 class="centered"><p><img src="..//src/img/Screenshots/recherche_pers.png" alt="" width="200" tabindex="0"/></p></h5><br>
</div>
</div>
<!--
<div class="col-md-4">
<a data-title="Rechercher" data-toggle="lightbox" href="img/rechercher.png">
<img class="img-responsive" src="img/rechercher.png" width="200" height="200" alt="lorem"> </img>
</a>
</div>
-->
</div>
</div>
</div>
</div>
<!-- End of Gallery-->
<div class="wrapper wrapper_meetings">
<div class="container">
<div class="row">
......@@ -273,6 +316,8 @@
<div style="float:right">
<iframe width="300" height="300" src="http://umap.openstreetmap.fr/fr/map/carte-sans-nom_44396?scaleControl=false&amp;miniMap=false&amp;scrollWheelZoom=false&amp;zoomControl=true&amp;allowEdit=false&amp;moreControl=true&amp;datalayersControl=true&amp;onLoadPanel=undefined&amp;captionBar=false"></iframe><p><a href="http://umap.openstreetmap.fr/fr/map/carte-des-rencontres-chill_44396#12/50.646848/5.57281494">Voir en plein écran</a></p>
</div>
<p>Les rencontres sont l'occasion d'informer et d'échanger sur le logiciel entre utilisateurs et développeurs.</p>
<h3>Il n'y a pas de rencontre Chill prévues à l'agenda</h3>
......@@ -376,8 +421,7 @@
<a href="http://demo.chill.social" class="btn btn-primary popover-chill" title="Accéder la version démo" data-content="Une version de démonstration vous permet de découvrir une première version du logiciel.">Tester le logiciel</a>
<p></p>
</div>
<div class="col-sm-4">
......@@ -530,6 +574,11 @@
});
});
$(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
event.preventDefault();
$(this).ekkoLightbox();
});
</script>
<!-- Piwik -->
<script type="text/javascript">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment