Merge main into development

resources/css/datapublicationMap/top-menu.css

@@ -19,7 +19,7 @@
     top: 0;
     left: 0;
     right: 0;
-    padding: 15px 50px;
+    margin: 15px 50px;
     display: flex;
     justify-content: center;
     z-index: 1000;

resources/views/public/components/datapublication-map/info.blade.php

@@ -2,9 +2,12 @@
      <div class="flex max-[700px]:flex-col items-center place-content-center gap-3">
          {{-- content above map --}}
          <div class="flex justify-center items-center gap-2 min-h-[40px]">
-             <p class="text-info font-bold text-center text-lg"> This is a beta version: not all functionalities are
-                 available
-                 and not all available results are shown.</p>
+             <div class="bg-info-100 rounded-full mb-3 pl-2 pr-2">
+                 <p class="text-info font-bold text-center text-lg" style="color: var(--color-info-800)">
+                     <x-ri-information-line id="" class="info-icon mx-2" />
+                     This is a beta version: not all functionalities are available. Draw a spatial filter to see results.
+                 </p>
+             </div>
          </div>
      </div>
      <div>

resources/views/public/index.blade.php

@@ -1,57 +1,40 @@
 @section('title', 'Home')
 <x-layout_main>
     <div class="hero h-dvh" style="background-image: url('images/heros/7.jpg');">
-
-        <div class="text-neutral-content relative w-96 rounded rounded-xl">
+        <div class="text-neutral-content relative sm:w-[470px] w-fit sm:m-0 m-4 rounded rounded-xl">
             <div class="w-full h-full bg-primary-100 opacity-75 absolute inset-0 rounded rounded-xl">
 
             </div>
-            <div
-                class="w-96 backdrop-blur-sm flex flex-col place-items-center gap-8 p-6 text-primary-900 rounded rounded-xl">
-
+            <div class="sm:w-[470px] w-fit  backdrop-blur-sm flex flex-col place-items-center gap-8 p-6 text-primary-900 rounded rounded-xl">
                 <h1 class="p-2">Welcome </h1>
-
-                <p class="">
+                <p>
                     This is the EPOS Multi-Scale Labs data catalogue, an access point for Earth scientific laboratory
-                    data in Europe.
-                    Here you can find data, labs and lab equipment from rock and melt physics, paleomagnetism,
-                    geochemistry, microscopy,
-                    tomography, field-scale laboratories and analogue modelling of geological processes.
+                    data in Europe. Here you can find data, labs and lab equipment from rock and melt physics, paleomagnetism,
+                    geochemistry, microscopy, tomography, field scale labs and analogue modelling of geological processes.
                 </p>
 
                 <a href="{{ route('data-access') }}" class="w-full flex justify-center">
                     <button class="btn btn-xl btn-wide shadow-xl">Data Access</button>
                 </a>
 
-                <div
-                    class="w-full
-           text-primary-900
-           place-items-center pt-4
-          flex flex-row
-          text-left
-          gap-4
-          ">
-
-                    <a class="flex flex-col justify-between w-1/3 hover-interactive shadow-xl rounded-xl hover:rounded-xl p-2 bg-primary-100 "
-                        href="{{ route('data-access') }}">
+                <div class="sm:w-full w-fit text-primary-900 place-items-center pt-4 justify-between flex flex-row sm:flex-nowrap flex-wrap text-left gap-4">
+                    <a class="flex flex-col justify-between w-full hover-interactive shadow-xl rounded-xl hover:rounded-xl p-2 bg-primary-100 "
+                       href="{{ route('data-access') }}">
                         <h2 class="font-bold ">{{ $datasetsCount }}</h2>
-                        <h6>Datasets</h6>
+                        <h5>Datasets</h5>
                     </a>
-                    <a class="flex flex-col justify-between w-1/3 hover-interactive shadow-xl rounded-xl hover:rounded-xl p-2 bg-primary-100 "
-                        href="{{ route('labs-map') }}">
+                    <a class="flex flex-col justify-between w-full hover-interactive shadow-xl rounded-xl hover:rounded-xl p-2 bg-primary-100 "
+                       href="{{ route('labs-map') }}">
                         <h2 class="font-bold ">{{ $labCount }}</h2>
-                        <h6>Labs</h6>
+                        <h5>Laboratories</h5>
                     </a>
-                    <a class="flex flex-col justify-between w-1/3 hover-interactive shadow-xl rounded-xl hover:rounded-xl p-2 bg-primary-100 "
-                        href="{{ route('data-repositories') }}">
+                    <a class="flex flex-col justify-between w-full hover-interactive shadow-xl rounded-xl hover:rounded-xl p-2 bg-primary-100 "
+                       href="{{ route('data-repositories') }}">
                         <h2 class="font-bold ">{{ $reposCount }}</h2>
-                        <h6>Repositories</h6>
+                        <h5>Repositories</h5>
                     </a>
                 </div>
-
             </div>
-
         </div>
-
     </div>
 </x-layout_main>

resources/views/public/keyword-selector.blade.php

@@ -59,13 +59,13 @@ class="w-full flex flex-col place-items-center ">
 
                     <p class="pt-6">Are you interested in embedding the above keyword selector in the data repository
                         you’re affiliated to?
-                        The keyword selector is published openly on <a
+                        The keyword selector is published openly on <a class="hover-interactive underline"
                             href="https://github.com/UtrechtUniversity/msl_vocabularies" target="_blank"
                             title="MSL vocabularies on GitHub">Github</a>! If you’re interested in using this open
                         source tool, do let us know – we’re very
                         interested to hear who intends to use it. Similarly, if you need support to embed it at your
-                        repository <a href="{{ route('contact-us') }}" title="Contact us" target="_blank">get in
-                            touch</a>.</p>
+                        repository <a href="{{ route('contact-us') }}" title="Contact us"
+                             class="hover-interactive underline">get in touch</a>.</p>
 
                 </div>