FEATURE #2351 @3h: add colors

templates/PragueTennisCamp/Resources/assets/css/app.css

@@ -3,16 +3,37 @@
 body {
 	font-family: Ubuntu;
 	text-align: justify;
-	background: #eef4d4 url("./images/bg.png");
+	background: #EEF4D4 url("./images/bg.png");
+	/*background: url("./images/clay-bg.jpg") no-repeat fixed;*/
+	/*background-size: cover;*/
 }
 
+h1, h2, h3, h4 {
+	font-family: Comfortaa;
+	color: #FF7F11;
+}
+
+a {
+	color: #FF7F11;
+}
+
+/** HEADER **/
 header.top-bar {
-	background: #3f3f37;
+	background: #3F3F37;
 	padding: 0;
+	border-bottom: solid 1px #FF7F11;
 }
 
 header.top-bar h1 {
-	font-size: 100%;
+	font-size: 130%;
+	line-height: 38px;
+	margin-top: 0;
+	margin-bottom: 0;
+	text-align: center;
+}
+
+header.top-bar.centered .menu li {
+	display: inline-block;
 }
 
 header.top-bar ul {
@@ -23,59 +44,53 @@ header.top-bar a {
 	color: white;
 }
 
+header.top-bar h1 a {
+	color: #FF7F11;
+}
+
 .menu .active > a {
-	background: #ff7f11;
+	background: #FF7F11;
 }
 
 .logo {
-	max-height: 35px;
+	max-height: 25px;
-}
+	margin: 0 15px;
-
-h1, h2, h3, h4 {
-	font-family: Comfortaa;
-	color: #ff7f11;
 }
 
+/** END HEADER **/
 
 
 .stripe {
-	padding: 50px;
-	margin: 50px 0;
 	width: 100%;
 }
 
 .stripe.light {
-	background: rgba(0, 0, 0, 0.1);
+	background: rgba(0, 0, 0, 0.3);
-}
-
-.stripe h1 {
-	color: white;
-	font-size: 270%;
-}
-
-.stripe p {
-	padding-left: 150px;
 }
 
 .content-container.row {
+	margin-top: 1em;
 	line-height: 170%;
 	padding: 1em;
-	background: #FFFEF0;
+	background: #F8FEF0;
+	box-shadow: 0 0 10px #CBCBCB;
+	border-radius: 5px 5px 0 0;
 }
 
 .orbit {
 	position: relative;
 	overflow: hidden;
+	background: silver;
 }
 
 .orbit-bullets {
-	margin-top: -54px;
+	margin-top: -100px;
-	padding-bottom: 11px;
+	padding-bottom: 20px;
 }
 
 .orbit .stripe {
 	height: 20px;
-	background: rgba(255,255,255, 0.2);
+	background: rgba(255,127,17, 0.3);
 	position: absolute;
 	left: 0;
 	right: 0;
@@ -89,26 +104,40 @@ h1, h2, h3, h4 {
 
 .orbit-bottom {
 	bottom: 0;
+	border-bottom: solid 1px #3F3F37;
 }
 
 .slow {
-	transition-duration: 4500ms !important;
+	transition-duration: 3500ms !important;
 }
 
+.trainee-team {
+	margin-top: 2em;
+}
 .trainee-team .thumbnail {
 	max-height: 150px;
 }
 
-#footer {
-	margin-top: 10em;
-}
-
 .rounded {
 	border-radius: 50%;
 }
 
+.title-photo img {
+	border-radius: 0 0 5px 5px;
+}
+
 .trainer {
 	max-width: 25%;
 	padding: 3px;
 	border: solid 1px #CCC;
 }
+
+
+#footer {
+	border-top: solid 2px #FF7F11;
+	background: #3F3F37;
+	margin-bottom: 150px;
+	padding: 1em;
+	border-radius: 0 0 5px 5px;
+	color: #EEF4D4;
+}

templates/PragueTennisCamp/Resources/views/modules/contactform/_partials/form.blade.php

@@ -1,13 +1,28 @@
 <form action="{{route('email.send', ['formId' => $page->id])}}" method="post">
     {!! csrf_field() !!}
-    <div class="column medium-6">
+    <div class="column medium-4">
         <input class="large" placeholder="jméno a příjmení" name="name" type="text">
     </div>
-    <div class="column medium-6">
+    <div class="column medium-4">
         <input class="large" placeholder="telefon" name="phone" type="text">
     </div>
-    <div class="column medium-12">
+    <div class="column medium-4">
         <input class="large" placeholder="e-mail" name="email" type="text">
+    </div>
+
+
+    <div class="column medium-4">
+        <input class="large" placeholder="počet osob" name="personCount" type="text">
+    </div>
+    <div class="column medium-4">
+        <input class="large" placeholder="termín od" name="from" type="text">
+    </div>
+
+    <div class="column medium-4">
+        <input class="large" placeholder="termín do" name="to" type="text">
+    </div>
+
+    <div class="column medium-12">
         <textarea class="large" placeholder="zpráva" name="message"></textarea>
     </div>
     <div class="column medium-6 right">

templates/PragueTennisCamp/Resources/views/modules/contactform/visitor/default.blade.php

@@ -1,61 +1,36 @@
 @extendVisitor('defaultLayout')
+
+@section('topMenu')
+    <div class="top-bar-right">
+        @widgetArea('mainMenu')
+    </div>
+@endsection
+
 @section('content')
 
-    <div class="content-container">
+    <div class="row content-container">
 
         <div class="column text-center m-b-25 show-for-large">
             <h2>Kontakt</h2>
         </div>
 
-        <div class="large-12 column columns p-lr-0 contact-detail">
+        <div class="column text-center large-4">
-            <div class="column text-right large-4">
+            <h2 class="hide-for-large">Kontakt</h2>
-                <h2 class="hide-for-large">Kontakt</h2>
-                <p class="contact-p green-text"><b>{{$page->moduleSettings['companyName']}}</b></p>
-                <p class="contact-p">
-                    {!! nl2br($page->moduleSettings['address']) !!}
-                    <br>
-                    -<br>
-                    tel.: {{$page->moduleSettings['phone']}}<br>
-                    e-mail: <a href="mailto:{{$page->moduleSettings['email']}}">{{$page->moduleSettings['email']}}</a>
-                </p>
-                <br>
-            </div>
-            <div id="map" class="column large-8" style="height: 250px;"></div>
-        </div>
-    </div>
 
-    <div class="large-12 column stripe light" id="contact-form">
+            <h4>{{$page->moduleSettings['companyName']}}</h4>
-        <div class="column large-12 medium-8 small-12 medium-centered p-lr-0 p-lr-15-sm">
+
-            <h4 class="text-center uppercase m-b-25 bold">Napište nám</h4>
+            <p>
+                {!! nl2br($page->moduleSettings['address']) !!}
+            </p>
+
+            <p>
+                tel.: {{$page->moduleSettings['phone']}}<br>
+                e-mail: <a href="mailto:{{$page->moduleSettings['email']}}">{{$page->moduleSettings['email']}}</a>
+            </p>
+        </div>
+
+        <div class="column large-8" id="contact-form">
             @include('modules.contactform._partials.form')
         </div>
     </div>
-@endsection
-
-@section('javascripts')
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjADMGOysqt0ibo9mD5Cr8rs47ZQF8rKQ&callback=initMap"
-            async defer></script>
-    <script type="text/javascript">
-		 function initMap() {
-			 var myLatLng = {
-				 lat: parseFloat ('{{$page->moduleSettings['gpsLat']}}'),
-				 lng: parseFloat ('{{$page->moduleSettings['gpsLng']}}')
-			 };
-
-			 // Create a map object and specify the DOM element for display.
-			 var map = new google.maps.Map (document.getElementById ('map'), {
-				 center: myLatLng,
-				 scrollwheel: false,
-				 zoom: 18
-			 });
-
-			 // Create a marker and set its position.
-			 var marker = new google.maps.Marker ({
-				 map: map,
-				 position: myLatLng,
-				 title: '{{$page->moduleSettings['companyName']}}'
-			 });
-		 }
-    </script>
-
 @endsection

templates/PragueTennisCamp/Resources/views/modules/staticpages/visitor/default.blade.php

@@ -1,14 +1,30 @@
 @extendVisitor('defaultLayout')
 
+@section('topMenu')
+    <div class="top-bar-left hide-for-small-only">
+        <h1 class="text-center">
+            <a href="{{route('page.index')}}">
+                <img class="logo" src="@asset('visitor/images/logo.png')" alt="">
+                {{setting('pageName')}}
+            </a>
+        </h1>
+    </div>
+
+    <div class="top-bar-right">
+        @widgetArea('mainMenu')
+    </div>
+@endsection
+
 @section('content')
 
+    @if (!empty($page->titlePhoto))
+        <div class="row title-photo">
+            <img src="@upload($page->titlePhoto)" alt="">
+        </div>
+    @endif
     <div class="row content-container">
         <h1>{{$page->title}}</h1>
 
         {!! $page->pageContent !!}
-
     </div>
-
-
-
 @endsection

templates/PragueTennisCamp/Resources/views/modules/staticpages/visitor/homepage.blade.php

@@ -1,4 +1,15 @@
-@extendVisitor('defaultLayout')
+@extendVisitor('defaultLayout', ['test' => 1])
+
+@section('topMenu')
+    <div class="hide-for-small-only">
+        <h1 class="text-center">
+            <a href="{{route('page.index')}}">
+                <img class="logo" src="@asset('visitor/images/logo.png')" alt="">
+                {{setting('pageName')}}
+            </a>
+        </h1>
+    </div>
+@endsection
 
 @section('content')
     @php $images = $page->files()->where('mime_type', 'like', 'image%')->get(); @endphp
@@ -19,20 +30,22 @@
                 @endforeach
             </nav>
 
-            <div class="stripe orbit-top"></div>
+            {{--<div class="stripe orbit-top"></div>--}}
-            <div class="stripe orbit-bottom"></div>
+            {{--<div class="stripe orbit-bottom"></div>--}}
         </div>
+        <header class="top-bar centered text-center">
+            @widgetArea('mainMenu')
+        </header>
     @endif
 
     <div class="row content-container">
         {!! $page->pageContent !!}
 
-        <div class="text-center stripe light trainee-team">
+        <div class="text-center trainee-team">
-
             <h2>{{$page->traineeTeamCategory->name}}</h2>
 
             @foreach($page->traineeTeamCategory->content as $i => $subpage)
-                <div class="column text-center small-6 medium-{{ceil(12/count($page->traineeTeamCategory->content))}}"
+                <div class="column text-center small-12 medium-{{ceil(12/count($page->traineeTeamCategory->content))}}"
                      data-equalizer-watch>
                     <a href="{{route('page.content', ['url' => $subpage->url])}}">
                         @if(empty($subpage->titlePhoto))
@@ -44,7 +57,6 @@
                     </a>
                 </div>
             @endforeach
-            <div class="clearfix"></div>
         </div>
     </div>
 @endsection

templates/PragueTennisCamp/Resources/views/visitor/defaultLayout.blade.php

@@ -12,47 +12,41 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css" />
     <link rel="stylesheet" href="@asset('visitor/css/app.css')" />
 
+    @if (!empty($googleAnalyticsCode))
+        <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)
+			  }) (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
+
+			  ga ('create', '{{$googleAnalyticsCode}}', 'auto');
+			  ga ('send', 'pageview');
+
+        </script>
+    @endif
+
     @include('visitor.metaInformation')
 </head>
 <body>
-@if (!empty($googleAnalyticsCode))
-    <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)
-		 }) (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
 
-		 ga ('create', '{{$googleAnalyticsCode}}', 'auto');
-		 ga ('send', 'pageview');
-
-    </script>
-@endif
 <header class="top-bar">
-    <div class="top-bar-left hide-for-small-only">
+    @yield('topMenu')
-        <h1>
-            <a href="{{route('page.index')}}">
-                {{setting('pageName')}}
-            </a>
-        </h1>
-    </div>
-    <div class="top-bar-right">
-        @widgetArea('mainMenu')
-    </div>
 </header>
 
 @yield('content')
 
 <div class="clearfix"></div>
 
-<footer id="footer" class="stripe light">
+
-    <div id="footer-widgets">
+<footer id="footer" class="row">
+    <div id="footer-widgets text-center">
         @widgetArea('footer')
     </div>
     <div id="binarity" class="text-right">