Compare commits
3 Commits
Author | SHA1 | Date | |
---|---|---|---|
|
865837a6ac | ||
|
fdbdcae7cd | ||
|
0dd3454003 |
@ -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
|
|
15
README.md
@ -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/)
|
* [Interactive showcase](https://khosmon.gitlab.io/Lightbox-Remastered/)
|
||||||
On Firefox, you can use the Adaptative View (`Ctrl / Cmd + Shift + M`) to resize it freely.
|
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
|
## Gallery
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
|

|
||||||
|
|
||||||

|
|
||||||
|
|
||||||
## Credits
|
## Credits
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 398 KiB |
Before Width: | Height: | Size: 233 KiB |
Before Width: | Height: | Size: 193 KiB |
Before Width: | Height: | Size: 154 KiB |
Before Width: | Height: | Size: 143 KiB |
Before Width: | Height: | Size: 80 KiB |
Before Width: | Height: | Size: 76 KiB |
@ -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>
|
|
Before Width: | Height: | Size: 129 KiB |