From: Stephen Cameron Date: Fri, 22 Oct 2021 21:06:43 +0000 (+0200) Subject: WIP #4817 @5 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=9dd466380c6cd6e42dea59f24bab195662d223fd;p=odl.git WIP #4817 @5 --- diff --git a/.gitignore b/.gitignore index 4c1f70e..c913f26 100644 --- a/.gitignore +++ b/.gitignore @@ -1,6 +1,10 @@ /node_modules /public/hot /public/storage +/public/fonts +/public/css +/public/js +/public/mix-manifest.json /storage/*.key /vendor .env diff --git a/resources/css/app.css b/resources/css/app.css index 58b1f23..de7cd5d 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -6,9 +6,20 @@ @layer base { @import 'fonts.css'; + html, body { + min-height: 100%; + } + b, strong { @apply font-semibold } + + .circle-arrow { + display: inline-block; + width: 3em; + height: 3em; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='24' fill='%230825e2'/%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M29.089 23.537H18'/%3E%3Cpath d='m24.555 19 4.534 4.541-4.534 4.533'/%3E%3C/g%3E%3C/svg%3E"); + } } diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php index 70a2d53..07bb748 100644 --- a/resources/views/home.blade.php +++ b/resources/views/home.blade.php @@ -2,13 +2,62 @@ @section('content') -
-
BLOCK 1
-
-
LINK
-
LINK
-
LINK
+ @php + // TEMPORARY DATA MOCKUP + $logo = 'https://odl.paris.cubedesigners.com/storage/102/groupe-84.svg'; + $subtitle = "Découvrez le coeur de l'offre sous forme de feuilleteur interactif"; + $button = "Découvrir l'offre"; + $illustration = 'https://odl.paris.cubedesigners.com/storage/103/magazine-mockup-presentation-vol9-at-2x.png'; + $shortcuts = [ + [ + 'title' => 'Ressources', + 'content' => "Consultez l'ensemble des documents au format PDF", + 'image' => 'https://odl.paris.cubedesigners.com/storage/104/groupe-209-at-2x.png', + 'link' => '/ressources', + ], + [ + 'title' => 'Médiathèque', + 'content' => 'Consultez les médias audio et vidéo', + 'image' => 'https://odl.paris.cubedesigners.com/storage/105/groupe-211-at-2x.png', + 'link' => '#', + ], + [ + 'title' => 'Visite guidée', + 'content' => 'Laissez-vous guider dans une lecture thématique', + 'image' => 'https://odl.paris.cubedesigners.com/storage/106/groupe-221-at-2x.png', + 'link' => '#', + ], + ]; + @endphp + +
+ + {{-- Main home content --}} +
{{-- negative margin so image shadow sits under shortcuts --}} + {{-- Left Column: logo + text + CTA --}} +
+ @if($logo)Logo@endif + @if($subtitle)

{{ $subtitle }}

@endif + @if($button){{ $button }}@endif +
+ {{-- Right Column: Illustration image --}} +
+ + {{-- Link blocks --}} +
+ @foreach($shortcuts as $shortcut) +
+ +
+

{{ $shortcut['title'] }}

+

{{ $shortcut['content'] }}

+ +
+
+ @endforeach +
+
@endsection diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php index 12c77af..acea015 100644 --- a/resources/views/layouts/app.blade.php +++ b/resources/views/layouts/app.blade.php @@ -21,9 +21,9 @@ {{-- VEOLIA Logo --}} - {{-- Search Icon --}} @@ -38,7 +38,7 @@ -
+
@yield('content')
diff --git a/routes/web.php b/routes/web.php index b0d9441..82ec5e5 100644 --- a/routes/web.php +++ b/routes/web.php @@ -8,6 +8,7 @@ Route::group([ 'namespace' => '\App\Http\Controllers\Admin', ], function () { // custom admin routes Route::view('/', 'home'); + Route::view('/ressources', 'resources'); Route::any('tools/{tool}/{args?}', 'ToolsController@index')->where(['args' => '.*']); }); diff --git a/tailwind.config.js b/tailwind.config.js index 884e90c..c31b9d7 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -8,15 +8,16 @@ module.exports = { theme: { extend: { colors: { - red: '#ED1C24', - salmon: '#FA4E66', - pink: '#FC8FE7', - orange: '#FB7600', - yellow: '#FBB100', - blue: '#2F5FF0', - turquoise: '#2AB3C9', - green: '#37BE4E', - purple: '#7A2AA1', + 'red': '#ED1C24', + 'salmon': '#FA4E66', + 'pink': '#FC8FE7', + 'orange': '#FB7600', + 'yellow': '#FBB100', + 'blue': '#2F5FF0', + 'blue-dark': '#0825E2', + 'turquoise': '#2AB3C9', + 'green': '#37BE4E', + 'purple': '#7A2AA1', } }, fontFamily: {