init
This commit is contained in:
@@ -0,0 +1,66 @@
|
||||
<div class="flex flex-col gap-y-2 bg-[url('/images/purpleandblackfire.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-[#8000FF]">Local Network Directory</div>
|
||||
<div class="grow-5 h-[3px] mt-3 bg-[#8000FF]"></div>
|
||||
<div class="flex-none mx-1 mt-2 text-2xl text-[#2FD400]">
|
||||
<% if @url_type == 'tailscale' %>
|
||||
<%= @url_type.gsub('_', ' ') %>
|
||||
<% elsif @url_type == 'local_ip' %>
|
||||
<a href="/" class="flex h-full text-center hover:text-[#009fff]">
|
||||
<%= @url_type.gsub('_', ' ') %>
|
||||
</a>
|
||||
<% else %>
|
||||
<a href="?local_ip=true" class="flex h-full text-center hover:text-[#009fff]">
|
||||
<%= @url_type.gsub('_', ' ') %>
|
||||
</a>
|
||||
<% end %>
|
||||
</div>
|
||||
<div class="grow-1 h-[3px] mt-3 bg-[#8000FF]"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex gap-x-7">
|
||||
<div class="flex flex-col w-3/5 items-start">
|
||||
<div class="flex bg-[#140029] 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-[#140029] 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-[#140029] 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-[#140029] 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-[#140029] hover:bg-[#<%= @admin.hex_color %>] transition-colors duration-200">
|
||||
<%= service.name %>
|
||||
</a>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user