Added Layout to the app

This commit is contained in:
TorstenS 2020-09-11 13:42:01 +02:00
parent 67e9c10d87
commit 6661bbef15
24 changed files with 92 additions and 16275 deletions

View file

@ -0,0 +1,23 @@
/* Put your custom styles here */
body, html {
height: 100%;
}
.bg {
/* The image used */
background-image: url("../images/motorcycle1_unsplash.jpg");
/* Full height */
height: 100%;
/* background: #3df url('../images/motorcycle1_unsplash.jpg') no-repeat fixed center; */
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 646 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 848 KiB

Binary file not shown.

View file

@ -5,10 +5,11 @@
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Information</div>
<div class="card-header">Aktivitäten</div>
<div class="card-body">
<i class="fas fa-plus"></i> Info über MotorradIG
<!-- class="fas fa-plus">--> <!-- Font Awesome Demo-->
<span> Aktivitäten der MotorradIG</span>
</div>
</div>
</div>

View file

@ -0,0 +1,25 @@
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Mitglied werden</div>
<div class="card-body">
<!-- class="fas fa-plus">--> <!-- Font Awesome Demo-->
<span> Lade den Antrag herunter, und sende uns das ausgefüllte Dokument per Post oder Email zu.</span>
<p>
<a class="text-warning" href="pdf/mitgliedsantrag.pdf" class="button"> Mitgliedsantrag herunterladen</a>
</p>
</div>
</div>
</div>
</div>
</div>
@endsection

View file

@ -3,7 +3,7 @@
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="col-md-10">
<div class="card">
<div class="card-header">{{ __('Dashboard') }}</div>
@ -14,7 +14,16 @@
</div>
@endif
{{ __('You are logged in!') }}
<span> <hr/>
<h2>Willkommen auf der Homepage der Motorrad-IG Deutschland !</h2>
<hr/>
<h4>Das alte Problem: Die Sonne scheint und Dein Motorrad ruft,
doch alle Deine Freunde sind plötzlich verhindert oder haben keine Zeit.
Hier wollen wir Abhilfe schaffen.
Unser Ziel: Kontaktvermittlung unter Motorradfahrer/innen für gemeinsame Touren.
Auf den nächsten Seiten erfährst Du alles Wissenswerte über uns,
unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h4>
</span>
</div>
</div>
</div>

View file

@ -18,9 +18,11 @@
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('css/custom.css') }}">
</head>
<body>
<body class="bg" style="padding: 45px 0 0 0;">
<div id="app">
<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
<div class="container">
<a class="navbar-brand" href="{{ url('/') }}">
@ -37,7 +39,10 @@
<a class="nav-link {{ Request::is('/') ? 'active' : '' }}" href="/">Startseite</a>
</li>
<li class="nav-item">
<a class="nav-link {{ Request::is('info') ? 'active' : '' }}" href="/info">Information</a>
<a class="nav-link {{ Request::is('activities') ? 'active' : '' }}" href="/activities">Aktivitäten</a>
</li>
<li class="nav-item">
<a class="nav-link {{ Request::is('info') ? 'active' : '' }}" href="/become_member">Mitglied werden</a>
</li>
</ul>

View file

@ -0,0 +1,19 @@
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Treffen</div>
<div class="card-body">
<!-- class="fas fa-plus">--> <!-- Font Awesome Demo-->
<span> Ort und Termin des nächsten Treffens:</span>
</div>
</div>
</div>
</div>
</div>
@endsection

View file

@ -1,17 +0,0 @@
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Startseite</div>
<div class="card-body">
Willkommen auf der Webseite der MotorradIG
</div>
</div>
</div>
</div>
</div>
@endsection

View file

@ -1,100 +0,0 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Motorrad IG</title>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
<!-- Styles -->
<style>
html, body {
background-color: #fff;
color: #636b6f;
font-family: 'Nunito', sans-serif;
font-weight: 200;
height: 100vh;
margin: 0;
}
.full-height {
height: 100vh;
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
}
.position-ref {
position: relative;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
}
.content {
text-align: center;
}
.title {
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 13px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-bottom: 30px;
}
</style>
</head>
<body>
<div class="flex-center position-ref full-height">
@if (Route::has('login'))
<div class="top-right links">
@auth
<a href="{{ url('/home') }}">Home</a>
@else
<a href="{{ route('login') }}">Login</a>
@if (Route::has('register'))
<a href="{{ route('register') }}">Register</a>
@endif
@endauth
</div>
@endif
<div class="content">
<div class="title m-b-md">
Motorrad IG
</div>
<div class="links">
<a href="https://laravel.com/docs">Docs</a>
<a href="https://laracasts.com">Laracasts</a>
<a href="https://laravel-news.com">News</a>
<a href="https://blog.laravel.com">Blog</a>
<a href="https://nova.laravel.com">Nova</a>
<a href="https://forge.laravel.com">Forge</a>
<a href="https://vapor.laravel.com">Vapor</a>
<a href="https://github.com/laravel/laravel">GitHub</a>
</div>
</div>
</div>
</body>
</html>

View file

@ -14,12 +14,12 @@ use Illuminate\Support\Facades\Route;
*/
Route::get('/', function () {
return view('startseite');
return view('home');
});
Route::get('/info', function () {
return view('info');
});
Route::get('/activities', function () { return view('activities'); });
Route::get('/become_member', function () { return view('become_member'); });
Route::get('/meetings', function () { return view('meetings'); });
Auth::routes();