v0.5.0

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'])
+      ]
     ]
   ]
 ];

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'),

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\n<img style=\"height: 1em\" src=\"" . $container->get('urls.metro.logo') . "\" /> Metro Alcantara"
+      'contenido' => "Gertrudis Echenique 30, of. 32, El Golf\n<span class=\"icon-metro\"></span> 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 '<a href="' . $this->uri . '"><img src="' . $this->icono . '" /> ' . $this->texto . '</a>';
+  }
+}
+
+class Link {
+  protected $uri;
+  protected $texto;
+
+  public function __construct(string $texto, string $uri) {
+    $this->texto = $texto;
+    $this->uri = $uri;
+  }
+  public function show(): string {
+    return '<a href="' . $this->uri . '">' . $this->texto . '</a>';
   }
 }

public/assets/fonts/metro.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="metro" d="M771.482 668.57l-126.976-219.648-126.874 219.648-126.874-219.648-126.874 219.648-127.078-219.75 127.078-219.853 126.874 219.648 126.874-219.648 126.874 219.75 126.976-219.75 126.976 219.853zM512 864.154c-277.094 0-501.76-186.266-501.76-416.154 0-229.786 224.666-416.154 501.76-416.154s501.76 186.368 501.76 416.154c0 229.888-224.666 416.154-501.76 416.154zM512 68.506c-252.621 0-457.523 169.984-457.523 379.494s204.8 379.494 457.523 379.494c252.621 0 457.523-169.882 457.523-379.494 0-209.51-204.902-379.494-457.523-379.494z" />
+</font></defs></svg>

public/assets/images/Santiago_Metro_logo.svg

@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="180"
+   height="150"
+   id="svg2"
+   sodipodi:docname="Santiago_Metro_logo.svg"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview23"
+     showgrid="false"
+     inkscape:zoom="3.1466667"
+     inkscape:cx="99.382911"
+     inkscape:cy="65.915259"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2"
+     inkscape:pagecheckerboard="true" />
+  <metadata
+     id="metadata8">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs6">
+    <linearGradient
+       id="linearGradient7630">
+      <stop
+         id="stop7632"
+         style="stop-color:#8c2224;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop7634"
+         style="stop-color:#ca2224;stop-opacity:1"
+         offset="0.44237775" />
+      <stop
+         id="stop7636"
+         style="stop-color:#ca2224;stop-opacity:0.30714285"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient3800">
+      <stop
+         id="stop3802"
+         style="stop-color:#3e4142;stop-opacity:1"
+         offset="0" />
+      <stop
+         id="stop3804"
+         style="stop-color:#3e4142;stop-opacity:0"
+         offset="1" />
+    </linearGradient>
+    <linearGradient
+       x1="-12"
+       y1="107.5"
+       x2="221.5"
+       y2="20"
+       id="linearGradient3806"
+       xlink:href="#linearGradient3800"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       x1="225.5"
+       y1="137"
+       x2="10.5"
+       y2="130"
+       id="linearGradient3810"
+       xlink:href="#linearGradient3800"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       x1="145.02977"
+       y1="101.45641"
+       x2="104.54718"
+       y2="42.224365"
+       id="linearGradient7640"
+       xlink:href="#linearGradient7630"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       x1="145.02977"
+       y1="101.45641"
+       x2="104.54718"
+       y2="42.224365"
+       id="linearGradient3011"
+       xlink:href="#linearGradient7630"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <path
+     d="m 90,4.4 c 46.99944,0 85.1,31.609813 85.1,70.600003 C 175.1,113.99019 136.99944,145.6 90,145.6 43.000567,145.6 4.9,113.99019 4.9,75.000003 4.9,36.009813 43.000567,4.4 90,4.4 Z"
+     id="path3790"
+     style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:none"
+     inkscape:connector-curvature="0" />
+  <path
+     d="M 90,4.5 C 43.055796,4.5 5,36.063925 5,75 c 0,38.93607 38.055796,70.5 85,70.5 46.9442,0 85,-31.56393 85,-70.5 C 175,36.063925 136.9442,4.5 90,4.5 z m 0,6.21875 c 42.80207,0 77.5,28.780711 77.5,64.28125 0,35.50054 -34.69793,64.28125 -77.5,64.28125 C 47.197932,139.28125 12.5,110.50054 12.5,75 12.5,39.499461 47.197932,10.71875 90,10.71875 z"
+     id="path3005"
+     style="fill:url(#linearGradient3806);fill-opacity:1;fill-rule:evenodd;stroke:none" />
+  <g
+     transform="matrix(1.0756106,0,0,1.0756106,-6.8776172,-5.6607586)"
+     id="g3004">
+    <path
+       d="m 110.9375,74.867187 20,34.617193 20,-34.617193 -20,-34.617187 z"
+       id="path2991"
+       style="fill:#000000;fill-opacity:1" />
+    <use
+       transform="translate(-39.984375)"
+       id="use3796"
+       x="0"
+       y="0"
+       width="180"
+       height="150"
+       xlink:href="#path2991"
+       style="fill:#000000;fill-opacity:1" />
+    <use
+       transform="translate(-39.96875)"
+       id="use3798"
+       x="0"
+       y="0"
+       width="180"
+       height="150"
+       xlink:href="#use3796"
+       style="fill:#000000;fill-opacity:1" />
+  </g>
+  <path
+     d="M 90,4.5 C 43.055796,4.5 5,36.063925 5,75 c 0,38.93607 38.055796,70.5 85,70.5 46.9442,0 85,-31.56393 85,-70.5 C 175,36.063925 136.9442,4.5 90,4.5 Z m 0,6.21875 c 42.80207,0 77.5,28.780711 77.5,64.28125 0,35.50054 -34.69793,64.28125 -77.5,64.28125 C 47.197932,139.28125 12.5,110.50054 12.5,75 12.5,39.499461 47.197932,10.71875 90,10.71875 Z"
+     id="path3808"
+     style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     inkscape:connector-curvature="0" />
+</svg>

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')
+})

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;
+}

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";
+}

resources/views/home/banner.blade.php

@@ -1,14 +1,11 @@
-<div class="banner">
+<div class="banner padded">
   @include('home.banner.pastilla')
 </div>
 
 @push('styles')
   <style type="text/css">
     .banner {
-      background-image: url('{{$urls->assets->images}}/img_banner.png')
-    }
-    .banner .mensaje {
-      padding: 3em;
+      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)), url('{{$urls->assets->images}}/Banner.jpg');
     }
   </style>
 @endpush

resources/views/home/banner/pastilla.blade.php

@@ -6,11 +6,3 @@
     {!!nl2br($banner->contenido)!!}
   </p>
 </div>
-
-@push('styles')
-  <style type="text/css">
-    .banner .mensaje .titulo {
-      font-weight: bold;
-    }
-  </style>
-@endpush

resources/views/home/links.blade.php

@@ -1,18 +1,15 @@
-<div class="ui grid">
+<div class="ui grid padded" id="servicios">
   <div class="row">
     <div class="column"></div>
-    <div class="three wide column">
-      @include('home.links.documentos')
+    <div class="four wide column">
+      @include('home.links.documentos', ['title' => 'DOCUMENTOS ONLINE', 'items' => $links->documentos])
     </div>
-    <div class="column"></div>
-    <div class="three wide column">
-      @include('home.links.consultas')
+    <div class="column separator"></div>
+    <div class="four wide column">
+      @include('home.links.consultas', ['title' => 'LINKS DE CONSULTA', 'items' => $links->consulta])
     </div>
-    <div class="column"></div>
-    <div class="center aligned three wide column">
-      <div class="ui placeholder">
-        <img src="" class="ui image" />
-      </div>
+    <div class="column separator"></div>
+    <div class="center aligned three wide column seguimiento" style="background-image: url('{{$urls->assets->images}}/Seguimiento.jpg')">
     </div>
   </div>
 </div>

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')

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')

resources/views/home/links/listado.blade.php

@@ -1,10 +1,11 @@
+<div class="titulo">
+  {{$title}}
+</div>
 <div class="ui divided list">
-  <div class="header item" style="font-weight: bold;">
-    {{$title}}
-  </div>
   @foreach ($items as $item)
     <div class="icon item">
-      @if (isset($item->link))
+      <?php
+      /*@if (isset($item->link))
         <a href="{{$item->link}}">
       @endif
       @if (isset($item->icono))
@@ -13,7 +14,9 @@
       {{$item->contenido}}
       @if (isset($item->link))
         </a>
-      @endif
+      @endif*/
+      ?>
+      {!!$item->show()!!}
     </div>
   @endforeach
 </div>

resources/views/home/numero.blade.php

@@ -1,11 +1,11 @@
-<div class="ui center aligned grid">
+<div class="ui center aligned grid numero" style="background-image: url('{{$urls->assets->images}}/Saca Número.jpg')">
   <div class="row">
     <div class="three wide column">
-      <div class="ui inverted black center aligned segment">
+      <div class="ui center aligned segment">
         <a href="{{$urls->play_store}}">
-          N&Uacute;MERO DE ATENCI&Oacute;N ONLINE
+          <img src="{{$urls->assets->images}}/Google play.png" style="height: 32px;" />
           <br />
-          <img src="{{$urls->play_store_logo}}" />
+          N&Uacute;MERO DE ATENCI&Oacute;N ONLINE
         </a>
       </div>
     </div>

resources/views/home/suplente.blade.php

@@ -1,5 +1,5 @@
-<div class="ui grid">
-  <div class="row">
+<div class="ui attached grid padded suplente">
+  <div class="attached row">
     @include('home.suplente.horario')
     @include('home.suplente.datos')
   </div>

resources/views/home/suplente/datos.blade.php

@@ -1,4 +1,4 @@
-<div class="nine wide column" style="background-image: url('{{$urls->assets->images}}/img_suplente.png')">
+<div class="eleven wide column mensaje" style="background-image: url('{{$urls->assets->images}}/Notario Suplente.jpg')">
   <div class="ui center aligned grid">
     <div class="row">
       <div class="four wide column">

resources/views/layout/base.blade.php

@@ -2,7 +2,9 @@
 <html lang="es">
 @include('layout.head')
 <body>
-  @include('layout.header')
-  @yield('page_content')
-  @include('layout.footer')
+  <div id="page_container">
+    @include('layout.header')
+    @yield('page_content')
+    @include('layout.footer')
+  </div>
 </body>

resources/views/layout/footer.blade.php

@@ -1,14 +1,22 @@
-<footer class="ui grid">
-  <div class="three columns row">
-    <div class="column">
-      Horario
+<footer>
+  <div class="ui inverted dark-blue grid padded">
+    <div class="three columns row">
+      <div class="column">
+        @include('layout.footer.horario')
+      </div>
+      <div class="column">
+        Datos
+      </div>
+      <div class="column">
+        Ubicacion
+      </div>
     </div>
-    <div class="column">
-      Datos
-    </div>
-    <div class="column">
-      Ubicacion
-    </div>
-  </div>
+  </footer>
+  <nav class="ui menu inverted grey padded attached">
+    <a class="item" href="{{$urls->base}}">
+      Notar&iacute;a
+    </a>
+    <a class="item" href="{{$urls->base}}#servicios">Servicios</a>
+  </nav>
 </footer>
 @include('layout.scripts')

resources/views/layout/footer/horario.blade.php

@@ -0,0 +1,9 @@
+<div id="horario_footer" style="text-align: center; ">
+  <img style="height: 0.02em;" src="{{$urls->assets->images}}/footer/horario.png" />
+  <p>
+    {!!nl2br(strtoupper($suplente->horario->titulo))!!}
+  </p>
+  <p>
+    {!!nl2br($suplente->horario->contenido)!!}
+  </p>
+</div>

resources/views/layout/head.blade.php

@@ -4,5 +4,7 @@
     Notaría Patricio Raby
     @yield('page_title')
   </title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
   @include('layout.styles')
 </head>

resources/views/layout/header.blade.php

@@ -1,6 +1,6 @@
 <header>
-  <nav class="ui attached menu dark-blue inverted">
-    <a class="left aligned item" href="{{$urls->base}}">
+  <nav class="ui attached text menu dark-blue inverted padded" id="page_menu">
+    <a class="left aligned item brand" href="{{$urls->base}}">
       NOTAR&Iacute;A RABY
     </a>
     <div class="right menu">

resources/views/layout/scripts.blade.php

@@ -4,4 +4,6 @@
   @endif
 @endforeach
 
+<script type="text/javascript" src="{{$urls->assets->scripts}}/main.js"></script>
+
 @stack('scripts')

resources/views/layout/styles.blade.php

@@ -1,4 +1,5 @@
 <link rel="shortcut icon" type="image/png" href="{{$urls->assets->images}}/favicon.png" />
+<link rel="stylesheet" type="text/css" href="{{$urls->assets->styles}}/main.css" />
 @foreach ($assets as $asset)
   @if (isset($asset->style))
     <link rel="stylesheet" type="text/css" href="{{$asset->style}}" />
@@ -8,6 +9,11 @@
       <link rel="stylesheet" href="{{$font}}" />
     @endforeach
   @endif
+  @if (isset($asset->octet))
+    @foreach ($asset->octet as $font)
+      <link type="application/octet-stream" href="{{$font}}" />
+    @endforeach
+  @endif
 @endforeach
 
 <style type="text/css">