ProVM/totalsport
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Bosquejo

Browse Source
This commit is contained in:
Aldarien
2020-04-10 02:21:25 -04:00
parent f69cb57c36
commit 692c001cd5
39 changed files with 887 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
resources/views/home.blade.php Normal file
View File

@ -0,0 +1,17 @@
@extends('layout.base')
@section('page_content')
@include('home.banner')
@include('home.servicios')
@include('home.frase')
@include('home.nosotros')
@include('home.clientes')
@include('home.testimonios')
@include('home.eventos')
@include('home.contacto')
@endsection
@push('styles')
<link rel="stylesheet" type="text/css" href="{{$urls->styles}}/home.css" />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;900&display=swap" rel="stylesheet" />
@endpush

25
resources/views/home/banner.blade.php Normal file
View File

@ -0,0 +1,25 @@
<div id="banner">
<div class="ui container">
<div class="ui center aligned stackable grid">
<div class="row">
<div class="eight wide column">
<div class="ui inverted header">
<div class="content" style="font-weight: 900; font-size: 2.3rem; margin-bottom: 1rem;">
{{$banner->title}}
</div>
<div class="descripcion" style="font-weight: 300; font-size: 1.8rem;">
{{$banner->contenido}}
</div>
</div>
</div>
</div>
<div class="row">
<div class="three wide column">
<button class="ui fluid huge inverted basic button" style="font-weight: 900;">
DESCARGA
</button>
</div>
</div>
</div>
</div>
</div>

81
resources/views/home/clientes.blade.php Normal file
View File

@ -0,0 +1,81 @@
<div class="ui container" id="clientes">
<div class="ui center aligned large header">
CLIENTES
</div>
<div class="ui grid">
<div class="column ci">
<i class="left chevron big icon" id="left_arrow"></i>
</div>
<div class="fourteen wide column">
<div class="ui center aligned stackable grid" id="img_clientes">
<div class="row">
@for ($i = 0; $i < min(10, count($clientes)); $i += 2)
<div class="three wide column">
{!!$clientes[$i]!!}
</div>
@endfor
</div>
<div class="row">
@for ($i = 1; $i < min(10, count($clientes)); $i += 2)
<div class="three wide column">
{!!$clientes[$i]!!}
</div>
@endfor
</div>
</div>
</div>
<div class="column ci">
<i class="right chevron big icon" id="right_arrow"></i>
</div>
</div>
</div>
@push('scripts')
<script type="text/javascript">
var clientes = [
@foreach ($clientes as $cliente)
'{!!$cliente!!}',
@endforeach
]
var current = 0
function decreaseClientes() {
$('#img_clientes').find('.row').find('.column:last-child').remove()
current -= 2
if (current < -8) {
current = clientes.length - 10
}
n = current
if (n < 0) {
n = clientes.length + n
}
$('#img_clientes').find('.row:first-child').prepend(
$('<div></div>').attr('class', 'three wide column').append(clientes[n])
)
$('#img_clientes').find('.row:last-child').prepend(
$('<div></div>').attr('class', 'three wide column').append(clientes[n + 1])
)
}
function increaseClientes() {
$('#img_clientes').find('.row').find('.column:first-child').remove()
current += 2
if (current > clientes.length - 10) {
current = -8
}
$('#img_clientes').find('.row:first-child').append(
$('<div></div>').attr('class', 'three wide column').append(clientes[current + 8])
)
$('#img_clientes').find('.row:last-child').append(
$('<div></div>').attr('class', 'three wide column').append(clientes[current + 9])
)
}
$(document).ready(function() {
$('.ci .icon').css('cursor', 'pointer').click(function() {
if ($(this).attr('class').indexOf('left') != -1) {
decreaseClientes()
return
}
increaseClientes()
})
})
</script>
@endpush

55
resources/views/home/contacto.blade.php Normal file
View File

@ -0,0 +1,55 @@
<div class="ui container" id="contacto">
<div class="ui stackable center aligned grid">
<div class="three wide column">
<div class="ui huge header">
CONTACTO
</div>
</div>
</div>
<div class="ui stackable two columns grid">
<div class="column">
<form class="ui form" id="formulario" method="post" action="{{$urls->base}}/contacto">
<div class="field">
<input type="text" name="nombre" placeholder="Nombre" />
</div>
<div class="field">
<input type="text" name="telefono" placeholder="Teléfono" />
</div>
<div class="field">
<input type="text" name="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="mensaje" placeholder="Mensaje"></textarea>
</div>
<button class="ui fluid orange button">
ENVIAR
</button>
</form>
</div>
<div class="column">
<div class="ui embed" id="map" data-source="Google Maps" data-url="{{$urls->map}}"></div>
</div>
</div>
</div>
@push('scripts')
<script type="text/javascript">
$(document).ready(function() {
$('#formulario').submit(function(e) {
e.preventDefault()
var nombre = $(this).find("[name='nombre']").val()
var telefono = $(this).find("[name='telefono']").val()
var email = $(this).find("[name='email']").val()
var mensaje = $(this).find("[name='mensaje']").val()
$.post('{{$urls->base}}/contacto', {nombre: nombre, telefono: telefono, email: email, mensaje: mensaje}, function(data) {
console.debug(data)
}, 'json')
return false
})
$('#map').embed()
})
</script>
@endpush

31
resources/views/home/eventos.blade.php Normal file
View File

@ -0,0 +1,31 @@
<div id="eventos">
<div class="ui container">
<div class="ui center aligned huge header">
EVENTOS
</div>
<div class="ui centered grid">
<div class="center aligned column">
<div class="ui tabular compact menu">
<a class="active item" data-filter="none">Todos</a>
@foreach ($servicios as $i => $servicio)
<a class="item" data-filter="{{$i}}">{{$servicio->titulo}}</a>
@endforeach
</div>
</div>
</div>
<div class="ui stackable center aligned grid">
@foreach ($eventos as $evento)
<div class="four wide column">
<div class="ui basic segment">
{!!$evento->image!!}
<div class="ui center aligned header">
{{$evento->titulo}}
<br />
{{$evento->empresa}}
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>

12
resources/views/home/frase.blade.php Normal file
View File

@ -0,0 +1,12 @@
<div class="ui container" id="frase">
<div class="ui center aligned grid">
<div class="twelve wide column">
<div class="ui header">
{{$frase->titulo}}
</div>
<p>
{{$frase->contenido}}
</p>
</div>
</div>
</div>

23
resources/views/home/nosotros.blade.php Normal file
View File

@ -0,0 +1,23 @@
<div id="nosotros">
<div class="ui container">
<div class="ui stackable two columns grid">
<div class="column">
<div class="ui fluid placeholder">
<div class="image"></div>
</div>
</div>
<div class="column contenido">
<div class="ui large header">
NOSOTROS
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
</div>
</div>

32
resources/views/home/servicios.blade.php Normal file
View File

@ -0,0 +1,32 @@
<div class="ui container" id="servicios">
<div class="ui center aligned huge header">
SERVICIOS
</div>
<div class="ui center aligned grid">
<div class="twelve wide column">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
</div>
<div class="row">
<div class="twelve wide column">
<div class="ui center aligned stackable grid">
<div class="three columns row">
@foreach ($servicios as $servicio)
<div class="column">
<div class="ui placeholder">
<div class="square image"></div>
</div>
<div class="ui header">
{{$servicio->titulo}}
</div>
<div class="ui content">
{{$servicio->contenido}}
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div>

56
resources/views/home/testimonios.blade.php Normal file
View File

@ -0,0 +1,56 @@
<div id="testimonios">
<div class="ui container">
<div class="ui center aligned grid">
<div class="fourteen wide column" id='testimonio'>
<p>
<i>
{{$testimonios[0]->contenido}}
</i>
</p>
<div class="ui header">
{{$testimonios[0]->emisor}}
</div>
</div>
</div>
<div class="ui center aligned basic segment" id="marcador">
@foreach ($testimonios as $i => $t)
<i class="small circle @if ($i > 0)
outline
@endif icon" data-id="{{$i}}"></i>
@endforeach
</div>
</div>
</div>
@push('scripts')
<script type="text/javascript">
var testimonios = [
@foreach ($testimonios as $testimonio)
{
contenido: '{{$testimonio->contenido}}',
emisor: '{{$testimonio->emisor}}'
},
@endforeach
]
var current = 0
function cambiar(id) {
if (id == current) {
return
}
$('#testimonio').html('').append(
$('<p></p>').html(testimonios[id].contenido)
).append(
$('<div></div>').attr('class', 'ui header').html(testimonios[id].emisor)
)
$('#marcador').find(".icon[data-id='" + current + "']").addClass('outline')
$('#marcador').find(".icon[data-id='" + id + "']").removeClass('outline')
current = id
}
$(document).ready(function() {
$('#marcador').find('.icon').css('cursor', 'pointer').click(function() {
var id = $(this).attr('data-id')
cambiar(id)
})
})
</script>
@endpush

5
resources/views/layout/base.blade.php Normal file
View File

@ -0,0 +1,5 @@
<!DOCTYPE html>
<html lang="es">
@include('layout.head')
@include('layout.body')
</html>

5
resources/views/layout/body.blade.php Normal file
View File

@ -0,0 +1,5 @@
<body>
@include('layout.header')
@yield('page_content')
@include('layout.footer')
</body>

21
resources/views/layout/footer.blade.php Normal file
View File

@ -0,0 +1,21 @@
<footer class="ui fixed">
<div class="dark-grey">
<div class="ui inverted container main">
<div class="ui stackable grid">
<div class="three columns row">
<div class="column">
@include('layout.footer.contacto')
</div>
<div class="column">
@include('layout.footer.ubicacion')
</div>
<div class="column">
@include('layout.footer.redes')
</div>
</div>
</div>
</div>
</div>
@include('layout.footer.menu')
</footer>
@include('layout.scripts')

15
resources/views/layout/footer/contacto.blade.php Normal file
View File

@ -0,0 +1,15 @@
<div style="text-align: center;">
<a href="{{$urls->base}}/contacto">
<i class="big icon icon-contacto"></i>
<p>
<strong>
CONTACTO
</strong>
</p>
</a>
<p>
<a href="tel:56 9 9334 3645">+56 9 9334 3645</a>
<br />
<a href="mailto:mauriciogonzalez@totalsport.cl">mauriciogonzalez@totalsport.cl</a>
</p>
</div>

24
resources/views/layout/footer/menu.blade.php Normal file
View File

@ -0,0 +1,24 @@
<div class="grey">
<nav class="ui container attached text stackable menu">
<a class="item" href="{{$urls->base}}#servicios">
Servicios
</a>
<a class="item" href="{{$urls->base}}#nosotros">
Nosotros
</a>
<a class="item" href="{{$urls->base}}#clientes">
Clientes
</a>
<a class="item" href="{{$urls->base}}#eventos">
Eventos
</a>
<a class="item" href="{{$urls->base}}#contacto">
Contacto
</a>
<div class="right menu">
<div class="item">
Copyright&copy; Todos los derechos reservados a TotalSport
</div>
</div>
</nav>
</div>

0
resources/views/layout/footer/redes.blade.php Normal file
View File

17
resources/views/layout/footer/ubicacion.blade.php Normal file
View File

@ -0,0 +1,17 @@
<div style="text-align: center;">
<a href="{{$urls->base}}/contacto">
<i class="big icon icon-ubicacion"></i>
<p>
<strong>
UBICACI&Oacute;N
</strong>
</p>
</a>
<a href="{{$urls->base}}/contacto">
<p>
Av. Nueva Providencia 1945, Of. 919,
<br />
Las Condes.
</p>
</a>
</div>

8
resources/views/layout/head.blade.php Normal file
View File

@ -0,0 +1,8 @@
<head>
<meta charset="utf-8" />
<title>
Total Sport
@yield('page_title')
</title>
@include('layout.styles')
</head>

3
resources/views/layout/header.blade.php Normal file
View File

@ -0,0 +1,3 @@
<div class="ui container">
@include('layout.menu')
</div>

21
resources/views/layout/menu.blade.php Normal file
View File

@ -0,0 +1,21 @@
<nav class="ui massive stackable center aligned text fluid three item grey menu">
<nav class="three item stackable menu">
<a class="item" href="{{$urls->base}}#servicios">Servicios</a>
<a class="item" href="{{$urls->base}}#nosotros">Nosotros</a>
<a class="item" href="{{$urls->base}}#clientes">Clientes</a>
</nav>
<a class="item" href="{{$urls->base}}">
<div class="ui header" id="page_logo">
Total<span class="orange">Sport</span>
</div>
</a>
<nav class="two item stackable menu">
<a class="item" href="{{$urls->base}}#eventos">Eventos</a>
<a class="item" href="{{$urls->base}}#contacto">Contacto</a>
</nav>
</nav>
@push('styles')
<link rel="stylesheet" type="text/css" href="{{$urls->styles}}/header.css" />
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap" />
@endpush

7
resources/views/layout/scripts.blade.php Normal file
View File

@ -0,0 +1,7 @@
@if (isset($assets->scripts))
@foreach ($assets->scripts as $script)
<script type="text/javascript" src="{{$script}}"></script>
@endforeach
@endif
@stack('scripts')

14
resources/views/layout/styles.blade.php Normal file
View File

@ -0,0 +1,14 @@
@if (isset($assets->styles))
@foreach ($assets->styles as $style)
<link rel="stylesheet" type="text/css" href="{{$style}}" />
@endforeach
@endif
@if (isset($assets->fonts))
@foreach ($assets->fonts as $type => $fs)
@foreach ($fs as $font)
<link type="{{$type}}" href="{{$font}}" />
@endforeach
@endforeach
@endif
@stack('styles')