mirror of https://github.com/pixelfed/pixelfed.git
Update app layout
This commit is contained in:
Daniel Supernault
parent
d60f5c314a
commit
a3a761c348
|
|
@ -2,82 +2,86 @@
|
||||||
@auth
|
@auth
|
||||||
<html lang="{{ app()->getLocale() }}">
|
<html lang="{{ app()->getLocale() }}">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||||
|
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
|
|
||||||
<title>{{ $title ?? config('app.name', 'Pixelfed') }}</title>
|
<title>{{ $title ?? config_cache('app.name') }}</title>
|
||||||
<link rel="manifest" href="/manifest.json">
|
<link rel="manifest" href="/manifest.json">
|
||||||
|
|
||||||
<meta property="og:site_name" content="{{ config('app.name', 'pixelfed') }}">
|
<meta property="og:site_name" content="{{ config_cache('app.name') }}">
|
||||||
<meta property="og:title" content="{{ $title ?? config('app.name', 'pixelfed') }}">
|
<meta property="og:title" content="{{ $title ?? config_cache('app.name') }}">
|
||||||
<meta property="og:type" content="article">
|
<meta property="og:type" content="article">
|
||||||
<meta property="og:url" content="{{url(request()->url())}}">
|
<meta property="og:url" content="{{url(request()->url())}}">
|
||||||
@stack('meta')
|
@stack('meta')
|
||||||
|
|
||||||
|
<meta name="medium" content="image">
|
||||||
|
<meta name="theme-color" content="#10c5f8">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<link rel="shortcut icon" type="image/png" href="/img/favicon.png?v=2">
|
||||||
|
<link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
|
||||||
|
<link rel="canonical" href="{{url(request()->url())}}">
|
||||||
|
@if(request()->cookie('dark-mode'))
|
||||||
|
|
||||||
|
<link href="{{ mix('css/appdark.css') }}" rel="stylesheet" data-stylesheet="dark">
|
||||||
|
@else
|
||||||
|
|
||||||
|
<link href="{{ mix('css/app.css') }}" rel="stylesheet" data-stylesheet="light">
|
||||||
|
@endif
|
||||||
|
|
||||||
|
@stack('styles')
|
||||||
|
|
||||||
|
@if(config_cache('uikit.show_custom.css'))
|
||||||
|
<style type="text/css">{!!config_cache('uikit.custom.css')!!}</style>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
<script type="text/javascript">window._sharedData = {curUser: {}, version: 0}; window.App = {config: {!!App\Util\Site\Config::json()!!}};</script>
|
||||||
|
|
||||||
<meta name="medium" content="image">
|
|
||||||
<meta name="theme-color" content="#10c5f8">
|
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
||||||
<link rel="shortcut icon" type="image/png" href="/img/favicon.png?v=2">
|
|
||||||
<link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
|
|
||||||
<link rel="canonical" href="{{url(request()->url())}}">
|
|
||||||
@if(request()->cookie('dark-mode'))
|
|
||||||
|
|
||||||
<link href="{{ mix('css/appdark.css') }}" rel="stylesheet" data-stylesheet="dark">
|
|
||||||
@else
|
|
||||||
|
|
||||||
<link href="{{ mix('css/app.css') }}" rel="stylesheet" data-stylesheet="light">
|
|
||||||
@endif
|
|
||||||
|
|
||||||
@stack('styles')
|
|
||||||
|
|
||||||
<script type="text/javascript">window._sharedData = {curUser: {}, version: 0}; window.App = {config: {!!App\Util\Site\Config::json()!!}};</script>
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body class="loggedIn">
|
<body class="loggedIn">
|
||||||
@include('layouts.partial.nav')
|
@include('layouts.partial.nav')
|
||||||
<main id="content">
|
<main id="content">
|
||||||
@yield('content')
|
@yield('content')
|
||||||
<noscript>
|
<noscript>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<p class="pt-5 text-center lead">Please enable javascript to view this content.</p>
|
<p class="pt-5 text-center lead">Please enable javascript to view this content.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</noscript>
|
</noscript>
|
||||||
</main>
|
</main>
|
||||||
@include('layouts.partial.footer')
|
@include('layouts.partial.footer')
|
||||||
<script type="text/javascript" src="{{ mix('js/manifest.js') }}"></script>
|
<script type="text/javascript" src="{{ mix('js/manifest.js') }}"></script>
|
||||||
<script type="text/javascript" src="{{ mix('js/vendor.js') }}"></script>
|
<script type="text/javascript" src="{{ mix('js/vendor.js') }}"></script>
|
||||||
<script type="text/javascript" src="{{ mix('js/app.js') }}"></script>
|
<script type="text/javascript" src="{{ mix('js/app.js') }}"></script>
|
||||||
<script type="text/javascript" src="{{ mix('js/components.js') }}"></script>
|
<script type="text/javascript" src="{{ mix('js/components.js') }}"></script>
|
||||||
@stack('scripts')
|
@stack('scripts')
|
||||||
<div class="d-block d-sm-none mt-5"></div>
|
<div class="mobile-footer-spacer d-block d-sm-none mt-5"></div>
|
||||||
<div class="d-block d-sm-none fixed-bottom">
|
<div class="mobile-footer d-block d-sm-none fixed-bottom">
|
||||||
<div class="card card-body rounded-0 py-2 box-shadow" style="border-top:1px solid #F1F5F8">
|
<div class="card card-body rounded-0 py-2 box-shadow" style="border-top:1px solid #F1F5F8">
|
||||||
<ul class="nav nav-pills nav-fill d-flex align-items-middle">
|
<ul class="nav nav-pills nav-fill d-flex align-items-middle">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link text-dark" href="/"><i class="fas fa-home fa-lg"></i></a>
|
<a class="nav-link text-dark" href="/"><i class="fas fa-home fa-lg"></i></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link text-dark" href="/discover"><i class="fas fa-search fa-lg"></i></a>
|
<a class="nav-link text-dark" href="/discover"><i class="fas fa-search fa-lg"></i></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<div class="nav-link cursor-pointer text-dark" onclick="App.util.compose.post()">
|
<div class="nav-link cursor-pointer text-dark" onclick="App.util.compose.post()">
|
||||||
<i class="far fa-plus-square fa-2x"></i>
|
<i class="far fa-plus-square fa-2x"></i>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link text-dark" href="/account/activity"><i class="far fa-bell fa-lg"></i></a>
|
<a class="nav-link text-dark" href="/account/activity"><i class="far fa-bell fa-lg"></i></a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link text-dark" href="/i/me"><i class="far fa-user fa-lg"></i></a>
|
<a class="nav-link text-dark" href="/i/me"><i class="far fa-user fa-lg"></i></a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@endauth
|
@endauth
|
||||||
|
|
@ -85,41 +89,41 @@
|
||||||
@guest
|
@guest
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
|
|
||||||
<title>{{ $title ?? config('app.name', 'Pixelfed') }}</title>
|
<title>{{ $title ?? config('app.name', 'Pixelfed') }}</title>
|
||||||
<link rel="manifest" href="/manifest.json">
|
<link rel="manifest" href="/manifest.json">
|
||||||
|
|
||||||
<meta property="og:site_name" content="{{ config('app.name', 'pixelfed') }}">
|
<meta property="og:site_name" content="{{ config('app.name', 'pixelfed') }}">
|
||||||
<meta property="og:title" content="{{ $title ?? config('app.name', 'pixelfed') }}">
|
<meta property="og:title" content="{{ $title ?? config('app.name', 'pixelfed') }}">
|
||||||
<meta property="og:type" content="article">
|
<meta property="og:type" content="article">
|
||||||
<meta property="og:url" content="{{url(request()->url())}}">
|
<meta property="og:url" content="{{url(request()->url())}}">
|
||||||
@stack('meta')
|
@stack('meta')
|
||||||
|
|
||||||
<meta name="medium" content="image">
|
<meta name="medium" content="image">
|
||||||
<meta name="theme-color" content="#10c5f8">
|
<meta name="theme-color" content="#10c5f8">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<link rel="shortcut icon" type="image/png" href="/img/favicon.png?v=2">
|
<link rel="shortcut icon" type="image/png" href="/img/favicon.png?v=2">
|
||||||
<link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
|
<link rel="apple-touch-icon" type="image/png" href="/img/favicon.png?v=2">
|
||||||
<link rel="canonical" href="{{url(request()->url())}}">
|
<link rel="canonical" href="{{url(request()->url())}}">
|
||||||
<link href="{{ mix('css/app.css') }}" rel="stylesheet" data-stylesheet="light">
|
<link href="{{ mix('css/app.css') }}" rel="stylesheet" data-stylesheet="light">
|
||||||
<script type="text/javascript">window._sharedData = {curUser: {}, version: 0}; window.App = {config: {!!App\Util\Site\Config::json()!!}};</script>
|
<script type="text/javascript">window._sharedData = {curUser: {}, version: 0}; window.App = {config: {!!App\Util\Site\Config::json()!!}};</script>
|
||||||
@stack('styles')
|
@stack('styles')
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@include('layouts.partial.nav')
|
@include('layouts.partial.nav')
|
||||||
<main id="content">
|
<main id="content">
|
||||||
@yield('content')
|
@yield('content')
|
||||||
</main>
|
</main>
|
||||||
@include('layouts.partial.footer')
|
@include('layouts.partial.footer')
|
||||||
<script type="text/javascript" src="{{ mix('js/manifest.js') }}"></script>
|
<script type="text/javascript" src="{{ mix('js/manifest.js') }}"></script>
|
||||||
<script type="text/javascript" src="{{ mix('js/vendor.js') }}"></script>
|
<script type="text/javascript" src="{{ mix('js/vendor.js') }}"></script>
|
||||||
<script type="text/javascript" src="{{ mix('js/app.js') }}"></script>
|
<script type="text/javascript" src="{{ mix('js/app.js') }}"></script>
|
||||||
<script type="text/javascript" src="{{ mix('js/components.js') }}"></script>
|
<script type="text/javascript" src="{{ mix('js/components.js') }}"></script>
|
||||||
@stack('scripts')
|
@stack('scripts')
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@endguest
|
@endguest
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue