diff --git a/src/app/components/carousel/carousel.component.scss b/src/app/components/carousel/carousel.component.scss index 2e6c024..8ee3c07 100644 --- a/src/app/components/carousel/carousel.component.scss +++ b/src/app/components/carousel/carousel.component.scss @@ -1,106 +1,72 @@ .carousel-container { position: relative; width: 100%; + display: flex; + align-items: center; + justify-content: center; + .carousel-background { + width: 100%; + height: 100%; + filter: blur(10px); + -webkit-filter: blur(10px); + } - //.carousel-next { - // display: none; - //} - //.carousel-previous { - // display: none; - //} - //.carousel-pause { - // display: none; - //} - // - //&:hover { - // .carousel-next { - // display: flex; - // } - // .carousel-previous { - // display: flex; - // } - // .carousel-pause { - // display: flex; - // } - //} -} + .carousel-image { + display: block; + max-width: 95%; + max-height: 95%; + object-fit: cover; + width: auto; + height: auto; + } -.carousel-background { - width: 100%; - height: 100%; - filter: blur(10px); - -webkit-filter: blur(10px); -} + .carousel-next, .carousel-previous { + position: absolute; + top: 0; + bottom: 0; + width: 56px; + display: flex; + align-items: center; + justify-content: center; + color: rgba(255, 255, 255, 0.75); + filter: drop-shadow(3px 3px 5px black); + cursor: pointer; + transition: 0.25s; -.carousel-image { - position: absolute; - top: 5%; - left: 50%; - transform: translate(-50%); - height: 90%; - width: auto; -} + &.carousel-next { + right: 0; + } -.carousel-next { - position: absolute; - top: calc(50% - 28px); - right: 0; - height: 56px; - width: 56px; - color: rgba(255, 255, 255, 0.75); - filter: drop-shadow(3px 3px 5px black); - cursor: pointer; - padding: 1rem; - border-radius: 50%; - transition: 0.25s; + &.carousel-previous { + left: 0; + } - &:hover { - color: white; - background: rgba(0,0,0,0.25); - filter: none; - } -} - -.carousel-previous { - position: absolute; - top: calc(50% - 28px); - left: 0; - height: 56px; - width: 56px; - color: rgba(255, 255, 255, 0.75); - filter: drop-shadow(3px 3px 5px black); - cursor: pointer; - padding: 1rem; - border-radius: 50%; - transition: 0.25s; - - &:hover { - color: white; - background: rgba(0,0,0,0.25); - filter: none; - } -} - - - -.carousel-pause { - position: absolute; - bottom: 0; - left: 50%; - height: 56px; - width: 56px; - transform: translate(-50%, -50%); - color: rgba(255, 255, 255, 0.75); - filter: drop-shadow(3px 3px 5px black); - cursor: pointer; - padding: 1rem; - border-radius: 50%; - transition: 0.25s; - - &:hover { - color: white; - background: rgba(0,0,0,0.25); - filter: none; + &:hover { + color: white; + background: rgba(0,0,0,0.25); + filter: none; + } + } + + .carousel-pause { + position: absolute; + bottom: 0; + left: 50%; + height: 56px; + width: 56px; + transform: translate(-50%, -50%); + color: rgba(255, 255, 255, 0.75); + filter: drop-shadow(3px 3px 5px black); + cursor: pointer; + padding: 1rem; + border-radius: 50%; + transition: 0.25s; + + &:hover { + color: white; + background: rgba(0,0,0,0.25); + filter: none; + } } } diff --git a/src/app/view/home/home.component.html b/src/app/view/home/home.component.html index 59d456f..41e56fa 100644 --- a/src/app/view/home/home.component.html +++ b/src/app/view/home/home.component.html @@ -39,7 +39,7 @@
-
+
Restaurant icon
@@ -69,8 +69,8 @@

About Us

-

Pelican Landing is a family run, year-round, hunting & fishing lodge. With local guides to help to you navigate the beautiful southern shores of Lake of Woods you are assured to have a successful hunting or fishing trip. Pelican landing offers a multitude of amenities and packages to give any outdoorsman the perfect tailor made experience.

-

Amenities include: boats, boat-launch, cabins, guides, on-site restaurant & shore-side lunches. With both road and water access this resort can meet the needs of the angler, hunter, or nature enthusiast. Our goal at Pelican Landing is to make your stay with us a memorable & relaxing experience that you will want to repeat.

+

Pelican Landing is a family run, year-round, hunting & fishing lodge. With local guides to help to you navigate the beautiful southern shores of Lake of Woods you are assured to have a successful hunting or fishing trip. Pelican landing offers a multitude of amenities and packages to give any angler, hunter, or outdoorsman the perfect tailor made experience. Our goal at Pelican Landing is to make your stay with us a memorable & relaxing experience that you will want to repeat.

+

Amenities include: road access, water access, boats, a boat launch, cabins, guides, on-site restaurant & shore-side lunches.

diff --git a/src/assets/gallery/005aaf842df485a2aa84cdf1126b3b99.jpg b/src/assets/gallery/005aaf842df485a2aa84cdf1126b3b99.jpg index 773b3f9..a60dade 100644 Binary files a/src/assets/gallery/005aaf842df485a2aa84cdf1126b3b99.jpg and b/src/assets/gallery/005aaf842df485a2aa84cdf1126b3b99.jpg differ diff --git a/src/assets/gallery/1661a1bb4e41da05e0ed5a6a5392e65a.jpg b/src/assets/gallery/1661a1bb4e41da05e0ed5a6a5392e65a.jpg index 72bc77b..2a5bbd6 100644 Binary files a/src/assets/gallery/1661a1bb4e41da05e0ed5a6a5392e65a.jpg and b/src/assets/gallery/1661a1bb4e41da05e0ed5a6a5392e65a.jpg differ diff --git a/src/assets/gallery/29b2858c929dad50084105625c1fdb42.jpg b/src/assets/gallery/29b2858c929dad50084105625c1fdb42.jpg index 8c14a62..f79ab8e 100644 Binary files a/src/assets/gallery/29b2858c929dad50084105625c1fdb42.jpg and b/src/assets/gallery/29b2858c929dad50084105625c1fdb42.jpg differ diff --git a/src/assets/gallery/2a291f871aa431321815427bd0da7b47.jpg b/src/assets/gallery/2a291f871aa431321815427bd0da7b47.jpg index 971c2d8..93cda3c 100644 Binary files a/src/assets/gallery/2a291f871aa431321815427bd0da7b47.jpg and b/src/assets/gallery/2a291f871aa431321815427bd0da7b47.jpg differ diff --git a/src/assets/gallery/419966f0afc5e2304e7d0356cd9ebcd0.jpg b/src/assets/gallery/419966f0afc5e2304e7d0356cd9ebcd0.jpg index 9f0ca1a..3af4f46 100644 Binary files a/src/assets/gallery/419966f0afc5e2304e7d0356cd9ebcd0.jpg and b/src/assets/gallery/419966f0afc5e2304e7d0356cd9ebcd0.jpg differ diff --git a/src/assets/gallery/47ac8b23a14218a2d34c1e18aae21294.png b/src/assets/gallery/47ac8b23a14218a2d34c1e18aae21294.png index caf4864..4776c88 100644 Binary files a/src/assets/gallery/47ac8b23a14218a2d34c1e18aae21294.png and b/src/assets/gallery/47ac8b23a14218a2d34c1e18aae21294.png differ diff --git a/src/assets/gallery/509028fb06297b1265e4fe411db6aa02.jpg b/src/assets/gallery/509028fb06297b1265e4fe411db6aa02.jpg index a603e23..e8f871f 100644 Binary files a/src/assets/gallery/509028fb06297b1265e4fe411db6aa02.jpg and b/src/assets/gallery/509028fb06297b1265e4fe411db6aa02.jpg differ diff --git a/src/assets/gallery/53be6420ddf84d8b03a23150f019244b.jpg b/src/assets/gallery/53be6420ddf84d8b03a23150f019244b.jpg index dd97f6d..60ad71f 100644 Binary files a/src/assets/gallery/53be6420ddf84d8b03a23150f019244b.jpg and b/src/assets/gallery/53be6420ddf84d8b03a23150f019244b.jpg differ diff --git a/src/assets/gallery/64d63ff7fabb405e8dfc828a99ac5624.jpg b/src/assets/gallery/64d63ff7fabb405e8dfc828a99ac5624.jpg index 306b07b..d9a5130 100644 Binary files a/src/assets/gallery/64d63ff7fabb405e8dfc828a99ac5624.jpg and b/src/assets/gallery/64d63ff7fabb405e8dfc828a99ac5624.jpg differ diff --git a/src/assets/gallery/65cd4315aa7657a49801b9295cdae2c3.jpg b/src/assets/gallery/65cd4315aa7657a49801b9295cdae2c3.jpg index 55a1793..eefeddf 100644 Binary files a/src/assets/gallery/65cd4315aa7657a49801b9295cdae2c3.jpg and b/src/assets/gallery/65cd4315aa7657a49801b9295cdae2c3.jpg differ diff --git a/src/assets/gallery/845ee7532bd7d36722961fb323bfa1dd.jpg b/src/assets/gallery/845ee7532bd7d36722961fb323bfa1dd.jpg index 64639e8..6fd2e34 100644 Binary files a/src/assets/gallery/845ee7532bd7d36722961fb323bfa1dd.jpg and b/src/assets/gallery/845ee7532bd7d36722961fb323bfa1dd.jpg differ diff --git a/src/assets/gallery/94ded0778bb59e7e0bf88f6dc888ef4c.jpg b/src/assets/gallery/94ded0778bb59e7e0bf88f6dc888ef4c.jpg index d55a8ed..8f105db 100644 Binary files a/src/assets/gallery/94ded0778bb59e7e0bf88f6dc888ef4c.jpg and b/src/assets/gallery/94ded0778bb59e7e0bf88f6dc888ef4c.jpg differ diff --git a/src/assets/gallery/976d7cb341f7cec8744b622564a47f39.jpg b/src/assets/gallery/976d7cb341f7cec8744b622564a47f39.jpg index 4f25b43..6ec3007 100644 Binary files a/src/assets/gallery/976d7cb341f7cec8744b622564a47f39.jpg and b/src/assets/gallery/976d7cb341f7cec8744b622564a47f39.jpg differ diff --git a/src/assets/gallery/a9c0fd0475a0668048c650847d01d89a.jpg b/src/assets/gallery/a9c0fd0475a0668048c650847d01d89a.jpg index 6137208..89fcc05 100644 Binary files a/src/assets/gallery/a9c0fd0475a0668048c650847d01d89a.jpg and b/src/assets/gallery/a9c0fd0475a0668048c650847d01d89a.jpg differ diff --git a/src/assets/gallery/ac030ea1880bad81fb310963f260879c.jpg b/src/assets/gallery/ac030ea1880bad81fb310963f260879c.jpg index a57c0ec..805f205 100644 Binary files a/src/assets/gallery/ac030ea1880bad81fb310963f260879c.jpg and b/src/assets/gallery/ac030ea1880bad81fb310963f260879c.jpg differ diff --git a/src/assets/gallery/ac719df5a9c457b7681f03563135867d.jpg b/src/assets/gallery/ac719df5a9c457b7681f03563135867d.jpg index 0e7bd66..61690c5 100644 Binary files a/src/assets/gallery/ac719df5a9c457b7681f03563135867d.jpg and b/src/assets/gallery/ac719df5a9c457b7681f03563135867d.jpg differ diff --git a/src/assets/gallery/b07494f26cafee254851a171cdfcea39.jpg b/src/assets/gallery/b07494f26cafee254851a171cdfcea39.jpg index fce955b..13d2c1d 100644 Binary files a/src/assets/gallery/b07494f26cafee254851a171cdfcea39.jpg and b/src/assets/gallery/b07494f26cafee254851a171cdfcea39.jpg differ diff --git a/src/assets/gallery/b0fb7922a80370e24cc556278937f368.jpg b/src/assets/gallery/b0fb7922a80370e24cc556278937f368.jpg index 5e17c6c..b9a186d 100644 Binary files a/src/assets/gallery/b0fb7922a80370e24cc556278937f368.jpg and b/src/assets/gallery/b0fb7922a80370e24cc556278937f368.jpg differ diff --git a/src/assets/gallery/bf0f928b4c1e91c0c6c06ea8e61412cf.jpg b/src/assets/gallery/bf0f928b4c1e91c0c6c06ea8e61412cf.jpg index 34f80c0..0387bd1 100644 Binary files a/src/assets/gallery/bf0f928b4c1e91c0c6c06ea8e61412cf.jpg and b/src/assets/gallery/bf0f928b4c1e91c0c6c06ea8e61412cf.jpg differ diff --git a/src/assets/gallery/de3817da3a00e0706a73e6385a9aa361.jpg b/src/assets/gallery/de3817da3a00e0706a73e6385a9aa361.jpg index 780811d..1c151a5 100644 Binary files a/src/assets/gallery/de3817da3a00e0706a73e6385a9aa361.jpg and b/src/assets/gallery/de3817da3a00e0706a73e6385a9aa361.jpg differ diff --git a/src/assets/gallery/dfa230c49c1c737ffdaf46875431212c.jpg b/src/assets/gallery/dfa230c49c1c737ffdaf46875431212c.jpg index e187580..bd9ab97 100644 Binary files a/src/assets/gallery/dfa230c49c1c737ffdaf46875431212c.jpg and b/src/assets/gallery/dfa230c49c1c737ffdaf46875431212c.jpg differ diff --git a/src/assets/gallery/e2d1fd95e5a6c36a83b7fc602419b8c6.jpg b/src/assets/gallery/e2d1fd95e5a6c36a83b7fc602419b8c6.jpg index c0c6bc1..44f2221 100644 Binary files a/src/assets/gallery/e2d1fd95e5a6c36a83b7fc602419b8c6.jpg and b/src/assets/gallery/e2d1fd95e5a6c36a83b7fc602419b8c6.jpg differ diff --git a/src/assets/gallery/e312d84b034d5fd307a5e4b48ac7fead.jpg b/src/assets/gallery/e312d84b034d5fd307a5e4b48ac7fead.jpg index 8e647b0..09b2537 100644 Binary files a/src/assets/gallery/e312d84b034d5fd307a5e4b48ac7fead.jpg and b/src/assets/gallery/e312d84b034d5fd307a5e4b48ac7fead.jpg differ diff --git a/src/assets/gallery/f851220bb22cf91b4041695d930c3af0.jpg b/src/assets/gallery/f851220bb22cf91b4041695d930c3af0.jpg index 3ccd5b4..235ac4e 100644 Binary files a/src/assets/gallery/f851220bb22cf91b4041695d930c3af0.jpg and b/src/assets/gallery/f851220bb22cf91b4041695d930c3af0.jpg differ