Compare commits

..

3 Commits

11 changed files with 8 additions and 41 deletions

View File

@ -1,13 +0,0 @@
# Move / rename the content files into the 'public' folder for GitLab Pages
# Artifacts contents of 'public' for Pages
# Deploy pages publicly in GitLab
pages:
stage: deploy
script:
- mv assets public/assets
- mv main.css public/main.css
- mv lightbox-demo.html public/index.html
artifacts:
paths:
- public

View File

@ -10,22 +10,23 @@ This work allowed me to exercise on interface design and graphical design, inspi
* [Interactive showcase](https://khosmon.gitlab.io/Lightbox-Remastered/)
On Firefox, you can use the Adaptative View (`Ctrl / Cmd + Shift + M`) to resize it freely.
* [Before/After comparison](https://khosmon.gitlab.io/Lightbox-Remastered/sliderjs/)
* [Before/After comparison](https://khosmon.gitlab.io/Lightbox-Remastered/juxtaposejs/)
## Gallery
![Exemple de lightbox avec beaucoup de hauteur disponible](./public/readme_assets/Lightbox%201.png)
![Example of a full ranged lightbox](https://khosmon.gitlab.io/Lightbox-Remastered/readme_assets/Lightbox%201.png)
![Exemple de lightbox avec pas mal de hauteur disponible](./public/readme_assets/Lightbox%202.png)
![Example of a comfty lightbox](https://khosmon.gitlab.io/Lightbox-Remastered/readme_assets/Lightbox%202.png)
![Exemple de lightbox avec suffisamment de hauteur disponible](./public/readme_assets/Lightbox%203.png)
![Example of a neat lightbox](https://khosmon.gitlab.io/Lightbox-Remastered/readme_assets/Lightbox%203.png)
![Exemple de lightbox avec peu de hauteur disponible](./public/readme_assets/Lightbox%204.png)
![Example of a tight lightbox](https://khosmon.gitlab.io/Lightbox-Remastered/readme_assets/Lightbox%204.png)
![Exemple de lightbox avec étroitement peu de hauteur disponible](./public/readme_assets/Lightbox%205.png)
![Example of a narrow lightbox](https://khosmon.gitlab.io/Lightbox-Remastered/readme_assets/Lightbox%205.png)
![Example of a cramped lightbox](https://khosmon.gitlab.io/Lightbox-Remastered/readme_assets/Lightbox%206.png)
![Exemple de lightbox avec insuffisamment de hauteur disponible](./public/readme_assets/Lightbox%206.png)
## Credits

Binary file not shown.

Before

Width:  |  Height:  |  Size: 398 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 233 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 193 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 154 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 143 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

View File

@ -1,21 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="remus.min.css">
</head>
<body>
<div class="juxtapose" data-animate="true">
<img src="./actual-screenshot1.jpg" alt="" data-label="2019">
<img src="./poc-screenshot1.jpg" alt="" data-label="poc">
</div>
<script src="https://cdn.knightlab.com/libs/juxtapose/latest/js/juxtapose.min.js"></script>
<link rel="stylesheet" href="https://cdn.knightlab.com/libs/juxtapose/latest/css/juxtapose.css">
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 129 KiB