Skip to content

Instantly share code, notes, and snippets.

@mrofi
Last active August 29, 2015 14:12
Show Gist options
  • Save mrofi/fa55725a5f14c4b2badc to your computer and use it in GitHub Desktop.
Save mrofi/fa55725a5f14c4b2badc to your computer and use it in GitHub Desktop.
Master Layouts for Laravel + Flat Theme Bootstrap 3
<?php
$appname = isset($appname) ? $appname : 'App Name';
$pagename = ucfirst(isset($pagename) ? $pagename : Route::currentRouteName());
$title = (isset($title) ? $title : $pagename).' | ';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>{{ $title or '' }}{{ $appname }}</title>
<link href="/flat_theme/css/bootstrap.min.css" rel="stylesheet">
<link href="/flat_theme/css/font-awesome.min.css" rel="stylesheet">
<link href="/flat_theme/css/prettyPhoto.css" rel="stylesheet">
<link href="/flat_theme/css/animate.css" rel="stylesheet">
<!-- <link href="/flat_theme/js/bootstrap-wysihtml5/bootstrap-wysihtml5.css" rel="stylesheet"> -->
<!-- <link href="/flat_theme/js/bootstrap-wysihtml5/wysiwyg-color.css" rel="stylesheet"> -->
<link href="/flat_theme/bootstrap-fileupload/bootstrap-fileupload.css" rel="stylesheet">
<!-- <link href="/flat_theme/bootstrap-datepicker/css/datepicker.css" rel="stylesheet"> -->
<link href="/flat_theme/jcrop/css/jquery.Jcrop.min.css" rel="stylesheet"/>
<link href="/flat_theme/css/image-crop.css" rel="stylesheet"/>
<link href="/flat_theme/css/main.css" rel="stylesheet">
<!-- <link href="/flat_theme/css/print.css" rel="stylesheet" media="print"> -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="/flat_theme/images/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/flat_theme/images/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/flat_theme/images/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/flat_theme/images/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="/flat_theme/images/ico/apple-touch-icon-57-precomposed.png">
</head><!--/head-->
<body @yield('bodystyle')>
<header class="navbar navbar-inverse white @yield('navbarclass')" role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><img src="" height="50px" alt="logo"></a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-left">
@yield('menuleft')
</ul>
<ul class="nav navbar-nav navbar-right">
@yield('menu')
</ul>
</div>
</div>
</header><!--/header-->
@yield('content')
<footer id="footer" class="midnight-blue">
<div class="container">
<div class="row">
<div class="col-sm-8">
&copy; 2014 - {{ $appname }}<a target="_blank" href="#" title=""><br></a>All Rights Reserved.
</div>
<div class="col-sm-3">
Made with <i class="icon icon-heart" style="color: red;"></i> by <a href="">Me</a><br>
STMIK Widya Pratama - 10.230.000
</div>
<div class="col-sm-1">
<ul class="pull-right text-center">
<li><a id="gototop" class="gototop" href="#"><i class="icon-chevron-up"></i><br>Top</a></li><!--#gototop-->
</ul>
</div>
</div>
</div>
</footer><!--/#footer-->
<script src="/flat_theme/js/jquery.js"></script>
<script src="/flat_theme/js/jquery.tmpl.js"></script>
<script src="/flat_theme/js/bootstrap.min.js"></script>
<!--script src="/flat_theme/js/jquery.dcjqaccordion.2.7.js"></script-->
<!--script src="/flat_theme/js/bootstrap-wysihtml5/wysihtml5-0.3.0.js"></script-->
<!--script src="/flat_theme/js/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script-->
<script src="/flat_theme/js/jquery.prettyPhoto.js"></script>
<script src="/flat_theme/bootstrap-fileupload/bootstrap-fileupload.js"></script>
<script src="/flat_theme/jcrop/js/jquery.Jcrop.js"></script>
<script>
jQuery(function() {
window.magellan = function() {
obj = $('.magellan');
pos = obj.offset().top;
pos2 = obj.next().offset().top-obj.innerHeight();
$(window).scroll(function() {
if (pos < $(this).scrollTop() && !obj.hasClass('navbar-fixed-top')) return obj.addClass('navbar-fixed-top');
if (pos2 > $(this).scrollTop()) return obj.removeClass('navbar-fixed-top');
});
}
})
</script>
@yield('js')
</script>
<script src="/flat_theme/js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment