FEATURES: changed layout according to what clients asked for, added binarity link into footer, some other small changes

resources/views/visitor/cwbs/assets/script.js

@@ -0,0 +1,35 @@
+window.addEventListener('load', function() {
+    var lightbox = new BLightBox({
+        invoker: '.b-invo',
+        close_text: 'Zavřít'
+    }, true);
+
+    var gallery_links = document.querySelectorAll('.b-invo'),
+        gallery_links_i = gallery_links.length;
+});
+
+$ (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";
+}
+
+window.onresize = function() {
+    if(window.innerWidth >= 1023) {
+        menuHolder.style.display="block";
+        menuHolder.style.height = "auto";
+    } else {
+        hideResponsiveMenu();
+    }
+};

resources/views/visitor/cwbs/assets/style.css

@@ -1,9 +1,11 @@
-@font-face {font-family: "Lobster"; src: url(fonts/lobster_1_4.woff);}
-
 body,h1,h2,h3,h4,h5,h6, * {font-family: 'Ubuntu', sans-serif; color: #414042;}
 a, a:link, a:hover {color: #46c1be; font-weight: 500;}
 a:hover {text-decoration: underline;}
 
+#binarity {width: 100%; display: block; opacity: 0.65; text-align: center; margin-bottom: 15px; font-size: 0.8rem;}
+#binarity img {margin-left: 10px; margin-right: 5px; height: 18px; width: auto; position: relative; top: -2px;}
+#binarity a, #binarity a:hover {color: #89a900;}
+
 .m-t-25 {margin-top: 25px;}
 .m-t-50 {margin-top: 50px;}
 .m-b-25 {margin-bottom: 25px;}
@@ -28,6 +30,7 @@ a:hover {text-decoration: underline;}
 .bold {font-weight: 700;}
 .pointer {cursor: pointer;}
 .has-tip {z-index: 1000}
+.b-invo {cursor: pointer;}
 
 [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,
@@ -42,7 +45,8 @@ textarea, textarea:focus {height: 120px;}
     color: #414042;
 }
 
-.subpages.column:last-child:not(:first-child), .subpages.columns:last-child:not(:first-child) { float: left;}
+.subpages.column {float: none; display: inline-block;}
+.subpages.column:last-child:not(:first-child), .subpages.columns:last-child:not(:first-child) { float: none;}
 
 .top-bar {position: relative; top: 0; width: 100%;}
 .top-bar.homepage {position: absolute; top: 0; width: 100%;}
@@ -102,7 +106,7 @@ img.thumbnail:focus, img.thumbnail:hover {box-shadow: none; border-color: #fffff
 .sale-item-data p {margin: -5px auto 0; padding: 0 auto; text-align: center; font-size: 0.8rem;}
 .sale-item-data p.price {margin-top: 10px; font-weight: 700; font-size: 0.9rem;}
 
-.gallery-image-holder>img {width: 100%; height: 250px; border: 1px solid #414042;}
+.gallery-image-holder>img {width: 100%; height: 250px; border: 1px solid #414042; border-radius: 50%;}
 .gallery-image-holder {margin-bottom: 15px; height: 250px; position: relative; cursor: pointer;}
 .gallery-image-holder.column:last-child:not(:first-child), .gallery-image-holder.columns:last-child:not(:first-child),
 .product-category.column:last-child:not(:first-child), .product-category.columns:last-child:not(:first-child) {
@@ -249,4 +253,4 @@ footer a:hover {color: #46c1be !important;}
 .b-lightbox-direction.previous{left:0}
 .b-lightbox-direction:hover{background-color:rgba(242,242,242,0.1); text-decoration: none;}
 .b-lightbox-direction:before{content:'';height:35%;display:block;width:100%;}
-.b-lightbox-label{box-sizing:border-box;display:none;z-index:1015;background-color:rgba(70, 193, 190, 0.2);color:rgba(15,15,15,0.95);font-weight:500;position:absolute;padding:10px;font-size:13px;}
+.b-lightbox-label{box-sizing:border-box;display:none;z-index:1015;background-color:rgba(70, 193, 190, 0.2);color:rgba(246,246,246,0.95);font-weight:500;position:absolute;padding:10px;font-size:13px;}

resources/views/visitor/cwbs/defaultLayout.blade.php

@@ -7,15 +7,18 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
     <link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet'
           type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
     <link href="@asset('foundation.min.css')" type="text/css" rel="stylesheet">
     <script src="@asset('vendor/jquery.min.js')" type="text/javascript"></script>
     <script src="@asset('foundation.min.js')" type="text/javascript"></script>
+    <script src="@asset('BLightBox.js')"></script>
+    <script src="@asset('script.js')" type="text/javascript"></script>
     <link href="@asset('layout.css')" type="text/css" rel="stylesheet">
     <link href="@asset('style.css')" type="text/css" rel="stylesheet">
 </head>
 <body>
 @if (!empty($googleAnalyticsCode))
-    <script>
+<script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
@@ -24,7 +27,7 @@
     ga('create', '{{$googleAnalyticsCode}}', 'auto');
     ga('send', 'pageview');
 
-    </script>
+</script>
 @endif
 <div class="top-bar">
     <div class="top-bar-left">
@@ -98,33 +101,5 @@
     </div>
 
 </footer>
-<script type="text/javascript">
-    $ (function () {
-        $ (document).foundation ();
-    });
-
-    var menuHolder = document.getElementById('responsive-menu');
-
-    function showResponsiveMenu() {
-        menuHolder.style.display="block";
-        menuHolder.style.height = document.documentElement.clientHeight + 'px';
-        menuHolder.style.height = window.innerHeight + 'px';
-        menuHolder.style.height = '100%;';
-    }
-
-    function hideResponsiveMenu() {
-        menuHolder.style.display="none";
-    }
-
-    window.onresize = function() {
-        if(window.innerWidth >= 1023) {
-            menuHolder.style.display="block";
-            menuHolder.style.height = "auto";
-        } else {
-            hideResponsiveMenu();
-        }
-    };
-
-</script>
 </body>
 </html>

resources/views/visitor/cwbs/homepageLayout.blade.php

@@ -7,9 +7,12 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
     <link href='https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700&subset=latin-ext,latin' rel='stylesheet'
           type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
     <link href="@asset('foundation.min.css')" type="text/css" rel="stylesheet">
     <script src="@asset('vendor/jquery.min.js')" type="text/javascript"></script>
     <script src="@asset('foundation.min.js')" type="text/javascript"></script>
+    <script src="@asset('BLightBox.js')"></script>
+    <script src="@asset('script.js')" type="text/javascript"></script>
     <link href="@asset('layout.css')" type="text/css" rel="stylesheet">
     <link href="@asset('style.css')" type="text/css" rel="stylesheet">
 </head>
@@ -53,12 +56,7 @@
 <div id="content">
     @yield('content')
 
-    <div class="green-wrapper clearfix">
+    @include('visitor.cwbs.quickFormWrapper')
-        <div class="row column text-center" id="questions">
-            <h4 class="w-t">MÁTE DOTAZY? NEBO NÁM CHCETE ZASLAT RYCHLOU POPTÁVKU?</h4>
-            <a href="{{route('page.content', ['url' => 'kontakt'])}}" class="button secondary m-t-25  large rounded">RYCHLÝ FORMULÁŘ</a>
-        </div>
-    </div>
     <div class="white-wrapper clearfix">
         <div class="row column medium-11 small-10 small-centered medium-centered " id="design">
             <div class="columns medium-7 ">
@@ -165,33 +163,8 @@
     </div>
 
 </footer>
-<script type="text/javascript">
+<div id="binarity">
-    $ (function () {
+    Vytvořila společnosť <a href="https://www.binarity.cz/"><img src="https://tmp.binarity.cz/small_logo.png" alt="binarity s.r.o. logo" target="_blank">binarity s.r.o.</a>
-        $ (document).foundation ();
+</div>
-    });
-
-    var menuHolder = document.getElementById('responsive-menu');
-
-    function showResponsiveMenu() {
-        menuHolder.style.display="block";
-        menuHolder.style.height = document.documentElement.clientHeight + 'px';
-        menuHolder.style.height = window.innerHeight + 'px';
-        menuHolder.style.height = '100%;';
-    }
-
-    function hideResponsiveMenu() {
-        menuHolder.style.display="none";
-    }
-
-    window.onresize = function() {
-        if(window.innerWidth >= 1023) {
-            menuHolder.style.display="block";
-            menuHolder.style.height = "auto";
-        } else {
-            hideResponsiveMenu();
-        }
-    };
-
-</script>
 </body>
 </html>

resources/views/visitor/cwbs/modules/ContactForm/contact.blade.php

@@ -42,7 +42,7 @@
         </div>
         <div class="large-6 column green-wrapper p-25" id="contact-form">
             <div class="column large-12 medium-8 medium-centered p-lr-0 p-lr-50-sm">
-                <h6 class="text-center uppercase m-b-25 bold">Rychlý formulář</h6>
+                <h6 class="text-center uppercase m-b-25 bold">Napište nám</h6>
                 <form id="form-{{$page->id}}">
                     {!! csrf_field() !!}
                     <div class="column medium-6">

resources/views/visitor/cwbs/modules/Gallery/default.blade.php

@@ -6,7 +6,7 @@
     <div class="row column gallert" id="gallery-images">
         <h2 class="m-b-25">{{$page->title}}</h2>
         @foreach($images as $index => $image)
-            <div class="column medium-3 small-6 gallery-image-holder" data-index="{{$index}}" data-img="" data-label="{{$image->description}}">
+            <div class="column medium-3 small-6 gallery-image-holder b-invo" data-index="{{$index}}" data-img="" data-label="{{$image->description}}">
                 <img src="{{config('app.upload_url')}}/{{$image->filename}}" alt="{{$image->name}}">
                 <div class="gallery-item-data text-center">
                     <h5>{{$image->name}}</h5>
@@ -17,32 +17,15 @@
             </div>
         @endforeach
         <div class="clearfix"></div>
-        <script src="@asset('BLightBox.js')"></script>
+        {{--
-        <script type="text/javascript">
+        THIS IS FOR OVERLAYING IMAGES ON GALLERY (DOPRODEJ)
         $('.gallery-image-holder').mouseenter(function() {
         $(this).find('.gallery-item-data').animate({opacity: 1}, 100, 'swing');
         }).mouseleave(function() {
         $(this).find('.gallery-item-data').animate({opacity: 0}, 300, 'swing');
-            });
+        });--}}
-
-            window.addEventListener('load', function() {
-                var lightbox = new BLightBox({
-                    invoker: '.gallery-image-holder',
-                    close_text: 'Zavřít'
-                }, true);
-
-                var gallery_links = document.querySelectorAll('.gallery-image-holder'),
-                    gallery_links_i = gallery_links.length;
-
-            });
-        </script>
-    </div>
-</div>
-<div class="green-wrapper clearfix">
-    <div class="row column text-center" id="questions">
-        <h4 class="w-t">MÁTE DOTAZY? NEBO NÁM CHCETE ZASLAT RYCHLOU POPTÁVKU?</h4>
-        <a href="#" class="button secondary m-t-25  large rounded">RYCHLÝ FORMULÁŘ</a>
     </div>
 </div>
+@include('visitor.cwbs.quickFormWrapper')
 
 @endsection

resources/views/visitor/cwbs/modules/StaticPages/assortmentSubpage.blade.php

@@ -7,7 +7,7 @@
         </div>
         <div class="row text-center assorment-holder">
         @forelse($page->subpages() as $i => $subpage)
-            <div class="column subpages text-center small-12 medium-6 large-3 left m-b-25" data-equalizer-watch>
+            <div class="column subpages b-invo text-center small-12 medium-6 large-3 left m-b-25" data-img="" data-label="{{$subpage->title}}" data-equalizer-watch>
                 <img class="thumbnail" src="@upload($subpage->title_photo)">
                 <h5 class="assortment-h5">{{$subpage->title}}</h5>
                 {{--<p class="assortment-p">{{$subSubpage->meta_description}}</p>--}}
@@ -23,10 +23,5 @@
         </div>
         </div>
     </div>
-    <div class="green-wrapper clearfix">
+    @include('visitor.cwbs.quickFormWrapper')
-        <div class="row column text-center" id="questions">
-            <h4 class="w-t">MÁTE DOTAZY? NEBO NÁM CHCETE ZASLAT RYCHLOU POPTÁVKU?</h4>
-            <a href="#" class="button secondary m-t-25  large rounded">RYCHLÝ FORMULÁŘ</a>
-        </div>
-    </div>
 @endsection

resources/views/visitor/cwbs/quickFormWrapper.blade.php

@@ -0,0 +1,6 @@
+<div class="green-wrapper clearfix">
+    <div class="row column text-center" id="questions">
+        <h4 class="w-t">MÁTE DOTAZY? NEBO NÁM CHCETE ZASLAT RYCHLOU POPTÁVKU?</h4>
+        <a href="{{route('page.content', ['url' => 'kontakt'])}}" class="button secondary m-t-25  large rounded">NAPIŠTE NÁM!</a>
+    </div>
+</div>