mirror of
https://github.com/wanderer-industries/wanderer
synced 2025-12-12 10:45:54 +00:00
51 lines
2.5 KiB
Plaintext
51 lines
2.5 KiB
Plaintext
<section class="prose prose-lg max-w-full w-full leading-normal tracking-normal text-indigo-400 bg-cover bg-fixed flex items-center justify-center">
|
|
<canvas id="bg-canvas"></canvas>
|
|
<div class="h-full w-full flex flex-col items-center">
|
|
<!--Main-->
|
|
<div class="artboard artboard-horizontal phone-3 pt-10 !h-40">
|
|
<div class="container pt-5 mx-auto flex flex-wrap flex-row justify-center items-center gap-8">
|
|
<!--Left Col-->
|
|
<div class="flex flex-col justify-center items-center overflow-y-hidden">
|
|
<h1 class="ccp-font my-4 text-2xl text-white font-bold leading-tight text-center md:text-left ">
|
|
THE #1 EVE MAPPER TOOL
|
|
</h1>
|
|
</div>
|
|
<!--Right Col-->
|
|
<div :if={@invite_token_valid} class="overflow-hidden">
|
|
<div class="!z-100 relative group alert items-center fade-in-scale text-white w-[224px] h-[44px] rounded p-px overflow-hidden">
|
|
<div class="group animate-rotate absolute inset-0 h-full w-full rounded-full bg-[conic-gradient(#0ea5e9_20deg,transparent_120deg)] group-hover:bg-[#0ea5e9]" />
|
|
<div class="!bg-black rounded w-[220px] h-[40px] flex items-center justify-center relative z-20">
|
|
<.link navigate={~p"/auth/eve?invite=#{@invite_token}"} class="opacity-100">
|
|
<img
|
|
src="https://web.ccpgamescdn.com/eveonlineassets/developers/eve-sso-login-black-large.png"
|
|
class="w-[220px] h-[40px]"
|
|
/>
|
|
</.link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel carousel-center bg-neutral rounded-box max-w-[80%] space-x-4 p-4">
|
|
<%= for post <- @posts do %>
|
|
<.link class="group carousel-item relative" navigate={~p"/news/#{post.id}"}>
|
|
<div class="artboard-horizontal phone-1 relative hover:text-white mt-10">
|
|
<img
|
|
class="rounded-lg shadow-lg block !w-[400px] !h-[200px] opacity-75"
|
|
src={post.cover_image_uri}
|
|
/>
|
|
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-transparent to-black opacity-75 group-hover:opacity-25 transition-opacity duration-300">
|
|
</div>
|
|
<h3 class="absolute bottom-4 left-14 font-bold break-normal pt-6 pb-2 ccp-font text-white">
|
|
<%= post.title %>
|
|
</h3>
|
|
</div>
|
|
</.link>
|
|
<% end %>
|
|
</div>
|
|
<%!-- <div class="carousel carousel-center !bg-neutral rounded-box max-w-4xl space-x-6 p-4">
|
|
|
|
</div> --%>
|
|
</div>
|
|
</section>
|