Merge pull request #346 from shikorism/feature/maintenance-template

メンテナンス用ビューテンプレート
This commit is contained in:
shibafu 2020-05-16 15:00:42 +09:00 committed by GitHub
commit d33d7b58a4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 66 additions and 24 deletions

29
public/maintenance.svg Normal file
View File

@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
<path d="M140,210L140,405C140,413.279 133.279,420 125,420L95,420C86.721,420 80,413.279 80,405L80,210L140,210ZM80,100L80,95C80,86.721 86.721,80 95,80L125,80C133.279,80 140,86.721 140,95L140,100L80,100Z" style="fill:rgb(108,118,125);stroke:rgb(108,118,125);stroke-width:1px;"/>
<path d="M420,210L420,405C420,413.279 413.279,420 405,420L375,420C366.721,420 360,413.279 360,405L360,210L420,210ZM360,100L360,95C360,86.721 366.721,80 375,80L405,80C413.279,80 420,86.721 420,95L420,100L360,100Z" style="fill:rgb(108,118,125);stroke:rgb(108,118,125);stroke-width:1px;"/>
<g transform="matrix(1.033,0,0,1.62604,-11.6416,15.1937)">
<path d="M466.255,72.121C466.255,64.48 456.491,58.277 444.463,58.277L62.104,58.277C50.076,58.277 40.311,64.48 40.311,72.121L40.311,99.81C40.311,107.45 50.076,113.654 62.104,113.654L444.463,113.654C456.491,113.654 466.255,107.45 466.255,99.81L466.255,72.121Z" style="fill:rgb(253,193,7);"/>
<clipPath id="_clip1">
<path d="M466.255,72.121C466.255,64.48 456.491,58.277 444.463,58.277L62.104,58.277C50.076,58.277 40.311,64.48 40.311,72.121L40.311,99.81C40.311,107.45 50.076,113.654 62.104,113.654L444.463,113.654C456.491,113.654 466.255,107.45 466.255,99.81L466.255,72.121Z"/>
</clipPath>
<g clip-path="url(#_clip1)">
<g transform="matrix(0.968055,0,0,0.621753,-75.8552,-10.6967)">
<path d="M180,110.934L140,200L180,200L220,111L180,110.934Z" style="fill:rgb(108,118,125);"/>
</g>
<g transform="matrix(0.968055,0,0,0.621753,1.58913,-10.6967)">
<path d="M180,110.934L140,200L180,200L220,111L180,110.934Z" style="fill:rgb(108,118,125);"/>
</g>
<g transform="matrix(0.968055,0,0,0.621753,79.0335,-10.6967)">
<path d="M180,110.934L140,200L180,200L220,111L180,110.934Z" style="fill:rgb(108,118,125);"/>
</g>
<g transform="matrix(0.968055,0,0,0.621753,156.478,-10.6967)">
<path d="M180,110.934L140,200L180,200L220,111L180,110.934Z" style="fill:rgb(108,118,125);"/>
</g>
<g transform="matrix(0.968055,0,0,0.621753,233.922,-10.6967)">
<path d="M180,110.934L140,200L180,200L220,111L180,110.934Z" style="fill:rgb(108,118,125);"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -0,0 +1,11 @@
@extends('layouts.base')
@section('content')
<div class="container text-center">
<img src="{{ asset('maintenance.svg') }}" width="200" height="200" alt="Under maintenance">
<h2>ただいまメンテナンス中です</h2>
<hr>
<p class="mb-1">メンテナンス中はTissueをご利用いただくことができません。終了まで今しばらくお待ちください。</p>
<p>ご不便をおかけしておりますが、ご理解いただきますようお願いいたします。</p>
</div>
@endsection

View File

@ -172,32 +172,34 @@
</div>
</div>
@endauth
@guest
<!-- PC navbar -->
<div class="d-none d-lg-flex navbar-collapse">
<ul class="navbar-nav ml-auto mr-2">
<li class="nav-item">
<a href="{{ route('register') }}" class="nav-link">会員登録</a>
</li>
</ul>
<form class="form-inline">
<a href="{{ route('login') }}" class="btn btn-outline-secondary">ログイン</a>
</form>
</div>
<!-- SP navbar -->
<div class="d-lg-none">
<div class="row mt-2">
<div class="col">
<a class="btn btn-outline-secondary" href="{{ route('register') }}" role="button">会員登録</a>
</div>
<div class="col">
<form class="form-inline">
<a class="btn btn-outline-secondary" href="{{ route('login') }}">ログイン</a>
</form>
@if (!App::isDownForMaintenance())
@guest
<!-- PC navbar -->
<div class="d-none d-lg-flex navbar-collapse">
<ul class="navbar-nav ml-auto mr-2">
<li class="nav-item">
<a href="{{ route('register') }}" class="nav-link">会員登録</a>
</li>
</ul>
<form class="form-inline">
<a href="{{ route('login') }}" class="btn btn-outline-secondary">ログイン</a>
</form>
</div>
<!-- SP navbar -->
<div class="d-lg-none">
<div class="row mt-2">
<div class="col">
<a class="btn btn-outline-secondary" href="{{ route('register') }}" role="button">会員登録</a>
</div>
<div class="col">
<form class="form-inline">
<a class="btn btn-outline-secondary" href="{{ route('login') }}">ログイン</a>
</form>
</div>
</div>
</div>
</div>
@endguest
@endguest
@endif
</div>
</div>
</nav>