FEATURE: add template for reference detail

This commit is contained in:
Michal Kváček
2016-09-28 23:07:34 +02:00
parent 682f3b75bf
commit 808bb0eb86
5 changed files with 277 additions and 18 deletions
+7 -2
View File
@@ -10526,8 +10526,9 @@ table.hover tr:nth-of-type(even):hover {
-webkit-animation-delay: 700ms !important;
animation-delay: 700ms !important; }
body {
background: url(../images/backgorund-image.jpg) repeat; }
/*body {*/
/*background: url(../images/backgorund-image.jpg) repeat; */
/*}*/
a {
font-weight: 500; }
@@ -10664,6 +10665,10 @@ textarea, textarea:focus {
text-align: center;
display: block; }
#responsive-menu {
box-shadow: gray 0 0 20px;
}
#responsive-menu .main-menu {
margin: 70px auto 0;
text-align: right; }
@@ -0,0 +1,6 @@
@extendVisitor('layout')
@section('content')
@endsection
@@ -0,0 +1,39 @@
@extendVisitor('layout')
@section('content')
<div class="row small-11 medium-11 large-11 xlarge-11 m-t-25 reference-gallery">
<div class="row">
<div class="ref-scr column xlarge-8 large-8 medium-4 m-b-25 p-lr-0 b-invo" data-img="" data-label="">
<img class="thumbnail pointer" src="@upload($page->title_photo)" alt="{{$page->title}}">
</div>
@foreach($page->files as $file)
@if(!\Illuminate\Support\Str::startsWith($file->mime_type, 'image'))
@continue;
@endif
<div class="ref-scr b-invo column xlarge-4 large-4 medium-4 small-6"
data-img="@upload($page->title_photo)"
data-label="{{$file->description}}">
<img class="thumbnail pointer m-b-26" src="@thumbnail($file->filename)"
alt="{{$file->name}}">
</div>
@endforeach
</div>
<div class="clearfix"></div>
<div class="m-b-25 detail-info">
<div id="detail-text">
<h2>{{$page->title}}</h2>
{!! $page->content !!}
</div>
</div>
<div class="detail-buttons">
<a href="javascript:window.history.go(-1);" class="button secondary long">Zpět</a>
<a href="{{route('page.content', ['url' => 'kontakt'])}}" class="m-l-25 button success long">Poptat
podobný
web</a>
</div>
@endsection
@@ -0,0 +1,200 @@
@extendVisitor('layout')
@section('content')
<h1 class="text-center uppercase m-b-25">{{$page->title}}</h1>
<div class="text-center">
{!! $page->content !!}
</div>
@if(count($page->subpages()))
<div class="row nochange small-up-2 medium-up-3 large-up-3 xlarge-up-4" data-equalizer>
@foreach($page->subpages() as $reference)
<div class="column reference-item">
<div class="holder">
<img class="thumbnail" data-equalizer-watch src="@thumbnail($reference->title_photo)">
<div class="item-data">
<h4>{{$reference->title}}</h4>
<p>{{$reference->meta_description}}</p>
<a class="button success rounded small"
href="{{route('page.content', ['url' => $reference->url])}}">Více zde!</a>
</div>
</div>
</div>
@endforeach
</div>
@endif
@endsection
@section('javascripts')
<script>
function showMoreReferences(evt) {
$ (evt).parent ().remove ();
$ ('.more-references').fadeIn (200);
}
window.addEventListener ('load', function () {
$ ('.reference-item').mouseenter (function () {
$ (this).find ('.item-data').animate ({opacity: 1}, 100, 'swing');
}).mouseleave (function () {
$ (this).find ('.item-data').animate ({opacity: 0}, 300, 'swing');
});
});
</script>
@endsection
{{--<div class="column reference-item">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/myportal.png">--}}
{{--<div class="item-data">--}}
{{--<h4>myportal.sk</h4>--}}
{{--<p>Systém na správu workflow</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=myportal.sk">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/customwristbands.png">--}}
{{--<div class="item-data">--}}
{{--<h4>customwristbands.cz</h4>--}}
{{--<p>Silikonové náramky dle Vašich představ</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=customwristbands.cz">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/informujsa.png">--}}
{{--<div class="item-data">--}}
{{--<h4>informujsa.com</h4>--}}
{{--<p>Informační a propagační portál měst a obcí na Slovensku</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=informujsa.com">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/tipovacka.png">--}}
{{--<div class="item-data">--}}
{{--<h4>facebook tipsport.sk</h4>--}}
{{--<p>FB aplikace pro tipování výsledků zápasů s možností různých výher</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=tipsport_tipovacka">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/totoznost.png">--}}
{{--<div class="item-data">--}}
{{--<h4>totoznost.tipsport.sk</h4>--}}
{{--<p>Vytvoření a později rebranding aplikace pro ověřování totožnosti</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=totoznost.tipsport.sk">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/zlata_prilba.png">--}}
{{--<div class="item-data">--}}
{{--<h4>facebook tipsport.sk</h4>--}}
{{--<p>FB aplikace pro hlasování za nejlepší hokejové video</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=tipsport_zlata_prilba">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/sportovetipy.png">--}}
{{--<div class="item-data">--}}
{{--<h4>sportovetipy.com</h4>--}}
{{--<p>Komunitní portál se zaměřením na všechno kolem sportu a vsázení</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=sportovetipy.com">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<p class="text-center more-refs">--}}
{{--<a class="text-center" href="javascript:void(0);" onclick="showMoreReferences(this);">zobrazit více referencí<br><i class="fa fa-fw fa-lg fa-chevron-circle-down"></i> </a>--}}
{{--</p>--}}
{{--<div class="column reference-item more-references">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/tenorova.png">--}}
{{--<div class="item-data">--}}
{{--<h4>petratenorova.cz</h4>--}}
{{--<p>Prezentace filmové a divadelní herečky Petry Tenorové</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=petratenorova.cz">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item more-references">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/linkrings.png">--}}
{{--<div class="item-data">--}}
{{--<h4>linkrings.cz</h4>--}}
{{--<p>Prezentace šperku vyráběného na přání s tématikou rodičovství</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=linkrings.cz">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item more-references">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/24livescore.png">--}}
{{--<div class="item-data">--}}
{{--<h4>24livescore.tv</h4>--}}
{{--<p>Portál zaměřený na poskytování sportovních výsledků v živém čase</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=24livescore.tv">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item more-references">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/tipsport_kalendar.png">--}}
{{--<div class="item-data">--}}
{{--<h4>facebook tipsport.sk</h4>--}}
{{--<p>FB aplikace s přehledem aktuálních sportovních utkání a zápasů</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=tipsport_kalendar">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item more-references">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/aaasport.png">--}}
{{--<div class="item-data">--}}
{{--<h4>aaasport.sk</h4>--}}
{{--<p>Zpravodajský portál zaměřený na novinky ze světa sportu a livescore</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=aaasport.sk">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item more-references">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/24livescore-service.png">--}}
{{--<div class="item-data">--}}
{{--<h4>sportovyservis.sk</h4>--}}
{{--<p>Služba umožňující vkládat si sportovní výsledky na vlastní stránky</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=sportovyservis.sk">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item more-references">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/tipovanie.png">--}}
{{--<div class="item-data">--}}
{{--<h4>tipovanie.com</h4>--}}
{{--<p>Portál zaměřený na analýzy a výhodné vsázení</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=tipovanie.com">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="column reference-item more-references">--}}
{{--<div class="holder">--}}
{{--<img class="thumbnail" src="images/reference/gigant.png">--}}
{{--<div class="item-data">--}}
{{--<h4>gigant-stavby.cz</h4>--}}
{{--<p>Prezentace stavební společnosti se širokým portfoliem služeb</p>--}}
{{--<a class="button success rounded small" href="detail-prace?domena=gigant-stavby.cz">Více zde!</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
@@ -18,7 +18,6 @@
</head>
<body>
<div class="off-canvas-wrapper">
<div class="title-bar hide-for-large">
<a class="float-right m-r-25" id="responsive-menu-button" href="javascript:switchResponsiveMenu()">
MENU <i class="fa fa-fw fa-lg fa-bars"></i>
@@ -84,21 +83,29 @@
<footer class="hide-for-large">
<ul class="social-icons menu">
<li>
<a href="https://www.facebook.com/binarity.cz/" target="_blank">
<i class="fa fa-fw fa-2x fa-facebook-official fb-color"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/company/binarity-s.r.o." target="_blank">
<i class="fa fa-fw fa-2x fa-linkedin in-color"></i>
</a>
</li>
<li>
<a href="https://plus.google.com/+BinarityCzPrague/" target="_blank">
<i class="fa fa-fw fa-2x fa-google-plus gp-color"></i>
</a>
</li>
@if (!empty(setting('facebookProfile')))
<li>
<a href="{{setting('facebookProfile')}}" target="_blank">
<i class="fa fa-fw fa-2x fa-facebook-official fb-color"></i>
</a>
</li>
@endif
@if (!empty(setting('linkedInProfile')))
<li>
<a href="{{setting('linkedInProfile')}}" target="_blank">
<i class="fa fa-fw fa-2x fa-linkedin in-color"></i>
</a>
</li>
@endif
@if(!empty(setting('gplusProfile')))
<li>
<a href="{{setting('gplusProfile')}}" target="_blank">
<i class="fa fa-fw fa-2x fa-google-plus gp-color"></i>
</a>
</li>
@endif
</ul>
<div class=" clearfix"></div>
<ul class="binarity-info menu vertical">
@@ -120,5 +127,7 @@
<script src="{{asset_path('visitor/js/cookie.policy.js')}}" type="text/javascript"></script>
<script src="{{asset_path('visitor/js/BLightBox.js')}}" type="text/javascript"></script>
<script src="{{asset_path('visitor/js/app.js')}}" type="text/javascript"></script>
@yield('javascripts')
</body>
</html>