230 行
7.8 KiB
PHP
230 行
7.8 KiB
PHP
<!doctype html>
|
|
<html lang="{{ app()->getLocale() }}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
|
<title>Hack Store - @yield('title')</title>
|
|
|
|
<script src="//{{ Request::getHost() }}:6001/socket.io/socket.io.js"></script>
|
|
|
|
<link type="text/css" rel="stylesheet" href="/css/app.css" />
|
|
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
|
|
<style>
|
|
.toast {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
#toast-container>div {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.masthead {
|
|
background: url('/assets/images/hero.jpeg') fixed no-repeat bottom center !important;
|
|
}
|
|
|
|
.shadowed {
|
|
background: rgba(0, 0, 0, 0.5);
|
|
color: #fff !important;
|
|
}
|
|
|
|
.masthead.segment {
|
|
min-height: 500px;
|
|
padding: 1em 0em;
|
|
}
|
|
|
|
.masthead .logo.item img {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.masthead .ui.menu .ui.button {
|
|
margin-left: 0.5em;
|
|
}
|
|
|
|
.masthead h1.ui.header {
|
|
margin-top: 3em;
|
|
margin-bottom: 0em;
|
|
font-size: 4em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.masthead h2 {
|
|
font-size: 1.7em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.ui.vertical.stripe {
|
|
padding: 8em 0em;
|
|
}
|
|
|
|
.ui.vertical.stripe h3 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.ui.vertical.stripe .button+h3,
|
|
.ui.vertical.stripe p+h3 {
|
|
margin-top: 3em;
|
|
}
|
|
|
|
.ui.vertical.stripe .floated.image {
|
|
clear: both;
|
|
}
|
|
|
|
.ui.vertical.stripe p {
|
|
font-size: 1.33em;
|
|
}
|
|
|
|
.ui.vertical.stripe .horizontal.divider {
|
|
margin: 3em 0em;
|
|
}
|
|
|
|
.quote.stripe.segment {
|
|
padding: 0em;
|
|
}
|
|
|
|
.quote.stripe.segment .grid .column {
|
|
padding-top: 5em;
|
|
padding-bottom: 5em;
|
|
}
|
|
|
|
.footer.segment {
|
|
padding: 5em 0em;
|
|
}
|
|
|
|
.secondary.pointing.menu .toc.item {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
.ui.fixed.menu {
|
|
display: none !important;
|
|
}
|
|
.secondary.pointing.menu .item,
|
|
.secondary.pointing.menu .menu {
|
|
display: none;
|
|
}
|
|
.secondary.pointing.menu .toc.item {
|
|
display: block;
|
|
}
|
|
.masthead.segment {
|
|
min-height: 350px;
|
|
}
|
|
.masthead h1.ui.header {
|
|
font-size: 2em;
|
|
margin-top: 1.5em;
|
|
}
|
|
.masthead h2 {
|
|
margin-top: 0.5em;
|
|
font-size: 1.5em;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body fixed>
|
|
@auth
|
|
Auth-only stuff.
|
|
@endauth
|
|
<div id="sidebarMenu" class="ui overlay inverted left inline vertical sidebar menu">
|
|
<a href="#" id="sidebarButton" class="sidebar item drawerTrigger">
|
|
<span style="float: left;">
|
|
<i class="sidebar grid layout icon"></i>
|
|
</span>
|
|
<span style="float: right;">Hack Store</span>
|
|
</a>
|
|
</div>
|
|
<div class="ui inverted top fixed menu">
|
|
<div class="ui container fluid">
|
|
<a href="#" class="header item drawerTrigger">
|
|
<i class="grid layout icon"></i>
|
|
Hack Store
|
|
</a>
|
|
<div class="item">
|
|
@guest
|
|
You are: guest
|
|
@else
|
|
You are: {{ Auth::user()->name }}
|
|
@endguest
|
|
</div>
|
|
<div class="item">
|
|
<a href="/" class="ui button">Home</a>
|
|
</div>
|
|
</div>
|
|
<div class="right menu">
|
|
<div class="item">
|
|
<div class="ui right aligned category search">
|
|
<div class="ui left icon input">
|
|
<i class="search icon"></i>
|
|
<input class="prompt" type="text" placeholder="Entry...">
|
|
</div>
|
|
<div class="results"></div>
|
|
</div>
|
|
</div>
|
|
<!-- Authentication Links -->
|
|
@guest
|
|
<a class="ui icon item" href="{{ route('login') }}">
|
|
<i class="sign in icon"></i>
|
|
</a>
|
|
<a class="ui icon item" href="{{ route('register') }}">
|
|
<i class="add user icon"></i>
|
|
</a>
|
|
@else
|
|
<a class="ui icon item" href="{{ route('logout') }}" onclick="event.preventDefault();
|
|
document.getElementById('logout-form').submit();">
|
|
<i class="sign out icon"></i>
|
|
</a>
|
|
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
|
|
{{ csrf_field() }}
|
|
</form>
|
|
@endguest
|
|
</div>
|
|
</div>
|
|
<div class="pusher main">
|
|
<div id="app">
|
|
@yield('content')
|
|
</div>
|
|
</div>
|
|
<script src="/js/app.js"></script>
|
|
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
|
|
|
|
<script>
|
|
/******************
|
|
* Document Ready *
|
|
******************/
|
|
|
|
$(document).ready(function() {
|
|
// Attach an API backed category search to the top right search bar
|
|
/*$('.category').search({
|
|
type: 'category',
|
|
apiSettings: {
|
|
url: '/api/rpc/undefined'
|
|
}
|
|
});*/
|
|
|
|
// Initialize the sidebar menu
|
|
//$('.ui.sidebar').sidebar('attach events', '.drawerTrigger', 'slide out');
|
|
|
|
toastr.options = {
|
|
"closeButton": false,
|
|
"debug": false,
|
|
"newestOnTop": false,
|
|
"progressBar": false,
|
|
"positionClass": "toast-bottom-left",
|
|
"preventDuplicates": false,
|
|
"onclick": null,
|
|
"showDuration": "300",
|
|
"hideDuration": "1000",
|
|
"timeOut": "5000",
|
|
"extendedTimeOut": "1000",
|
|
"showEasing": "swing",
|
|
"hideEasing": "linear",
|
|
"showMethod": "fadeIn",
|
|
"hideMethod": "fadeOut"
|
|
}
|
|
});
|
|
</script>
|
|
|
|
@yield('after_scripts')
|
|
</body>
|
|
</html> |