fix: updated download page, removed bg pattern and other minor updates

Steinbeck-Lab · Aug 8, 2024 · 68c7979 · 68c7979
1 parent eff9ac3
commit 68c7979
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 3 deletions.
diff --git a/app/Livewire/Download.php b/app/Livewire/Download.php
@@ -2,10 +2,14 @@
 
 namespace App\Livewire;
 
+use Livewire\Attributes\Layout;
 use Livewire\Component;
 
 class Download extends Component
 {
+    public $terms = '';
+
+    #[Layout('layouts.guest')]
     public function render()
     {
         return view('livewire.download');

diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
@@ -31,7 +31,6 @@
         @livewireStyles
     </head>
     <body>
-    <div class="absolute inset-0 bg-gradient-to-r from-[#FFF] to-[#BDBDBD] opacity-20 [mask-image:radial-gradient(farthest-side_at_top,white,transparent)] dark:from-[#36b49f]/30 dark:to-[#DBFF75]/30 dark:opacity-100"><svg aria-hidden="true" class="absolute inset-x-0 inset-y-[-50%] h-[200%] w-full skew-y-[-18deg] fill-black/20 stroke-black/50 mix-blend-overlay dark:fill-white/2.5 dark:stroke-white/5"><defs><pattern id=":r99:" width="72" height="56" patternUnits="userSpaceOnUse" x="-12" y="4"><path d="M.5 56V.5H72" fill="none"></path></pattern></defs><rect width="100%" height="100%" stroke-width="0" fill="url(#:r99:)"></rect><svg x="-12" y="4" class="overflow-visible"><rect stroke-width="0" width="73" height="57" x="288" y="168"></rect><rect stroke-width="0" width="73" height="57" x="144" y="56"></rect><rect stroke-width="0" width="73" height="57" x="504" y="168"></rect><rect stroke-width="0" width="73" height="57" x="720" y="336"></rect></svg></svg></div>
         <x-banner />
         <x-impersonate::banner style='light'/>
         <div class="font-sans text-gray-900 antialiased">

diff --git a/resources/views/livewire/download.blade.php b/resources/views/livewire/download.blade.php
@@ -1,3 +1,51 @@
-<div>
-    {{-- The best athlete wants his opponent at his best. --}}
+<div class="mt-8 min-h-screen border-b py-16 isolate">
+    <div class="mx-auto mt-12 max-w-6xl px-6 lg:px-8">
+        <div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-none">
+            <h2 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
+                Download
+            </h2>
+            <p class="mt-1 text-sm leading-6 text-gray-500">Version: August 2024</p>
+            <div class="mt-6 flex flex-col gap-x-8 gap-y-20 lg:flex-row">
+                <div class="lg:w-full lg:max-w-2xl lg:flex-auto">
+                    <div>
+                        <h2 class="text-base font-semibold leading-7 text-gray-900"></h2>
+                        <p class="mt-1 text-sm leading-6 text-gray-500">The data is released under the Creative
+                            Commons CC0 license, allowing for free use, modification, and distribution without any
+                            restrictions. No attribution is required when utilizing this data.</p>
+
+                        <dl class="mt-6 space-y-6 divide-y divide-gray-100 border-t border-gray-200 text-sm leading-6">
+                            <div class="pt-6 sm:flex">
+                                <dt class="font-medium text-gray-900 sm:w-64 sm:flex-none sm:pr-6">Download Natural
+                                    Products Structures in SDF</dt>
+                                <dd class="mt-1 flex justify-between gap-x-6 sm:mt-0 sm:flex-auto">
+                                    <div class="text-gray-900">&emsp;</div>
+                                    <button type="button"
+                                        class="font-semibold text-indigo-600 hover:text-indigo-500">Download (coming soon)</button>
+                                </dd>
+                            </div>
+                            <div class="pt-6 sm:flex">
+                                <dt class="font-medium text-gray-900 sm:w-64 sm:flex-none sm:pr-6">Download the complete
+                                    COCONUT dataset as a PostgreSQL dump
+                                </dt>
+                                <dd class="mt-1 flex justify-between gap-x-6 sm:mt-0 sm:flex-auto">
+                                    <div class="text-gray-900">&emsp;</div>
+                                    <a href="https://coconut.s3.uni-jena.de/prod/downloads/coconut-08-2024.sql" type="button"
+                                        class="font-semibold text-indigo-600 hover:text-indigo-500">Download</a>
+                                </dd>
+                            </div>
+                            <div class="pt-6 sm:flex">
+                                <dt class="font-medium text-gray-900 sm:w-64 sm:flex-none sm:pr-6">Download Natural
+                                    Products Structures in CSV format</dt>
+                                <dd class="mt-1 flex justify-between gap-x-6 sm:mt-0 sm:flex-auto">
+                                    <div class="text-gray-900">&emsp;</div>
+                                    <a href="https://coconut.s3.uni-jena.de/prod/downloads/coconut-08-2024.csv" type="button"
+                                        class="font-semibold text-indigo-600 hover:text-indigo-500">Download</a>
+                                </dd>
+                            </div>
+                        </dl>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
diff --git a/routes/web.php b/routes/web.php
@@ -3,6 +3,7 @@
 use App\Http\Controllers\Auth\SocialController;
 use App\Livewire\About;
 use App\Livewire\CollectionList;
+use App\Livewire\Download;
 use App\Livewire\Guides;
 use App\Livewire\MoleculeDetails;
 use App\Livewire\Policy;
@@ -34,6 +35,7 @@
 Route::get('/terms', Terms::class);
 Route::get('/guidelines', Guides::class);
 Route::get('/about', About::class);
+Route::get('/download', Download::class);
 
 Route::get('/collections', CollectionList::class)->name('collections.index');