FEATURE: few mostly minor fixes in layout

This commit is contained in:
Michal Kváček
2016-10-02 20:47:00 +02:00
parent 0a0b0e7518
commit cb2fa84ade
6 changed files with 31 additions and 33 deletions
@@ -55,3 +55,13 @@ window.addEventListener('resize', function() {
} }
}); });
var flippers = document.querySelectorAll ('.hover-on-start'),
flipi = flippers.length;
while (flipi--) {
(function (flipi) {
setTimeout (function () {
flippers[flipi].classList.toggle ('hover');
}, flipi * 200);
}) (flipi);
}
@@ -1,9 +1,11 @@
@extendVisitor('layout') @extendVisitor('layout')
@section('pageTitle', $page->title); @section('pageTitle', $page->title)
@section('content') @section('content')
<h1 class="text-center uppercase m-b-25">{{$page->title}}</h1> <h1 class="text-center uppercase m-b-25">{{$page->title}}</h1>
<div class="row">
{!! $page->content !!} {!! $page->content !!}
</div>
@endsection @endsection
@@ -1,6 +1,6 @@
@extendVisitor('layout') @extendVisitor('layout')
@section('pageTitle', $page->title); @section('pageTitle', $page->title)
@section('content') @section('content')
<div class="services-pos outline-holder"> <div class="services-pos outline-holder">
@@ -15,7 +15,7 @@
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');"> <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
<div class="flipper"> <div class="flipper">
<div class="front"> <div class="front">
Webové<br>aplikace Vyvíjíme webové<br>aplikace
</div> </div>
<div class="back"> <div class="back">
Webové <br>aplikace a prezentace<br> na míru Webové <br>aplikace a prezentace<br> na míru
@@ -37,10 +37,10 @@
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');"> <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
<div class="flipper"> <div class="flipper">
<div class="front"> <div class="front">
<p>E-shopy</p> <p>Nabízíme <br> konzultace</p>
</div> </div>
<div class="back"> <div class="back">
Kvalitní a rychlé<br>e-shopové řešení Nevíte si rady<br>s webem? Poradíme!
</div> </div>
</div> </div>
</div> </div>
@@ -59,10 +59,10 @@
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');"> <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
<div class="flipper"> <div class="flipper">
<div class="front"> <div class="front">
Správa<br>systémů Vytváříme<br>informační<br> systémy
</div> </div>
<div class="back"> <div class="back">
Kompletní správa<br>dat a firemních<br>systémů Přehledně, <br>zodpovědně<br>lidsky
</div> </div>
</div> </div>
</div> </div>
@@ -71,10 +71,10 @@
<div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');"> <div class="flip-container hover hover-on-start" ontouchstart="this.classList.toggle('hover');">
<div class="flipper"> <div class="flipper">
<div class="front"> <div class="front">
Hosting<br>a správa domén Poskytujeme hosting
</div> </div>
<div class="back"> <div class="back">
Nákup domény<br>Hosting<br>SSL... Nákup domény<br>Hosting<br>SSL<br>...
</div> </div>
</div> </div>
</div> </div>
@@ -86,7 +86,7 @@
SEO, Facebook<br>a další SEO, Facebook<br>a další
</div> </div>
<div class="back"> <div class="back">
Analýza<br>Návrh řešení<br>Implementace Zanalyzujeme<br>Návrhneme<br>Implementujeme
</div> </div>
</div> </div>
</div> </div>
@@ -130,18 +130,6 @@
</div> </div>
</div> </div>
</div> </div>
<script>
var flippers = document.querySelectorAll ('.hover-on-start'),
flipi = flippers.length;
while (flipi--) {
(function (flipi) {
setTimeout (function () {
console.info (flipi);
flippers[flipi].classList.toggle ('hover');
}, flipi * 100);
}) (flipi);
}
</script>
<div class="clearfix m-t-50"></div> <div class="clearfix m-t-50"></div>
@endsection @endsection
@@ -1,6 +1,6 @@
@extendVisitor('layout') @extendVisitor('layout')
@section('pageTitle', $page->title); @section('pageTitle', $page->title)
@section('content') @section('content')
@@ -1,6 +1,6 @@
@extendVisitor('layout') @extendVisitor('layout')
@section('pageTitle', $page->title); @section('pageTitle', $page->title)
@section('content') @section('content')
<h1 class="text-center uppercase m-b-25">{{$page->title}}</h1> <h1 class="text-center uppercase m-b-25">{{$page->title}}</h1>
@@ -1,13 +1,12 @@
<!doctype html> <!doctype html>
<html class="no-js" lang="en"> <html class="no-js" lang="en">
<head> <head>
<meta charset="utf-8" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Hind+Siliguri:400,500,700,300&subset=latin,latin-ext' <link href='https://fonts.googleapis.com/css?family=Hind+Siliguri:400,500,700,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{asset_path('visitor/css/app.css')}}"> <link rel="stylesheet" href="{{asset_path('visitor/css/app.css')}}">
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -23,19 +22,18 @@
MENU <i class="fa fa-fw fa-lg fa-bars"></i> MENU <i class="fa fa-fw fa-lg fa-bars"></i>
</a> </a>
<span class="title-bar-title m-l-25"> <span class="title-bar-title m-l-25">
<img src="{{asset_path('visitor/images/menu_logo.png')}}" id="binarity-logo-menu" alt="binarity s.r.o."> <img src="{{asset_path('visitor/images/menu_logo.png')}}" class="binarity-logo-menu" alt="binarity s.r.o.">
</span> </span>
</div> </div>
<div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
<div id="responsive-menu" class="off-canvas position-left reveal-for-large" data-off-canvas <div id="responsive-menu" class="off-canvas position-left reveal-for-large" data-off-canvas
data-position="left"> data-position="left">
<div class="row column"> <div class="row column">
<a href="/" id="logo-href" class="hide-for-medium-only hide-for-small-only"> <a href="./" id="logo-href" class="hide-for-medium-only hide-for-small-only">
<img src="{{asset_path('visitor/images/menu_logo.png')}}" id="binarity-logo-menu" <img src="{{asset_path('visitor/images/menu_logo.png')}}" class="binarity-logo-menu"
alt="binarity s.r.o."> alt="binarity s.r.o.">
</a> </a>
@widgetArea('mainMenu') @widgetArea('mainMenu')