diff --git a/remember_laravel/app/Http/Controllers/HomeController.php b/remember_laravel/app/Http/Controllers/HomeController.php index b301c1fff47184bb9feb4deba5d2902f1c8cc7cb..359d250827db0b00e1ca978f0ed813c1d22106fa 100644 --- a/remember_laravel/app/Http/Controllers/HomeController.php +++ b/remember_laravel/app/Http/Controllers/HomeController.php @@ -6,6 +6,7 @@ use Illuminate\Http\Request; use Illuminate\Support\Facades\Auth; use App\User; +use App\Image; class HomeController extends Controller { @@ -21,7 +22,7 @@ class HomeController extends Controller public function user_info(){ if (Auth::check()){ - $data = Auth::user()->name; + $data = Auth/index.html::user()->name; $users = User::get(); // dd($users); return view('frontend.welcome')->with([ @@ -59,6 +60,26 @@ class HomeController extends Controller 'frase' => $frase ]); } + + public function galery() + { +// definição das frases da home page + $frases = []; + $frases[0] = "Sua luta não termina quando sentir cansaço, mas sim quando atingir o sucesso tão merecido."; + $frases[1] = "A motivação não acontece por acaso, como tudo na vida você tem de batalhar para a alcançar."; + $frases[2] = "Há dias que você tem que ir para a frente só com o que você tem na mão, não dá para esperar pela motivação."; + $frases[3] = "Às vezes um pouco de motivação ajuda a superar os maiores desafios."; + $frases[4] = "Sonhos existem para serem realizados, por isso não olhe para trás nem escute palavras de desânimo!"; + + // o número de frases é 4, então aleatoriza em uma range de 0..4 + $conta = rand() % 5; + + // frase escolhida + $frase = $frases[$conta]; + + $images = Image::all(); + return view('frontend.galery')->with(['images' => $images, 'frase' => $frase]); + } // var conta; diff --git a/remember_laravel/public/css/style.css b/remember_laravel/public/css/style.css index 7b2234c7d17eb7536f7db656ecb6b0f65ba508b1..3b5d62586141b4ebdc62675746e44df54c1e5a5f 100644 --- a/remember_laravel/public/css/style.css +++ b/remember_laravel/public/css/style.css @@ -171,4 +171,62 @@ textarea { -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); +} + +.gallery-block{ + padding-bottom: 60px; + padding-top: 60px; +} + +.gallery-block .heading{ + margin-bottom: 50px; + text-align: center; +} + +.gallery-block .heading h2{ + font-weight: bold; + font-size: 1.4rem; + text-transform: uppercase; +} + +.gallery-block.cards-gallery h6 { + font-size: 17px; + font-weight: bold; +} + +.gallery-block.cards-gallery .card{ + transition: 0.4s ease; +} + +.gallery-block.cards-gallery .card img { + box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); +} + +.gallery-block.cards-gallery .card-body { + text-align: center; +} + +.gallery-block.cards-gallery .card-body p { + font-size: 15px; +} + +.gallery-block.cards-gallery a { + color: #212529; +} + +.gallery-block.cards-gallery a:hover { + text-decoration: none; +} + +.gallery-block.cards-gallery .card { + margin-bottom: 30px; + box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); +} + +@media (min-width: 576px) { + + .gallery-block .transform-on-hover:hover { + transform: translateY(-10px) scale(1.02); + box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15) !important; + } } \ No newline at end of file diff --git a/remember_laravel/resources/views/frontend/galery.blade.php b/remember_laravel/resources/views/frontend/galery.blade.php new file mode 100644 index 0000000000000000000000000000000000000000..2a30f27edc65e2ad2b199f9bb519fe4ea3d5c1fc --- /dev/null +++ b/remember_laravel/resources/views/frontend/galery.blade.php @@ -0,0 +1,53 @@ +@extends('frontend.layout.base') + +@section('content') +<!-- Header --> +<div class="div-index-geral"> + <img class="bimagem" src="{{ asset('storage/images/background.png') }}"/> + + <section class="gallery-block cards-gallery"> + <div class="container"> + <div class="heading"> + <h1>GALERIA</h1> + </div> + <div class="row"> + @foreach ($images as $image) + <div class="col-md-6 col-lg-4"> + <div class="card border-0 transform-on-hover"> + <a class="lightbox" href="{{ asset('storage/images/galeria/' . $image->path) }}"> + <img src="{{ asset('storage/images/galeria/' . $image->path) }}" alt="Card Image" class="card-img-top" style="width: 355px"> + </a> + <div class="card-body"> + <h6>{{ $image->title }}</h6> + <p class="text-muted card-text">{{ $image->description }}</p> + </div> + </div> + </div> + @endforeach + </div> + </div> + </section> +</div> + +@endsection + +@section('bottomJs') + +<script> +// Used to toggle the menu on small screens when clicking on the menu button +function myFunction() { + var x = document.getElementById("navDemo"); + if (x.className.indexOf("w3-show") == -1) { + x.className += " w3-show"; + } else { + x.className = x.className.replace(" w3-show", ""); + } +} +</script> + +<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script> + <script> + baguetteBox.run('.cards-gallery', { animation: 'slideIn'}); + </script> + +@endsection \ No newline at end of file diff --git a/remember_laravel/resources/views/frontend/home.blade.php b/remember_laravel/resources/views/frontend/home.blade.php index 8f080b4a25fd068892816884b083e30d83fbb6e7..5b1526e8620276295589ec478bb7d6e8b3d678da 100644 --- a/remember_laravel/resources/views/frontend/home.blade.php +++ b/remember_laravel/resources/views/frontend/home.blade.php @@ -3,18 +3,18 @@ @section('content') <!-- Header --> <div class="div-index-geral"> - <img class="bimagem" src="{{ asset('storage/images/background.png') }}"/> + <img class="bimagem" src="{{ asset('storage/images/background.jpg') }}"/> <div class="div-index-texto" align="center"> <h2 class="hd2">Remember PET</h2> <p class="pr1">Lembranças de toda a história do PET Computação recuperadas ao longo do tempo</p> - <a href="/galeria"> + <a href="galery"> <button class="button-index">GALERIA</button> </a> </div> </div> -<div class="w3-container w3-black w3-center w3-opacity w3-padding-64"> +<div class="w3-container w3-black w3-center w3-opacity w3-padding-64" style="bottom:0"> {{ $frase }} </div> @endsection diff --git a/remember_laravel/resources/views/frontend/layout/base.blade.php b/remember_laravel/resources/views/frontend/layout/base.blade.php index 29cd07a0a2e10b085c013bbb6a4ef3cbadac8e2b..037a3277c3f8d8a5684978a6fa33714a2026ef1f 100644 --- a/remember_laravel/resources/views/frontend/layout/base.blade.php +++ b/remember_laravel/resources/views/frontend/layout/base.blade.php @@ -16,14 +16,22 @@ @yield('head') </head> <body> - @include('frontend.layout.navbar') <div> - @yield('content') + <div> + + @include('frontend.layout.navbar') + </div> + + <div> + + @yield('content') + </div> + + @include('frontend.layout.footer') + @include('frontend.layout.bottomJs') + @yield('bottomJs') + @include('frontend.layout.coreJs') </div> - @include('frontend.layout.footer') - @include('frontend.layout.bottomJs') - @yield('bottomJs') - @include('frontend.layout.coreJs') </body> </html> diff --git a/remember_laravel/resources/views/frontend/layout/homeContent.blade.php b/remember_laravel/resources/views/frontend/layout/homeContent.blade.php new file mode 100644 index 0000000000000000000000000000000000000000..70687a7b53f3e60555ea19ee8b3583f5c804f882 --- /dev/null +++ b/remember_laravel/resources/views/frontend/layout/homeContent.blade.php @@ -0,0 +1,11 @@ +<div class="div-index-geral"> + <img class="bimagem" src="{{ asset('storage/images/background.png') }}"/> + + <div class="div-index-texto" align="center"> + <h2 class="hd2">Remember PET</h2> + <p class="pr1">Lembranças de toda a história do PET Computação recuperadas ao longo do tempo</p> + <a href="/galeria"> + <button class="button-index">GALERIA</button> + </a> + </div> + </div> \ No newline at end of file diff --git a/remember_laravel/resources/views/frontend/layout/navbar.blade.php b/remember_laravel/resources/views/frontend/layout/navbar.blade.php index 0290c75d2b4d7e11dfea6bf174be0019cc4a5d35..fb723f0ff74e012c0cf5d74816511cc16c66f317 100644 --- a/remember_laravel/resources/views/frontend/layout/navbar.blade.php +++ b/remember_laravel/resources/views/frontend/layout/navbar.blade.php @@ -3,7 +3,7 @@ <div class="w3-bar w3-black w3-card w3-left-align w3-large"> <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-black" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a> <a href="index.html" class="w3-bar-item w3-button w3-padding-large home">REMEMBER PET</a> - <a href="galeria.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Galeria</a> + <a href="galery" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Galeria</a> <a href="entrevistas.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Entrevistas</a> <a href="sobre.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Sobre</a> <a href="contato.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Contato</a> @@ -11,7 +11,7 @@ </div> <!-- Navbar on small screens --> <div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-large"> - <a href="galeria.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Galeria</a> + <a href="galery" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Galeria</a> <a href="sobre.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Sobre</a> <a href="contato.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Contato</a> <!--<a href="#" class="w3-bar-item w3-button w3-padding-large">Link 4</a> --> diff --git a/remember_laravel/routes/web.php b/remember_laravel/routes/web.php index a8e1363de8b9d82c094079a7e5bad907a58becdb..a954add2431d5c9fa8ccc2904fe503a1f855ec21 100644 --- a/remember_laravel/routes/web.php +++ b/remember_laravel/routes/web.php @@ -17,6 +17,7 @@ */ Route::get('/', 'HomeController@index')->name('home'); +Route::get('/galery', 'HomeController@galery')->name('galery'); Route::group(['prefix' => 'dashboard', 'middleware' => ['web', 'auth']], function () { Route::get('/', function () {