Jason Jordan
30 lines
2.0 KiB
Plaintext
30 lines
2.0 KiB
Plaintext
<div
|
|
class="min-h-full w-2/3 flex-col items-center justify-center py-12 px-4 sm:px-6 lg:px-8 space-y-15"
|
|
>
|
|
<div class="flex items-center justify-center text-8xl font-bold text-[#2A4B6F]">
|
|
<span class="[text-shadow:0_0_20px_#fff,0_0_50px_#0090D9,0_0_80px_#0ff] text-[#04153E]">B</span>acl<span class="relative inline-block">i<span class="absolute top-0 right-0 h-5 w-5 rounded-full bg-[#CD7F32] translate-y-[12px] -translate-x-[4px]"></span></span>ght
|
|
</div>
|
|
<div class="flex justify-around space-y w-full">
|
|
<div class="flex flex-col w-[40%] h-1/2">
|
|
<div class="flex flex-col items-center h-40 w-full border-l-4 border-b-4 border-atmosphere rounded-xl pl-2 pb-2">
|
|
<%= link_to employers_path, data: { turbo: false }, class: "flex justify-center items-center w-full h-34 cursor-pointer bg-atmosphere hover:bg-deepcove border-4 border-atmosphere text-platinum hover:text-copper text-xl font-bold px-3 rounded-md mt-3 transition duration-100" do %>
|
|
<%= icon "layout-dashboard", library: "lucide", class: "h-3/4 w-3/4 text-center rounded-md" %>
|
|
<% end %>
|
|
<h3 class="font-bold text-2xl text-platinum my-5">
|
|
<%= "Employer Control" %>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-[40%] h-1/2">
|
|
<div class="flex flex-col items-center h-40 w-full border-l-4 border-b-4 border-cobalt-vivid rounded-xl pl-2 pb-2">
|
|
<%= link_to id_card_print_index_path, data: { turbo: false }, class: "flex justify-center items-center w-full h-34 cursor-pointer bg-cobalt-vivid hover:bg-deepcove border-4 border-cobalt-vivid text-platinum hover:text-copper text-xl font-bold px-3 rounded-md mt-3 transition duration-100" do %>
|
|
<%= icon "printer", library: "lucide", class: "h-3/4 w-3/4 text-center rounded-md" %>
|
|
<% end %>
|
|
<h3 class="font-bold text-2xl text-platinum my-5">
|
|
<%= "ID Card Printer" %>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|