67 lines
3.7 KiB
Plaintext
67 lines
3.7 KiB
Plaintext
<div class="flex flex-col gap-y-2 bg-[url('/images/purplegreenblackfire.svg')] bg-size-[auto_113%] bg-center bg-no-repeat">
|
|
<div class="flex flex-none items-center py-2 mb-13">
|
|
<div class="flex-none text-5xl text-[#<%= @light_hex %>]">Local Network Directory</div>
|
|
<div class="grow-5 h-[3px] mt-3 bg-[#<%= @light_hex %>]"></div>
|
|
<div class="flex-none mx-1 mt-2 text-2xl text-[#<%= @accent_hex %>]">
|
|
<% if @url_type == 'tailscale' %>
|
|
<%= @url_type.gsub('_', ' ') %>
|
|
<% elsif @url_type == 'local_ip' %>
|
|
<a href="/" class="flex h-full text-center hover:text-[#<%= @light_hex %>]">
|
|
<%= @url_type.gsub('_', ' ') %>
|
|
</a>
|
|
<% else %>
|
|
<a href="?local_ip=true" class="flex h-full text-center hover:text-[#<%= @light_hex %>]">
|
|
<%= @url_type.gsub('_', ' ') %>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
<div class="grow-1 h-[3px] mt-3 bg-[#<%= @light_hex %>]"></div>
|
|
</div>
|
|
|
|
|
|
<div class="flex gap-x-7">
|
|
<div class="flex flex-col w-3/5 items-start">
|
|
<div class="flex bg-[#<%= @dark_hex %>] text-center text-3xl text-[#<%= @media.hex_color %>] ml-15 -mb-4 px-2 z-1">
|
|
<%= @media.name %>
|
|
</div>
|
|
<div class="flex flex-wrap text-2xl gap-1 py-4 justify-evenly items-center border-4 border-[#<%= @media.hex_color %>] rounded-lg">
|
|
<% @media.services.each do |service| %>
|
|
<a href=<%= service.current_url %> class="flex justify-center items-center h-15 w-55 px-2 py-10 my-4 text-center font-bold text-[#<%= @media.hex_color %>] bg-transparent border-2 border-[#<%= @media.hex_color %>] rounded-lg hover:text-[#140029] hover:bg-[#<%= @media.hex_color %>] transition-colors duration-200">
|
|
<%= service.name %>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex flex-col w-2/5 items-start">
|
|
<div class="bg-[#<%= @dark_hex %>] text-center text-3xl text-[#<%= @support.hex_color %>] ml-15 -mb-4 px-2 z-1">
|
|
<%= @support.name %>
|
|
</div>
|
|
<div class="flex flex-wrap text-2xl gap-1 py-4 justify-evenly items-center border-4 border-[#<%= @support.hex_color %>] rounded-lg">
|
|
<% @support.services.each do |service| %>
|
|
<a href=<%= service.current_url %> class="flex justify-center items-center h-15 w-55 px-2 py-10 my-4 text-center font-bold text-[#<%= @support.hex_color %>] bg-transparent border-2 border-[#<%= @support.hex_color %>] rounded-lg hover:text-[#<%= @dark_hex %>] hover:bg-[#<%= @support.hex_color %>] transition-colors duration-200">
|
|
<%= service.name %>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="flex flex-col w-full items-start">
|
|
<div class="bg-[#<%= @dark_hex %>] text-center text-3xl text-[#<%= @admin.hex_color %>] ml-15 -mb-4 px-2 z-1">
|
|
<%= @admin.name %>
|
|
</div>
|
|
<div class="flex flex-wrap w-full text-2xl gap-1 py-4 justify-evenly items-center border-4 border-[#<%= @admin.hex_color %>] rounded-lg">
|
|
<% @admin.services.each do |service| %>
|
|
<div class="flex w-[21%] justify-center items-center">
|
|
<a href=<%= service.current_url %> class="flex justify-center items-center h-15 w-55 px-2 py-10 my-4 text-center font-bold text-[#<%= @admin.hex_color %>] bg-transparent border-2 border-[#<%= @admin.hex_color %>] rounded-lg hover:text-[#<%= @dark_hex %>] hover:bg-[#<%= @admin.hex_color %>] transition-colors duration-200">
|
|
<%= service.name %>
|
|
</a>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|