SYNC 6 Fully responsive home layout + static pages
This commit is contained in:
Jérémy Munsch
parent
f1e27928f0
commit
f17deffdd0
53 changed files with 360 additions and 361 deletions
|
|
@ -1 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 30" x="0px" y="0px"><title>Arrow-Up-Circle</title><path d="M15,12a1,1,0,0,1-.71-.29L12,9.41,9.71,11.71a1,1,0,0,1-1.41-1.41l3-3a1,1,0,0,1,1.41,0l3,3A1,1,0,0,1,15,12Z"/><path d="M12,17a1,1,0,0,1-1-1V8a1,1,0,0,1,2,0v8A1,1,0,0,1,12,17Z"/><path d="M12,22A10,10,0,1,1,22,12,10,10,0,0,1,12,22ZM12,4a8,8,0,1,0,8,8A8,8,0,0,0,12,4Z"/><text x="0" y="39" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by IconSrc</text><text x="0" y="44" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>
|
||||
|
Before Width: | Height: | Size: 729 B |
|
|
@ -1,9 +1,42 @@
|
|||
@use "sass:map";
|
||||
|
||||
body {
|
||||
> header {
|
||||
@include media-breakpoint-up(xl) {
|
||||
.rest-in-game-banner-container {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.rest-in-game-banner {
|
||||
transform: skew(12deg) translateX(5%);
|
||||
|
||||
>span {
|
||||
transform: skew(-12deg);
|
||||
}
|
||||
}
|
||||
|
||||
.btn-connect {
|
||||
position: relative;
|
||||
padding-left: 2.3rem;
|
||||
|
||||
&::before {
|
||||
background-color: $color-primary;
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0.3rem;
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
background-image: url('@Theme/images/connect.png');
|
||||
background-size: contain;
|
||||
content: "";
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xxxl, map.merge($grid-breakpoints, ("xxxl": 1600px))) {
|
||||
.navbar-brand {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -69,13 +102,15 @@ body {
|
|||
padding: 0;
|
||||
margin-right: 1rem;
|
||||
|
||||
img {
|
||||
width: 3rem;
|
||||
}
|
||||
|
||||
&.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
svg {
|
||||
width: 3rem;
|
||||
fill: $color-dark;
|
||||
filter: drop-shadow(0 0 2px #{rgba($color-light, $alpha: 0.4)});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,3 +15,4 @@
|
|||
|
||||
// * PAGES
|
||||
@import "./pages/home";
|
||||
@import "./pages/static_page";
|
||||
|
|
|
|||
18
sass/pages/_static_page.scss
Normal file
18
sass/pages/_static_page.scss
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
.static-page {
|
||||
h1 {
|
||||
color: $color-quint;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h2,h3,h4,h5,h6 {
|
||||
color: $color-quad;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
hr {
|
||||
width: 30%;
|
||||
border-top: 0.2rem solid #{$color-quad};
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,3 +1,6 @@
|
|||
@use "sass:map";
|
||||
@import 'bootstrap/scss/functions';
|
||||
|
||||
// Override bootstrap colors
|
||||
$primary: $color-primary;
|
||||
$secondary: $color-secondary;
|
||||
|
|
@ -6,19 +9,54 @@ $info: $color-info;
|
|||
$warning: $color-warning;
|
||||
$danger: $color-danger;
|
||||
$light: $color-light;
|
||||
$white: $color-white;
|
||||
$dark: $color-dark;
|
||||
$tertiary: $color-tertiary;
|
||||
$quad: $color-quad;
|
||||
$quint: $color-quint;
|
||||
$theme-colors: (
|
||||
primary: $primary,
|
||||
secondary: $secondary,
|
||||
tertiary: $tertiary,
|
||||
quad: $quad,
|
||||
quint: $quint,
|
||||
success: $success,
|
||||
info: $info,
|
||||
warning: $warning,
|
||||
danger: $danger,
|
||||
light: $light,
|
||||
"white": $white,
|
||||
dark: $dark,
|
||||
);
|
||||
$custom-theme-colors: map.merge($theme-colors,
|
||||
(
|
||||
'tertiary': $tertiary,
|
||||
'quad': $quad,
|
||||
'quint': $quint,
|
||||
));
|
||||
$theme-colors: map.merge($theme-colors, $custom-theme-colors);
|
||||
$theme-colors-rgb: map-loop($theme-colors, to-rgb, '$value');
|
||||
|
||||
// Override bootstrap vars
|
||||
$font-family-base: $font-default-family-base;
|
||||
$font-size-base: $font-default-size-base;
|
||||
$line-height-base: $line-default-height-base;
|
||||
|
||||
// Add font-size variable
|
||||
$heading-multiplicator: 1;
|
||||
$h1-font-size: $font-size-base * $heading-multiplicator * 2.5;
|
||||
$h2-font-size: $font-size-base * $heading-multiplicator * 2;
|
||||
$h3-font-size: $font-size-base * $heading-multiplicator * 1.75;
|
||||
$h4-font-size: $font-size-base * $heading-multiplicator * 1.5;
|
||||
$h5-font-size: $font-size-base * $heading-multiplicator * 1.25;
|
||||
$h6-font-size: $font-size-base * $heading-multiplicator;
|
||||
|
||||
// Add the new font-size in this map
|
||||
$font-sizes: (
|
||||
1: $h1-font-size,
|
||||
2: $h2-font-size,
|
||||
3: $h3-font-size,
|
||||
4: $h4-font-size,
|
||||
5: $h5-font-size,
|
||||
6: $h6-font-size,
|
||||
);
|
||||
|
|
@ -1,13 +1,18 @@
|
|||
@use "sass:color";
|
||||
|
||||
// * COLORS
|
||||
$color-white: #fff;
|
||||
$color-light: #f8f9fa;
|
||||
$color-dark: #212529;
|
||||
$color-success: #198754;
|
||||
$color-danger: #dc3545;
|
||||
$color-info: #0dcaf0;
|
||||
$color-warning: #ffc107;
|
||||
$color-primary: #0d6efd;
|
||||
$color-secondary: #6c757d;
|
||||
$color-light: #eceff3;
|
||||
$color-dark: #070000;
|
||||
$color-success: #00ac61;
|
||||
$color-danger: #f71200;
|
||||
$color-info: #508fdf;
|
||||
$color-warning: #e6cd00;
|
||||
$color-primary: #0f437e;
|
||||
$color-secondary: #135ba7;
|
||||
$color-tertiary: #db275a;
|
||||
$color-quad: #0179a9;
|
||||
$color-quint: #fba629;
|
||||
|
||||
// * BACKGROUNDS COLORS
|
||||
$bg-lightened: $color-light;
|
||||
|
|
@ -22,3 +27,9 @@ $color-default-texts: $color-dark;
|
|||
$font-default-family-base: "Imprima Regular", sans-serif; // - The default site font family.
|
||||
$font-default-size-base: 1rem; // Assumes the browser default, typically `16px`
|
||||
$line-default-height-base: 1.65;
|
||||
|
||||
|
||||
// * Cookie Notice
|
||||
$ck-primary-color: $color-primary;
|
||||
$ck-secondary-color: color.adjust($color-tertiary, $lightness: -10%);
|
||||
$ck-background-color: $color-light;
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||
|
||||
const pageUp = document.getElementById("page-up");
|
||||
if (pageUp) {
|
||||
pageUp.addEventListener("click", () => scrollTop("content-container", 150)),
|
||||
pageUp.addEventListener("click", () => scrollTop("content-container", 250)),
|
||||
document.addEventListener("scroll", () => {
|
||||
if (window.scrollY > 250) {
|
||||
pageUp.classList.add("show");
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Activation de votre compte')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Fin du jeu')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Saisie du code')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Accueil')
|
||||
|
||||
|
|
@ -1,93 +0,0 @@
|
|||
{{-- <header>
|
||||
<div class="logo flex">
|
||||
|
||||
<div class="toggle-menu flex"><span></span></div>
|
||||
</div>
|
||||
<nav>
|
||||
@guest
|
||||
<div class="btn-connect flex">
|
||||
<a href="{{ route('fo.login') }}">Je me connecte</a>
|
||||
</div>
|
||||
@else
|
||||
<a class="logout-link" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Se
|
||||
déconnecter</a><br>
|
||||
<form id="logout-form" style="display: none;" action="{{ route('fo.logout') }}" method="POST">
|
||||
@csrf
|
||||
</form>
|
||||
@endguest
|
||||
</nav>
|
||||
|
||||
</header> --}}
|
||||
|
||||
<nav class="navbar navbar-expand-lg bg-body-tertiary shadow">
|
||||
<div class="container-fluid">
|
||||
<div class="d-flex flex-column-reverse flex-lg-column flex-grow-1">
|
||||
<div class="navbar-collapse collapse" id="navbar-main-menu">
|
||||
<ul class="navbar-nav mb-lg-0 mb-2 ms-auto">
|
||||
<li class="nav-item">
|
||||
<a class="fs-4 fw-bold nav-link @if (request()->routeIs('fo.homepage')) active @endif"
|
||||
href="{{ route('fo.homepage') }}/#howto"
|
||||
@if (request()->routeIs('fo.homepage')) aria-current="page" @endif>{{ __('Comment jouer ?') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="fs-4 fw-bold nav-link" href="{{ route('fo.homepage') }}/#gifts">{{ __('Les cadeaux') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="fs-4 fw-bold nav-link link-danger @if (request()->routeIs('fo.saisir-code')) active @endif"
|
||||
href="{{ route('fo.saisir-code') }}"
|
||||
@if (request()->routeIs('fo.saisir-code')) aria-current="page" @endif>{{ __('Jouer !') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="fs-4 fw-bold nav-link @if (request()->routeIs('fo.produits-porteurs')) active @endif"
|
||||
href="{{ route('fo.produits-porteurs') }}"
|
||||
@if (request()->routeIs('fo.produits-porteurs')) aria-current="page" @endif>{{ __('Produits porteurs') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@guest
|
||||
<a class="btn btn-danger fw-bold fs-4" href="{{ route('fo.login') }}">{{ __('Je me connecte') }}</a>
|
||||
@else
|
||||
<form action="{{ route('fo.logout') }}" method="POST">
|
||||
@csrf
|
||||
<button class="btn btn-danger fw-bold fs-4">{{ __('Se déconnecter') }}</button>
|
||||
</form>
|
||||
@endguest
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="position-relative container-fluid p-0">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<a class="navbar-brand d-inline-block" href="{{ route('fo.homepage') }}"
|
||||
title="{{ __('Aller sur la page d\'accueil') }}">
|
||||
<img class="img-fluid" src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}"
|
||||
alt="{{ $settingsGlobal->name ?? config('app.name') }} }}">
|
||||
<img class="img-fluid" src="{{ Vite::asset('resources/theme/mounted/assets/images/logo-gauloisirs.png') }}"
|
||||
alt="{{ __('Logo Gauloisir') }}">
|
||||
</a>
|
||||
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar-main-menu" type="button"
|
||||
aria-controls="navbar-main-menu" aria-expanded="false" aria-label="{{ __('Afficher / Cacher le menu') }}">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@if (collect($prizesGlobal)->count())
|
||||
<div class="col-6 d-flex align-items-end g-0">
|
||||
<div class="rest-in-game-banner text-bg-primary d-flex flex-grow-1">
|
||||
<span>{{ __('Encore en jeu : ') }}</span>
|
||||
@if (Arr::has($prizesGlobal, 0))
|
||||
<span>{{ Arr::get($prizesGlobal, 0)->quantity - (optional(optional(Arr::get($prizesGlobal, 1)->instantWins)->where('won', true))->count() ?? 0) }}</span>
|
||||
<span class="">{!! clean(nl2br(__("Wonderbox \n loisirs"))) !!}</span>
|
||||
@endif
|
||||
@if (Arr::has($prizesGlobal, 1))
|
||||
<span>{{ Arr::get($prizesGlobal, 1)->quantity - (optional(optional(Arr::get($prizesGlobal, 1)->instantWins)->where('won', true))->count() ?? 0) }}</span>
|
||||
<span class="">{!! clean(nl2br(__("Wonderbox \n Happy Day"))) !!}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
@extends('theme::fo.layout')
|
||||
|
||||
@section('title', 'Charte')
|
||||
|
||||
@section('content')
|
||||
<div class="charte floating grid">
|
||||
<div class="head-bloc"></div>
|
||||
<section class="main--bloc container">
|
||||
{!! $content->value !!}
|
||||
</section>
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
@extends('theme::fo.layout')
|
||||
|
||||
@section('title', 'Mentions légales')
|
||||
|
||||
@section('content')
|
||||
<div class="legals floating grid">
|
||||
<div class="head-bloc"></div>
|
||||
<section class="main--bloc container">
|
||||
{!! $content->value !!}
|
||||
</section>
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Mot de passe oublié')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Les gains')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Comment jouer')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title')
|
||||
{{ $prize->gain_view->name }}
|
||||
|
|
@ -1,22 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
|
||||
<head>@include('theme::fo.layouts.head')</head>
|
||||
<head>@include('theme::layouts.head')</head>
|
||||
|
||||
<body class="d-flex flex-column min-vh-100">
|
||||
<header>
|
||||
@include('theme::fo.layouts.header')
|
||||
@include('theme::layouts.header')
|
||||
</header>
|
||||
|
||||
<main class="container-fluid @hasSection('main-class') @yield('main-class') @endif" id="content-container">
|
||||
<main class="container-fluid @hasSection('main-class') @yield('main-class') @endif flex-grow-1" id="content-container">
|
||||
@yield('content')
|
||||
</main>
|
||||
|
||||
<footer class="container-fluid">
|
||||
@include('theme::fo.layouts.footer')
|
||||
@include('theme::layouts.footer')
|
||||
</footer>
|
||||
|
||||
{{-- @include('theme::fo.cookie') --}}
|
||||
{{-- @include('theme::cookie') --}}
|
||||
@include('theme::vendor.cn-cookies')
|
||||
@vite(['resources/theme/mounted/ts/fo.ts'])
|
||||
@stack('scripts')
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="row text-bg-primary">
|
||||
<div class="row text-bg-quad">
|
||||
<div class="col-12 col-md-9 col-xl-10">
|
||||
{{-- Share LINKS --}}
|
||||
<div class="d-inline-block fs-3 p-3">
|
||||
|
|
@ -8,12 +8,12 @@
|
|||
data-size="small">
|
||||
<a class="fb-xfbml-parse-ignore btn-link" href="https://www.facebook.com/LeGauloisFrance/"
|
||||
onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=800,height=500,toolbar=1,resizable=0'); return false;">
|
||||
@include('theme::fo.partials.icons.facebook')
|
||||
@include('theme::partials.icons.facebook')
|
||||
</a>
|
||||
</div>
|
||||
<a class="share d-inline-block btn-link text-light mx-1" href="https://www.instagram.com/legaulois_officiel/"
|
||||
target="_blank">
|
||||
@include('theme::fo.partials.icons.instagram')
|
||||
@include('theme::partials.icons.instagram')
|
||||
</a>
|
||||
</div>
|
||||
<span>
|
||||
|
|
@ -40,8 +40,8 @@
|
|||
<a class="link-light" href="https://www.legaulois.fr/contactez-nous" target="_blank">{{ __('Contact') }}</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<a class="link-light cn-cookie-link" href="#cookie"
|
||||
title="{{ __('Gestion des cookies') }}">{{ __('Gestion des cookies') }}</a>
|
||||
<a class="link-light cn-cookie-link" title="{{ __('Afficher la boite cookie notice') }}"
|
||||
title="{{ __('Gestion des cookies') }}" role="button" tabindex="0">{{ __('Gestion des cookies') }}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
</div>
|
||||
|
||||
<button class="btn btn-link rounded-pill z-1" id="page-up">
|
||||
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/up-arrow.svg') }}" alt="↑">
|
||||
@include('theme::partials.icons.up-arrow')
|
||||
</button>
|
||||
|
||||
@push('scripts')
|
||||
114
views/layouts/header.blade.php
Normal file
114
views/layouts/header.blade.php
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
{{-- <header>
|
||||
<div class="logo flex">
|
||||
|
||||
<div class="toggle-menu flex"><span></span></div>
|
||||
</div>
|
||||
<nav>
|
||||
@guest
|
||||
<div class="btn-connect flex">
|
||||
<a href="{{ route('fo.login') }}">Je me connecte</a>
|
||||
</div>
|
||||
@else
|
||||
<a class="logout-link" href="#" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Se
|
||||
déconnecter</a><br>
|
||||
<form id="logout-form" style="display: none;" action="{{ route('fo.logout') }}" method="POST">
|
||||
@csrf
|
||||
</form>
|
||||
@endguest
|
||||
</nav>
|
||||
|
||||
</header> --}}
|
||||
|
||||
<nav class="navbar navbar-expand-lg shadow">
|
||||
<div class="container-fluid">
|
||||
<div class="d-flex flex-column-reverse flex-lg-column flex-grow-1">
|
||||
<div class="navbar-collapse collapse" id="navbar-main-menu">
|
||||
<ul class="navbar-nav mb-lg-0 mb-2 ms-auto">
|
||||
<li class="nav-item">
|
||||
<a class="fs-4 fw-bold nav-link @if (request()->routeIs('fo.homepage')) active @endif"
|
||||
href="{{ route('fo.homepage') }}/#howto"
|
||||
@if (request()->routeIs('fo.homepage')) aria-current="page" @endif>{{ __('Comment jouer ?') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="fs-4 fw-bold nav-link" href="{{ route('fo.homepage') }}/#gifts">{{ __('Les cadeaux') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="fs-4 fw-bold nav-link link-tertiary @if (request()->routeIs('fo.saisir-code')) active @endif"
|
||||
href="{{ route('fo.saisir-code') }}"
|
||||
@if (request()->routeIs('fo.saisir-code')) aria-current="page" @endif>{{ __('Jouer !') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="fs-4 fw-bold nav-link @if (request()->routeIs('fo.produits-porteurs')) active @endif"
|
||||
href="{{ route('fo.produits-porteurs') }}"
|
||||
@if (request()->routeIs('fo.produits-porteurs')) aria-current="page" @endif>{{ __('Produits porteurs') }}</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@guest
|
||||
<a class="btn-connect btn btn-tertiary fw-bold fs-4 text-uppercase"
|
||||
href="{{ route('fo.login') }}">{{ __('Je me connecte') }}</a>
|
||||
@else
|
||||
<form action="{{ route('fo.logout') }}" method="POST">
|
||||
@csrf
|
||||
<button class="btn btn-tertiary fw-bold fs-4">{{ __('Se déconnecter') }}</button>
|
||||
</form>
|
||||
@endguest
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="container-fluid p-0">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="d-flex flex-row">
|
||||
<a class="d-block flex-grow-1 d-flex" href="{{ route('fo.homepage') }}"
|
||||
title="{{ __('Aller sur la page d\'accueil') }}">
|
||||
<span class="d-inline-block">
|
||||
<img class="img-fluid" src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}"
|
||||
alt="{{ $settingsGlobal->name ?? config('app.name') }} }}">
|
||||
</span>
|
||||
<span class="d-inline-block">
|
||||
<img class="img-fluid"
|
||||
src="{{ Vite::asset('resources/theme/mounted/assets/images/logo-gauloisirs.png') }}"
|
||||
alt="{{ __('Logo Gauloisir') }}">
|
||||
</span>
|
||||
</a>
|
||||
<div class="d-flex align-items-center p-2">
|
||||
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar-main-menu" type="button"
|
||||
aria-controls="navbar-main-menu" aria-expanded="false"
|
||||
aria-label="{{ __('Afficher / Cacher le menu') }}">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (collect($prizesGlobal)->count())
|
||||
<div class="rest-in-game-banner-container col d-flex align-items-end g-0">
|
||||
<div
|
||||
class="rest-in-game-banner flex-column flex-md-row text-bg-quad d-flex flex-grow-1 justify-content-around mt-3 py-1 pe-5 ps-2">
|
||||
<span
|
||||
class="d-flex align-items-center fw-bold text-uppercase fs-5 mx-2">{{ __('Encore en jeu : ') }}</span>
|
||||
@if (Arr::has($prizesGlobal, 0))
|
||||
<span class="d-flex justify-content-center">
|
||||
<span
|
||||
class="rounded-pill text-tertiary fw-bold fs-4 d-flex align-items-center my-1 bg-white px-3 py-1">{{ Arr::get($prizesGlobal, 0)->quantity - (optional(optional(Arr::get($prizesGlobal, 1)->instantWins)->where('won', true))->count() ?? 0) }}</span>
|
||||
<span
|
||||
class="fw-bold text-uppercase fs-5 lh-sm d-flex align-items-center mx-2">{!! clean(nl2br(__("Wonderbox \n loisirs"))) !!}</span>
|
||||
</span>
|
||||
@endif
|
||||
@if (Arr::has($prizesGlobal, 1))
|
||||
<span class="d-flex justify-content-center">
|
||||
<span
|
||||
class="rounded-pill text-tertiary fw-bold fs-4 d-flex align-items-center my-1 bg-white px-3 py-1">{{ Arr::get($prizesGlobal, 1)->quantity - (optional(optional(Arr::get($prizesGlobal, 1)->instantWins)->where('won', true))->count() ?? 0) }}</span>
|
||||
<span
|
||||
class="fw-bold text-uppercase fs-5 lh-sm d-flex align-items-center mx-2">{!! clean(nl2br(__("Wonderbox \n Happy Day"))) !!}</span>
|
||||
</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title')
|
||||
{{ $prize->gain_view->name }}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Connexion')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('content')
|
||||
<p>C'est perdu</p>
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title')
|
||||
{{ $prizesGlobal[0]->gain_view->name }}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title')
|
||||
{{ $prizesGlobal[1]->gain_view->name }}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Accueil')
|
||||
|
||||
|
|
@ -25,9 +25,9 @@
|
|||
<div class="d-flex justify-content-center justify-content-xl-start">
|
||||
<div class="ms-xl-5 me-2">
|
||||
<span
|
||||
class="bg-danger fs-3 rounded-pill fw-bold px-3 py-1 text-white">{{ optional(Arr::get($prizesGlobal, 0))->quantity }}</span>
|
||||
class="bg-tertiary fs-3 rounded-pill fw-bold px-3 py-1 text-white">{{ optional(Arr::get($prizesGlobal, 0))->quantity }}</span>
|
||||
</div>
|
||||
<h3 class="text-danger fw-bold fs-3 text-uppercase lh-1">
|
||||
<h3 class="text-tertiary fw-bold fs-3 text-uppercase lh-1">
|
||||
{!! clean(nl2br(__("Wonderbox \nLoisirs"))) !!}
|
||||
</h3>
|
||||
</div>
|
||||
|
|
@ -41,9 +41,9 @@
|
|||
<div class="d-flex justify-content-center justify-content-xl-start">
|
||||
<div class="ms-xl-5 me-2">
|
||||
<span
|
||||
class="bg-danger fs-3 rounded-pill fw-bold px-3 py-1 text-white">{{ optional(Arr::get($prizesGlobal, 1))->quantity }}</span>
|
||||
class="bg-tertiary fs-3 rounded-pill fw-bold px-3 py-1 text-white">{{ optional(Arr::get($prizesGlobal, 1))->quantity }}</span>
|
||||
</div>
|
||||
<h3 class="text-danger fw-bold fs-3 text-uppercase lh-1">
|
||||
<h3 class="text-tertiary fw-bold fs-3 text-uppercase lh-1">
|
||||
{!! clean(nl2br(__("Wonderbox \nHappy Day"))) !!}
|
||||
</h3>
|
||||
</div>
|
||||
|
|
@ -70,13 +70,13 @@
|
|||
{{-- BTN JOUER --}}
|
||||
<div class="row mb-3 mt-5">
|
||||
<div class="col d-flex justify-content-center">
|
||||
<a class="btn btn-lg btn-danger fs-2 fw-bold text-uppercase px-5 py-1"
|
||||
<a class="btn btn-lg btn-tertiary fs-2 fw-bold text-uppercase px-5 py-1"
|
||||
href="{{ route('fo.saisir-code') }}">{{ __('Jouer !') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- 2nd Row how to play --}}
|
||||
<section class="row text-bg-primary p-md-3 py-3" id="howto">
|
||||
<section class="row text-bg-quad p-md-3 py-3" id="howto">
|
||||
<div class="col-12 col-md-5 mb-3 pt-2 text-center">
|
||||
<h2 class="fs-1 fw-bold">{{ __("Comment jouer\u{00A0}?") }}</h2>
|
||||
<span
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
<span class="h2">{{ __('Achetez un produit Le Gaulois porteur de l\'offre.') }}</span>
|
||||
</div>
|
||||
<div class="mb-5 text-center">
|
||||
<a class="btn btn-warning fw-bold text-uppercase"
|
||||
<a class="btn btn-quint fw-bold text-uppercase"
|
||||
href="{{ route('fo.produits-porteurs') }}">{{ __('Voir la liste des produits porteurs') }}</a>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
|
|
@ -126,7 +126,7 @@
|
|||
<section class="row" id="gifts">
|
||||
<div class="col g-0">
|
||||
<div class="mt-4 p-1 text-center">
|
||||
<h2 class="fs-1 text-warning text-uppercase fw-bold">{{ __('Les cadeaux') }}</h2>
|
||||
<h2 class="fs-1 text-quint text-uppercase fw-bold">{{ __('Les cadeaux') }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="carousel slide mt-5" id="carousel-lots" data-bs-pause="false" data-bs-touch="true">
|
||||
|
|
@ -135,9 +135,9 @@
|
|||
<i class="fa-solid fa-play"></i>
|
||||
<i class="fa-solid fa-pause d-none"></i>
|
||||
</button>
|
||||
<button class="bg-warning active" data-bs-target="#carousel-lots" data-bs-slide-to="0" type="button" aria-current="true"
|
||||
<button class="bg-quint active" data-bs-target="#carousel-lots" data-bs-slide-to="0" type="button" aria-current="true"
|
||||
aria-label="{{ __('Slide :n', ['n' => 1]) }}"></button>
|
||||
<button class="bg-warning" data-bs-target="#carousel-lots" data-bs-slide-to="1" type="button"
|
||||
<button class="bg-quint" data-bs-target="#carousel-lots" data-bs-slide-to="1" type="button"
|
||||
aria-label="{{ __('Slide :n', ['n' => 2]) }}"></button>
|
||||
</div>
|
||||
<div class="carousel-inner overflow-visible">
|
||||
|
|
@ -150,7 +150,7 @@
|
|||
</div>
|
||||
<div class="col d-flex justify-content-start align-items-center overflow-visible">
|
||||
<div
|
||||
class="d-inline-block text-bg-warning main-rotate carousel-text-pannel mx-md-5 p-md-5 overflow-visible">
|
||||
class="d-inline-block text-bg-quint main-rotate carousel-text-pannel mx-md-4 p-md-4 mx-lg-5 p-lg-5 overflow-visible">
|
||||
<div class="anti-rotate m-3 p-1">
|
||||
<h3 class="fs-3 text-md-start text-center">{!! clean(nl2br(__("Wonderbox \n loisirs"))) !!}</h3>
|
||||
<p>{{ __('1 activité pour 2 à 6 personnes') }}</p>
|
||||
|
|
@ -171,7 +171,7 @@
|
|||
</div>
|
||||
<div class="col d-flex justify-content-center align-items-center overflow-visible">
|
||||
<div
|
||||
class="d-inline-block text-bg-warning main-rotate carousel-text-pannel mx-md-5 p-md-5 overflow-visible">
|
||||
class="d-inline-block text-bg-quint main-rotate carousel-text-pannel mx-md-4 p-md-4 mx-lg-5 p-lg-5 overflow-visible">
|
||||
<div class="anti-rotate m-3 p-1">
|
||||
<h3 class="fs-3 text-md-start text-center">{!! clean(nl2br(__("Wonderbox \n Happy Day"))) !!}</h3>
|
||||
<p>{{ __('1 activité pour 1 à 2 personnes') }}</p>
|
||||
|
|
@ -199,7 +199,7 @@
|
|||
{{-- BTN JOUER --}}
|
||||
<div class="row mb-3 mt-5">
|
||||
<div class="col d-flex justify-content-center">
|
||||
<a class="btn btn-lg btn-danger fs-2 fw-bold text-uppercase px-5 py-1"
|
||||
<a class="btn btn-lg btn-tertiary fs-2 fw-bold text-uppercase px-5 py-1"
|
||||
href="{{ route('fo.saisir-code') }}">{{ __('Jouer !') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
22
views/pages/static_page.blade.php
Normal file
22
views/pages/static_page.blade.php
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
@extends('theme::layout')
|
||||
|
||||
@section('title', $staticPageModel->seo_title)
|
||||
@section('description', $staticPageModel->seo_description)
|
||||
|
||||
@section('main-class', 'static-page')
|
||||
@section('content')
|
||||
<div class="container pb-5 pt-5">
|
||||
<div class="row mb-3">
|
||||
<div class="col">
|
||||
<h1>{{ $staticPageModel->title }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="ck-content">
|
||||
{!! $staticPageModel->content !!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
Before Width: | Height: | Size: 724 B After Width: | Height: | Size: 724 B |
|
Before Width: | Height: | Size: 1,010 B After Width: | Height: | Size: 1,010 B |
6
views/partials/icons/up-arrow.blade.php
Normal file
6
views/partials/icons/up-arrow.blade.php
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 30" x="0px" y="0px">
|
||||
<title>{{ __('Flèche pointant en direction du haut de la page') }}</title>
|
||||
<path d="M15,12a1,1,0,0,1-.71-.29L12,9.41,9.71,11.71a1,1,0,0,1-1.41-1.41l3-3a1,1,0,0,1,1.41,0l3,3A1,1,0,0,1,15,12Z" />
|
||||
<path d="M12,17a1,1,0,0,1-1-1V8a1,1,0,0,1,2,0v8A1,1,0,0,1,12,17Z" />
|
||||
<path d="M12,22A10,10,0,1,1,22,12,10,10,0,0,1,12,22ZM12,4a8,8,0,1,0,8,8A8,8,0,0,0,12,4Z" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 456 B |
|
|
@ -61,7 +61,7 @@
|
|||
</div>
|
||||
</footer>
|
||||
{{-- Cookie --}}
|
||||
@include('theme::fo.cookie')
|
||||
@include('theme::cookie')
|
||||
{{-- Fin des cookies --}}
|
||||
|
||||
<!-- Load Facebook SDK for JavaScript -->
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Plus de participations')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Produits porteurs')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Réduction')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Connexion')
|
||||
|
||||
|
|
@ -24,10 +24,10 @@
|
|||
@csrf
|
||||
<p class="section">Votre profil</p>
|
||||
<!-- <select name="civilite">
|
||||
<option value="1">Mr</option>
|
||||
<option value="2">Mme</option>
|
||||
<option value="3">Mlle</option>
|
||||
</select> -->
|
||||
<option value="1">Mr</option>
|
||||
<option value="2">Mme</option>
|
||||
<option value="3">Mlle</option>
|
||||
</select> -->
|
||||
<input name="firstname" type="text" value="{{ old('firstname') }}" placeholder="Prénom*" maxlength="50" required>
|
||||
<input name="lastname" type="text" value="{{ old('lastname') }}" placeholder="Nom*" maxlength="50" required>
|
||||
<input name="birth_date" type="date" value="{{ old('birth_date') }}" placeholder="Date de naissance*" required>
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Règlement')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Rejouer')
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Accueil')
|
||||
|
||||
48
views/vendor/cn-cookies.blade.php
vendored
48
views/vendor/cn-cookies.blade.php
vendored
|
|
@ -2,29 +2,37 @@
|
|||
@php
|
||||
|
||||
$site_name = Str::ucfirst(config('app.name'));
|
||||
$logo_picture_url = Vite::asset('resources/theme/mounted/assets/images/home_logo.png', 'build');
|
||||
$logo_alt_text = "Logo {$site_name}";
|
||||
$logo_picture_url = Vite::asset('resources/theme/mounted/assets/images/home_logo.png');
|
||||
$logo_title_text = __('Logo du site :name', ['name' => $site_name]);
|
||||
$logo_alt_text = __('Logo :name', ['name' => $site_name]);
|
||||
$confidentiality_page_url = route('fo.charte');
|
||||
|
||||
$strings = (object)[
|
||||
'button_customize_cookies' => __('cookie-notice.button_customize_cookies'),
|
||||
'button_forbid' => __('cookie-notice.button_forbid'),
|
||||
'button_allow' => __('cookie-notice.button_allow'),
|
||||
'button_forbid_all' => Str::upper(__('cookie-notice.button_forbid_all')),
|
||||
'button_allow_all' => Str::upper(__('cookie-notice.button_allow_all')),
|
||||
'button_customize' => Str::upper(__('cookie-notice.button_customize')),
|
||||
'button_back' => Str::upper(__('cookie-notice.button_back')),
|
||||
'banner_title' => __('cookie-notice.banner_title', ['site_name' => $site_name]),
|
||||
'banner_text_open' => __('cookie-notice.banner_text_open', ['site_name' => $site_name]),
|
||||
'banner_text' => __('cookie-notice.banner_text'),
|
||||
'banner_details' => __('cookie-notice.banner_details'),
|
||||
'banner_details_link' => __('cookie-notice.banner_details_link'),
|
||||
'modal_title' => __('Fenetre de gestion de cookies'),
|
||||
'button_customize_cookies' => __('cookie-notice.button_customize_cookies'),
|
||||
'button_close_cookies' => __('cookie-notice.button_close_cookies'),
|
||||
'button_forbid' => __('cookie-notice.button_forbid'),
|
||||
'button_allow' => __('cookie-notice.button_allow'),
|
||||
'button_forbid_all' => Str::upper(__('cookie-notice.button_forbid_all')),
|
||||
'button_allow_all' => Str::upper(__('cookie-notice.button_allow_all')),
|
||||
'button_customize' => Str::upper(__('cookie-notice.button_customize')),
|
||||
'button_forbid_all_title' => __('cookie-notice.button_forbid_all_title'),
|
||||
'button_allow_all_title' => __('cookie-notice.button_allow_all_title'),
|
||||
'button_back' => Str::upper(__('cookie-notice.button_back')),
|
||||
'banner_title' => __('cookie-notice.banner_title', ['site_name' => $site_name]),
|
||||
'banner_text_open' => __('cookie-notice.banner_text_open', ['site_name' => $site_name]),
|
||||
'banner_text' => __('cookie-notice.banner_text'),
|
||||
'banner_details' => __('cookie-notice.banner_details'),
|
||||
'banner_details_link' => __('cookie-notice.banner_details_link'),
|
||||
'banner_details_link_title' => __('cookie-notice.banner_details_link_title'),
|
||||
'banner_more_details' => __('cookie-notice.banner_more_details'),
|
||||
'banner_less_details' => __('cookie-notice.banner_less_details'),
|
||||
'Panel_title' => __('cookie-notice.Panel_title'),
|
||||
'Panel_subtitle' => __('cookie-notice.Panel_subtitle'),
|
||||
'Panel_details' => __('cookie-notice.Panel_details'),
|
||||
'banner_more_details' => __('cookie-notice.banner_more_details'),
|
||||
'banner_less_details' => __('cookie-notice.banner_less_details'),
|
||||
'Panel_title' => __('cookie-notice.Panel_title'),
|
||||
'Panel_content' => __('cookie-notice.Panel_content'),
|
||||
'Panel_subtitle' => __('cookie-notice.Panel_subtitle'),
|
||||
'Panel_details' => __('cookie-notice.Panel_details'),
|
||||
'picture_cookie_title' => __('Image d\'un bon gros cookie'),
|
||||
'navigation_title' => __('Navigation du panneau des cookie'),
|
||||
];
|
||||
|
||||
$cookies = [];
|
||||
|
|
@ -80,7 +88,7 @@ SCRIPT;
|
|||
{{-- INCLUDE TEMPLATE --}}
|
||||
@include('theme::vendor.cookie-notice-templates.standard', compact(
|
||||
'site_name', 'logo_picture_url', 'logo_alt_text',
|
||||
'confidentiality_page_url', 'strings'
|
||||
'logo_title_text', 'confidentiality_page_url', 'strings'
|
||||
))
|
||||
|
||||
@push('scripts')
|
||||
|
|
|
|||
|
|
@ -1,31 +1,32 @@
|
|||
<div id="cn-wrapper" role="dialog" tabindex="-1">
|
||||
<div id="cn-wrapper" title="{{ $strings->modal_title }}" role="alertdialog" tabindex="-1">
|
||||
<button id="cn-cookie-btn" title="{{ $strings->button_customize_cookies }}">
|
||||
{{-- COOKIE SVG --}}
|
||||
<svg viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>{{ $strings->picture_cookie_title }}</title>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M14.0001 2.93383C14.0001 4.16622 14.6159 5.25477 15.5567 5.90849C15.3526 6.46423 15.2412 7.06473 15.2412 7.69126C15.2412 10.5472 17.5564 12.8624 20.4123 12.8624C21.0807 12.8624 21.7195 12.7356 22.3059 12.5047C22.9456 13.527 24.0817 14.2069 25.3766 14.2069C26.1872 14.2069 26.9357 13.9404 27.539 13.4903C27.5453 13.6594 27.5484 13.8294 27.5484 14C27.5484 21.4826 21.4826 27.5484 14 27.5484C6.51748 27.5484 0.45166 21.4826 0.45166 14C0.45166 6.51748 6.51748 0.45166 14 0.45166C14.3209 0.45166 14.6391 0.462811 14.9543 0.484747C14.3618 1.12929 14.0001 1.98931 14.0001 2.93383ZM21.2176 2.53212C21.2195 2.54914 21.2213 2.56619 21.2229 2.58328C21.2569 2.58864 21.2909 2.59433 21.3247 2.60035C21.2891 2.57745 21.2534 2.5547 21.2176 2.53212ZM25.5171 6.86104C25.523 6.89745 25.5285 6.93399 25.5336 6.97066C25.5512 6.97141 25.5687 6.97228 25.5861 6.97328C25.5633 6.93574 25.5403 6.89833 25.5171 6.86104ZM12.5247 2.09283C12.4748 2.38291 12.4487 2.68118 12.4487 2.98553C12.4487 4.33316 12.9591 5.56158 13.7972 6.48802C13.7266 6.87842 13.6898 7.28054 13.6898 7.69126C13.6898 11.404 16.6996 14.4137 20.4123 14.4137C20.8725 14.4137 21.3219 14.3675 21.7562 14.2794C22.689 15.1941 23.9669 15.7582 25.3766 15.7582C25.5439 15.7582 25.7094 15.7503 25.8726 15.7347C25.0321 21.5385 20.0368 25.9971 14.0001 25.9971C7.37431 25.9971 2.00305 20.6258 2.00305 14.0001C2.00305 7.87378 6.59498 2.82 12.5247 2.09283Z"
|
||||
fill="#e33f1c" />
|
||||
<circle cx="7.58784" cy="12.8624" r="1.96503" fill="#e33f1c" />
|
||||
<circle cx="8.82887" cy="19.2745" r="1.3445" fill="#e33f1c" />
|
||||
<circle cx="13.6897" cy="14.5171" r="1.03423" fill="#e33f1c" />
|
||||
<circle cx="11.4144" cy="7.48439" r="0.930805" fill="#e33f1c" />
|
||||
<circle cx="17.5164" cy="20.3089" r="1.86161" fill="#e33f1c" />
|
||||
<circle cx="21.3432" cy="6.7604" r="0.930805" fill="#e33f1c" />
|
||||
<circle cx="22.1706" cy="1.89958" r="1.44792" fill="#e33f1c" />
|
||||
<circle cx="26.8245" cy="8.31185" r="0.72396" fill="#e33f1c" />
|
||||
fill="#FF4E4E" />
|
||||
<circle cx="7.58784" cy="12.8624" r="1.96503" fill="#FF4E4E" />
|
||||
<circle cx="8.82887" cy="19.2745" r="1.3445" fill="#FF4E4E" />
|
||||
<circle cx="13.6897" cy="14.5171" r="1.03423" fill="#FF4E4E" />
|
||||
<circle cx="11.4144" cy="7.48439" r="0.930805" fill="#FF4E4E" />
|
||||
<circle cx="17.5164" cy="20.3089" r="1.86161" fill="#FF4E4E" />
|
||||
<circle cx="21.3432" cy="6.7604" r="0.930805" fill="#FF4E4E" />
|
||||
<circle cx="22.1706" cy="1.89958" r="1.44792" fill="#FF4E4E" />
|
||||
<circle cx="26.8245" cy="8.31185" r="0.72396" fill="#FF4E4E" />
|
||||
</svg>
|
||||
</button>
|
||||
{{-- BANNER --}}
|
||||
<div id="cn-banner" tabindex="-1">
|
||||
<div class="cn-modal-top-line">
|
||||
<button id="cn-close-modal">X</button>
|
||||
<button id="cn-close-modal" title="{{ $strings->button_close_cookies }}">X</button>
|
||||
</div>
|
||||
{{-- CONTENT VIEW --}}
|
||||
<div class="cn-content">
|
||||
<div class="cn-content" title="{{ $strings->Panel_content }}" tabindex="0">
|
||||
{{-- 1ST PAGE BANNER --}}
|
||||
<div class="cn-banner-content">
|
||||
<div class="cn-banner-img">
|
||||
<img src="{{ $logo_picture_url }}" alt="{{ $logo_alt_text }}">
|
||||
<img src="{{ $logo_picture_url }}" title="{{ $logo_title_text }}" alt="{{ $logo_alt_text }}">
|
||||
</div>
|
||||
<div class="cn-banner-text">
|
||||
<div class="cn-banner-title">
|
||||
|
|
@ -45,7 +46,7 @@
|
|||
</div>
|
||||
<div class="cn-banner-btn-details">
|
||||
<button class="cn-banner-btn-details-p" data-open="{{ $strings->banner_less_details }}"
|
||||
data-close="{{ $strings->banner_more_details }}">{!! nl2br(e($strings->banner_more_details)) !!}</button>
|
||||
data-close="{{ $strings->banner_more_details }}" aria-pressed="false">{!! nl2br(e($strings->banner_more_details)) !!}</button>
|
||||
</div>
|
||||
</div>
|
||||
{{-- 2ND PAGE CUSTOMIZE PANEL --}}
|
||||
|
|
@ -60,9 +61,11 @@
|
|||
</div>
|
||||
</div>
|
||||
{{-- NAV BAR --}}
|
||||
<div class="cn-nav">
|
||||
<button class="cn-banner-btn cn-deny" id="cn-deny-banner">{{ $strings->button_forbid_all }}</button>
|
||||
<button class="cn-banner-btn cn-accept" id="cn-accept-banner">{{ $strings->button_allow_all }}</button>
|
||||
<div class="cn-nav" title="{{ $strings->navigation_title }}" role="navigation">
|
||||
<button class="cn-banner-btn cn-deny" id="cn-deny-banner"
|
||||
title="{{ $strings->button_forbid_all_title }}">{{ $strings->button_forbid_all }}</button>
|
||||
<button class="cn-banner-btn cn-accept" id="cn-accept-banner"
|
||||
title="{{ $strings->button_allow_all_title }}">{{ $strings->button_allow_all }}</button>
|
||||
<button class="cn-banner-btn cn-custom" id="cn-settings-banner" data-open-modal="{{ $strings->button_back }}"
|
||||
data-close-modal="{{ $strings->button_customize }}">{{ $strings->button_customize }}</button>
|
||||
</div>
|
||||
|
|
@ -73,7 +76,7 @@
|
|||
<div class="cn-cookie-infos">
|
||||
<span class="cn-cookie-name">#name</span>
|
||||
<span class="cn-cookie-description">#description</span>
|
||||
<a class="cn-cookie-link">#link</a>
|
||||
<a class="cn-cookie-link" title="{{ __('Ouvrir le lien dans un nouvel onglet') }}" target="blank">#link</a>
|
||||
</div>
|
||||
<div class="cn-cookie-buttons">
|
||||
<div class="deny">
|
||||
|
|
|
|||
137
views/vendor/cookie.blade.php
vendored
137
views/vendor/cookie.blade.php
vendored
|
|
@ -1,137 +0,0 @@
|
|||
<div id="ldcweb-cn">
|
||||
<a class="ldcweb-btn" title="Personnaliser les cookies">
|
||||
<svg class="ldcweb-btn-icon" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||
d="M14.0001 2.93383C14.0001 4.16622 14.6159 5.25477 15.5567 5.90849C15.3526 6.46423 15.2412 7.06473 15.2412 7.69126C15.2412 10.5472 17.5564 12.8624 20.4123 12.8624C21.0807 12.8624 21.7195 12.7356 22.3059 12.5047C22.9456 13.527 24.0817 14.2069 25.3766 14.2069C26.1872 14.2069 26.9357 13.9404 27.539 13.4903C27.5453 13.6594 27.5484 13.8294 27.5484 14C27.5484 21.4826 21.4826 27.5484 14 27.5484C6.51748 27.5484 0.45166 21.4826 0.45166 14C0.45166 6.51748 6.51748 0.45166 14 0.45166C14.3209 0.45166 14.6391 0.462811 14.9543 0.484747C14.3618 1.12929 14.0001 1.98931 14.0001 2.93383ZM21.2176 2.53212C21.2195 2.54914 21.2213 2.56619 21.2229 2.58328C21.2569 2.58864 21.2909 2.59433 21.3247 2.60035C21.2891 2.57745 21.2534 2.5547 21.2176 2.53212ZM25.5171 6.86104C25.523 6.89745 25.5285 6.93399 25.5336 6.97066C25.5512 6.97141 25.5687 6.97228 25.5861 6.97328C25.5633 6.93574 25.5403 6.89833 25.5171 6.86104ZM12.5247 2.09283C12.4748 2.38291 12.4487 2.68118 12.4487 2.98553C12.4487 4.33316 12.9591 5.56158 13.7972 6.48802C13.7266 6.87842 13.6898 7.28054 13.6898 7.69126C13.6898 11.404 16.6996 14.4137 20.4123 14.4137C20.8725 14.4137 21.3219 14.3675 21.7562 14.2794C22.689 15.1941 23.9669 15.7582 25.3766 15.7582C25.5439 15.7582 25.7094 15.7503 25.8726 15.7347C25.0321 21.5385 20.0368 25.9971 14.0001 25.9971C7.37431 25.9971 2.00305 20.6258 2.00305 14.0001C2.00305 7.87378 6.59498 2.82 12.5247 2.09283Z"
|
||||
fill="#FF4E4E" />
|
||||
<circle cx="7.58784" cy="12.8624" r="1.96503" fill="#FF4E4E" />
|
||||
<circle cx="8.82887" cy="19.2745" r="1.3445" fill="#FF4E4E" />
|
||||
<circle cx="13.6897" cy="14.5171" r="1.03423" fill="#FF4E4E" />
|
||||
<circle cx="11.4144" cy="7.48439" r="0.930805" fill="#FF4E4E" />
|
||||
<circle cx="17.5164" cy="20.3089" r="1.86161" fill="#FF4E4E" />
|
||||
<circle cx="21.3432" cy="6.7604" r="0.930805" fill="#FF4E4E" />
|
||||
<circle cx="22.1706" cy="1.89958" r="1.44792" fill="#FF4E4E" />
|
||||
<circle cx="26.8245" cy="8.31185" r="0.72396" fill="#FF4E4E" />
|
||||
</svg>
|
||||
</a>
|
||||
<div class="ldcweb-cn-banner" id="ldcweb-banner">
|
||||
<div class="ldcweb-banner-content">
|
||||
<div class="ldcweb-banner-img">
|
||||
<img src="{{ Vite::asset('resources/theme/mounted/assets/images/home_logo.png') }}" alt="Logo" />
|
||||
</div>
|
||||
<div class="ldcweb-banner-text">
|
||||
<div class="ldcweb-banner-title">
|
||||
<p aria-level="h1">Le site internet "les Gauloisirs" utilise des cookies !</p>
|
||||
</div>
|
||||
<p class="ldcweb-banner-para-p"
|
||||
data-open="Ce site web stocke les cookies sur votre ordinateur. Le Gaulois utilise ces informations
|
||||
afin d’améliorer et de personnaliser votre expérience de navigation, ainsi que pour l'analyse et les indicateurs concernant nos
|
||||
visiteurs à la fois sur ce site web et sur d'autres supports. Vous pouvez cliquer sur « Accepter » si vous consentez à l’utilisation
|
||||
de ces cookies."
|
||||
data-close="Nous utilisons des cookies pour nous assurer du bon fonctionnement de notre site et à des fins analytiques.
|
||||
En poursuivant votre navigation sur ce site ou en fermant ce bandeau, vous consentez à l’utilisation de ces
|
||||
cookies.">
|
||||
Nous utilisons des cookies pour nous assurer du bon fonctionnement de notre site et à des fins analytiques.
|
||||
En poursuivant votre navigation sur ce site ou en fermant ce bandeau, vous consentez à l’utilisation de ces
|
||||
cookies.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ldcweb-banner-details">
|
||||
<p>Si vous refusez l'utilisation des cookies, vos informations ne seront pas suivies lors de votre visite sur ce site. Un cookie
|
||||
sera utilisé
|
||||
dans votre navigateur afin de se souvenir de ne pas suivre vos préférences. Certaines fonctionnalités ne seront pas
|
||||
accessibles.
|
||||
Vous pouvez changer d’avis et modifier votre consentement à tout moment en revenant sur ce site.
|
||||
Pour en savoir plus sur les cookies que nous utilisons, consultez notre <a href="{{ route('fo.charte') }}">charte de
|
||||
confidentialité</a>.</p>
|
||||
</div>
|
||||
<div class="ldcweb-banner-btnDetails">
|
||||
<p class="ldcweb-banner-btnDetails-p" data-open="Moins de détails..." data-close="Plus de détails...">Plus de détails...</p>
|
||||
</div>
|
||||
<div class="visibility" id="ldcweb-cn-modal">
|
||||
<div class="modal-wrapper">
|
||||
<div class="modal-title">
|
||||
<p class="title" aria-level="h2">{{ __('Panneau de gestion des cookies') }}</p>
|
||||
<p class="subTitle">{{ __('Le respect de votre vie privée est notre priorité') }}</p>
|
||||
<p class="description">Les fonctionnalités de ce site s’appuient sur des services proposés par des tiers.
|
||||
Si vous acceptez, ces tiers déposeront des cookies qui vous permettront de visualiser sur le site du contenu hébergé
|
||||
par ces tiers.
|
||||
Via ces cookies, ces tiers collecteront et utiliseront vos données de navigation pour des finalités qui leur sont
|
||||
propres, conformément
|
||||
à leur politique de confidentialité (lien ci-dessous). Cette page vous permet de donner ou de retirer votre
|
||||
consentement, soit globalement
|
||||
soit service par service.</p>
|
||||
</div>
|
||||
<div class="modal-details">
|
||||
<ul id="ldcweb-cn-list">
|
||||
</ul>
|
||||
<div id="template">
|
||||
<div>
|
||||
<div class="ldcweb-cn-infos">
|
||||
<span class="ldcweb-cn-name">Google Analytics (universal)</span>
|
||||
<span class="ldcweb-cn-description">Ce service peut déposer 8 cookies.</span>
|
||||
<a class="ldcweb-cn-link" href="#">En savoir plus</a>
|
||||
</div>
|
||||
<div class="ldcweb-cn-buttons">
|
||||
<div class="deny" id="deny-btn">
|
||||
<input id="analytics2" name="analytics" data-name="analytics" data-status="false" type="radio">
|
||||
<label for="analytics2">{{ __('Interdire') }}</label>
|
||||
</div>
|
||||
<div class="accept" id="accept-btn">
|
||||
<input id="analytics1" name="analytics" data-name="analytics" data-status="true" type="radio">
|
||||
<label for="analytics1">{{ __('Autoriser') }}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ldcweb-banner-btns">
|
||||
<div class="ldcweb-banner-btn-flex">
|
||||
<div class="ldcweb-banner-btn-deny">
|
||||
<a class="ldcweb-banner-btns-btn ldcweb-cn-deny" id="ldcweb-cn-deny-banner">TOUT REFUSER</a>
|
||||
</div>
|
||||
<div class="ldcweb-banner-btn-accept">
|
||||
<a class="ldcweb-banner-btns-btn ldcweb-cn-accept" id="ldcweb-cn-accept-banner">TOUT ACCEPTER</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ldcweb-banner-btn-personalize">
|
||||
<a class="ldcweb-banner-btns-btn ldcweb-cn-personalize" data-open-modal="RETOUR"
|
||||
data-close-modal="PERSONNALISER">PERSONNALISER</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@push('scripts')
|
||||
{{-- <script>
|
||||
window.LdcwebCn = new LdcwebCn({
|
||||
'analytics': {
|
||||
'name': "MESURES D'AUDIENCE - Google Analytics",
|
||||
'description': 'Les services de mesure d\'audience permettent de générer des statistiques de fréquentation utiles à l\'amélioration du site.',
|
||||
'labelLink': 'En savoir +',
|
||||
'link': 'https://support.google.com/analytics/answer/6004245',
|
||||
'cookies': ['_ga', '_gat_gtag_{{ str_replace('-', '_', $settingsGlobal->analytics) }}', '_gid'],
|
||||
'script': function() {
|
||||
(function(d, t) {
|
||||
var g = d.createElement(t),
|
||||
s = d.getElementsByTagName(t)[0];
|
||||
g.src = 'https://www.googletagmanager.com/gtag/js?id={{ $settingsGlobal->analytics }}';
|
||||
g.id = 'analytics';
|
||||
s.parentNode.insertBefore(g, s)
|
||||
}(document, 'script'));
|
||||
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', '{{ $settingsGlobal->analytics }}');
|
||||
}
|
||||
}
|
||||
});
|
||||
</script> --}}
|
||||
@endpush
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@extends('theme::fo.layout')
|
||||
@extends('theme::layout')
|
||||
|
||||
@section('title', 'Preuve de gain')
|
||||
|
||||
Loading…
Add table
Reference in a new issue