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

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

View file

@ -39,9 +39,6 @@
<h3><a class="text-info" href="become_member.html">Mitglied werden</a> </h3>
</div>
<div class="nav-item mr-5">
<h3><a class="text-info" href="member_list.html">Mitglieder-Liste</a> </h3>
</div>
<div class="nav-item mr-5">
<h3><a class="text-info" href="login.html">Login</a> </h3>

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();