topisto/www
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Put simpleParallax and modify logo.php to merge

Browse Source
This commit is contained in:
MEUNIER Thibaud
2020-01-04 18:18:39 +01:00
parent ca6e77ebb0
commit fc231ee294
69 changed files with 3660 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

217
js/simpleParallaxe/simpleParallax-master/index.html Normal file
View File

@@ -0,0 +1,217 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>simpleParallax</title>
<style>
.container {
display: flex;
align-items: center;
flex-wrap: wrap;
max-width: 900px;
margin: 600px auto;
/* max-height: 400px;
overflow: auto; */
}
.container > div {
flex: 33%;
}
img {
max-width: 100%;
height: auto;
}
.simpleParallax {
/* margin: 0 0 48px; */
}
</style>
</head>
<body>
<section class="container">
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
<div>
<picture>
<source media="(min-width: 650px)" srcset="https://simpleparallax.com/images/image03.jpg" />
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</picture>
</div>
<div>
<img class="up" src="https://simpleparallax.com/images/image03.jpg" alt="simpleParallax image" />
</div>
</section>
</body>
</html>