diff --git a/resources/views/choicebox.blade.php b/resources/views/choicebox.blade.php
index 65b7e63..df4bcd7 100644
--- a/resources/views/choicebox.blade.php
+++ b/resources/views/choicebox.blade.php
@@ -3,7 +3,8 @@
     <div id="choicebox">
 
             <h1> {{ $category->name }}</h1>
-            <div class="cb-buttons">
+            <div class="row">
+                <div class="col-s9">
 
                 @foreach ($category->contents as $content)
                     <a class="waves-effect waves-light btn-large" href="/content/{{ $content->href }}">
@@ -17,4 +18,5 @@
                 @endforeach
         </div>
     </div>
+    </div>
 @endsection
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index a23b497..432c893 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -3,7 +3,7 @@
 @section('body')
 
 <div class="choice row">
-    <div class="col s6">
+    <div class="col xl6 m12 l6 s12">
     <h4 id="status"></h2>
           <div class="svg-container" >
           <svg
@@ -34,7 +34,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a5"
-               href="/finance" @mouseover='console.log("Finance");' @mouseleave='hover = not_hover'>
+               href="/category/finance">
               <path
                  id="path973"
                  d="m 105.85263,175.81979 c -0.48507,-0.27729 -1.68889,-0.50979 -2.67516,-0.51667 l -1.79322,-0.0125 -1.502637,-6.74996 c -1.220857,-5.48424 -1.413817,-6.80626 -1.028997,-7.05016 1.161154,-0.73594 9.411234,0.23324 12.115294,1.42324 0.38805,0.17078 1.31282,0.57793 2.05502,0.90479 0.91771,0.40415 1.2861,0.75944 1.1514,1.11047 -0.18512,0.48241 -7.27976,11.43473 -7.38947,11.40746 -0.0277,-0.007 -0.44716,-0.23938 -0.93223,-0.51667 z"
@@ -43,7 +43,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a8"
-               href="/services-instances" @mouseover='hover = "Service et instances"' @mouseleave='hover = not_hover'>
+               href="/category/services-instances">
               <path
                  id="path971"
                  d="m 111.11673,179.46417 c -1.06715,-1.11391 -2.68814,-2.38959 -3.60219,-2.83484 l -1.66191,-0.80954 2.69069,-4.12727 c 1.47988,-2.27 3.16428,-4.88134 3.74312,-5.80297 0.57883,-0.92163 1.243,-1.67569 1.47592,-1.67569 0.23293,0 1.08095,0.47625 1.8845,1.05833 0.80354,0.58208 1.60186,1.05833 1.77405,1.05833 0.94841,0 7.80693,7.70859 7.80693,8.77454 0,0.17705 -1.38906,1.03335 -3.08681,1.9029 -4.63875,2.37587 -7.28174,3.81644 -7.65527,4.17252 -0.68942,0.65721 -1.48195,0.25347 -3.36903,-1.71631 z"
@@ -52,7 +52,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a11"
-               href="/tools" @mouseover='hover = "Outils"' @mouseleave='hover = not_hover'>
+               href="/category/tools">
               <path
                  sodipodi:nodetypes="sccscccccs"
                  id="path977"
@@ -62,7 +62,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a14"
-               href="/change" @mouseover='hover = "Plateformes d échanges"' @mouseleave='hover = not_hover'>
+               href="/category/change">
               <path
                  id="path981"
                  d="m 85.550026,175.46227 c -3.04164,-1.97583 -5.62249,-3.6862 -5.73523,-3.80081 -0.26748,-0.27194 3.80439,-4.24215 5.62105,-5.48072 0.77611,-0.52913 1.95536,-1.23181 2.62056,-1.5615 l 1.20945,-0.59943 3.81927,5.86443 3.81927,5.86443 -1.36261,0.70642 c -0.74944,0.38853 -2.01702,1.14298 -2.81685,1.67656 -0.79983,0.53357 -1.49707,0.95954 -1.54944,0.9466 -0.0524,-0.0129 -2.58382,-1.64014 -5.62547,-3.61598 z"
@@ -71,7 +71,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a17"
-               href="/faq" @mouseover='hover = "FAQ"' @mouseleave='hover = not_hover'>
+               href="/faq">
               <path
                  id="path983"
                  d="m 81.209966,184.49856 c -3.68652,-0.22722 -6.82184,-0.42657 -6.96736,-0.443 -1.09022,-0.12306 1.44803,-6.60089 4.18106,-10.67039 0.69557,-1.0357 1.32307,-1.94308 1.39445,-2.01641 0.0714,-0.0733 1.60438,0.81947 3.40666,1.98399 1.80227,1.16452 4.42487,2.8575 5.82799,3.76217 l 2.55113,1.64487 -1.26088,1.79387 c -0.69349,0.98662 -1.524,2.3708 -1.84558,3.07595 l -0.58469,1.28208 z"
@@ -80,7 +80,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a20"
-               href="/blockchain" @mouseover='hover = "Blockchain"' @mouseleave='hover = not_hover'>
+               href="/category/blockchain">
               <path
                  sodipodi:nodetypes="ccccccsc"
                  id="path985"
@@ -90,7 +90,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a23"
-               href="/trm" @mouseover='hover = "Théorie Relative de la Monnaie"' @mouseleave='hover = not_hover'>
+               href="/category/trm">
               <path
                  sodipodi:nodetypes="ssccccccs"
                  id="path993"
@@ -100,7 +100,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a26"
-               href="/asso" @mouseover='hover = "Associations"' @mouseleave='hover = not_hover'>
+               href="/category/asso">
               <path
                  sodipodi:nodetypes="ccscsscscc"
                  id="path989"
@@ -110,7 +110,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a29"
-               href="/forums" @mouseover='hover = "Forums"' @mouseleave='hover = not_hover'>
+               href="/category/forums">
               <path
                  sodipodi:nodetypes="sscccs"
                  id="path997"
@@ -120,7 +120,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a32"
-               href="/agpl" @mouseover='hover = "Licences AGPL"' @mouseleave='hover = not_hover'>
+               href="/agpl">
               <path
                  sodipodi:nodetypes="cccccccccccc"
                  id="path1001"
@@ -130,7 +130,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a35"
-               href="/tdc" @mouseover='hover = "Toile de confiance"' @mouseleave='hover = not_hover'>
+               href="/category/tdc">
               <path
                  id="path1003"
                  d="m 127.55024,214.11872 c -2.35997,-2.23038 -4.48675,-4.05524 -4.72617,-4.05524 -0.37182,0 -3.33463,2.18332 -3.85936,2.844 -0.097,0.12214 -0.59645,0.44503 -1.10984,0.71751 -0.5134,0.27249 -1.97915,1.10291 -3.25722,1.84537 -1.27807,0.74246 -2.59051,1.29809 -2.91652,1.23472 -0.42239,-0.0821 -1.11714,-1.68689 -2.41713,-5.58327 -2.64771,-7.93583 -2.58954,-7.24446 -0.68051,-8.08892 1.62184,-0.71742 4.38399,-2.69838 4.38399,-3.14411 0,-0.1307 -1.91339,-2.45893 -4.25198,-5.17383 l -4.25198,-4.93619 1.51795,-0.18629 c 2.39765,-0.29425 8.17615,0.0297 8.62255,0.48345 0.80871,0.82195 17.44686,27.47205 17.34362,27.7801 -0.0586,0.17486 -2.03743,-1.50692 -4.3974,-3.7373 z"
@@ -139,7 +139,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a38"
-               href="https://duniter.org/fr/files/licence_g1.txt" @mouseover='hover = "Licence G1"' @mouseleave='hover = not_hover'>
+               href="https://duniter.org/fr/files/licence_g1.txt">
               <path
                  sodipodi:nodetypes="ccscccccscccc"
                  id="path1678"
@@ -149,7 +149,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a41"
-               href="/com" @mouseover='hover = "Communication"' @mouseleave='hover = not_hover'>
+               href="/category/com">
               <path
                  style="fill:#c0392b;fill-opacity:1;stroke:#000000;stroke-width:0.0132723;stroke-opacity:1;image-rendering:auto"
                  id="path3777-2"
@@ -158,7 +158,7 @@
             <a
                transform="matrix(2.7389625,0,0,2.7389625,-133.95126,-374.13504)"
                id="a44"
-               href="/website" @mouseover='hover = "Sites internet"' @mouseleave='hover = not_hover'>
+               href="/category/websites">
               <path
                  style="fill:#f1c40f;fill-opacity:1;stroke:#000000;stroke-width:0.0132723;stroke-opacity:1;image-rendering:auto"
                  id="path3773-5"
@@ -171,7 +171,7 @@
           </svg>
     </div>
 </div>
-<div class="col s6">
+<div class="col xl6 m2 l6 s12">
 
 @foreach ($categories as $category)
 <a class="waves-effect waves-light btn-large" href="{{ $category->path }}">{{ $category->name }}</a>
diff --git a/resources/views/softbox.blade.php b/resources/views/softbox.blade.php
index 04056c6..04d668c 100644
--- a/resources/views/softbox.blade.php
+++ b/resources/views/softbox.blade.php
@@ -4,7 +4,17 @@
     <img width="200px" src="{{ $content->img }}" alt="{{ $content->name }} Logo">
       <h3>{{ $content->name }}</h3>
       <p>{{ $content->description }}</p>
-      <div class="btn-container-softbox">
+      <p class="licence">{{ $content->licence }}</p>
+        <p>Créateur(s) / Mainteneur Principal : </p>
+          @foreach (json_decode($content->creator, true) as $creator)
+                @foreach (json_decode($content->pubkey, true) as $pubkey)
+    <a target="_blank" href="https://demo.cesium.app/#/app/wot/{{ $pubkey }}/" class="waves-effect waves-teal btn yellow darken-4" title="Donner à {{ $creator }}">
+        {{ $creator }}
+    </a>
+                    @endforeach
+        @endforeach
+
+      <div class="btn-container-softbox sb-btns">
         @foreach (json_decode($content->href, true) as $link)
         <a class="sb buttons waves-effect waves-light btn-large" target="_blank" href="{{ $link }}"></a>