diff --git a/app/Widgets/Menu/Presenters/Menu.php b/app/Widgets/Menu/Presenters/Menu.php index ae99665c..f41e6888 100644 --- a/app/Widgets/Menu/Presenters/Menu.php +++ b/app/Widgets/Menu/Presenters/Menu.php @@ -65,7 +65,7 @@ class Menu implements WidgetRenderer $code .= ' $page->url]) . '">' . e($page->title) . ''; } diff --git a/modules/StaticPages/Providers/StaticPagesServiceProvider.php b/modules/StaticPages/Providers/StaticPagesServiceProvider.php index b03f875d..74e60a0b 100644 --- a/modules/StaticPages/Providers/StaticPagesServiceProvider.php +++ b/modules/StaticPages/Providers/StaticPagesServiceProvider.php @@ -69,7 +69,7 @@ class StaticPagesServiceProvider extends ServiceProvider */ public function registerViews() { - $viewPath = base_path('resources'.DIRECTORY_SEPARATOR.'views'.DIRECTORY_SEPARATOR.'modules'.DIRECTORY_SEPARATOR.'gallery'); + $viewPath = base_path('resources'.DIRECTORY_SEPARATOR.'views'.DIRECTORY_SEPARATOR.'modules'.DIRECTORY_SEPARATOR.'staticpages'); $sourcePath = __DIR__ . DIRECTORY_SEPARATOR .'..'.DIRECTORY_SEPARATOR.'Resources'.DIRECTORY_SEPARATOR.'views'; $this->publishes([$sourcePath => $viewPath]); diff --git a/resources/views/visitor/cwbs/assets/images/background_o_nás._white.jpg b/resources/views/visitor/cwbs/assets/images/background_o_nas._white.jpg similarity index 100% rename from resources/views/visitor/cwbs/assets/images/background_o_nás._white.jpg rename to resources/views/visitor/cwbs/assets/images/background_o_nas._white.jpg diff --git a/resources/views/visitor/cwbs/assets/images/background_o_nás.jpg b/resources/views/visitor/cwbs/assets/images/background_o_nas.jpg similarity index 100% rename from resources/views/visitor/cwbs/assets/images/background_o_nás.jpg rename to resources/views/visitor/cwbs/assets/images/background_o_nas.jpg diff --git a/resources/views/visitor/cwbs/assets/style.css b/resources/views/visitor/cwbs/assets/style.css index ca522af0..cbf9fa23 100644 --- a/resources/views/visitor/cwbs/assets/style.css +++ b/resources/views/visitor/cwbs/assets/style.css @@ -19,12 +19,15 @@ a:hover {text-decoration: underline;} .button.success {background-color: #46c1be;} .button.success:hover, .button.success:focus, .button.success:active, .button.success.active {background-color: #4D4D4F;} .button.large, .button.expanded {font-size:0.9rem; padding: 0.9em 2.4em; font-weight: 700; margin-bottom: 0;} -.button.large.long {padding: 0.9em 4em;} +.button.large.long {padding: 0.9em 4em; text-transform: uppercase;} .button.expanded.long {height: 3rem; padding: 1em 4em;} .w-t {color: #ffffff} .green-text {color: #46c1be !important;} +.dark {color: #414042 !important;} .uppercase {text-transform: uppercase;} .bold {font-weight: 700;} +.pointer {cursor: pointer;} +.has-tip {z-index: 1000} [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, @@ -39,13 +42,16 @@ textarea, textarea:focus {height: 120px;} color: #414042; } +.subpages.column:last-child:not(:first-child), .subpages.columns:last-child:not(:first-child) { float: left;} + .top-bar {position: relative; top: 0; width: 100%;} .top-bar.homepage {position: absolute; top: 0; width: 100%;} .top-bar, .top-bar ul {background-color: transparent; z-index: 500;} .menu > li:not(.menu-text) > a {font-weight: 700; text-transform:uppercase; color: #4D4D4F} -.menu > li:not(.menu-text) > a.active {color: #46c1be} -.top-bar-right {position: absolute; bottom: 5px; right: 0;} +.menu > li:not(.menu-text) > a.active,.menu > li:not(.menu-text).active > a {color: #46c1be} +.top-bar-right {margin-top: 75px;} +#show-menu {font-size: 1.4rem; line-height: 1.4; margin-top: -10px;} .orbit.header {position: relative; z-index: 1;} .orbit.header .orbit-next, .orbit.header .orbit-previous { background-color: #ffffff; color: #4d4d4f; padding: 40px;} @@ -79,10 +85,10 @@ hr {border-bottom: 0;width: 5%; margin: 0 auto; position: relative; top: -15px; .grey-wrapper {background-color: #f1f1f1; padding: 50px 0; display: block;} .green-wrapper {background-color: #46c1be; padding: 50px 0; display: block;} .white-wrapper {background-color: #ffffff; padding: 50px 0; display: block;} -.backgrounded {background-image: url(images/background_o_nás._white.jpg); background-size: cover; background-position: center center; } +.backgrounded {background-image: url(images/background_o_nas._white.jpg); background-size: cover; background-position: center center; } .assortment-h5 {text-align: center; text-transform: uppercase; font-weight: 500; font-size: 1.1rem;} -.assortment-p {font-size: 0.8rem; text-align: center; margin: 15px auto 10px;} +.assortment-p {font-size: 0.8rem; text-align: center; margin: 15px auto 10px; width: 50%;} .assortment-more-btn {color: #46c1be; text-transform: uppercase; font-style: italic; text-align: center; font-size: 0.85rem; width: 100%; display: inline-block; font-weight: 500;} img.thumbnail {border-radius: 50%; box-shadow: none; border-width: 2px; border-color: #ffffff;} img.thumbnail:focus, img.thumbnail:hover {box-shadow: none; border-color: #ffffff;} @@ -108,6 +114,9 @@ img.thumbnail:focus, img.thumbnail:hover {box-shadow: none; border-color: #fffff .design-ul-block li {list-style-image: url(images/bullet.png); margin: 15px 30px 25px 30px;} .design-ul-block li h6 {position: relative; top: -7px;} +.bullet-h6 h6 {text-transform: none; font-size: 1.2rem;} +.bullet-h6 h6:before {content: ''; background-image: url(images/bullet.png); height: 28px; width: 28px; display: inline-block; margin-right: 10px; position: relative; top: 7px;} +#content .bullet-h6 p { margin: 7px 30px 30px 40px; font-size: .75rem;} .orbit.footer .orbit-next, .orbit.footer .orbit-previous { background-color: #46c1be; padding: 40px;} .orbit.footer .orbit-next:hover, .orbit.footer .orbit-previous:hover { background-color: #f58020;} @@ -121,7 +130,7 @@ img.thumbnail:focus, img.thumbnail:hover {box-shadow: none; border-color: #fffff .image-bullet {margin-right: 7px; position: relative; top: -3px;} .contact-p {margin-bottom: 0; padding-right: 50px; line-height: 1rem; font-weight: 300;} -#content p.contact-p.green-text {color: #46c1be !important;} +#content p.contact-p.green-text>b {color: #46c1be !important;} footer {padding-top: 50px;} footer .menu {display: inline-block;} @@ -131,3 +140,89 @@ footer a:hover {color: #46c1be;} .social-icons a:hover .fa-stack-2x {color: #414042;} .social-icons .fa.w-t {color: #ffffff;} +@media (max-width:1023px) { + #responsive-menu {display: none;} + .top-bar-right .menu.hide-for-large {font-size: 1.5rem; position: absolute; right: 0; top: 25px;} + #logo {width: 175px; height: auto;} + + .orbit.header .orbit-next, .orbit.header .orbit-previous {font-size: 0.7rem; transform: translateY(-20%);} + .orbit.header .orbit-slide {height: 600px} + .orbit.header .orbit-slide:before { top: 30%; height: 50%;} + .orbit.header .orbit-slide .img {height: 600px;} + .orbit.header .orbit-slide h2 {top: 35%; font-size: 3.8rem;} + .orbit.header .orbit-slide h3 {top: calc(38% + 3rem); font-size: 2.7rem;} + #chevron-down {top: 73%;} + + .assortment-h5 {text-align: left; margin-left: 175px; font-size: 1.0rem;} + .assortment-p {text-align: left; margin-left: 175px; font-size: 0.75rem; width: 100%;} + .assortment-more-btn {text-align: left; margin-left: 175px; display: block;} + img.thumbnail {float: left; width: 150px; height: auto;} + + .contact-detail {text-align: center; margin-top: -50px;} + #content .contact-detail h2{text-align: center; font-size: 1rem; font-weight: 500; margin-bottom: 25px; margin-top: 25px;} + #content .contact-p {text-align: center; padding-right: 0; font-size: 0.8rem; line-height: 1.1;} + + #responsive-menu {z-index: 500; width: 50%; height: 100%; min-height: 100%; position: absolute; top: -0; left: 50%; background-color: rgba(70, 193, 190, 0.8); } + #hidden-menu-divider {display: block; margin: 50px auto 20px; font-size: 1.8rem; color: #ffffff; text-align: center; font-weight: 500;} + .menu {height: auto;} + .top-bar-right .menu li {display: block; text-align: center; font-size: 1.8rem;} + #responsive-menu .menu li:first-child {margin-top: 100px;} + .top-bar-right .menu li a { font-weight: 500;} + #responsive-menu .menu li a.active, + #responsive-menu .menu li a:hover, + #responsive-menu .menu li a:hover *, + #responsive-menu .menu li.active a { + color: #ffffff; text-decoration: none; + } + #unload-menu {position: absolute; top: 0; float: right; margin: 10px;} + #unload-menu:hover * {color: #ffffff;} +} +@media (max-width:639px) { + #logo {width: 150px; height: auto;} + + .orbit.header .orbit-next, .orbit.header .orbit-previous {font-size: 0.7rem; transform: translateY(-20%);} + .orbit.header .orbit-slide {height: 500px} + .orbit.header .orbit-slide:before { top: 35%; height: 45%;} + .orbit.header .orbit-slide .img {height: 500px;} + .orbit.header .orbit-slide h2 {top: 42%; padding: 20px 100px; line-height: 0.9;} + .orbit.header .orbit-slide h3 {display: none;} + .orbit.header .orbit-bullets {display: none;} + #chevron-down {display: none;} + + .assortment-h5 {text-align: left; margin-left: 185px; font-size: 1.3rem;} + .assortment-p {text-align: left; margin-left: 185px; font-size: 0.75rem; width: 100%;} + .assortment-more-btn {text-align: left; margin-left: 185px; display: block;} + img.thumbnail {float: left; width: 150px; height: auto;} + + #content h4 {font-size: 1rem; line-height: 1; width: 50%; float: left; padding-left: 30px; padding-right: 30px; text-align: left;} + #questions .button { margin-top: 7px !important;} + + #design h6, #design p {text-align: center;} + .design-ul-block {width: 95%; margin: auto;} + #design .design-ul-block li h6, #design .design-ul-block li p {text-align: left;} + #design .bullet-h6 h6,#content .bullet-h6 p {text-align: left;} + + .contact-detail {text-align: center; margin-top: -50px;} + #content .contact-detail h2{text-align: center; font-size: 1rem; font-weight: 500; margin-bottom: 25px; margin-top: 25px;} + #content .contact-p {text-align: center; padding-right: 0; font-size: 0.8rem; line-height: 1.1;} + + .orbit.footer .orbit-slide {height: auto;} + .orbit.footer .orbit-slide .small-6{margin-bottom: 10px; float: left;} + .orbit.footer .orbit-slide .small-6:nth-child(even):after{} + .orbit.footer .orbit-slide .img {height: 530px;} + + .assorment-holder .small-12 {text-align: center !important; margin-bottom: 15px;} + .small-extra-large {font-size: 1.2rem !important; width: 80%;} + + footer {padding-top: 20px;} + + .p-lr-50-sm {padding-left: 50px; padding-right: 50px;} + + #responsive-menu {z-index: 500; width: 100%; height: 100%; min-height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(70, 193, 190, 0.8); } + #hidden-menu-divider {display: block; margin: 40px auto 20px; font-size: 1.8rem; color: #ffffff; text-align: center; font-weight: 500;} + .menu {height: auto;} + .top-bar-right .menu li {display: block; text-align: center; font-size: 1.8rem;} + .top-bar-right .menu li a { font-weight: 500;} + .top-bar-right .menu li a.active {color: #ffffff;} + #unload-menu {position: absolute; top: 0; float: right; margin: 10px;} +} \ No newline at end of file diff --git a/resources/views/visitor/cwbs/homepageLayout.blade.php b/resources/views/visitor/cwbs/homepageLayout.blade.php index 5e887958..7466875f 100644 --- a/resources/views/visitor/cwbs/homepageLayout.blade.php +++ b/resources/views/visitor/cwbs/homepageLayout.blade.php @@ -16,19 +16,25 @@
-
- {{--CHYBI RESPONZIVNI MENU--}} - @widgetArea('mainMenu') + +
+ + @widgetArea('mainMenu') +
@widgetArea('homepageSlider') @@ -43,8 +49,8 @@
-
-
+
+
@widgetArea('infoSirsi') {{--
Design a potisk
--}} {{--

--}} @@ -152,6 +158,23 @@ $ (function () { $ (document).foundation (); }); + + function showResponsiveMenu() { + var menuHolder = document.getElementById('responsive-menu'); + + menuHolder.style.display="block"; + menuHolder.style.height = document.documentElement.clientHeight + 'px'; + menuHolder.style.height = window.innerHeight + 'px'; + menuHolder.style.height = '100%;'; + + } + function hideResponsiveMenu() { + var menuHolder = document.getElementById('responsive-menu'); + + menuHolder.style.display="none"; + } + + diff --git a/resources/views/visitor/cwbs/modules/StaticPages/homepage.blade.php b/resources/views/visitor/cwbs/modules/StaticPages/homepage.blade.php index 255c2f66..9212960e 100644 --- a/resources/views/visitor/cwbs/modules/StaticPages/homepage.blade.php +++ b/resources/views/visitor/cwbs/modules/StaticPages/homepage.blade.php @@ -1,7 +1,7 @@ @extendVisitor('homepageLayout') @section('content') -

+

{{$page->title}}

@@ -10,9 +10,9 @@

@if (!empty($page->subpages())) -
+
@foreach($page->subpages() as $i => $subpage) -
+
{{$subpage->title}}

{{$subpage->meta_description}}

diff --git a/resources/views/widgets/orbitSlider/element.blade.php b/resources/views/widgets/orbitSlider/element.blade.php index c83a0342..7c6691f2 100644 --- a/resources/views/widgets/orbitSlider/element.blade.php +++ b/resources/views/widgets/orbitSlider/element.blade.php @@ -26,7 +26,7 @@ @if (!isset($images[$i*$settings->imagePerSlide + $j])) @break @endif -
+
@endfor