From 03caf9b5a24735490077d5648eb2e54bbaf6bf77 Mon Sep 17 00:00:00 2001
From: Fernando Hernandez <ferndohm99emf@gmail.com>
Date: Tue, 30 Jul 2024 11:44:59 +0200
Subject: [PATCH 1/4] added background images

---
 ui/src/routes/+page.svelte                                     | 3 +++
 ui/src/routes/{HeroBackgorund.svelte => HeroBackground.svelte} | 0
 2 files changed, 3 insertions(+)
 rename ui/src/routes/{HeroBackgorund.svelte => HeroBackground.svelte} (100%)

diff --git a/ui/src/routes/+page.svelte b/ui/src/routes/+page.svelte
index 88a79769..991a8451 100755
--- a/ui/src/routes/+page.svelte
+++ b/ui/src/routes/+page.svelte
@@ -1,4 +1,5 @@
 <script>
+  import HeroBackground from "./HeroBackground.svelte";
   import Hero from "./Hero.svelte";
   import Consortium from "./Consortium.svelte";
   import RecentDatasets from "./RecentDatasets.svelte";
@@ -21,10 +22,12 @@
 </svelte:head>
 
 <div class="w-full flex flex-col items-center">
+  <HeroBackground/>
   <Hero />
   <RecentDatasets />
   <PopularDatasets />
   <DatasetsLeaderboard />
+  <div class="mt-[100px]" />
   <RecentModels />
   <PopularModels />
   <ModelsLeaderboard />
diff --git a/ui/src/routes/HeroBackgorund.svelte b/ui/src/routes/HeroBackground.svelte
similarity index 100%
rename from ui/src/routes/HeroBackgorund.svelte
rename to ui/src/routes/HeroBackground.svelte

From 15571e715f740e094f6090e2b0470df99791a866 Mon Sep 17 00:00:00 2001
From: Fernando Hernandez <ferndohm99emf@gmail.com>
Date: Tue, 30 Jul 2024 13:02:45 +0200
Subject: [PATCH 2/4] fixed background bug

---
 ui/src/routes/HeroBackground.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/routes/HeroBackground.svelte b/ui/src/routes/HeroBackground.svelte
index 2a857be9..625f10bd 100644
--- a/ui/src/routes/HeroBackground.svelte
+++ b/ui/src/routes/HeroBackground.svelte
@@ -1,3 +1,3 @@
-<img src="backgrounds/Group-1190.png" class=" absolute w-[100%] h-[13%] md:h-[18%] object-cover -z-10" alt="">
-<img src="backgrounds/Group-1170.png" class=" md:top-[18%] top-[13%] absolute w-[100%] md:h-[29%] h-[28%] object-cover -z-10 opacity-30 bg-gradient-to-tl from-[rgb(134,204,190)] to-white" alt="">
-<img src="backgrounds/Group-1170.png" class=" md:top-[47%] top-[40%] absolute w-[100%] h-[30%] object-cover -z-10 opacity-30 bg-gradient-to-tl from-[rgb(134,204,190)] to-white" alt="">
\ No newline at end of file
+<img src="backgrounds/Group-1190.png" class=" absolute w-[100%] h-[10%] md:h-[14%] object-cover -z-10" alt="">
+<img src="backgrounds/Group-1170.png" class=" md:top-[14%] top-[10%] absolute w-[100%] md:h-[29%] h-[30%] object-cover -z-10 opacity-30 bg-gradient-to-tl from-[rgb(134,204,190)] to-white" alt="">
+<img src="backgrounds/Group-1170.png" class=" md:top-[43%] top-[40%] absolute w-[100%] h-[32%] object-cover -z-10 opacity-30 bg-gradient-to-tl from-[rgb(134,204,190)] to-white" alt="">
\ No newline at end of file

From f7dc1a79222e56e1953a5ee0119053f0f027012d Mon Sep 17 00:00:00 2001
From: Juan Sensio <it@earthpulse.es>
Date: Thu, 1 Aug 2024 09:42:03 +0200
Subject: [PATCH 3/4] update

---
 ui/src/components/Leaderboard.svelte |  2 +-
 ui/src/routes/+page.svelte           | 25 +++++++++++++++++--------
 ui/src/routes/Consortium.svelte      |  2 +-
 ui/src/routes/Nav2.svelte            |  4 ++--
 ui/src/routes/Popular.svelte         |  4 +++-
 ui/src/routes/Posts.svelte           |  4 +++-
 ui/src/routes/Recent.svelte          | 16 +++++++++++++---
 7 files changed, 40 insertions(+), 17 deletions(-)

diff --git a/ui/src/components/Leaderboard.svelte b/ui/src/components/Leaderboard.svelte
index 261c826c..0769c353 100755
--- a/ui/src/components/Leaderboard.svelte
+++ b/ui/src/components/Leaderboard.svelte
@@ -23,7 +23,7 @@
                 <p>{msgText}</p>
             </div>
         {/if}
-        <table class="w-full sm:max-w-2xl max-w-40 max-h-64 max-w">
+        <table class="w-full sm:max-w-2xl max-h-64 max-w">
             <thead>
                 <tr class="bg-[rgb(0,50,71)] text-white h-12">
                     <th class="px-4" />
diff --git a/ui/src/routes/+page.svelte b/ui/src/routes/+page.svelte
index 991a8451..655f2d56 100755
--- a/ui/src/routes/+page.svelte
+++ b/ui/src/routes/+page.svelte
@@ -22,15 +22,24 @@
 </svelte:head>
 
 <div class="w-full flex flex-col items-center">
-  <HeroBackground/>
+  <!-- <HeroBackground /> -->
   <Hero />
-  <RecentDatasets />
-  <PopularDatasets />
-  <DatasetsLeaderboard />
-  <div class="mt-[100px]" />
-  <RecentModels />
-  <PopularModels />
-  <ModelsLeaderboard />
+  <div
+    class="w-full"
+    style="background: url('backgrounds/Group-1170.png') center center/cover"
+  >
+    <RecentDatasets />
+    <PopularDatasets />
+    <DatasetsLeaderboard />
+  </div>
+  <div
+    class="w-full"
+    style="background: url('backgrounds/Group-1170.png') center center/cover"
+  >
+    <RecentModels />
+    <PopularModels />
+    <ModelsLeaderboard />
+  </div>
   <Posts posts={data.posts} />
   <Consortium />
 </div>
diff --git a/ui/src/routes/Consortium.svelte b/ui/src/routes/Consortium.svelte
index 80251b75..cb070208 100755
--- a/ui/src/routes/Consortium.svelte
+++ b/ui/src/routes/Consortium.svelte
@@ -1,5 +1,5 @@
 <div
-  class="grid sm:grid-rows-[100px,100px] grid-cols-1 max-w-5xl px-5 py-28 w-full"
+  class="grid grid-rows-[200px,300px] sm:grid-rows-[200px,100px] grid-cols-1 max-w-5xl px-5 py-18 sm:py-28 w-full"
 >
   <div class="flex sm:flex-row flex-col h-full sm:gap-12">
     <h2 class="mb-10 text-md font-bold pt-10">Initiated By</h2>
diff --git a/ui/src/routes/Nav2.svelte b/ui/src/routes/Nav2.svelte
index b5c624fa..ba57aada 100755
--- a/ui/src/routes/Nav2.svelte
+++ b/ui/src/routes/Nav2.svelte
@@ -43,7 +43,7 @@
         {#each links as link}
             <li
                 class="{$page.url.pathname == '/'
-                    ? 'text-gray-300 hover:text-white'
+                    ? 'text-gray-100 hover:text-white'
                     : 'text-slate-600 hover:text-slate-800'}  
                 hidden lg:block text-slate-500 gap-2 text-sm"
             >
@@ -62,7 +62,7 @@
                     href={loading ? "" : "/api/auth/logout"}
                     class="border-2 rounded-md px-2 hover:border-gray-300 {$page
                         .url.pathname == '/'
-                        ? 'text-gray-300 hover:border-white border-slate-400'
+                        ? 'text-gray-100 hover:border-white border-slate-400'
                         : 'text-slate-600 border-slate-400 hover:border-slate-800'}"
                     >Sign Out</a
                 >
diff --git a/ui/src/routes/Popular.svelte b/ui/src/routes/Popular.svelte
index dfc17b43..e6451760 100755
--- a/ui/src/routes/Popular.svelte
+++ b/ui/src/routes/Popular.svelte
@@ -9,7 +9,9 @@
 <div class="flex flex-col items-center w-full pt-10">
     <div class="gap-3 w-full max-w-6xl text-center flex flex-col px-4">
         <h1 class="text-xl text-left font-bold">{title}</h1>
-        <div class="grid grid-cols-1 sm:grid-cols-3 gap-3 w-full mt-3">
+        <div
+            class="grid grid-cols-1 sm:grid-cols-3 grid-rows-3 sm:grid-rows-1 gap-3 w-full mt-3"
+        >
             {#if data}
                 {#each data as item}
                     <Card data={item} />
diff --git a/ui/src/routes/Posts.svelte b/ui/src/routes/Posts.svelte
index e2b4ea1b..bdd0fd11 100755
--- a/ui/src/routes/Posts.svelte
+++ b/ui/src/routes/Posts.svelte
@@ -3,7 +3,9 @@
     export let posts;
 </script>
 
-<div class="flex flex-col items-center w-full py-[100px] bg-gradient-to-tl from-gray-100 to-white">
+<div
+    class="flex flex-col items-center w-full sm:py-[100px] py-[20px] bg-gradient-to-tl from-gray-100 to-white"
+>
     <div class="gap-3 w-full max-w-4xl text-center flex flex-col px-4">
         <h1 class="text-xl text-left font-bold">Recent posts</h1>
         <div class="flex flex-col sm:flex-row gap-3 w-full mt-3 p-4">
diff --git a/ui/src/routes/Recent.svelte b/ui/src/routes/Recent.svelte
index 64a908f8..1c27c72b 100755
--- a/ui/src/routes/Recent.svelte
+++ b/ui/src/routes/Recent.svelte
@@ -9,12 +9,22 @@
 <div class="flex flex-col items-center w-full">
     <div class="gap-3 w-full max-w-6xl text-center flex flex-col px-4">
         {#if title.includes("datasets")}
-            <h1 class="font-bold text-3xl w-full text-left pb-6 text-[rgb(74,191,167)]">DATASETS</h1>
+            <h1
+                class="font-bold text-3xl w-full text-left pb-6 text-[rgb(74,191,167)]"
+            >
+                DATASETS
+            </h1>
         {:else if title.includes("models")}
-            <h1 class="font-bold text-3xl w-full text-left pb-6 text-[rgb(74,191,167)]">MODELS</h1>
+            <h1
+                class="font-bold text-3xl w-full text-left pb-6 text-[rgb(74,191,167)]"
+            >
+                MODELS
+            </h1>
         {/if}
         <h1 class="text-xl text-left font-bold">{title}</h1>
-        <div class="grid grid-cols-1 sm:grid-cols-3 gap-3 w-full mt-3">
+        <div
+            class="grid grid-cols-1 sm:grid-cols-3 grid-rows-3 sm:grid-rows-1 gap-3 w-full mt-3"
+        >
             {#if data}
                 {#each data as item}
                     <Card data={item} />

From 73e695a4f3aba8adbdec2251d8a860e37feb2c9b Mon Sep 17 00:00:00 2001
From: Juan Sensio <it@earthpulse.es>
Date: Thu, 1 Aug 2024 09:47:06 +0200
Subject: [PATCH 4/4] update

---
 ui/src/app.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/app.html b/ui/src/app.html
index ef655710..694f3a9a 100755
--- a/ui/src/app.html
+++ b/ui/src/app.html
@@ -5,7 +5,7 @@
   <meta charset="utf-8" />
   <link rel="icon" href="%sveltekit.assets%/favicon.ico" />
   <meta name="viewport" content="width=device-width" />
-  <title>EO-TDL</title>
+  <title>EOTDL</title>
   %sveltekit.head%
   <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="1c333f40-58bf-4d3b-9a10-d57b72c9176a"
     data-blockingmode="manual" type="text/javascript"></script>