From 417aa52d96ec48b45098eee2bcfc3ee2770b68ca Mon Sep 17 00:00:00 2001 From: Vladimir Stojanovic Date: Fri, 15 Oct 2021 13:44:39 +0200 Subject: [PATCH 1/5] project added --- .gitignore | 6 + .prettierrc | 5 + Screenshots/unsplash_app_overlay_loader.jpg | Bin 0 -> 26082 bytes assets/design/Bean Eater-1s-200px.svg | 25 ++ assets/design/international.png | Bin 0 -> 13499 bytes .../photo-1488426862026-3ee34a7d66df.jpg | Bin 0 -> 13775 bytes assets/style/_core.scss | 21 ++ assets/style/_header.scss | 54 +++ assets/style/_image-container.scss | 158 ++++++++ assets/style/_lightbox.scss | 120 ++++++ assets/style/_loader.scss | 16 + assets/style/_variables.scss | 9 + assets/style/style.css | 357 ++++++++++++++++++ assets/style/style.css.map | 1 + assets/style/style.scss | 5 + index.html | 35 ++ index.js | 193 ++++++++++ package-lock.json | 130 +++++++ package.json | 21 ++ 19 files changed, 1156 insertions(+) create mode 100644 .gitignore create mode 100644 .prettierrc create mode 100644 Screenshots/unsplash_app_overlay_loader.jpg create mode 100644 assets/design/Bean Eater-1s-200px.svg create mode 100644 assets/design/international.png create mode 100644 assets/design/photo-1488426862026-3ee34a7d66df.jpg create mode 100644 assets/style/_core.scss create mode 100644 assets/style/_header.scss create mode 100644 assets/style/_image-container.scss create mode 100644 assets/style/_lightbox.scss create mode 100644 assets/style/_loader.scss create mode 100644 assets/style/_variables.scss create mode 100644 assets/style/style.css create mode 100644 assets/style/style.css.map create mode 100644 assets/style/style.scss create mode 100644 index.html create mode 100644 index.js create mode 100644 package-lock.json create mode 100644 package.json diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..24989f3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,6 @@ +*.sketch +*.fig +*.xd +.DS_Store + +node_modules diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..9e7e2ac --- /dev/null +++ b/.prettierrc @@ -0,0 +1,5 @@ +{ + "singleQuote": true, + "tabWidth": 4, + "trailingComma": "es5" +} \ No newline at end of file diff --git a/Screenshots/unsplash_app_overlay_loader.jpg b/Screenshots/unsplash_app_overlay_loader.jpg new file mode 100644 index 0000000000000000000000000000000000000000..16bf39542c235a57fc89f3ca0b444a2e91ee6832 GIT binary patch literal 26082 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 + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/design/international.png b/assets/design/international.png new file mode 100644 index 0000000000000000000000000000000000000000..7a7cd23aa54c1be81fa74c06f771af1c1e8b5459 GIT binary patch literal 13499 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 Xuw|e(?A4XOe;F}DSr}CtIz{{sH{0Mv literal 0 HcmV?d00001 diff --git a/assets/design/photo-1488426862026-3ee34a7d66df.jpg b/assets/design/photo-1488426862026-3ee34a7d66df.jpg new file mode 100644 index 0000000000000000000000000000000000000000..9daf1fc0a7ef54fd1e771421bd4496b2e09d4efd GIT binary patch literal 13775 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 literal 0 HcmV?d00001 diff --git a/assets/style/_core.scss b/assets/style/_core.scss new file mode 100644 index 0000000..feb8c02 --- /dev/null +++ b/assets/style/_core.scss @@ -0,0 +1,21 @@ +@use '_variables' as *; + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + margin: 0; + font-family: $primaryFont; + background-color: $bodyColor; +} + +main { + background-color: $bodyColor; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} diff --git a/assets/style/_header.scss b/assets/style/_header.scss new file mode 100644 index 0000000..c959964 --- /dev/null +++ b/assets/style/_header.scss @@ -0,0 +1,54 @@ +@use '_variables' as *; + +header { + z-index: 50; + padding-top: 0.25rem; + position: sticky; + top: 0; + background-color: inherit; + margin: 10px 24px 20px 24px; + padding: 20px; + display: flex; + justify-content: flex-start; + min-width: 375px; + width: 100%; + + h1 { + color: $h1Color; + opacity: 0.7; + text-transform: uppercase; + font-size: 26px; + text-align: center; + padding-right: 10px; + + @media only screen and (min-width: 768px) { + font-size: 45px; + } + + @media only screen and (min-width: 1280px) { + font-size: 60px; + } + } + + button { + width: 60px; + text-align: center; + cursor: pointer; + font-family: $primaryFont; + text-transform: uppercase; + background-color: $buttonColor; + color: $h1Color; + border-radius: 10px; + border: none; + + @media only screen and (min-width: 768px) { + width: 70px; + font-size: 20px; + } + + @media only screen and (min-width: 1280px) { + width: 90px; + font-size: 35px; + } + } +} diff --git a/assets/style/_image-container.scss b/assets/style/_image-container.scss new file mode 100644 index 0000000..0f6ae70 --- /dev/null +++ b/assets/style/_image-container.scss @@ -0,0 +1,158 @@ +@use '_variables' as *; + +.image-container { + padding: 20px; + padding-top: 00.25rem; + min-width: 375px; + margin: 20px 10%; + display: flex; + flex-direction: column; + align-items: center; + color: $buttonColor; + + .all { + padding: 5px; + margin-bottom: 10px; + box-shadow: $shadowColor 0px 3px 8px; + } + + img { + width: 100%; + height: 90%; + margin-top: 5px; + cursor: pointer; + } + + a { + cursor: pointer; + font-size: 10px; + margin-top: 10px; + text-decoration: none; + color: $buttonColor; + + @media only screen and (min-width: 768px) { + font-size: 20px; + margin-bottom: 20px; + } + + @media only screen and (min-width: 1280px) { + font-size: 30px; + margin-bottom: 20px; + } + } + + .userInfo { + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + margin-bottom: 3px; + + small { + align-self: flex-end; + font-size: 15px; + color: $usernameColor; + + @media only screen and (min-width: 768px) { + font-size: 30px; + } + + @media only screen and (min-width: 768px) { + font-size: 40px; + } + } + } + + .avatar { + width: 15%; + height: 15%; + border-radius: 50%; + margin-right: 15px; + margin-bottom: 3px; + padding: 5px; + } + + .stats { + font-size: 13px; + display: flex; + justify-content: center; + width: 100%; + padding-right: 15px; + + small { + @media only screen and (min-width: 768px) { + font-size: 20px; + margin-bottom: 10px; + } + + @media only screen and (min-width: 1280px) { + font-size: 25px; + } + } + } + + .likes { + margin-right: 15px; + } + + .social { + font-size: 13px; + align-self: flex-start; + display: flex; + flex-direction: column; + justify-content: baseline; + align-items: flex-start; + + small { + @media only screen and (min-width: 768px) { + font-size: 20px; + padding-bottom: 5px; + } + + @media only screen and (min-width: 1280px) { + font-size: 30px; + } + } + } +} + +.grid { + display: grid; + grid-template-columns: repeat(3, 110px); + justify-content: center; + align-content: center; + align-items: center; + grid-gap: 15px; + width: 100%; + margin: 0; + margin-top: 20px; + + @media only screen and (min-width: 768px) { + grid-template-columns: repeat(4, 170px); + } + + @media only screen and (min-width: 1280px) { + grid-template-columns: repeat(5, 200px); + } + + .all { + padding: 0; + margin: 0; + width: 100%; + height: 100%; + } + + img { + margin: 0; + width: 100%; + height: 100%; + } + + .userInfo, + .likes, + .social, + .stats, + a { + display: none; + } +} diff --git a/assets/style/_lightbox.scss b/assets/style/_lightbox.scss new file mode 100644 index 0000000..91c59ae --- /dev/null +++ b/assets/style/_lightbox.scss @@ -0,0 +1,120 @@ +@use '_variables' as *; + +#lightbox { + position: fixed; + z-index: 1000; + top: 0; + width: 100%; + height: 100%; + background-color: rgba($color: $black, $alpha: 0.8); + display: none; + color: $lightBoxTextColor; + + img { + max-width: 90%; + max-height: 80%; + padding: 2px; + border: 1px solid $lightBoxTextColor; + margin-bottom: 10px; + + @media only screen and (min-width: 768px) { + max-width: 80%; + max-height: 70%; + } + } + + .userInfo { + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + margin-bottom: 7px; + + small { + margin-bottom: 7px; + align-self: flex-end; + + @media only screen and (min-width: 768px) { + font-size: 22px; + } + + @media only screen and (min-width: 1280px) { + font-size: 35px; + } + } + + img { + outline: none; + border: none; + width: 15%; + height: 15%; + border-radius: 50%; + margin-right: 15px; + } + } + + .stats { + font-size: 15px; + display: flex; + justify-content: center; + width: 100%; + margin-bottom: 7px; + + small { + @media only screen and (min-width: 768px) { + font-size: 22px; + } + + @media only screen and (min-width: 1280px) { + font-size: 25px; + } + } + + .likes { + margin-right: 15px; + } + } + + a { + font-size: 13px; + margin-top: 10px; + color: $lightBoxTextColor; + text-decoration: none; + cursor: pointer; + + @media only screen and (min-width: 768px) { + font-size: 22px; + } + + @media only screen and (min-width: 1280px) { + font-size: 30px; + } + } + + .social { + margin-top: 7px; + font-size: 15px; + align-self: flex-start; + display: flex; + flex-direction: column; + justify-content: baseline; + align-items: flex-start; + + small { + @media only screen and (min-width: 768px) { + font-size: 22px; + } + + @media only screen and (min-width: 1280px) { + font-size: 30px; + } + } + } +} + +#lightbox.active { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} diff --git a/assets/style/_loader.scss b/assets/style/_loader.scss new file mode 100644 index 0000000..066b23e --- /dev/null +++ b/assets/style/_loader.scss @@ -0,0 +1,16 @@ +@use '_variables' as *; + +.loader { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + + img { + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } +} diff --git a/assets/style/_variables.scss b/assets/style/_variables.scss new file mode 100644 index 0000000..eb4743f --- /dev/null +++ b/assets/style/_variables.scss @@ -0,0 +1,9 @@ +$primaryFont: 'Roboto', sans-serif; + +$bodyColor: #d5d3ea; +$h1Color: #f9b15e; +$buttonColor: #190f03; +$shadowColor: rgba(0, 0, 0, 0.24); +$usernameColor: #755e45; +$lightBoxTextColor: #f9a94d; +$black: #000000; diff --git a/assets/style/style.css b/assets/style/style.css new file mode 100644 index 0000000..d23673d --- /dev/null +++ b/assets/style/style.css @@ -0,0 +1,357 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + margin: 0; + font-family: "Roboto", sans-serif; + background-color: #d5d3ea; +} + +main { + background-color: #d5d3ea; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +header { + z-index: 50; + padding-top: 0.25rem; + position: sticky; + top: 0; + background-color: inherit; + margin: 10px 24px 20px 24px; + padding: 20px; + display: flex; + justify-content: flex-start; + min-width: 375px; + width: 100%; +} +header h1 { + color: #f9b15e; + opacity: 0.7; + text-transform: uppercase; + font-size: 26px; + text-align: center; + padding-right: 10px; +} +@media only screen and (min-width: 768px) { + header h1 { + font-size: 45px; + } +} +@media only screen and (min-width: 1280px) { + header h1 { + font-size: 60px; + } +} +header button { + width: 60px; + text-align: center; + cursor: pointer; + font-family: "Roboto", sans-serif; + text-transform: uppercase; + background-color: #190f03; + color: #f9b15e; + border-radius: 10px; + border: none; +} +@media only screen and (min-width: 768px) { + header button { + width: 70px; + font-size: 20px; + } +} +@media only screen and (min-width: 1280px) { + header button { + width: 90px; + font-size: 35px; + } +} + +.loader { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.loader img { + position: fixed; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +.image-container { + padding: 20px; + padding-top: 0.25rem; + min-width: 375px; + margin: 20px 10%; + display: flex; + flex-direction: column; + align-items: center; + color: #190f03; +} +.image-container .all { + padding: 5px; + margin-bottom: 10px; + box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; +} +.image-container img { + width: 100%; + height: 90%; + margin-top: 5px; + cursor: pointer; +} +.image-container a { + cursor: pointer; + font-size: 10px; + margin-top: 10px; + text-decoration: none; + color: #190f03; +} +@media only screen and (min-width: 768px) { + .image-container a { + font-size: 20px; + margin-bottom: 20px; + } +} +@media only screen and (min-width: 1280px) { + .image-container a { + font-size: 30px; + margin-bottom: 20px; + } +} +.image-container .userInfo { + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + margin-bottom: 3px; +} +.image-container .userInfo small { + align-self: flex-end; + font-size: 15px; + color: #755e45; +} +@media only screen and (min-width: 768px) { + .image-container .userInfo small { + font-size: 30px; + } +} +@media only screen and (min-width: 768px) { + .image-container .userInfo small { + font-size: 40px; + } +} +.image-container .avatar { + width: 15%; + height: 15%; + border-radius: 50%; + margin-right: 15px; + margin-bottom: 3px; + padding: 5px; +} +.image-container .stats { + font-size: 13px; + display: flex; + justify-content: center; + width: 100%; + padding-right: 15px; +} +@media only screen and (min-width: 768px) { + .image-container .stats small { + font-size: 20px; + margin-bottom: 10px; + } +} +@media only screen and (min-width: 1280px) { + .image-container .stats small { + font-size: 25px; + } +} +.image-container .likes { + margin-right: 15px; +} +.image-container .social { + font-size: 13px; + align-self: flex-start; + display: flex; + flex-direction: column; + justify-content: baseline; + align-items: flex-start; +} +@media only screen and (min-width: 768px) { + .image-container .social small { + font-size: 20px; + padding-bottom: 5px; + } +} +@media only screen and (min-width: 1280px) { + .image-container .social small { + font-size: 30px; + } +} + +.grid { + display: grid; + grid-template-columns: repeat(3, 110px); + justify-content: center; + align-content: center; + align-items: center; + grid-gap: 15px; + width: 100%; + margin: 0; + margin-top: 20px; +} +@media only screen and (min-width: 768px) { + .grid { + grid-template-columns: repeat(4, 170px); + } +} +@media only screen and (min-width: 1280px) { + .grid { + grid-template-columns: repeat(5, 200px); + } +} +.grid .all { + padding: 0; + margin: 0; + width: 100%; + height: 100%; +} +.grid img { + margin: 0; + width: 100%; + height: 100%; +} +.grid .userInfo, +.grid .likes, +.grid .social, +.grid .stats, +.grid a { + display: none; +} + +#lightbox { + position: fixed; + z-index: 1000; + top: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.8); + display: none; + color: #f9a94d; +} +#lightbox img { + max-width: 90%; + max-height: 80%; + padding: 2px; + border: 1px solid #f9a94d; + margin-bottom: 10px; +} +@media only screen and (min-width: 768px) { + #lightbox img { + max-width: 80%; + max-height: 70%; + } +} +#lightbox .userInfo { + width: 100%; + display: flex; + justify-content: flex-start; + align-items: center; + margin-bottom: 7px; +} +#lightbox .userInfo small { + margin-bottom: 7px; + align-self: flex-end; +} +@media only screen and (min-width: 768px) { + #lightbox .userInfo small { + font-size: 22px; + } +} +@media only screen and (min-width: 1280px) { + #lightbox .userInfo small { + font-size: 35px; + } +} +#lightbox .userInfo img { + outline: none; + border: none; + width: 15%; + height: 15%; + border-radius: 50%; + margin-right: 15px; +} +#lightbox .stats { + font-size: 15px; + display: flex; + justify-content: center; + width: 100%; + margin-bottom: 7px; +} +@media only screen and (min-width: 768px) { + #lightbox .stats small { + font-size: 22px; + } +} +@media only screen and (min-width: 1280px) { + #lightbox .stats small { + font-size: 25px; + } +} +#lightbox .stats .likes { + margin-right: 15px; +} +#lightbox a { + font-size: 13px; + margin-top: 10px; + color: #f9a94d; + text-decoration: none; + cursor: pointer; +} +@media only screen and (min-width: 768px) { + #lightbox a { + font-size: 22px; + } +} +@media only screen and (min-width: 1280px) { + #lightbox a { + font-size: 30px; + } +} +#lightbox .social { + margin-top: 7px; + font-size: 15px; + align-self: flex-start; + display: flex; + flex-direction: column; + justify-content: baseline; + align-items: flex-start; +} +@media only screen and (min-width: 768px) { + #lightbox .social small { + font-size: 22px; + } +} +@media only screen and (min-width: 1280px) { + #lightbox .social small { + font-size: 30px; + } +} + +#lightbox.active { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +/*# sourceMappingURL=style.css.map */ diff --git a/assets/style/style.css.map b/assets/style/style.css.map new file mode 100644 index 0000000..3589e06 --- /dev/null +++ b/assets/style/style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["_core.scss","_variables.scss","_header.scss","_loader.scss","_image-container.scss","_lightbox.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;EACA,aCVU;EDWV,kBCTQ;;;ADYZ;EACI,kBCbQ;EDcR;EACA;EACA;EACA;;;AEjBJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,ODbE;ECcF;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;;;AAGJ;EAZJ;IAaQ;;;AAIR;EACI;EACA;EACA;EACA,aDpCM;ECqCN;EACA,kBDlCM;ECmCN,ODpCE;ECqCF;EACA;;AAEA;EAXJ;IAYQ;IACA;;;AAGJ;EAhBJ;IAiBQ;IACA;;;;AChDZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACXR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OHNU;;AGQV;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA,OH1BM;;AG4BN;EAPJ;IAQQ;IACA;;;AAGJ;EAZJ;IAaQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,OH/CI;;AGiDJ;EALJ;IAMQ;;;AAGJ;EATJ;IAUQ;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXJ;IAYQ;;;AAGJ;EAfJ;IAgBQ;;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;ACzJR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OJHgB;;AIKhB;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EARJ;IASQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;AAIR;EACI;;AAIR;EACI;EACA;EACA,OJzEY;EI0EZ;EACA;;AAEA;EAPJ;IAQQ;;;AAGJ;EAXJ;IAYQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;;AAMhB;EACI;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file diff --git a/assets/style/style.scss b/assets/style/style.scss new file mode 100644 index 0000000..719a2a5 --- /dev/null +++ b/assets/style/style.scss @@ -0,0 +1,5 @@ +@import '_core'; +@import '_header'; +@import '_loader'; +@import '_image-container'; +@import '_lightbox'; diff --git a/index.html b/index.html new file mode 100644 index 0000000..2cfdbee --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ + + + + + + + + + + + + + + + Unsplash App + + +
+ +
+ loader +
+
+
+ +
+ + diff --git a/index.js b/index.js new file mode 100644 index 0000000..e546567 --- /dev/null +++ b/index.js @@ -0,0 +1,193 @@ +const imageContainer = document.getElementById('image-container'); +const button = document.getElementById('button'); +const loader = document.getElementById('loader'); + +const apiKey = 'Y9QXVgfTOVX0MDoTWFKtvtYXQwZaOceLP755xM_d0SM'; + +const lightbox = document.createElement('div'); +lightbox.id = 'lightbox'; +document.body.appendChild(lightbox); + +function changeView() { + if (imageContainer.classList.contains('grid')) { + imageContainer.classList.remove('grid'); + button.innerText = 'grid'; + } else { + imageContainer.classList.add('grid'); + button.innerText = 'list'; + } +} + +let ready = false; +let imagesLoaded = 0; +let totalImages = 0; + +let count = 15; + +apiUrl = `https://api.unsplash.com/photos/random/?client_id=${apiKey}&count=${count}`; + +function updatedCount(newCount) { + newCount = 20; + apiUrl = `https://api.unsplash.com/photos/random/?client_id=${apiKey}&count=${newCount}`; +} + +function imageLoaded() { + imagesLoaded++; + console.log(imagesLoaded); + if (imagesLoaded === totalImages) { + ready = true; + loader.hidden = true; + updatedCount(); + } +} + +function setAttributes(element, attributes) { + for (const key in attributes) { + element.setAttribute(key, attributes[key]); + } +} + +function displayPhotosWithInfo() { + //update info for social part, set opacity if unavaiable + function updateSocialData(api_data, targetElement, title) { + if (api_data == '' || api_data === null) { + targetElement.style.opacity = 0.5; + return title + 'Not available'; + } else { + targetElement.style.opacity = 1; + return title + `${api_data}`; + } + } + + imagesLoaded = 0; + totalImages = photosArray.length; + console.log(totalImages); + photosArray.forEach((photo) => { + //create image + const img = document.createElement('img'); + setAttributes(img, { + src: photo.urls.regular, + alt: photo.alt_description + photo.current_user_collections.title, + title: photo.alt_description, + }); + //create container for all info + const all = document.createElement('div'); + all.classList.add('all'); + + //container for avatar and username + const userInfo = document.createElement('div'); + userInfo.classList.add('userInfo'); + + //likes and downloads + const stats = document.createElement('div'); + stats.classList.add('stats'); + + //url, twitter, instagram + const social = document.createElement('div'); + social.classList.add('social'); + + //photo link + const photoLink = document.createElement('a'); + photoLink.href = photo.links.html; + photoLink.innerText = 'Link: ' + photo.links.html; + + //likes + const likes = document.createElement('small'); + likes.classList.add('likes'); + likes.innerText = 'Likes: ' + photo.likes; + + //downloads + const downloads = document.createElement('small'); + downloads.innerText = 'Downloads: ' + photo.likes; + + //avatar image + const avatar = document.createElement('img'); + avatar.classList.add('avatar'); + setAttributes(avatar, { src: photo.user.profile_image.small }); + + //username + const username = document.createElement('small'); + username.innerText = photo.user.username; + + //portfolio URL + const portfolioURL = document.createElement('small'); + portfolioURL.innerHTML = updateSocialData( + photo.user.portfolio_url, + portfolioURL, + 'URL: ' + ); + + const twitter = document.createElement('small'); + twitter.innerText = updateSocialData( + photo.user.social.twitter_username, + twitter, + 'Twitter: ' + ); + + const instagram = document.createElement('small'); + instagram.innerText = updateSocialData( + photo.user.social.instagram_username, + instagram, + 'Instagram: ' + ); + + img.addEventListener('click', (e) => { + lightbox.classList.add('active'); + const image = document.createElement('img'); + image.src = img.src; + image.classList.add('lightBoxImage'); + + while (lightbox.firstChild) { + lightbox.removeChild(lightbox.firstChild); + } + lightbox.appendChild(all); + }); + + lightbox.addEventListener('click', (e) => { + lightbox.classList.remove('active'); + }); + + //check when finish loading + img.addEventListener('load', imageLoaded); + + userInfo.appendChild(avatar); + userInfo.appendChild(username); + imageContainer.appendChild(all); + all.appendChild(userInfo); + all.appendChild(img); + all.appendChild(stats); + all.appendChild(photoLink); + all.appendChild(social); + stats.appendChild(likes); + stats.appendChild(downloads); + social.appendChild(portfolioURL); + social.appendChild(twitter); + social.appendChild(instagram); + }); +} + +async function getPhotos() { + try { + const response = await fetch(apiUrl); + photosArray = await response.json(); + + console.log(photosArray); + displayPhotosWithInfo(); + } catch (error) { + console.log(error); + } +} + +window.addEventListener('scroll', () => { + if ( + window.innerHeight + window.scrollY >= + document.body.offsetHeight - 2000 && + ready + ) { + ready = false; + loader.hidden = false; + getPhotos(); + } +}); + +getPhotos(); diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..2ee8cd8 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,130 @@ +{ + "name": "unsplash-infinite-loader", + "version": "1.0.0", + "lockfileVersion": 2, + "requires": true, + "packages": { + "": { + "name": "unsplash-infinite-loader", + "version": "1.0.0", + "license": "ISC", + "dependencies": { + "@fortawesome/fontawesome-free": "^5.15.4", + "@fortawesome/fontawesome-svg-core": "^1.2.36", + "@fortawesome/free-regular-svg-icons": "^5.15.4", + "@fortawesome/free-solid-svg-icons": "^5.15.4" + }, + "devDependencies": { + "prettier": "^2.4.1" + } + }, + "node_modules/@fortawesome/fontawesome-common-types": { + "version": "0.2.36", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.36.tgz", + "integrity": "sha512-a/7BiSgobHAgBWeN7N0w+lAhInrGxksn13uK7231n2m8EDPE3BMCl9NZLTGrj9ZXfCmC6LM0QLqXidIizVQ6yg==", + "hasInstallScript": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/fontawesome-free": { + "version": "5.15.4", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.4.tgz", + "integrity": "sha512-eYm8vijH/hpzr/6/1CJ/V/Eb1xQFW2nnUKArb3z+yUWv7HTwj6M7SP957oMjfZjAHU6qpoNc2wQvIxBLWYa/Jg==", + "hasInstallScript": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/fontawesome-svg-core": { + "version": "1.2.36", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.36.tgz", + "integrity": "sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "^0.2.36" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/free-regular-svg-icons": { + "version": "5.15.4", + "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-5.15.4.tgz", + "integrity": "sha512-9VNNnU3CXHy9XednJ3wzQp6SwNwT3XaM26oS4Rp391GsxVYA+0oDR2J194YCIWf7jNRCYKjUCOduxdceLrx+xw==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "^0.2.36" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/free-solid-svg-icons": { + "version": "5.15.4", + "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.15.4.tgz", + "integrity": "sha512-JLmQfz6tdtwxoihXLg6lT78BorrFyCf59SAwBM6qV/0zXyVeDygJVb3fk+j5Qat+Yvcxp1buLTY5iDh1ZSAQ8w==", + "hasInstallScript": true, + "dependencies": { + "@fortawesome/fontawesome-common-types": "^0.2.36" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/prettier": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.4.1.tgz", + "integrity": "sha512-9fbDAXSBcc6Bs1mZrDYb3XKzDLm4EXXL9sC1LqKP5rZkT6KRr/rf9amVUcODVXgguK/isJz0d0hP72WeaKWsvA==", + "dev": true, + "bin": { + "prettier": "bin-prettier.js" + }, + "engines": { + "node": ">=10.13.0" + } + } + }, + "dependencies": { + "@fortawesome/fontawesome-common-types": { + "version": "0.2.36", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.36.tgz", + "integrity": "sha512-a/7BiSgobHAgBWeN7N0w+lAhInrGxksn13uK7231n2m8EDPE3BMCl9NZLTGrj9ZXfCmC6LM0QLqXidIizVQ6yg==" + }, + "@fortawesome/fontawesome-free": { + "version": "5.15.4", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.4.tgz", + "integrity": "sha512-eYm8vijH/hpzr/6/1CJ/V/Eb1xQFW2nnUKArb3z+yUWv7HTwj6M7SP957oMjfZjAHU6qpoNc2wQvIxBLWYa/Jg==" + }, + "@fortawesome/fontawesome-svg-core": { + "version": "1.2.36", + "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.36.tgz", + "integrity": "sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==", + "requires": { + "@fortawesome/fontawesome-common-types": "^0.2.36" + } + }, + "@fortawesome/free-regular-svg-icons": { + "version": "5.15.4", + "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-5.15.4.tgz", + "integrity": "sha512-9VNNnU3CXHy9XednJ3wzQp6SwNwT3XaM26oS4Rp391GsxVYA+0oDR2J194YCIWf7jNRCYKjUCOduxdceLrx+xw==", + "requires": { + "@fortawesome/fontawesome-common-types": "^0.2.36" + } + }, + "@fortawesome/free-solid-svg-icons": { + "version": "5.15.4", + "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.15.4.tgz", + "integrity": "sha512-JLmQfz6tdtwxoihXLg6lT78BorrFyCf59SAwBM6qV/0zXyVeDygJVb3fk+j5Qat+Yvcxp1buLTY5iDh1ZSAQ8w==", + "requires": { + "@fortawesome/fontawesome-common-types": "^0.2.36" + } + }, + "prettier": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.4.1.tgz", + "integrity": "sha512-9fbDAXSBcc6Bs1mZrDYb3XKzDLm4EXXL9sC1LqKP5rZkT6KRr/rf9amVUcODVXgguK/isJz0d0hP72WeaKWsvA==", + "dev": true + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..c52bb8c --- /dev/null +++ b/package.json @@ -0,0 +1,21 @@ +{ + "name": "unsplash-infinite-loader", + "version": "1.0.0", + "description": "**To do this challenge, you need a good understanding of HTML, CSS, and JavaScript.**", + "main": "index.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1", + "format": "prettier --write \"**/*.{js,scss}\"" + }, + "author": "Vladimir Stojanovic", + "license": "ISC", + "devDependencies": { + "prettier": "^2.4.1" + }, + "dependencies": { + "@fortawesome/fontawesome-free": "^5.15.4", + "@fortawesome/fontawesome-svg-core": "^1.2.36", + "@fortawesome/free-regular-svg-icons": "^5.15.4", + "@fortawesome/free-solid-svg-icons": "^5.15.4" + } +} \ No newline at end of file From 6abb2a7fe29f49893eda3fd0cffedc4ba58fc163 Mon Sep 17 00:00:00 2001 From: Vladimir Stojanovic Date: Fri, 15 Oct 2021 13:49:03 +0200 Subject: [PATCH 2/5] append child order changed --- index.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/index.js b/index.js index e546567..9b2abcc 100644 --- a/index.js +++ b/index.js @@ -152,17 +152,17 @@ function displayPhotosWithInfo() { userInfo.appendChild(avatar); userInfo.appendChild(username); - imageContainer.appendChild(all); - all.appendChild(userInfo); - all.appendChild(img); - all.appendChild(stats); - all.appendChild(photoLink); - all.appendChild(social); stats.appendChild(likes); stats.appendChild(downloads); social.appendChild(portfolioURL); social.appendChild(twitter); social.appendChild(instagram); + all.appendChild(userInfo); + all.appendChild(img); + all.appendChild(stats); + all.appendChild(photoLink); + all.appendChild(social); + imageContainer.appendChild(all); }); } From 4bd8e09231ea1a5b95f9814eae800751a96503fb Mon Sep 17 00:00:00 2001 From: Vladimir Stojanovic Date: Fri, 15 Oct 2021 13:54:31 +0200 Subject: [PATCH 3/5] removed console.log --- index.js | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/index.js b/index.js index 9b2abcc..20c42b7 100644 --- a/index.js +++ b/index.js @@ -33,7 +33,6 @@ function updatedCount(newCount) { function imageLoaded() { imagesLoaded++; - console.log(imagesLoaded); if (imagesLoaded === totalImages) { ready = true; loader.hidden = true; @@ -61,7 +60,6 @@ function displayPhotosWithInfo() { imagesLoaded = 0; totalImages = photosArray.length; - console.log(totalImages); photosArray.forEach((photo) => { //create image const img = document.createElement('img'); @@ -103,7 +101,7 @@ function displayPhotosWithInfo() { //avatar image const avatar = document.createElement('img'); avatar.classList.add('avatar'); - setAttributes(avatar, { src: photo.user.profile_image.small }); + setAttributes(avatar, { src: photo.user.profile_image.large }); //username const username = document.createElement('small'); @@ -171,7 +169,6 @@ async function getPhotos() { const response = await fetch(apiUrl); photosArray = await response.json(); - console.log(photosArray); displayPhotosWithInfo(); } catch (error) { console.log(error); From b7401481f44b91a66c125d597b108d9f0eebd0e2 Mon Sep 17 00:00:00 2001 From: Vladimir Stojanovic Date: Fri, 15 Oct 2021 14:09:32 +0200 Subject: [PATCH 4/5] lightbox siye --- assets/style/_lightbox.scss | 15 +++++++++------ assets/style/style.css | 12 +++++------- assets/style/style.css.map | 2 +- 3 files changed, 15 insertions(+), 14 deletions(-) diff --git a/assets/style/_lightbox.scss b/assets/style/_lightbox.scss index 91c59ae..b461ba7 100644 --- a/assets/style/_lightbox.scss +++ b/assets/style/_lightbox.scss @@ -10,19 +10,22 @@ display: none; color: $lightBoxTextColor; - img { + .all { max-width: 90%; max-height: 80%; - padding: 2px; - border: 1px solid $lightBoxTextColor; - margin-bottom: 10px; @media only screen and (min-width: 768px) { - max-width: 80%; - max-height: 70%; } } + img { + padding: 2px; + border: 1px solid $lightBoxTextColor; + margin-bottom: 10px; + max-width: 90%; + max-height: 80%; + } + .userInfo { width: 100%; display: flex; diff --git a/assets/style/style.css b/assets/style/style.css index d23673d..347f599 100644 --- a/assets/style/style.css +++ b/assets/style/style.css @@ -248,18 +248,16 @@ header button { display: none; color: #f9a94d; } -#lightbox img { +#lightbox .all { max-width: 90%; max-height: 80%; +} +#lightbox img { padding: 2px; border: 1px solid #f9a94d; margin-bottom: 10px; -} -@media only screen and (min-width: 768px) { - #lightbox img { - max-width: 80%; - max-height: 70%; - } + max-width: 90%; + max-height: 80%; } #lightbox .userInfo { width: 100%; diff --git a/assets/style/style.css.map b/assets/style/style.css.map index 3589e06..ffe4ee2 100644 --- a/assets/style/style.css.map +++ b/assets/style/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["_core.scss","_variables.scss","_header.scss","_loader.scss","_image-container.scss","_lightbox.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;EACA,aCVU;EDWV,kBCTQ;;;ADYZ;EACI,kBCbQ;EDcR;EACA;EACA;EACA;;;AEjBJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,ODbE;ECcF;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;;;AAGJ;EAZJ;IAaQ;;;AAIR;EACI;EACA;EACA;EACA,aDpCM;ECqCN;EACA,kBDlCM;ECmCN,ODpCE;ECqCF;EACA;;AAEA;EAXJ;IAYQ;IACA;;;AAGJ;EAhBJ;IAiBQ;IACA;;;;AChDZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACXR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OHNU;;AGQV;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA,OH1BM;;AG4BN;EAPJ;IAQQ;IACA;;;AAGJ;EAZJ;IAaQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,OH/CI;;AGiDJ;EALJ;IAMQ;;;AAGJ;EATJ;IAUQ;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXJ;IAYQ;;;AAGJ;EAfJ;IAgBQ;;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;ACzJR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OJHgB;;AIKhB;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EARJ;IASQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;AAIR;EACI;;AAIR;EACI;EACA;EACA,OJzEY;EI0EZ;EACA;;AAEA;EAPJ;IAQQ;;;AAGJ;EAXJ;IAYQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;;AAMhB;EACI;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["_core.scss","_variables.scss","_header.scss","_loader.scss","_image-container.scss","_lightbox.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;EACA,aCVU;EDWV,kBCTQ;;;ADYZ;EACI,kBCbQ;EDcR;EACA;EACA;EACA;;;AEjBJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,ODbE;ECcF;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;;;AAGJ;EAZJ;IAaQ;;;AAIR;EACI;EACA;EACA;EACA,aDpCM;ECqCN;EACA,kBDlCM;ECmCN,ODpCE;ECqCF;EACA;;AAEA;EAXJ;IAYQ;IACA;;;AAGJ;EAhBJ;IAiBQ;IACA;;;;AChDZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACXR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OHNU;;AGQV;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA,OH1BM;;AG4BN;EAPJ;IAQQ;IACA;;;AAGJ;EAZJ;IAaQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,OH/CI;;AGiDJ;EALJ;IAMQ;;;AAGJ;EATJ;IAUQ;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXJ;IAYQ;;;AAGJ;EAfJ;IAgBQ;;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;ACzJR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OJHgB;;AIKhB;EACI;EACA;;AAMJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EARJ;IASQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;AAIR;EACI;;AAIR;EACI;EACA;EACA,OJ5EY;EI6EZ;EACA;;AAEA;EAPJ;IAQQ;;;AAGJ;EAXJ;IAYQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;;AAMhB;EACI;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file From 3aa450e29d872c26dec12f705d1b559f98f08d81 Mon Sep 17 00:00:00 2001 From: Vladimir Stojanovic Date: Mon, 18 Oct 2021 19:43:25 +0200 Subject: [PATCH 5/5] pr changes --- assets/style/_image-container.scss | 2 +- assets/style/_lightbox.scss | 2 ++ assets/style/style.css | 6 ++++++ assets/style/style.css.map | 2 +- index.html | 2 +- 5 files changed, 11 insertions(+), 3 deletions(-) diff --git a/assets/style/_image-container.scss b/assets/style/_image-container.scss index 0f6ae70..c2a5ba3 100644 --- a/assets/style/_image-container.scss +++ b/assets/style/_image-container.scss @@ -2,7 +2,7 @@ .image-container { padding: 20px; - padding-top: 00.25rem; + padding-top: 4px; min-width: 375px; margin: 20px 10%; display: flex; diff --git a/assets/style/_lightbox.scss b/assets/style/_lightbox.scss index b461ba7..a28b386 100644 --- a/assets/style/_lightbox.scss +++ b/assets/style/_lightbox.scss @@ -15,6 +15,8 @@ max-height: 80%; @media only screen and (min-width: 768px) { + max-width: 60%; + max-height: 50%; } } diff --git a/assets/style/style.css b/assets/style/style.css index 347f599..7b5a010 100644 --- a/assets/style/style.css +++ b/assets/style/style.css @@ -252,6 +252,12 @@ header button { max-width: 90%; max-height: 80%; } +@media only screen and (min-width: 768px) { + #lightbox .all { + max-width: 60%; + max-height: 50%; + } +} #lightbox img { padding: 2px; border: 1px solid #f9a94d; diff --git a/assets/style/style.css.map b/assets/style/style.css.map index ffe4ee2..b1f435d 100644 --- a/assets/style/style.css.map +++ b/assets/style/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["_core.scss","_variables.scss","_header.scss","_loader.scss","_image-container.scss","_lightbox.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;EACA,aCVU;EDWV,kBCTQ;;;ADYZ;EACI,kBCbQ;EDcR;EACA;EACA;EACA;;;AEjBJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,ODbE;ECcF;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;;;AAGJ;EAZJ;IAaQ;;;AAIR;EACI;EACA;EACA;EACA,aDpCM;ECqCN;EACA,kBDlCM;ECmCN,ODpCE;ECqCF;EACA;;AAEA;EAXJ;IAYQ;IACA;;;AAGJ;EAhBJ;IAiBQ;IACA;;;;AChDZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACXR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OHNU;;AGQV;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA,OH1BM;;AG4BN;EAPJ;IAQQ;IACA;;;AAGJ;EAZJ;IAaQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,OH/CI;;AGiDJ;EALJ;IAMQ;;;AAGJ;EATJ;IAUQ;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXJ;IAYQ;;;AAGJ;EAfJ;IAgBQ;;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;ACzJR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OJHgB;;AIKhB;EACI;EACA;;AAMJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EARJ;IASQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;AAIR;EACI;;AAIR;EACI;EACA;EACA,OJ5EY;EI6EZ;EACA;;AAEA;EAPJ;IAQQ;;;AAGJ;EAXJ;IAYQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;;AAMhB;EACI;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["_core.scss","_variables.scss","_header.scss","_loader.scss","_image-container.scss","_lightbox.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;EACA,aCVU;EDWV,kBCTQ;;;ADYZ;EACI,kBCbQ;EDcR;EACA;EACA;EACA;;;AEjBJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,ODbE;ECcF;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;;;AAGJ;EAZJ;IAaQ;;;AAIR;EACI;EACA;EACA;EACA,aDpCM;ECqCN;EACA,kBDlCM;ECmCN,ODpCE;ECqCF;EACA;;AAEA;EAXJ;IAYQ;IACA;;;AAGJ;EAhBJ;IAiBQ;IACA;;;;AChDZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;ACXR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OHNU;;AGQV;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA,OH1BM;;AG4BN;EAPJ;IAQQ;IACA;;;AAGJ;EAZJ;IAaQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,OH/CI;;AGiDJ;EALJ;IAMQ;;;AAGJ;EATJ;IAUQ;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;;;AAKZ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;IACA;;;AAGJ;EANJ;IAOQ;;;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXJ;IAYQ;;;AAGJ;EAfJ;IAgBQ;;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;AAAA;AAAA;AAAA;AAAA;EAKI;;;ACzJR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OJHgB;;AIKhB;EACI;EACA;;AAEA;EAJJ;IAKQ;IACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EARJ;IASQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;AAIR;EACI;;AAIR;EACI;EACA;EACA,OJ9EY;EI+EZ;EACA;;AAEA;EAPJ;IAQQ;;;AAGJ;EAXJ;IAYQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EADJ;IAEQ;;;AAGJ;EALJ;IAMQ;;;;AAMhB;EACI;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file diff --git a/index.html b/index.html index 2cfdbee..a1bfe13 100644 --- a/index.html +++ b/index.html @@ -15,7 +15,7 @@ - + Unsplash App