Skip to content
Snippets Groups Projects
Commit ea842dbf authored by Gabriel_Tha's avatar Gabriel_Tha
Browse files

Implementa galeria com imagens do DB

parent 46d36f76
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 164 additions and 12 deletions
remember_laravel/app/Http/Controllers/HomeController.php
+ 22
− 1
View file @ ea842dbf
......@@ -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([
......@@ -60,6 +61,26 @@ class HomeController extends Controller
]);
}
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;
// // 4 - deve ser o número de frases - (menos) 1
......
remember_laravel/public/css/style.css
+ 58
− 0
View file @ ea842dbf
......@@ -172,3 +172,61 @@ textarea {
-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
remember_laravel/resources/views/frontend/galery.blade.php 0 → 100644
+ 53
− 0
View file @ ea842dbf
@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
remember_laravel/resources/views/frontend/home.blade.php
+ 3
− 3
View file @ ea842dbf
......@@ -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
......
remember_laravel/resources/views/frontend/layout/base.blade.php
+ 14
− 6
View file @ ea842dbf
......@@ -16,14 +16,22 @@
@yield('head')
</head>
<body>
<div>
<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>
</body>
</html>
remember_laravel/resources/views/frontend/layout/homeContent.blade.php 0 → 100644
+ 11
− 0
View file @ ea842dbf
<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
remember_laravel/resources/views/frontend/layout/navbar.blade.php
+ 2
− 2
View file @ ea842dbf
......@@ -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> -->
......
remember_laravel/routes/web.php
+ 1
− 0
View file @ ea842dbf
......@@ -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 () {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment