correction && add form && add slide && add masonry && css
This commit is contained in:
+137
@@ -0,0 +1,137 @@
|
||||
/*! Flickity v2.2.1
|
||||
https://flickity.metafizzy.co
|
||||
---------------------------------------------- */
|
||||
|
||||
.flickity-enabled {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.flickity-enabled:focus { outline: none; }
|
||||
|
||||
.flickity-viewport {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.flickity-slider {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* draggable */
|
||||
|
||||
.flickity-enabled.is-draggable {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.flickity-enabled.is-draggable .flickity-viewport {
|
||||
cursor: move;
|
||||
cursor: -webkit-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
/* ---- flickity-button ---- */
|
||||
|
||||
.flickity-button {
|
||||
position: absolute;
|
||||
background: hsla(0, 0%, 100%, 0.75);
|
||||
border: none;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.flickity-button:hover {
|
||||
background: white;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.flickity-button:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 5px #19F;
|
||||
}
|
||||
|
||||
.flickity-button:active {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.flickity-button:disabled {
|
||||
opacity: 0.3;
|
||||
cursor: auto;
|
||||
/* prevent disabled button from capturing pointer up event. #716 */
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.flickity-button-icon {
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
/* ---- previous/next buttons ---- */
|
||||
|
||||
.flickity-prev-next-button {
|
||||
top: 50%;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 50%;
|
||||
/* vertically center */
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.flickity-prev-next-button.previous { left: 10px; }
|
||||
.flickity-prev-next-button.next { right: 10px; }
|
||||
/* right to left */
|
||||
.flickity-rtl .flickity-prev-next-button.previous {
|
||||
left: auto;
|
||||
right: 10px;
|
||||
}
|
||||
.flickity-rtl .flickity-prev-next-button.next {
|
||||
right: auto;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
.flickity-prev-next-button .flickity-button-icon {
|
||||
position: absolute;
|
||||
left: 20%;
|
||||
top: 20%;
|
||||
width: 60%;
|
||||
height: 60%;
|
||||
}
|
||||
|
||||
/* ---- page dots ---- */
|
||||
|
||||
.flickity-page-dots {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: -25px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.flickity-rtl .flickity-page-dots { direction: rtl; }
|
||||
|
||||
.flickity-page-dots .dot {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 8px;
|
||||
background: #333;
|
||||
border-radius: 50%;
|
||||
opacity: 0.25;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.flickity-page-dots .dot.is-selected {
|
||||
opacity: 1;
|
||||
}
|
||||
+30
@@ -0,0 +1,30 @@
|
||||
var Home = document.querySelector('.hero .slide');
|
||||
var flkty = new Flickity( Home, {
|
||||
// options
|
||||
cellAlign: 'left',
|
||||
autoPlay: true,
|
||||
prevNextButtons: false
|
||||
});
|
||||
|
||||
var prive = document.querySelector('.prive .__slide');
|
||||
var flkty = new Flickity( prive, {
|
||||
// options
|
||||
cellAlign: 'left',
|
||||
autoPlay: true,
|
||||
})
|
||||
|
||||
var slide_tpsF = document.querySelectorAll('.tpsF .slide');
|
||||
for (var i = 0; i < slide_tpsF.length; i++) {
|
||||
var flkty = new Flickity( slide_tpsF[i], {
|
||||
// options
|
||||
cellAlign: 'left',
|
||||
autoPlay: true,
|
||||
pageDots: false
|
||||
});
|
||||
}
|
||||
|
||||
var msnry = new Masonry( '.tableau_engagements.row', {
|
||||
columnWidth: '.engagement',
|
||||
itemSelector: '.engagement',
|
||||
percentPosition: true
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+112
@@ -0,0 +1,112 @@
|
||||
img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
footer img{
|
||||
width: 50px;
|
||||
height: auto;
|
||||
}
|
||||
footer li {
|
||||
list-style-type:none;
|
||||
}
|
||||
|
||||
.sidebar_left {
|
||||
background-color: pink;
|
||||
}
|
||||
.tableau_engagements {
|
||||
background-color: green;
|
||||
}
|
||||
.tableau_engagements div{
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
/* .tableau_engagements > div{
|
||||
display: inline-block;
|
||||
} */
|
||||
.legendes{
|
||||
background-color: pink;
|
||||
position : absolute;
|
||||
bottom: 100px;
|
||||
}
|
||||
|
||||
|
||||
/* START KEVIN */
|
||||
header{
|
||||
z-index: 9999;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.hero{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
}
|
||||
.hero .slide{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
.hero .slide .image{
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
.hero .slide img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.hero .slide .flickity-page-dots{
|
||||
bottom: 20px;
|
||||
}
|
||||
.hero .slide .flickity-page-dots li{
|
||||
background: white;
|
||||
}
|
||||
.hero .__head{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 60px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.wrapper section{
|
||||
margin: 150px 0;
|
||||
}
|
||||
|
||||
.tpsF .img{
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
}
|
||||
.tpsF .img img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
.projet .img{
|
||||
height: 300px;
|
||||
}
|
||||
.projet .img img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.tableau_engagements .engagement{
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.prive .images{
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
}
|
||||
.prive .img img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
|
||||
/* END KEVIN */
|
||||
@@ -0,0 +1,62 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
height="34.837036"
|
||||
width="34.837414"
|
||||
id="svg6590"
|
||||
version="1.1">
|
||||
<metadata
|
||||
id="metadata6596">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs6594">
|
||||
<linearGradient
|
||||
id="linearGradient1406"
|
||||
osb:paint="solid"
|
||||
gradientTransform="matrix(0,0,0,0,4870.6657,-589.95471)">
|
||||
<stop
|
||||
style="stop-color:#000000;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop1404" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<sodipodi:namedview
|
||||
id="namedview6592"
|
||||
inkscape:window-height="480"
|
||||
inkscape:window-width="640"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:pageopacity="0"
|
||||
guidetolerance="10"
|
||||
gridtolerance="10"
|
||||
objecttolerance="10"
|
||||
borderopacity="1"
|
||||
bordercolor="#666666"
|
||||
pagecolor="#ffffff" />
|
||||
<inkscape:clipboard
|
||||
max="3695.1542,3459.565"
|
||||
min="3660.3168,3424.728"
|
||||
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient1406);fill-opacity:1;stroke:none;stroke-width:0.00920708;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;stop-color:#000000;stop-opacity:1" />
|
||||
<path
|
||||
inkscape:export-ydpi="150"
|
||||
inkscape:export-xdpi="150"
|
||||
inkscape:export-filename="/home/maud/Documents/LE CAMPUS BIOVALLEE/3_SITE_WEB/TAF/GABARITS/export4/0_accueil.png"
|
||||
inkscape:connector-curvature="0"
|
||||
id="path4629"
|
||||
d="M 17.418707,0 C 7.7982987,0 0,7.7979207 0,17.418707 c 0,9.619653 7.7982987,17.41833 17.418707,17.41833 9.619653,0 17.418708,-7.798677 17.418708,-17.41833 C 34.837415,7.7979207 27.03836,0 17.418707,0 Z m 4.631055,7.0798105 c 0.166299,-0.00151 0.215433,0.060473 0.215433,0.2229921 0,1.0291653 0,2.0579527 3.78e-4,3.0867404 0,0.185196 -0.05669,0.241889 -0.23811,0.23433 -0.57789,0 -1.156157,-0.0026 -1.734047,-0.0026 -0.769512,0.0026 -1.229858,0.399118 -1.278236,1.159937 -0.03779,0.610393 0,1.224566 -0.03779,1.837228 0,0.219212 0.124724,0.204094 0.268346,0.204094 0.87874,-7.56e-4 1.75748,0 2.635842,0 0.257008,0 0.343937,0.05291 0.313701,0.32504 -0.109606,1.021984 -0.204094,2.046236 -0.294803,3.070488 -0.03779,0.230551 -0.124724,0.275905 -0.332598,0.272126 -0.692788,0 -1.386709,0 -2.080252,0 -0.498142,0 -0.450142,-0.07181 -0.450142,0.435401 0,3.190677 0,6.381354 0,9.572031 0,0.336378 -0.08693,0.421795 -0.418394,0.412724 -1.190551,-0.04535 -2.38148,-0.04535 -3.572031,7.56e-4 -0.336378,0 -0.390803,-0.109606 -0.387779,-0.408567 0,-1.606677 0,-3.213732 0,-4.820787 0,-1.63011 0,-3.26022 0,-4.889952 0,-0.275906 -0.07559,-0.359055 -0.351496,-0.347717 -0.507969,0.04535 -1.017449,0 -1.526174,0 -0.207874,0.003 -0.283464,-0.04913 -0.279685,-0.272126 0,-1.01707 0,-2.034519 0,-3.051968 0,-0.196535 0.05669,-0.260787 0.253229,-0.253228 0.520063,0 1.04126,0 1.560567,0 0.302362,0 0.362834,-0.09071 0.355275,-0.370394 0,-0.774047 -0.0378,-1.549228 0,-2.323275 0.03779,-0.945638 0.275906,-1.8281578 0.837543,-2.5972916 0.712441,-0.9736062 1.725733,-1.4180786 2.89474,-1.4702361 1.200756,-0.052913 2.404158,-0.045354 3.606047,-0.045354 z"
|
||||
style="fill:url(#linearGradient1406);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.00920708;enable-background:new" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 20 KiB |
Reference in New Issue
Block a user