diff --git a/bootstrap/web/config.php b/bootstrap/web/config.php index 37fad27..f31cbc8 100644 --- a/bootstrap/web/config.php +++ b/bootstrap/web/config.php @@ -18,6 +18,18 @@ return [ '{urls.assets}', 'images' ])), + 'urls.styles' => DI\string(implode('/', [ + '{urls.assets}', + 'styles' + ])), + 'urls.scripts' => DI\string(implode('/', [ + '{urls.assets}', + 'scripts' + ])), + 'urls.fonts' => DI\string(implode('/', [ + '{urls.assets}', + 'fonts' + ])), 'urls.metro.logo' => 'https://img.freepik.com/free-icon/santiago-metro-logo_318-66588.jpg?size=338&ext=jpg', 'urls.notaria.turno' => 'http://www.notariasdeturno.cl', 'urls.play.store' => 'https://play.google.com/store/apps/details?id=cl.totalpack.suturno.movil', @@ -29,7 +41,10 @@ return [ (object) [ 'script' => 'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/semantic.min.js', 'style' => 'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/semantic.min.css', - 'fonts' => [ + 'octet' => [ + 'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/brand-icons.ttf', + 'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/icons.ttf', + 'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/outline-icons.ttf', 'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/brand-icons.woff2', 'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/icons.woff2', 'https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.8.4/themes/default/assets/fonts/outline-icons.woff2' @@ -37,6 +52,13 @@ return [ ], (object) [ 'script' => 'https://friconix.com/cdn/friconix.js' + ], + (object) [ + 'style' => implode('/', ['assets', 'styles', 'metro.css']), + 'fonts' => [ + 'https://fonts.googleapis.com/css?family=Roboto&subset=latin&display=swap', + implode('/', ['assets', 'fonts', 'metro.ttf']) + ] ] ] ]; diff --git a/bootstrap/web/setup.php b/bootstrap/web/setup.php index 81cad27..ce29ea0 100644 --- a/bootstrap/web/setup.php +++ b/bootstrap/web/setup.php @@ -11,7 +11,10 @@ return [ 'urls' => (object) [ 'base' => $container->get('urls.base'), 'assets' => (object) [ - 'images' => $container->get('urls.images') + 'images' => $container->get('urls.images'), + 'styles' => $container->get('urls.styles'), + 'scripts' => $container->get('urls.scripts'), + 'fonts' => $container->get('urls.fonts') ], 'notaria_turno' => $container->get('urls.notaria.turno'), 'play_store' => $container->get('urls.play.store'), diff --git a/common/Controller/Web/Home.php b/common/Controller/Web/Home.php index d333aa8..ac6fc94 100644 --- a/common/Controller/Web/Home.php +++ b/common/Controller/Web/Home.php @@ -10,7 +10,7 @@ class Home { public function __invoke(Request $request, Response $response, View $view, Container $container): Response { $banner = (object) [ 'titulo' => "5° NOTARÍA DE SANTIAGO\nPATRICIO RABY BENAVENTE", - 'contenido' => "Gertrudis Echenique 30, of. 32, El Golf\nget('urls.metro.logo') . "\" /> Metro Alcantara" + 'contenido' => "Gertrudis Echenique 30, of. 32, El Golf\n Metro Alcantara" ]; $suplente = (object) [ 'horario' => (object) [ @@ -25,6 +25,53 @@ class Home { 'nombre' => "MARIA VIRGINIA\nWIELANDT COVARRUBIAS" ] ]; - return $view->render($response, 'home', compact('banner', 'suplente')); + + $links = (object) [ + 'documentos' => [ + new Documento($container, 'Autorizaciones'), + new Documento($container, 'Declaraciones'), + new Documento($container, 'Certificados'), + new Documento($container, 'Poderes'), + new Documento($container, 'Contratos'), + new Documento($container, 'Otros') + ], + 'consulta' => [ + new Link('Servicios de Impuestos Internos', 'http://www.sii.cl'), + new Link('Registro Civil', 'http://www.registrocivil.cl'), + new Link('Conservador de Bienes Raices', ''), + new Link('Diario Oficial', ''), + new Link('Tesorería General de la República', ''), + new Link('Fojas', '') + ] + ]; + return $view->render($response, 'home', compact('banner', 'suplente', 'links')); + } +} + +class Documento { + protected $icono; + protected $texto; + protected $uri; + + public function __construct(Container $container, string $nombre) { + $this->icono = implode('/', [$container->get('urls.images'), $nombre . '.png']); + $this->texto = $nombre; + $this->uri = implode('/', [$container->get('urls.base'), 'documentos', strtolower($nombre)]); + } + public function show(): string { + return ' ' . $this->texto . ''; + } +} + +class Link { + protected $uri; + protected $texto; + + public function __construct(string $texto, string $uri) { + $this->texto = $texto; + $this->uri = $uri; + } + public function show(): string { + return '' . $this->texto . ''; } } diff --git a/public/assets/fonts/metro.eot b/public/assets/fonts/metro.eot new file mode 100644 index 0000000..e38932f Binary files /dev/null and b/public/assets/fonts/metro.eot differ diff --git a/public/assets/fonts/metro.svg b/public/assets/fonts/metro.svg new file mode 100644 index 0000000..f20cdde --- /dev/null +++ b/public/assets/fonts/metro.svg @@ -0,0 +1,11 @@ + + + +Generated by IcoMoon + + + + + + + \ No newline at end of file diff --git a/public/assets/fonts/metro.ttf b/public/assets/fonts/metro.ttf new file mode 100644 index 0000000..c8be273 Binary files /dev/null and b/public/assets/fonts/metro.ttf differ diff --git a/public/assets/fonts/metro.woff b/public/assets/fonts/metro.woff new file mode 100644 index 0000000..5172ca9 Binary files /dev/null and b/public/assets/fonts/metro.woff differ diff --git a/public/assets/images/Autorizaciones.png b/public/assets/images/Autorizaciones.png new file mode 100644 index 0000000..f52a7c8 Binary files /dev/null and b/public/assets/images/Autorizaciones.png differ diff --git a/public/assets/images/Banner.jpg b/public/assets/images/Banner.jpg new file mode 100644 index 0000000..3d602fc Binary files /dev/null and b/public/assets/images/Banner.jpg differ diff --git a/public/assets/images/Certificaciones.png b/public/assets/images/Certificaciones.png new file mode 100644 index 0000000..321581f Binary files /dev/null and b/public/assets/images/Certificaciones.png differ diff --git a/public/assets/images/Contacto.png b/public/assets/images/Contacto.png new file mode 100644 index 0000000..4cad1be Binary files /dev/null and b/public/assets/images/Contacto.png differ diff --git a/public/assets/images/Contratos.png b/public/assets/images/Contratos.png new file mode 100644 index 0000000..3ace41f Binary files /dev/null and b/public/assets/images/Contratos.png differ diff --git a/public/assets/images/Declaraciones.png b/public/assets/images/Declaraciones.png new file mode 100644 index 0000000..93a48b1 Binary files /dev/null and b/public/assets/images/Declaraciones.png differ diff --git a/public/assets/images/Google play.png b/public/assets/images/Google play.png new file mode 100644 index 0000000..cb6660b Binary files /dev/null and b/public/assets/images/Google play.png differ diff --git a/public/assets/images/Horarios.png b/public/assets/images/Horarios.png new file mode 100644 index 0000000..b1e7ace Binary files /dev/null and b/public/assets/images/Horarios.png differ diff --git a/public/assets/images/Indice.jpg b/public/assets/images/Indice.jpg new file mode 100644 index 0000000..e873060 Binary files /dev/null and b/public/assets/images/Indice.jpg differ diff --git a/public/assets/images/Notario Suplente.jpg b/public/assets/images/Notario Suplente.jpg new file mode 100644 index 0000000..dc864ca Binary files /dev/null and b/public/assets/images/Notario Suplente.jpg differ diff --git a/public/assets/images/Otros.png b/public/assets/images/Otros.png new file mode 100644 index 0000000..7fa0da4 Binary files /dev/null and b/public/assets/images/Otros.png differ diff --git a/public/assets/images/Poderes.png b/public/assets/images/Poderes.png new file mode 100644 index 0000000..cde0421 Binary files /dev/null and b/public/assets/images/Poderes.png differ diff --git a/public/assets/images/Saca Número.jpg b/public/assets/images/Saca Número.jpg new file mode 100644 index 0000000..c69fe78 Binary files /dev/null and b/public/assets/images/Saca Número.jpg differ diff --git a/public/assets/images/Santiago_Metro_logo.svg b/public/assets/images/Santiago_Metro_logo.svg new file mode 100644 index 0000000..b701e12 --- /dev/null +++ b/public/assets/images/Santiago_Metro_logo.svg @@ -0,0 +1,153 @@ + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/images/Seguimiento.jpg b/public/assets/images/Seguimiento.jpg new file mode 100644 index 0000000..85cbfe1 Binary files /dev/null and b/public/assets/images/Seguimiento.jpg differ diff --git a/public/assets/images/Ubicación.png b/public/assets/images/Ubicación.png new file mode 100644 index 0000000..ceed4a9 Binary files /dev/null and b/public/assets/images/Ubicación.png differ diff --git a/public/assets/scripts/main.js b/public/assets/scripts/main.js new file mode 100644 index 0000000..7ab9d63 --- /dev/null +++ b/public/assets/scripts/main.js @@ -0,0 +1,6 @@ +$(document).ready(function() { + var base_width = 1110 + var width = $(window).width() + var padding = (width - base_width) / 2 + $('#page_container').find('.padded').css('padding-left', padding + 'px').css('padding-right', padding + 'px') +}) diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css new file mode 100644 index 0000000..c5ecb20 --- /dev/null +++ b/public/assets/styles/main.css @@ -0,0 +1,96 @@ +html { + font-family: Roboto, Arial !important; +} +#page_menu { + height: 60px; + font-size: 12pt !important; +} +#page_menu .brand { + font-family: Helvetica, Arial !important; + font-weight: 900 !important; + font-size: 25pt; +} + +.banner { + background-repeat: no-repeat; + background-position: center; + background-size: 100% 330px; + height: 330px; +} +.banner .mensaje { + font-size: 18pt; + color: white; + width: 550px; + padding: 75px; +} +.banner .mensaje .titulo { + font-size: 20pt; + font-weight: bold; +} + +.suplente { + height: 330px; +} +.suplente>div { + display: inline-block; +} +.suplente .mensaje { + background-repeat: no-repeat; + background-position: center; + height: 230px; +} + +.numero { + background-position: center; + background-attachment: fixed; + height: 200px; +} +.numero .segment { + background-color: rgba(0, 0, 30, .9) !important; + margin-top: 50px !important; + padding: 0 !important; + padding-top: 10px !important; + border: 0 !important; + height: 70px; + width: 290px !important; +} +.numero a { + font-family: Roboto; + color: white; + font-size: 12pt; + font-weight: 900; +} + +#servicios { + background-color: rgba(0, 0, 0, .05); + padding-top: 50px; + padding-bottom: 50px; + height: 440px; + font-family: Roboto; +} +#servicios .separator { + width: 60px; +} +#servicios .list { + width: 285px !important; + font-size: 14pt; + color: rgba(0, 0, 0, 0.9) +} +#servicios .list img { + width: 20px; + margin-right: 20px; +} +#servicios .list a { + color: inherit; +} +#servicios .titulo { + font-weight: bold; + font-size: 16pt; +} + +#servicios .seguimiento { + background-repeat: no-repeat; + background-position: center; + background-size: 345px 340px; + width: 345px !important; +} diff --git a/public/assets/styles/metro.css b/public/assets/styles/metro.css new file mode 100644 index 0000000..a7b07ad --- /dev/null +++ b/public/assets/styles/metro.css @@ -0,0 +1,30 @@ +@font-face { + font-family: 'metro'; + src: url('../fonts/metro.eot?9g6aek'); + src: url('../fonts/metro.eot?9g6aek#iefix') format('embedded-opentype'), + url('../fonts/metro.ttf?9g6aek') format('truetype'), + url('../fonts/metro.woff?9g6aek') format('woff'), + url('../fonts/metro.svg?9g6aek#icomoon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'metro' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-metro:before { + content: "\e900"; +} diff --git a/resources/views/home/banner.blade.php b/resources/views/home/banner.blade.php index 6fbecf8..d99a245 100644 --- a/resources/views/home/banner.blade.php +++ b/resources/views/home/banner.blade.php @@ -1,14 +1,11 @@ - - -@push('styles') - -@endpush diff --git a/resources/views/home/links.blade.php b/resources/views/home/links.blade.php index 3dfc2ec..824b2b9 100644 --- a/resources/views/home/links.blade.php +++ b/resources/views/home/links.blade.php @@ -1,18 +1,15 @@ -
+
-
- @include('home.links.documentos') +
+ @include('home.links.documentos', ['title' => 'DOCUMENTOS ONLINE', 'items' => $links->documentos])
-
-
- @include('home.links.consultas') +
+
+ @include('home.links.consultas', ['title' => 'LINKS DE CONSULTA', 'items' => $links->consulta])
-
-
-
- -
+
+
diff --git a/resources/views/home/links/consultas.blade.php b/resources/views/home/links/consultas.blade.php index 8bf5ab4..25e605c 100644 --- a/resources/views/home/links/consultas.blade.php +++ b/resources/views/home/links/consultas.blade.php @@ -1,7 +1 @@ -@include('home.links.listado', ['title' => 'LINKS DE CONSULTA', 'items' => [ - (object) [ - 'icono' => '', - 'contenido' => 'link1', - 'link' => 'http://' - ] -]]) +@include('home.links.listado') diff --git a/resources/views/home/links/documentos.blade.php b/resources/views/home/links/documentos.blade.php index ab60424..25e605c 100644 --- a/resources/views/home/links/documentos.blade.php +++ b/resources/views/home/links/documentos.blade.php @@ -1,6 +1 @@ -@include('home.links.listado', ['title' => 'DOCUMENTOS ONLINE', 'items' => [ - (object) [ - 'icono' => '', - 'contenido' => 'Autorizaciones' - ] -]]) +@include('home.links.listado') diff --git a/resources/views/home/links/listado.blade.php b/resources/views/home/links/listado.blade.php index 66fc86c..cacbb03 100644 --- a/resources/views/home/links/listado.blade.php +++ b/resources/views/home/links/listado.blade.php @@ -1,10 +1,11 @@ +
+ {{$title}} +
-
- {{$title}} -
@foreach ($items as $item)
- @if (isset($item->link)) + link)) @endif @if (isset($item->icono)) @@ -13,7 +14,9 @@ {{$item->contenido}} @if (isset($item->link)) - @endif + @endif*/ + ?> + {!!$item->show()!!}
@endforeach
diff --git a/resources/views/home/numero.blade.php b/resources/views/home/numero.blade.php index d986a37..a6247cc 100644 --- a/resources/views/home/numero.blade.php +++ b/resources/views/home/numero.blade.php @@ -1,11 +1,11 @@ -
+
-
+
- NÚMERO DE ATENCIÓN ONLINE +
- + NÚMERO DE ATENCIÓN ONLINE
diff --git a/resources/views/home/suplente.blade.php b/resources/views/home/suplente.blade.php index af608dc..b30a594 100644 --- a/resources/views/home/suplente.blade.php +++ b/resources/views/home/suplente.blade.php @@ -1,5 +1,5 @@ -
-
+
+
@include('home.suplente.horario') @include('home.suplente.datos')
diff --git a/resources/views/home/suplente/datos.blade.php b/resources/views/home/suplente/datos.blade.php index 25ac3b3..31a172d 100644 --- a/resources/views/home/suplente/datos.blade.php +++ b/resources/views/home/suplente/datos.blade.php @@ -1,4 +1,4 @@ -
+
diff --git a/resources/views/layout/base.blade.php b/resources/views/layout/base.blade.php index aafcfaa..a4ffc86 100644 --- a/resources/views/layout/base.blade.php +++ b/resources/views/layout/base.blade.php @@ -2,7 +2,9 @@ @include('layout.head') - @include('layout.header') - @yield('page_content') - @include('layout.footer') +
+ @include('layout.header') + @yield('page_content') + @include('layout.footer') +
diff --git a/resources/views/layout/footer.blade.php b/resources/views/layout/footer.blade.php index f9db250..a5d81c8 100644 --- a/resources/views/layout/footer.blade.php +++ b/resources/views/layout/footer.blade.php @@ -1,14 +1,22 @@ -
-
-
- Horario +
+
+
+
+ @include('layout.footer.horario') +
+
+ Datos +
+
+ Ubicacion +
-
- Datos -
-
- Ubicacion -
-
+
+
@include('layout.scripts') diff --git a/resources/views/layout/footer/horario.blade.php b/resources/views/layout/footer/horario.blade.php new file mode 100644 index 0000000..a4998c7 --- /dev/null +++ b/resources/views/layout/footer/horario.blade.php @@ -0,0 +1,9 @@ + diff --git a/resources/views/layout/head.blade.php b/resources/views/layout/head.blade.php index d2edb12..c318449 100644 --- a/resources/views/layout/head.blade.php +++ b/resources/views/layout/head.blade.php @@ -4,5 +4,7 @@ Notaría Patricio Raby @yield('page_title') + + @include('layout.styles') diff --git a/resources/views/layout/header.blade.php b/resources/views/layout/header.blade.php index eb2025c..8d525ad 100644 --- a/resources/views/layout/header.blade.php +++ b/resources/views/layout/header.blade.php @@ -1,6 +1,6 @@
-