Event Horizon updates

anodyne · Apr 19, 2024 · 895047c · 895047c
1 parent 134f287
commit 895047c
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 12 deletions.
diff --git a/themes/EventHorizon/design/theme.css b/themes/EventHorizon/design/theme.css
@@ -222,6 +222,11 @@
     height: 80rem
 }
 
+.h-full {
+
+    height: 100%
+}
+
 .h-px {
 
     height: 1px
@@ -232,16 +237,21 @@
     width: 180%
 }
 
-.w-\[35\%\] {
+.w-\[25\%\] {
 
-    width: 35%
+    width: 25%
 }
 
 .w-auto {
 
     width: auto
 }
 
+.w-px {
+
+    width: 1px
+}
+
 .max-w-2xl {
 
     max-width: 42rem
@@ -483,6 +493,32 @@
     background-color: rgb(255 255 255 / 0.05)
 }
 
+.bg-gradient-to-b {
+
+    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
+}
+
+.from-transparent {
+
+    --tw-gradient-from: transparent var(--tw-gradient-from-position);
+
+    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
+}
+
+.via-white\/10 {
+
+    --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
+
+    --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)
+}
+
+.to-transparent {
+
+    --tw-gradient-to: transparent var(--tw-gradient-to-position)
+}
+
 .px-2 {
 
     padding-left: 0.5rem;
@@ -535,6 +571,11 @@
     padding-bottom: 1rem
 }
 
+.pl-6 {
+
+    padding-left: 1.5rem
+}
+
 .pt-20 {
 
     padding-top: 5rem
@@ -1282,13 +1323,6 @@ main#nova {
         justify-content: flex-start
     }
 
-    .lg\:px-0 {
-
-        padding-left: 0px;
-
-        padding-right: 0px
-    }
-
     .lg\:px-12 {
 
         padding-left: 3rem;

diff --git a/themes/EventHorizon/views/layouts/public.blade.php b/themes/EventHorizon/views/layouts/public.blade.php
@@ -6,15 +6,18 @@
 
 @section('layout')
     <div class="relative flex-none overflow-hidden text-white">
-        <div class="relative w-[35%] pl-6 lg:fixed lg:inset-0 lg:flex">
+        <div class="relative w-[25%] pl-6 lg:fixed lg:inset-0 lg:flex">
             <div class="absolute inset-0 -z-10 overflow-hidden bg-gray-950 lg:min-w-[32rem]">
                 <img
                     src="{{ asset('dist/black-hole-3-vertical.png') }}"
                     alt=""
-                    class="absolute right-0 top-1/2 -translate-y-1/2 opacity-35"
+                    class="absolute right-0 top-1/2 hidden -translate-y-1/2 opacity-35"
                 />
+                <div
+                    class="absolute right-0 h-full w-px bg-gradient-to-b from-transparent via-white/10 to-transparent"
+                ></div>
                 <svg
-                    class="absolute -bottom-48 left-[-40%] hidden h-[80rem] w-[180%] lg:-right-40 lg:bottom-auto lg:left-auto lg:top-[-40%] lg:h-[180%] lg:w-[80rem]"
+                    class="absolute -bottom-48 left-[-40%] h-[80rem] w-[180%] lg:-right-40 lg:bottom-auto lg:left-auto lg:top-[-40%] lg:h-[180%] lg:w-[80rem]"
                     aria-hidden="true"
                 >
                     <defs>