Se arregla las imagenes para que se vean iguales

resources/assets/sass/home.scss

@@ -107,6 +107,14 @@
 #segmentos {
   padding-top: 4rem;
   padding-bottom: 4rem;
+
+  .grid {
+    .basic.segment {
+      .header {
+        margin-top: 1rem;
+      }
+    }
+  }
 }
 
 #resumen {

resources/assets/sass/proyecto.scss

@@ -19,12 +19,30 @@
   #galeria {
     padding-bottom: 4rem;
 
-    &>.image img {
-      max-height: 60rem;
+    &>.image {
+      height: 53rem;
+      overflow: hidden;
+      display: flex;
+      align-items: center;
+      img {
+        width: 100%;
+        vertical-align: middle;
+      }
     }
 
-    .grid {
+    #thumbnails {
       padding-top: 2rem;
+
+      .image {
+        height: 8rem;
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        img {
+          width: 100%;
+          vertical-align: middle;
+        }
+      }
     }
   }
   #buscar {

resources/views/home/segmentos.blade.php

@@ -5,7 +5,9 @@
   <div class="ui center aligned stackable grid">
     @foreach ($segmentos as $segmento)
       <div class="three wide column">
-        @include('home.segmentos.ficha')
+        <a href="{{$urls->base}}/proyectos#{{mb_strtolower($segmento->titulo)}}">
+          @include('home.segmentos.ficha')
+        </a>
       </div>
     @endforeach
   </div>

resources/views/proyectos/list.blade.php

@@ -34,13 +34,23 @@
 
 @push('scripts')
   <script type="text/javascript">
+    var loaded = {
+      todo: false,
+      @foreach ($segmentos as $segmento)
+        '{{mb_strtolower($segmento->titulo)}}': false,
+      @endforeach
+    }
     function loadSegmento(segmento) {
+      if (loaded[segmento]) {
+        return
+      }
       var name = segmento
       if (name.indexOf(' ') > -1) {
         name = name.replaceAll(' ', '_')
       }
       var url = '{{$urls->base}}/proyectos/segmento/' + name
       $(".tab[data-tab='" + segmento + "']").find('.grid').html('')
+      loaded[segmento] = true
       $.getJSON(url, (data) => {
         $(".tab[data-tab='" + segmento + "']").find('.grid').append(
           $('<div></div>').attr('class', 'ui active centered inline loader')
@@ -74,6 +84,10 @@
           loadSegmento(tabPath)
         }
       })
+      if (window.location.hash) {
+        var start = (window.location.hash).replace('#', '').replace('%20', ' ')
+        $('#proyectos').find('.tabular.menu .item').tab('change tab', start)
+      }
     })
   </script>
 @endpush

resources/views/proyectos/show.blade.php

@@ -3,8 +3,8 @@
 @section('page_content')
   <div id="proyecto">
     <div class="ui container">
-      <div class="ui grid">
-        <div class="thirteen wide column">
+      <div class="ui one columns grid">
+        <div class="column">
           <div class="titulo">
             <span class="ui header">
               {{$proyecto->edificio}}
@@ -19,9 +19,6 @@
           @include('proyectos.proyecto.galeria')
           @include('proyectos.proyecto.datos')
         </div>
-        <div class="three wide column">
-          @include('proyectos.proyecto.buscar')
-        </div>
       </div>
     </div>
   </div>