Permalink
Browse files

007 - Designing a basic application layout

  • Loading branch information...
stefanbauer committed Mar 21, 2018
1 parent c0fdeeb commit 9f99a8030ab6f781ce8e5e008cec357af81d1567
@@ -0,0 +1,11 @@
<?php
namespace App\Http\Controllers;
class CreditsController extends Controller
{
public function index()
{
return view('billing.credits.index');
}
}
@@ -0,0 +1,11 @@
<?php
namespace App\Http\Controllers;
class ProfileController extends Controller
{
public function edit()
{
return view('settings.profile.edit');
}
}
@@ -11,7 +11,8 @@
"php": ">=7.1.3",
"fideloper/proxy": "~4.0",
"laravel/framework": "5.6.*",
"laravel/tinker": "~1.0"
"laravel/tinker": "~1.0",
"thomaswelton/laravel-gravatar": "^1.1"
},
"require-dev": {
"filp/whoops": "~2.0",
@@ -57,4 +58,4 @@
"sort-packages": true,
"optimize-autoloader": true
}
}
}

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
@@ -10,7 +10,7 @@ class DatabaseSeeder extends Seeder
public function run()
{
$user = factory(\App\User::class)->create([
'email' => 'admin@pingping.io',
'email' => 'mail@stefanbauer.me',
'password' => bcrypt('secret'),
]);
@@ -0,0 +1,4 @@
<svg class="fill-current {{ $class ?? '' }}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/>
</svg>
@@ -0,0 +1,4 @@
<svg class="fill-current {{ $class ?? '' }}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z"/>
</svg>
@@ -0,0 +1,4 @@
<svg class="fill-current {{ $class ?? '' }}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/>
</svg>
@@ -0,0 +1,4 @@
<svg class="fill-current {{ $class ?? '' }}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"/>
</svg>
@@ -0,0 +1,4 @@
<svg class="fill-current {{ $class ?? '' }}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
</svg>
@@ -0,0 +1,4 @@
<svg class="fill-current {{ $class ?? '' }}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
@@ -0,0 +1,4 @@
<svg class="fill-current {{ $class ?? '' }}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
@@ -0,0 +1,4 @@
<svg class="fill-current {{ $class ?? '' }}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/>
</svg>
@@ -0,0 +1,4 @@
<svg class="fill-current {{ $class ?? '' }}" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
@@ -5,40 +5,40 @@

@section('body')
<div class="h-2 bg-primary"></div>
<div class="container mx-auto p-8">
<div class="container p-8">
<div class="mx-auto max-w-sm">
<div class="py-10 text-center">
@include('logo', ['style' => 'max-width: 12rem;'])
</div>

<div class="bg-white rounded shadow">
<div class="border-b py-8 font-bold text-black text-center text-xl tracking-widest uppercase">
<div class="border-b border-grey-lighter py-8 font-bold text-black text-center text-xl tracking-widest uppercase">
Welcome back!
</div>

<form action="/login" method="post" class="bg-grey-lightest px-10 py-10">
{{ csrf_field() }}

<div class="mb-3">
<input class="border {{ $errors->first('email') ? 'border-red' : '' }} w-full p-3" name="email" type="text" placeholder="E-Mail">
<input class="rounded border border-grey-lighter {{ $errors->first('email') ? 'border-danger' : '' }} w-full p-3" name="email" type="text" placeholder="E-Mail">
@if ($errors->first('email'))
<p class="text-red text-sm mt-1">{{ $errors->first('email') }}</p>
<p class="text-danger text-sm mt-1">{{ $errors->first('email') }}</p>
@endif
</div>
<div class="mb-6">
<input class="border {{ $errors->first('password') ? 'border-red' : '' }} w-full p-3" name="password" type="password" placeholder="**************">
<input class="rounded border border-grey-lighter {{ $errors->first('password') ? 'border-danger' : '' }} w-full p-3" name="password" type="password" placeholder="**************">
@if ($errors->first('password'))
<p class="text-red text-sm mt-1">{{ $errors->first('password') }}</p>
<p class="text-danger text-sm mt-1">{{ $errors->first('password') }}</p>
@endif
</div>
<div class="flex">
<button type="submit" class="bg-primary hover:bg-primary-dark w-full p-4 text-sm text-white uppercase font-bold tracking-wider">
<button type="submit" class="rounded bg-primary hover:bg-primary-dark w-full p-4 text-sm text-white uppercase font-bold tracking-wider">
Login
</button>
</div>
</form>

<div class="border-t px-10 py-6">
<div class="border-t border-grey-lighter px-10 py-6">
<div class="flex justify-between">
<a href="#" class="font-bold text-primary hover:text-primary-dark no-underline">Don't have an account?</a>
<a href="#" class="text-grey-darkest hover:text-black no-underline">Forgot Password?</a>
@@ -0,0 +1,15 @@
@extends('layouts.application')

@section('content')
<div class="bg-white rounded shadow border-t-4 border-primary">
<div class="flex justify-between items-center px-8 py-4 border-b">
<div class="text-lg text-black uppercase font-bold tracking-widest">
Credits
</div>
</div>

<div class="px-8 py-8 bg-grey-lightest rounded-b">
...
</div>
</div>
@stop
@@ -0,0 +1,27 @@
@extends('layouts.skeleton')

@section('pageTitle', 'PingPing')
@section('bodyClasses', 'bg-grey-lighter text-base text-grey-darkest font-normal relative')

@section('body')
<div class="min-h-screen flex flex-col">
@include('layouts.application.partials.navigation')

<main class="flex-1">
<div class="w-full max-w-screen mx-auto px-4 flex py-10">
@hasSection('sidebar')
<nav class="hidden lg:block lg:w-1/6 mr-6">
@yield('sidebar')
</nav>
@endif

<div class="flex-1">
@yield('content')
</div>
</div>
</main>

@include('layouts.application.partials.footer')
</div>
{{--<flash message="{{ session('flash') }}" type="success"></flash>--}}
@stop
Oops, something went wrong.

0 comments on commit 9f99a80

Please sign in to comment.