Switched to bootstrap
This commit is contained in:
96
Laravel/resources/views/layouts/master.blade.php
Normal file
96
Laravel/resources/views/layouts/master.blade.php
Normal file
@@ -0,0 +1,96 @@
|
||||
<!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">
|
||||
{{-- Don't touch the above lines! Or heaven might... --}}
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<link rel="icon" href="{{ asset('img/favicon.ico') }}">
|
||||
|
||||
<title>@yield('title')</title>
|
||||
|
||||
@section('header')
|
||||
{{-- Material Design fonts --}}
|
||||
<link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" type="text/css">
|
||||
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
|
||||
{{-- Bootstrap --}}
|
||||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet">
|
||||
|
||||
{{-- Bootstrap Material Design --}}
|
||||
<link href="{{ asset('css/bootstrap-flatly.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('css/ripples.min.css') }}" rel="stylesheet">
|
||||
|
||||
{{-- Eigene Ergänzungen --}}
|
||||
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
{{-- jQuery --}}
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
@show
|
||||
</head>
|
||||
<body>
|
||||
@section('navbar')
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
{{-- Collapsed Hamburger --}}
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
{{-- Branding Image --}}
|
||||
<a class="navbar-brand" href="{{ url('/') }}">HumidityPi</a>
|
||||
</div>
|
||||
<div id="navbar" class="collapse navbar-collapse">
|
||||
{{-- Left Side Of Navbar --}}
|
||||
<ul class="nav navbar-nav">
|
||||
{{-- Navlink Startseite --}}
|
||||
@if(isset($activeNav) && $activeNav == 'dashboard')
|
||||
<li class="active">
|
||||
@else
|
||||
<li>
|
||||
@endif
|
||||
<a href="{{ url('/dashboard') }}">Dashboard</a>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>{{-- /.nav-collapse --}}
|
||||
</div>
|
||||
</nav>
|
||||
@show
|
||||
<div class="container">
|
||||
@section('content')
|
||||
<h1>Überschrift 1 <small>2016-01-02</small></h1>
|
||||
<p>Absatz mit dem Wort Absatz und einem Punkt.</p>
|
||||
<ul>
|
||||
<li><a href="{{ url('/') }}">Link in UL auf die Startseite</a></li>
|
||||
</ul>
|
||||
<p>Und noch ein Absatz mit noch einem Punkt.</p>
|
||||
@show
|
||||
</div>{{-- /.container --}}
|
||||
@section('footer')
|
||||
<script src="{{ asset('js/bootstrap.min.js')}}"></script>
|
||||
<script src="{{ asset('js/material.min.js')}}"></script>
|
||||
<script src="{{ asset('js/ripples.min.js')}}"></script>
|
||||
<script>
|
||||
$(function () {
|
||||
$.material.init();
|
||||
});
|
||||
</script>
|
||||
@show
|
||||
</body>
|
||||
</html>
|
||||
103
Laravel/resources/views/layouts/odlmaster.blade.php
Normal file
103
Laravel/resources/views/layouts/odlmaster.blade.php
Normal file
@@ -0,0 +1,103 @@
|
||||
<!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">
|
||||
{{-- Don't touch the above lines! Or heaven might... --}}
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<link rel="icon" href="{{ asset('img/favicon.ico') }}">
|
||||
|
||||
<title>@yield('title')</title>
|
||||
|
||||
@section('header')
|
||||
{{-- Material Design fonts --}}
|
||||
<link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" type="text/css">
|
||||
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
|
||||
{{-- Bootstrap --}}
|
||||
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet">
|
||||
|
||||
{{-- Bootstrap Material Design --}}
|
||||
<link href="{{ asset('css/bootstrap-material-design.min.css') }}" rel="stylesheet">
|
||||
<link href="{{ asset('css/ripples.min.css') }}" rel="stylesheet">
|
||||
|
||||
{{-- Eigene Ergänzungen --}}
|
||||
<link href="{{ asset('css/style.css') }}" rel="stylesheet">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
{{-- jQuery --}}
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
||||
@show
|
||||
</head>
|
||||
<body>
|
||||
@section('navbar')
|
||||
<nav class="navbar navbar-default navbar-fixed-top">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
{{-- Collapsed Hamburger --}}
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
{{-- Branding Image --}}
|
||||
<a class="navbar-brand" href="{{ url('/') }}">HumidityPi</a>
|
||||
</div>
|
||||
<div id="navbar" class="collapse navbar-collapse">
|
||||
{{-- Left Side Of Navbar --}}
|
||||
<ul class="nav navbar-nav">
|
||||
{{-- Navlink Startseite --}}
|
||||
@if(isset($activeNav) && $activeNav == 'startseite')
|
||||
<li class="active">
|
||||
@else
|
||||
<li>
|
||||
@endif
|
||||
<a href="{{ url('/') }}">Startseite</a>
|
||||
</li>
|
||||
|
||||
{{-- Navlink Berichtsheft --}}
|
||||
@if(isset($activeNav) && ($activeNav == 'berichtshefte' || $activeNav == 'gruppe-a' || $activeNav == 'gruppe-b'))
|
||||
<li class="active">
|
||||
@else
|
||||
<li>
|
||||
@endif
|
||||
<a href="{{ url('/berichtshefte') }}">Berichtsheft</a>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
</div>{{-- /.nav-collapse --}}
|
||||
</div>
|
||||
</nav>
|
||||
@show
|
||||
<div class="container">
|
||||
@section('content')
|
||||
<h1>Überschrift 1 <small>2016-01-02</small></h1>
|
||||
<p>Absatz mit dem Wort Absatz und einem Punkt.</p>
|
||||
<ul>
|
||||
<li><a href="{{ url('/') }}">Link in UL auf die Startseite</a></li>
|
||||
</ul>
|
||||
<p>Und noch ein Absatz mit noch einem Punkt.</p>
|
||||
@show
|
||||
</div>{{-- /.container --}}
|
||||
@section('footer')
|
||||
<script src="{{ asset('js/bootstrap.min.js')}}"></script>
|
||||
<script src="{{ asset('js/material.min.js')}}"></script>
|
||||
<script src="{{ asset('js/ripples.min.js')}}"></script>
|
||||
<!--<script>
|
||||
$(function () {
|
||||
$.material.init();
|
||||
});
|
||||
</script>-->
|
||||
@show
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user