From 808bb0eb865ed1f6c799b2f1f97cf6145475e2fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= <michal@binarity.cz>
Date: Wed, 28 Sep 2016 23:07:34 +0200
Subject: [PATCH] FEATURE: add template for reference detail

---
 .../Binarity/Resources/assets/css/app.css     |   9 +-
 .../staticpages/visitor/aboutUs.blade.php     |   6 +
 .../visitor/referenceDetail.blade.php         |  39 ++++
 .../staticpages/visitor/references.blade.php  | 200 ++++++++++++++++++
 .../Resources/views/visitor/layout.blade.php  |  41 ++--
 5 files changed, 277 insertions(+), 18 deletions(-)
 create mode 100644 templates/Binarity/Resources/views/modules/staticpages/visitor/aboutUs.blade.php
 create mode 100644 templates/Binarity/Resources/views/modules/staticpages/visitor/referenceDetail.blade.php

diff --git a/templates/Binarity/Resources/assets/css/app.css b/templates/Binarity/Resources/assets/css/app.css
index 31f6c036..9833d769 100644
--- a/templates/Binarity/Resources/assets/css/app.css
+++ b/templates/Binarity/Resources/assets/css/app.css
@@ -10526,8 +10526,9 @@ table.hover tr:nth-of-type(even):hover {
   -webkit-animation-delay: 700ms !important;
   animation-delay: 700ms !important; }
 
-body {
-  background: url(../images/backgorund-image.jpg) repeat; }
+/*body {*/
+  /*background: url(../images/backgorund-image.jpg) repeat; */
+/*}*/
 
 a {
   font-weight: 500; }
@@ -10664,6 +10665,10 @@ textarea, textarea:focus {
   text-align: center;
   display: block; }
 
+#responsive-menu {
+	box-shadow: gray 0 0 20px;
+}
+
 #responsive-menu .main-menu {
   margin: 70px auto 0;
   text-align: right; }
diff --git a/templates/Binarity/Resources/views/modules/staticpages/visitor/aboutUs.blade.php b/templates/Binarity/Resources/views/modules/staticpages/visitor/aboutUs.blade.php
new file mode 100644
index 00000000..c4b03516
--- /dev/null
+++ b/templates/Binarity/Resources/views/modules/staticpages/visitor/aboutUs.blade.php
@@ -0,0 +1,6 @@
+@extendVisitor('layout')
+
+@section('content')
+
+
+@endsection
\ No newline at end of file
diff --git a/templates/Binarity/Resources/views/modules/staticpages/visitor/referenceDetail.blade.php b/templates/Binarity/Resources/views/modules/staticpages/visitor/referenceDetail.blade.php
new file mode 100644
index 00000000..bdd9ea27
--- /dev/null
+++ b/templates/Binarity/Resources/views/modules/staticpages/visitor/referenceDetail.blade.php
@@ -0,0 +1,39 @@
+@extendVisitor('layout')
+
+@section('content')
+
+    <div class="row small-11 medium-11 large-11 xlarge-11 m-t-25 reference-gallery">
+        <div class="row">
+
+            <div class="ref-scr column xlarge-8 large-8 medium-4 m-b-25 p-lr-0 b-invo" data-img="" data-label="">
+                <img class="thumbnail pointer" src="@upload($page->title_photo)" alt="{{$page->title}}">
+            </div>
+            @foreach($page->files as $file)
+                @if(!\Illuminate\Support\Str::startsWith($file->mime_type, 'image'))
+                    @continue;
+                @endif
+                <div class="ref-scr b-invo column xlarge-4 large-4 medium-4 small-6"
+                     data-img="@upload($page->title_photo)"
+                     data-label="{{$file->description}}">
+                    <img class="thumbnail pointer m-b-26" src="@thumbnail($file->filename)"
+                         alt="{{$file->name}}">
+                </div>
+            @endforeach
+        </div>
+
+        <div class="clearfix"></div>
+        <div class="m-b-25 detail-info">
+            <div id="detail-text">
+                <h2>{{$page->title}}</h2>
+
+                {!! $page->content !!}
+            </div>
+        </div>
+
+        <div class="detail-buttons">
+            <a href="javascript:window.history.go(-1);" class="button secondary long">Zpět</a>
+            <a href="{{route('page.content', ['url' => 'kontakt'])}}" class="m-l-25 button success long">Poptat
+                                                                                                         podobný
+                                                                                                         web</a>
+        </div>
+@endsection
\ No newline at end of file
diff --git a/templates/Binarity/Resources/views/modules/staticpages/visitor/references.blade.php b/templates/Binarity/Resources/views/modules/staticpages/visitor/references.blade.php
index e69de29b..ba4bbc03 100644
--- a/templates/Binarity/Resources/views/modules/staticpages/visitor/references.blade.php
+++ b/templates/Binarity/Resources/views/modules/staticpages/visitor/references.blade.php
@@ -0,0 +1,200 @@
+@extendVisitor('layout')
+
+@section('content')
+    <h1 class="text-center uppercase m-b-25">{{$page->title}}</h1>
+
+    <div class="text-center">
+        {!! $page->content !!}
+
+    </div>
+
+    @if(count($page->subpages()))
+        <div class="row nochange small-up-2 medium-up-3 large-up-3 xlarge-up-4" data-equalizer>
+            @foreach($page->subpages() as $reference)
+                <div class="column reference-item">
+                    <div class="holder">
+                        <img class="thumbnail" data-equalizer-watch src="@thumbnail($reference->title_photo)">
+                        <div class="item-data">
+                            <h4>{{$reference->title}}</h4>
+                            <p>{{$reference->meta_description}}</p>
+                            <a class="button success rounded small"
+                               href="{{route('page.content', ['url' => $reference->url])}}">Více zde!</a>
+                        </div>
+                    </div>
+                </div>
+            @endforeach
+        </div>
+    @endif
+@endsection
+
+@section('javascripts')
+    <script>
+        function showMoreReferences(evt) {
+            $ (evt).parent ().remove ();
+            $ ('.more-references').fadeIn (200);
+        }
+
+        window.addEventListener ('load', function () {
+            $ ('.reference-item').mouseenter (function () {
+                $ (this).find ('.item-data').animate ({opacity: 1}, 100, 'swing');
+            }).mouseleave (function () {
+                $ (this).find ('.item-data').animate ({opacity: 0}, 300, 'swing');
+            });
+        });
+    </script>
+@endsection
+
+{{--<div class="column reference-item">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/myportal.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>myportal.sk</h4>--}}
+{{--<p>Systém na správu workflow</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=myportal.sk">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/customwristbands.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>customwristbands.cz</h4>--}}
+{{--<p>Silikonové náramky dle Vašich představ</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=customwristbands.cz">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/informujsa.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>informujsa.com</h4>--}}
+{{--<p>Informační a propagační portál měst a obcí na Slovensku</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=informujsa.com">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/tipovacka.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>facebook tipsport.sk</h4>--}}
+{{--<p>FB aplikace pro tipování výsledků zápasů s možností různých výher</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=tipsport_tipovacka">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/totoznost.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>totoznost.tipsport.sk</h4>--}}
+{{--<p>Vytvoření a později rebranding aplikace pro ověřování totožnosti</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=totoznost.tipsport.sk">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/zlata_prilba.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>facebook tipsport.sk</h4>--}}
+{{--<p>FB aplikace pro hlasování za nejlepší hokejové video</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=tipsport_zlata_prilba">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/sportovetipy.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>sportovetipy.com</h4>--}}
+{{--<p>Komunitní portál se zaměřením na všechno kolem sportu a vsázení</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=sportovetipy.com">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<p class="text-center more-refs">--}}
+{{--<a class="text-center" href="javascript:void(0);" onclick="showMoreReferences(this);">zobrazit více referencí<br><i class="fa fa-fw fa-lg fa-chevron-circle-down"></i> </a>--}}
+{{--</p>--}}
+{{--<div class="column reference-item more-references">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/tenorova.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>petratenorova.cz</h4>--}}
+{{--<p>Prezentace filmové a divadelní herečky Petry Tenorové</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=petratenorova.cz">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item more-references">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/linkrings.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>linkrings.cz</h4>--}}
+{{--<p>Prezentace šperku vyráběného na přání s tématikou rodičovství</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=linkrings.cz">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item more-references">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/24livescore.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>24livescore.tv</h4>--}}
+{{--<p>Portál zaměřený na poskytování sportovních výsledků v živém čase</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=24livescore.tv">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item more-references">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/tipsport_kalendar.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>facebook tipsport.sk</h4>--}}
+{{--<p>FB aplikace s přehledem aktuálních sportovních utkání a zápasů</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=tipsport_kalendar">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item more-references">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/aaasport.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>aaasport.sk</h4>--}}
+{{--<p>Zpravodajský portál zaměřený na novinky ze světa sportu a livescore</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=aaasport.sk">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item more-references">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/24livescore-service.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>sportovyservis.sk</h4>--}}
+{{--<p>Služba umožňující vkládat si sportovní výsledky na vlastní stránky</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=sportovyservis.sk">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item more-references">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/tipovanie.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>tipovanie.com</h4>--}}
+{{--<p>Portál zaměřený na analýzy a výhodné vsázení</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=tipovanie.com">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--<div class="column reference-item more-references">--}}
+{{--<div class="holder">--}}
+{{--<img class="thumbnail" src="images/reference/gigant.png">--}}
+{{--<div class="item-data">--}}
+{{--<h4>gigant-stavby.cz</h4>--}}
+{{--<p>Prezentace stavební společnosti se širokým portfoliem služeb</p>--}}
+{{--<a class="button success rounded small" href="detail-prace?domena=gigant-stavby.cz">Více zde!</a>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
+{{--</div>--}}
diff --git a/templates/Binarity/Resources/views/visitor/layout.blade.php b/templates/Binarity/Resources/views/visitor/layout.blade.php
index be6f5a18..d1a26116 100644
--- a/templates/Binarity/Resources/views/visitor/layout.blade.php
+++ b/templates/Binarity/Resources/views/visitor/layout.blade.php
@@ -18,7 +18,6 @@
 </head>
 <body>
 <div class="off-canvas-wrapper">
-
     <div class="title-bar hide-for-large">
         <a class="float-right m-r-25" id="responsive-menu-button" href="javascript:switchResponsiveMenu()">
             MENU <i class="fa fa-fw fa-lg fa-bars"></i>
@@ -84,21 +83,29 @@
 
             <footer class="hide-for-large">
                 <ul class="social-icons menu">
-                    <li>
-                        <a href="https://www.facebook.com/binarity.cz/" target="_blank">
-                            <i class="fa fa-fw fa-2x fa-facebook-official fb-color"></i>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="https://www.linkedin.com/company/binarity-s.r.o." target="_blank">
-                            <i class="fa fa-fw fa-2x fa-linkedin in-color"></i>
-                        </a>
-                    </li>
-                    <li>
-                        <a href="https://plus.google.com/+BinarityCzPrague/" target="_blank">
-                            <i class="fa fa-fw fa-2x fa-google-plus gp-color"></i>
-                        </a>
-                    </li>
+                    @if (!empty(setting('facebookProfile')))
+                        <li>
+                            <a href="{{setting('facebookProfile')}}" target="_blank">
+                                <i class="fa fa-fw fa-2x fa-facebook-official fb-color"></i>
+                            </a>
+                        </li>
+                    @endif
+
+                    @if (!empty(setting('linkedInProfile')))
+                        <li>
+                            <a href="{{setting('linkedInProfile')}}" target="_blank">
+                                <i class="fa fa-fw fa-2x fa-linkedin in-color"></i>
+                            </a>
+                        </li>
+                    @endif
+
+                    @if(!empty(setting('gplusProfile')))
+                        <li>
+                            <a href="{{setting('gplusProfile')}}" target="_blank">
+                                <i class="fa fa-fw fa-2x fa-google-plus gp-color"></i>
+                            </a>
+                        </li>
+                    @endif
                 </ul>
                 <div class=" clearfix"></div>
                 <ul class="binarity-info menu vertical">
@@ -120,5 +127,7 @@
 <script src="{{asset_path('visitor/js/cookie.policy.js')}}" type="text/javascript"></script>
 <script src="{{asset_path('visitor/js/BLightBox.js')}}" type="text/javascript"></script>
 <script src="{{asset_path('visitor/js/app.js')}}" type="text/javascript"></script>
+
+@yield('javascripts')
 </body>
 </html>
\ No newline at end of file