Files
crewsportswear/resources/views/layout/main.blade.php
Frank John Begornia 68549cbf30 update 3_20_19
2019-03-20 19:24:22 +08:00

143 lines
6.7 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="Custom Uniforms offered in a variety colors to match your team. Browse through our baseball, fastpitch, softball, lacrosse, football, volleyball and basketball gear.">
<meta name="keywords" content="custom uniforms, footwear, athletic equipment, sporting goods">
<meta name="author" content="Frank John Begornia">
<meta name="csrf_token" content="{{ csrf_token() }}" />
<meta name="company_url" content="CREW Uniform Designer" />
<meta property="og:url" content="http://uniformnetwork.com/crew/" />
<meta property="og:type" content="article" />
<meta property="og:title" content="CREW Uniform Customizer" />
<meta property="og:description" content="Custom Uniforms offered in a variety colors to match your team. Browse through our baseball, fastpitch, softball, lacrosse, football, volleyball and basketball gear." />
<meta property="og:image" content="{{asset('public/images/fb-share-logo.png')}}" />
<!-- favicons
<link rel="apple-touch-icon" sizes="180x180" href="{{asset('public/favicons/apple-touch-icon.png')}}">
<link rel="icon" type="image/png" href="{{asset('public/favicons/favicon-32x32.png')}}" sizes="32x32">
<link rel="icon" type="image/png" href="{{asset('public/favicons/favicon-16x16.png')}}" sizes="16x16">
<link rel="manifest" href="{{asset('public/favicons/manifest.json')}}">
<link rel="mask-icon" href="{{asset('public/favicons/safari-pinned-tab.svg')}}" color="#5bbad5">
<meta name="theme-color" content="#ffffff">-->
<!-- end favicons -->
<title>CREW Uniform Designer</title>
<!-- Bootstrap core CSS -->
<link href="{{asset('public/assets/css/bootstrap.min.css')}}" rel="stylesheet">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="{{asset('public/assets/css/ie10-viewport-bug-workaround.css')}}" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="{{asset('public/assets/css/style.css')}}" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="{{asset('public/assets/js/ie-emulation-modes-warning.js')}}"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Social Media Share button
<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=599bc5cf6d61950012975405&product=sticky-share-buttons"></script>-->
<style>
.sports-title{
margin-top: 5px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
margin: auto;
}
</style>
</head>
<body>
@include('layout.navbar')
<div class="container">
<!-- Example row of columns -->
@yield('content')
</div>
<!-- Bootstrap core JavaScript ================================================= !-->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="{{asset('public/assets/js/bootstrap.min.js')}}"></script>
<!-- <script>window.jQuery || document.write('<script src="{{asset('public/assets/js/vendor/jquery.min.js')}}"><\/script>')</script> -->
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<!-- <script type="text/javascript" src="https://cdn.ywxi.net/js/1.js" async></script> -->
<script src="{{asset('public/assets/js/crew-designer.js')}}"></script>
<script>
$(function(){
myCart();
$(".hide-row").hide();
// $(window).scroll(function() {
// $('.order-summary').css('top', $(this).scrollTop());
// });
$('.modal').on('show.bs.modal', function() {
$(this).show();
console.log("assda")
setModalMaxHeight(this);
});
$(window).resize(function() {
if ($('.modal.in').length != 0) {
setModalMaxHeight($('.modal.in'));
}
});
$(document).on('button click', '.c', function() {
$(".hide-row").show();
});
});
function myCart(){
$.ajax({ //create an ajax request to load_page.php
type: "GET",
url: "{{url('cartcount')}}",
dataType: "html",
success: function(response){
$("#my-cart-count").html(response);
}
});
}
function setModalMaxHeight(element) {
this.$element = $(element);
this.$content = this.$element.find('.modal-content');
var borderWidth = this.$content.outerHeight() - this.$content.innerHeight();
var dialogMargin = $(window).width() < 768 ? 20 : 60;
var contentHeight = $(window).height() - (dialogMargin + borderWidth);
var headerHeight = this.$element.find('.modal-header').outerHeight() || 0;
var footerHeight = this.$element.find('.modal-footer').outerHeight() || 0;
var maxHeight = contentHeight - (headerHeight + footerHeight);
this.$content.css({
'overflow': 'hidden'
});
this.$element
.find('.modal-body').css({
'max-height': maxHeight,
'overflow-y': 'auto'
});
}
</script>
</body>
</html>