From 679ca91fc9f0e43b4fb5953190f617be1228811a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= <michal@binarity.cz>
Date: Sun, 2 Oct 2016 21:16:41 +0200
Subject: [PATCH] FEATURE: make homepage and default static page templates
 HTML5 valid

---
 .../Binarity/Resources/assets/css/app.css     |  4 +--
 templates/Binarity/Resources/assets/js/app.js |  6 +++++
 .../staticpages/visitor/default.blade.php     |  2 +-
 .../staticpages/visitor/homepage.blade.php    | 25 ++++++++++---------
 .../Resources/views/visitor/layout.blade.php  | 11 +++++---
 .../views/visitor/metaInformation.blade.php   |  9 +++++++
 6 files changed, 39 insertions(+), 18 deletions(-)
 create mode 100644 templates/Binarity/Resources/views/visitor/metaInformation.blade.php

diff --git a/templates/Binarity/Resources/assets/css/app.css b/templates/Binarity/Resources/assets/css/app.css
index 88f93f96..93ca8b24 100644
--- a/templates/Binarity/Resources/assets/css/app.css
+++ b/templates/Binarity/Resources/assets/css/app.css
@@ -8954,11 +8954,11 @@ article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,secti
 		margin-top: -60px;
 	}
 	.services-pos:nth-child(10) {
-		left: calc(50% - 150px);
+		left: calc(50% - 15px);
 		margin-top: -65px;
 	}
 	.services-pos:nth-child(12) {
-		left: calc(50% - 15px);
+		left: calc(50% - 150px);
 		margin-top: -60px;
 	}
 }
diff --git a/templates/Binarity/Resources/assets/js/app.js b/templates/Binarity/Resources/assets/js/app.js
index 0993baab..66b9c367 100644
--- a/templates/Binarity/Resources/assets/js/app.js
+++ b/templates/Binarity/Resources/assets/js/app.js
@@ -65,3 +65,9 @@ while (flipi--) {
 		}, flipi * 200);
 	}) (flipi);
 }
+
+
+$('.flip-container.hover-on-start').bind('touchstart', function (e) {
+	e.preventDefault();
+	$(this).toggleClass('hover');
+});
\ No newline at end of file
diff --git a/templates/Binarity/Resources/views/modules/staticpages/visitor/default.blade.php b/templates/Binarity/Resources/views/modules/staticpages/visitor/default.blade.php
index 419a4510..85db2e11 100644
--- a/templates/Binarity/Resources/views/modules/staticpages/visitor/default.blade.php
+++ b/templates/Binarity/Resources/views/modules/staticpages/visitor/default.blade.php
@@ -1,6 +1,6 @@
 @extendVisitor('layout')
 
-@section('pageTitle', $page->title)
+@include(\App\Helpers\Template::name('metaInformation'))
 
 @section('content')
     <h1 class="text-center uppercase m-b-25">{{$page->title}}</h1>
diff --git a/templates/Binarity/Resources/views/modules/staticpages/visitor/homepage.blade.php b/templates/Binarity/Resources/views/modules/staticpages/visitor/homepage.blade.php
index bbe25171..b4dcf8de 100644
--- a/templates/Binarity/Resources/views/modules/staticpages/visitor/homepage.blade.php
+++ b/templates/Binarity/Resources/views/modules/staticpages/visitor/homepage.blade.php
@@ -12,7 +12,7 @@
         </div>
     </div>
     <div class="services-pos service-holder">
-        <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
+        <div class="flip-container hover hover-on-start">
             <div class="flipper">
                 <div class="front">
                     Vyvíjíme webové<br>aplikace
@@ -24,7 +24,7 @@
         </div>
     </div>
     <div class="services-pos outline-holder">
-        <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
+        <div class="flip-container hover">
             <div class="flip-container hover">
                 <div class="flipper">
                     <div class="outline">
@@ -34,7 +34,7 @@
         </div>
     </div>
     <div class="services-pos service-holder">
-        <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
+        <div class="flip-container hover hover-on-start">
             <div class="flipper">
                 <div class="front">
                     <p>Nabízíme <br> konzultace</p>
@@ -46,7 +46,7 @@
         </div>
     </div>
     <div class="services-pos outline-holder">
-        <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
+        <div class="flip-container hover">
             <div class="flip-container hover">
                 <div class="flipper">
                     <div class="outline-grey">
@@ -56,7 +56,7 @@
         </div>
     </div>
     <div class="services-pos service-holder">
-        <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
+        <div class="flip-container hover hover-on-start">
             <div class="flipper">
                 <div class="front">
                     Vytváříme<br>informační<br> systémy
@@ -68,7 +68,7 @@
         </div>
     </div>
     <div class="services-pos service-holder">
-        <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
+        <div class="flip-container hover hover-on-start">
             <div class="flipper">
                 <div class="front">
                     Poskytujeme hosting
@@ -80,7 +80,7 @@
         </div>
     </div>
     <div class="services-pos service-holder">
-        <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
+        <div class="flip-container hover hover-on-start">
             <div class="flipper">
                 <div class="front">
                     SEO, Facebook<br>a další
@@ -92,15 +92,16 @@
         </div>
     </div>
 
-    <div class="services-pos service-holder">
+    <div class="services-pos outline-holder">
         <div class="flip-container hover">
             <div class="flipper">
-                <div class="outline-grey">
+                <div class="outline">
                 </div>
             </div>
         </div>
-    </div><div class="services-pos service-holder">
-        <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
+    </div>
+    <div class="services-pos service-holder">
+        <div class="flip-container hover hover-on-start">
             <div class="flipper">
                 <div class="front">
                     <p>Testujeme</p>
@@ -120,7 +121,7 @@
         </div>
     </div>
     <div class="services-pos service-holder">
-        <div class="flip-container hover" ontouchstart="this.classList.toggle('hover');">
+        <div class="flip-container hover">
             <div class="flipper">
                 <div class="back">
                     <a href="kontakt" class="white-text uppercase large-text">
diff --git a/templates/Binarity/Resources/views/visitor/layout.blade.php b/templates/Binarity/Resources/views/visitor/layout.blade.php
index 07bce425..4db11034 100644
--- a/templates/Binarity/Resources/views/visitor/layout.blade.php
+++ b/templates/Binarity/Resources/views/visitor/layout.blade.php
@@ -4,14 +4,20 @@
     <meta charset="utf-8" />
 
     <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=Hind+Siliguri:400,500,700,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Hind+Siliguri:400,500,700,300&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>
     <link rel="stylesheet" href="{{asset_path('visitor/css/app.css')}}">
 
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
-    <meta property="og:url" content="http://www.binarity.cz">
+    <meta name="description" content="@yield('pageDescription')">
+    <meta name="keywords" content="@yield('pageKeywords')">
+
+    <meta property="og:url" content="{{$currentUrl}}">
     <meta property="og:type" content="website">
+    <meta property="og:title" content="@yield('pageTitle')">
+    <meta property="og:description" content="@yield('pageDescription')">
+    <meta property="og:image" content="@yield('pageTitleImage')">
 
     <title>@yield('pageTitle') | {{setting('pageName')}}</title>
 </head>
@@ -36,7 +42,6 @@
 
                 @widgetArea('mainMenu')
 
-
                 <ul class="social-icons menu hide-for-medium-only hide-for-small-only">
                     @if (!empty(setting('facebookProfile')))
                         <li>
diff --git a/templates/Binarity/Resources/views/visitor/metaInformation.blade.php b/templates/Binarity/Resources/views/visitor/metaInformation.blade.php
new file mode 100644
index 00000000..59e6e393
--- /dev/null
+++ b/templates/Binarity/Resources/views/visitor/metaInformation.blade.php
@@ -0,0 +1,9 @@
+@if(isset($page))
+    @section('pageTitle', $page->title)
+@section('pageDescription', $page->meta_description)
+@section('pageKeywords', $page->meta_keywords)
+@section('pageTitleImage')
+@if (!empty($page->title_photo) && \App\Helpers\Template::upload($page->title_photo))@upload($page->title_photo)
+@else{{asset_path('visitor/images/binarity_logo_menu.png')}}@endif
+@endsection
+@endif
\ No newline at end of file