đź’„ Modifie l'aspect
* Ajoute une nouvelle police (et retire celui de Google) Pour #5
This commit is contained in:
parent
a7c8276aff
commit
842cfec0dd
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 471 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -6,8 +6,6 @@
|
||||||
|
|
||||||
require('./bootstrap');
|
require('./bootstrap');
|
||||||
|
|
||||||
require('tabler-ui/src/assets/scss/bundle.scss');
|
|
||||||
|
|
||||||
window.Vue = require('vue');
|
window.Vue = require('vue');
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
||||||
|
|
@ -12,3 +12,4 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
<style scoped></style>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
h1, h2, h3, h4 {
|
||||||
|
font-family: $font-family-base;
|
||||||
|
}
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
$body-bg: #f8fafc;
|
$body-bg: #f8fafc;
|
||||||
|
|
||||||
// Typography
|
// Typography
|
||||||
$font-family-sans-serif: 'Nunito', sans-serif;
|
$font-family-base: 'special_eliteregular', sans-serif;
|
||||||
$font-size-base: 0.9rem;
|
$font-size-base: 0.9rem;
|
||||||
$line-height-base: 1.6;
|
$line-height-base: 1.6;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,21 @@
|
||||||
// Fonts
|
// Fonts
|
||||||
@import url('https://fonts.googleapis.com/css?family=Nunito');
|
@font-face {
|
||||||
|
font-family: 'special_eliteregular';
|
||||||
|
src: url('../fonts/SpecialElite-webfont.eot');
|
||||||
|
src: url('../fonts/SpecialElite-webfont.eot?#iefix') format('embedded-opentype'),
|
||||||
|
url('../fonts/SpecialElite-webfont.woff') format('woff'),
|
||||||
|
url('../fonts/SpecialElite-webfont.ttf') format('truetype'),
|
||||||
|
url('../fonts/SpecialElite-webfont.svg#special_eliteregular') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Bootstrap
|
||||||
|
//@import '~bootstrap/scss/bootstrap';
|
||||||
|
@import '~tabler-ui/src/assets/scss/bundle.scss';
|
||||||
|
|
||||||
// Variables
|
// Variables
|
||||||
@import 'variables';
|
@import 'variables';
|
||||||
|
|
||||||
// Bootstrap
|
// Surcharge
|
||||||
@import '~bootstrap/scss/bootstrap';
|
@import 'general';
|
||||||
|
|
|
||||||
|
|
@ -2,79 +2,117 @@
|
||||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
|
<meta http-equiv="Content-Language" content="{{ str_replace('_', '-', app()->getLocale()) }}" />
|
||||||
<!-- CSRF Token -->
|
<!-- CSRF Token -->
|
||||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||||
|
|
||||||
<title>{{ config('app.name', 'Laravel') }}</title>
|
<title>{{ config('app.name', 'Journal Intime') }}</title>
|
||||||
|
|
||||||
<!-- Scripts -->
|
<!-- Scripts -->
|
||||||
<script src="{{ asset('js/app.js') }}" defer></script>
|
<script src="{{ asset('js/app.js') }}" defer></script>
|
||||||
|
|
||||||
<!-- Fonts -->
|
|
||||||
<link rel="dns-prefetch" href="//fonts.gstatic.com">
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Styles -->
|
<!-- Styles -->
|
||||||
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
|
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div>
|
<div class="page">
|
||||||
<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
|
<div class="header py-4">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand" href="{{ url('/') }}">
|
<div class="d-flex">
|
||||||
{{ config('app.name', 'Laravel') }}
|
<a class="header-brand" href="{{ url('/') }}">
|
||||||
|
{{-- <img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo"> --}}
|
||||||
|
{{ config('app.name', 'Journal Intime') }}
|
||||||
</a>
|
</a>
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
|
<div class="d-flex order-lg-2 ml-auto">
|
||||||
<span class="navbar-toggler-icon"></span>
|
@guest
|
||||||
</button>
|
<div class="nav-item d-none d-md-flex">
|
||||||
|
<a href="{{ route('login') }}" class="btn btn-sm btn-outline-primary">{{ __('Login') }}</a>
|
||||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
</div>
|
||||||
<!-- Left Side Of Navbar -->
|
@if (Route::has('register'))
|
||||||
<ul class="navbar-nav mr-auto">
|
<div class="nav-item d-none d-md-flex">
|
||||||
|
<a href="{{ route('register') }}" class="btn btn-sm btn-outline-primary">{{ __('Register') }}</a>
|
||||||
</ul>
|
</div>
|
||||||
|
@endif
|
||||||
<!-- Right Side Of Navbar -->
|
@else
|
||||||
<ul class="navbar-nav ml-auto">
|
<div class="dropdown d-none d-md-flex">
|
||||||
<!-- Authentication Links -->
|
<a class="nav-link icon" data-toggle="dropdown">
|
||||||
@guest
|
<i class="fe fe-bell"></i>
|
||||||
<li class="nav-item">
|
<span class="nav-unread"></span>
|
||||||
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
|
</a>
|
||||||
</li>
|
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
||||||
@if (Route::has('register'))
|
<!--<a href="#" class="dropdown-item d-flex">
|
||||||
<li class="nav-item">
|
<span class="avatar mr-3 align-self-center" style="background-image: url(demo/faces/male/41.jpg)"></span>
|
||||||
<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
|
<div>
|
||||||
</li>
|
<strong>Nathan</strong> pushed new commit: Fix page load performance issue.
|
||||||
@endif
|
<div class="small text-muted">10 minutes ago</div>
|
||||||
@else
|
</div>
|
||||||
<li class="nav-item dropdown">
|
</a>-->
|
||||||
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
|
<div class="dropdown-divider"></div>
|
||||||
{{ Auth::user()->name }} <span class="caret"></span>
|
<a href="#" class="dropdown-item text-center">Mark all as read</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown">
|
||||||
|
<a href="#" class="nav-link pr-0 leading-none" data-toggle="dropdown">
|
||||||
|
<span class="avatar">{{ substr(Auth::user()->name, 0, 1) }}</span>
|
||||||
|
<span class="ml-2 d-none d-lg-block">
|
||||||
|
<span class="text-default">{{ Auth::user()->name }}</span>
|
||||||
|
<small class="text-muted d-block mt-1"></small>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
|
||||||
|
<a class="dropdown-item" href="#">
|
||||||
|
<i class="dropdown-icon fe fe-user"></i> Profile
|
||||||
</a>
|
</a>
|
||||||
|
<a class="dropdown-item" href="#">
|
||||||
|
<i class="dropdown-icon fe fe-settings"></i> Settings
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="{{ route('logout') }}"
|
||||||
|
onclick="event.preventDefault();
|
||||||
|
document.getElementById('logout-form').submit();">
|
||||||
|
<i class="dropdown-icon fe fe-log-out"></i> {{ __('Logout') }}
|
||||||
|
</a>
|
||||||
|
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
|
||||||
|
@csrf
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endguest
|
||||||
|
|
||||||
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
|
<a href="#" class="header-toggler d-lg-none ml-3 ml-lg-0" data-toggle="collapse" data-target="#headerMenuCollapse">
|
||||||
<a class="dropdown-item" href="{{ route('logout') }}"
|
<span class="header-toggler-icon"></span>
|
||||||
onclick="event.preventDefault();
|
</a>
|
||||||
document.getElementById('logout-form').submit();">
|
|
||||||
{{ __('Logout') }}
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
|
|
||||||
@csrf
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
@endguest
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</div>
|
||||||
|
|
||||||
<main class="py-4">
|
|
||||||
@yield('content')
|
|
||||||
</main>
|
|
||||||
</div>
|
</div>
|
||||||
|
<main class="my-3 my-md-5 flex-fill">
|
||||||
|
@yield('content')
|
||||||
|
</main>
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row align-items-center flex-row-reverse">
|
||||||
|
<div class="col-auto ml-lg-auto">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="col-auto">
|
||||||
|
<ul class="list-inline list-inline-dots mb-0">
|
||||||
|
<li class="list-inline-item"><a href="./docs/index.html">Documentation</a></li>
|
||||||
|
<li class="list-inline-item"><a href="./faq.html">FAQ</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-auto">
|
||||||
|
<a href="https://github.com/tabler/tabler" class="btn btn-outline-primary btn-sm">Source code</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
|
||||||
|
Copyright © 2019 <a href="{{ config('app.url') }}">{{ config('app.name') }}</a>. Thème par <a href="https://codecalm.net" target="_blank">codecalm.net</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,40 +1,43 @@
|
||||||
@extends('layouts.app')
|
@extends('layouts.app')
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row justify-content-center">
|
<div class="page-header">
|
||||||
<div class="col-md-8">
|
<h1 class="page-title">
|
||||||
<div class="card">
|
{{ __('Mon journal intime') }}
|
||||||
<div class="card-header">{{ __('Accueil') }}</div>
|
</h1>
|
||||||
|
</div>
|
||||||
<div class="card-body">
|
<div class="row flex-fill">
|
||||||
@if (session('status'))
|
<div class="col-md-12">
|
||||||
<div class="alert alert-success" role="alert">
|
<div class="row">
|
||||||
{{ session('status') }}
|
<div class="col-sm-12">
|
||||||
</div>
|
<div class="card">
|
||||||
@endif
|
<div class="card-header">
|
||||||
|
<h3 class="card-title">{{ strftime('%d %B %G', $today->format('U')) }}</h3>
|
||||||
<h1>{{ strftime('%B %G', $today->format('U')) }}</h1>
|
</div>
|
||||||
<form action="{{ url('store') }}" method="post" accept-charset="utf-8">
|
<div class="card-body">
|
||||||
@csrf
|
<form action="{{ url('store') }}" method="post" accept-charset="utf-8">
|
||||||
<div class="contact-form">
|
@csrf
|
||||||
<div class="form-group">
|
<div class="contact-form">
|
||||||
<label class="control-label col-sm-5" for="message">Quoi de neuf aujourd'hui ?</label>
|
<div class="form-group">
|
||||||
<div class="col-sm-10">
|
<label class="control-label col-sm-5" for="message">Quoi de neuf aujourd'hui ?</label>
|
||||||
<textarea class="form-control" rows="5" name="message" id="message"></textarea>
|
<div class="col-sm-10">
|
||||||
<span class="text-danger">{{ $errors->first('message') }}</span>
|
<div id="app"></div>
|
||||||
|
<span class="text-danger">{{ $errors->first('message') }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="col-sm-offset-2 col-sm-10">
|
||||||
|
<button type="submit" class="btn btn-primary ml-auto">J'enregistre ma journée</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
</form>
|
||||||
<div class="col-sm-offset-2 col-sm-10">
|
</div>
|
||||||
<button type="submit" class="btn btn-default">J'enregistre ma journée</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
@endsection
|
@endsection
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue