frontend.blade.php 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322
  1. <!doctype html>
  2. <html lang="it" class="no-js">
  3. <head>
  4. <!-- Global site tag (gtag.js) - Google Analytics -->
  5. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-12619965-34"></script>
  6. <script src="//d3u598arehftfk.cloudfront.net/prebid_hb_14302_22192.js" async></script>
  7. <script>
  8.   window.dataLayer = window.dataLayer || [];
  9.   function gtag(){dataLayer.push(arguments);}
  10.   gtag('js', new Date());
  11.   gtag('config', 'UA-12619965-34');
  12. </script>
  13. <title>Calcio a 5 Anteprima @yield('title')</title>
  14. <meta charset="utf-8">
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  16. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  17. @yield('meta')
  18. <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic' rel='stylesheet' type='text/css'>
  19. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  20. <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" media="screen">
  21. <link rel="stylesheet" type="text/css" href="/css/jquery.bxslider.css" media="screen">
  22. <link rel="stylesheet" type="text/css" href="/css/font-awesome.css" media="screen">
  23. <link rel="stylesheet" type="text/css" href="/css/magnific-popup.css" media="screen">
  24. <link rel="stylesheet" type="text/css" href="/css/owl.carousel.css" media="screen">
  25. <link rel="stylesheet" type="text/css" href="/css/owl.theme.css" media="screen">
  26. <link rel="stylesheet" type="text/css" href="/css/ticker-style.css"/>
  27. <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen">
  28. <link rel="stylesheet" type="text/css" href="/css/print.css" media="print">
  29. <link rel="stylesheet" type="text/css" href="/css/custom.css" media="screen">
  30. <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon.png">
  31. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  32. <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  33. <link rel="manifest" href="/site.webmanifest">
  34. <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  35. <meta name="msapplication-TileColor" content="#da532c">
  36. <meta name="theme-color" content="#ffffff">
  37. <style>
  38. nav#menu-container {
  39. position:relative;
  40. width:100%;
  41. height: 56px;
  42. }
  43. #btn-nav-previous {
  44. text-align: center;
  45. color: black;
  46. cursor: pointer;
  47. font-size: 18px;
  48. position: absolute;
  49. left: 0px;
  50. fill:#FFF;
  51. }
  52. #btn-nav-next {
  53. text-align: center;
  54. color: black;
  55. cursor: pointer;
  56. font-size: 18px;
  57. position: absolute;
  58. right: 0px;
  59. fill:#FFF;
  60. }
  61. .menu-inner-box
  62. {
  63. width: 90%;
  64. white-space: nowrap;
  65. margin: 0 auto;
  66. overflow: hidden;
  67. padding: 0px 5px;
  68. box-sizing: border-box;
  69. }
  70. .menu
  71. {
  72. padding:0;
  73. margin: 0;
  74. list-style-type: none;
  75. display:block;
  76. text-align: center;
  77. }
  78. a.menu-item
  79. {
  80. color:#fff;
  81. text-decoration:none;
  82. text-align:center;
  83. white-space:no-wrap;
  84. }
  85. .menu-item:hover {
  86. text-decoration:underline;
  87. }
  88. @media only screen and (max-width: 480px) {
  89. #btn-nav-previous {
  90. display:none;
  91. }
  92. #btn-nav-next {
  93. display:none;
  94. }
  95. .menu-inner-box
  96. {
  97. width:100%;
  98. overflow-x:auto;
  99. }
  100. }
  101. @if($home->image != '')
  102. @media (min-width: 400px) {
  103. .bg-adv
  104. {
  105. background-color: white;
  106. }
  107. .adv
  108. {
  109. background-color: white;
  110. }
  111. }
  112. @media (min-width: 1170px) {
  113. .navbar-nav>li>a {
  114. padding: 20px 10px 20px 10px;
  115. z-index: 2;
  116. }
  117. #container {
  118. margin-top:120px;
  119. }
  120. .container {
  121. width: 1040px !important;
  122. }
  123. .bg-adv
  124. {
  125. /*https://source.unsplash.com/twukN12EN7c/1920x1080*/
  126. background: url('/files/{{$home->image}}') ;
  127. background-size: 1920px!important;
  128. background-repeat: no-repeat;
  129. background-attachment: fixed;
  130. background-position: top;
  131. }
  132. .adv
  133. {
  134. max-width: 1040px;
  135. padding-right: 5px;
  136. padding-left: 5px;
  137. margin-right: auto;
  138. margin-left: auto;
  139. /* margin-top: 120px!important; */
  140. background-color: white;
  141. }
  142. }
  143. @endif
  144. .togglesearch {
  145. background:#FFFFFF;
  146. position: absolute;
  147. top: 0px;
  148. z-index:99999;
  149. right: 8%;
  150. width: 350px;
  151. height: 60px;
  152. box-shadow: 0 0 10px rgba(0,0,0,.5);
  153. display: none;
  154. }
  155. </style>
  156. @yield('extra_css')
  157. </head>
  158. <body class="bg-adv">
  159. <!-- Container -->
  160. @if(isset($aHome))
  161. @foreach($aHome as $id => $img)
  162. <input type="hidden" id="img{{$id}}" value="{{$img["image"]}}">
  163. <input type="hidden" id="url{{$id}}" value="{{$img["url"]}}">
  164. @endforeach
  165. @endif
  166. <div id="fb-root"></div>
  167. <script>(function(d, s, id) {
  168. var js, fjs = d.getElementsByTagName(s)[0];
  169. if (d.getElementById(id)) return;
  170. js = d.createElement(s); js.id = id;
  171. js.src = "https://connect.facebook.net/it_IT/sdk.js#xfbml=1&version=v3.0";
  172. fjs.parentNode.insertBefore(js, fjs);
  173. }(document, 'script', 'facebook-jssdk'));</script>
  174. <!-- Container -->
  175. <div id="container" class="adv">
  176. @yield('banner_top')
  177. @include('layouts.header_no_scroll')
  178. @yield('content')
  179. @yield('banner_bottom')
  180. @include('layouts.footer')
  181. </div>
  182. <button onclick="topFunction()" id="btTop" title="Go to top">Top</button>
  183. <!-- End Container -->
  184. <script type="text/javascript" src="/js/jquery.min.js"></script>
  185. <script type="text/javascript" src="/js/jquery.migrate.js"></script>
  186. <script type="text/javascript" src="/js/jquery.bxslider.min.js"></script>
  187. <script type="text/javascript" src="/js/jquery.magnific-popup.min.js"></script>
  188. <script type="text/javascript" src="/js/bootstrap.min.js"></script>
  189. <script type="text/javascript" src="/js/jquery.ticker.js"></script>
  190. <script type="text/javascript" src="/js/jquery.imagesloaded.min.js"></script>
  191. <script type="text/javascript" src="/js/jquery.isotope.min.js"></script>
  192. <script type="text/javascript" src="/js/owl.carousel.min.js"></script>
  193. <script type="text/javascript" src="/js/retina-1.1.0.min.js"></script>
  194. <script type="text/javascript" src="/js/plugins-scroll.js"></script>
  195. <script type="text/javascript" src="/js/script.js"></script>
  196. @yield('extra_js')
  197. <script type="text/javascript">
  198. var count = 0;
  199. var max_count = {{sizeof($aHome)}};
  200. $( document ).ready(function() {
  201. $(".fa-search").click(function(){
  202. $(".togglesearch").toggle();
  203. $("input[type='text']").focus();
  204. });
  205. //$('body').css('cursor', 'pointer');
  206. $('body').click(function(event) {
  207. if (event.target == event.currentTarget)
  208. {
  209. var url = $("#url" + count).val();
  210. document.location.href = url;
  211. }
  212. });
  213. });
  214. function scroll_to(id) {
  215. $('html,body').animate({
  216. scrollTop: $('#'+id).offset().top-120
  217. },'slow');
  218. }
  219. $('#btn-nav-previous').click(function(){
  220. $(".menu-inner-box").animate({scrollLeft: "-=150px"});
  221. });
  222. $('#btn-nav-next').click(function(){
  223. $(".menu-inner-box").animate({scrollLeft: "+=150px"});
  224. });
  225. /*setTimeout(function(){
  226. window.location.reload(1);
  227. }, 180000);*/
  228. if (max_count > 0)
  229. {
  230. setInterval(function(){
  231. count = count + 1;
  232. if (count == max_count)
  233. count = 0;
  234. var img = $("#img" + count).val();
  235. $(".bg-adv").css("background-image", "url('/files/" + img + "')");
  236. }, 30000);
  237. }
  238. mybutton = document.getElementById("btTop");
  239. // When the user scrolls down 20px from the top of the document, show the button
  240. window.onscroll = function() {scrollFunction()};
  241. function scrollFunction() {
  242. if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  243. mybutton.style.display = "block";
  244. } else {
  245. mybutton.style.display = "none";
  246. }
  247. }
  248. // When the user clicks on the button, scroll to the top of the document
  249. function topFunction() {
  250. document.body.scrollTop = 0; // For Safari
  251. document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
  252. }
  253. </script>
  254. <script>window.twttr = (function(d, s, id) {
  255. var js, fjs = d.getElementsByTagName(s)[0],
  256. t = window.twttr || {};
  257. if (d.getElementById(id)) return t;
  258. js = d.createElement(s);
  259. js.id = id;
  260. js.src = "https://platform.twitter.com/widgets.js";
  261. fjs.parentNode.insertBefore(js, fjs);
  262. t._e = [];
  263. t.ready = function(f) {
  264. t._e.push(f);
  265. };
  266. return t;
  267. }(document, "script", "twitter-wjs"));</script>
  268. </body>
  269. </html>