to_html_tailwind.rb

require 'json'
json_string = File.read('data.json')
data = JSON.parse(json_string, :symbolize_names => true)
puts '<table  class="w-full text-left table-auto min-w-max"><thead><tr><th class="p-4 border-b border-blue-gray-100 bg-blue-gray-50"><p class="class="block font-sans text-sm antialiased font-normal leading-none text-blue-gray-900 opacity-70">Id</p></th><th class="p-4 border-b border-blue-gray-100 bg-blue-gray-50"><p class="block font-sans text-sm antialiased font-normal leading-none text-blue-gray-900 opacity-70">First Name</p></th><th class="p-4 border-b border-blue-gray-100 bg-blue-gray-50"><p class="block font-sans text-sm antialiased font-normal leading-none text-blue-gray-900 opacity-70">Last Name</p></th><th class="p-4 border-b border-blue-gray-100 bg-blue-gray-50"><p class="block font-sans text-sm antialiased font-normal leading-none text-blue-gray-900 opacity-70">Email</p></th><th class="p-4 border-b border-blue-gray-100 bg-blue-gray-50"><p class="block font-sans text-sm antialiased font-normal leading-none text-blue-gray-900 opacity-70">Gender</p></th><th class="p-4 border-b border-blue-gray-100 bg-blue-gray-50"><p class="block font-sans text-sm antialiased font-normal leading-none text-blue-gray-900 opacity-70">IP Address</p></th></tr></thead><tbody>'
data.each do |row| 
  puts '<tr><td class="p-4 border-b border-blue-gray-50"><p class="block font-sans text-sm antialiased font-normal leading-normal text-blue-gray-900"><a href="/contacts/%{id}">%{id}</a></p></td><td class="p-4 border-b border-blue-gray-50"><<p class="block font-sans text-sm antialiased font-normal leading-normal text-blue-gray-900">%{first_name}</p></td><td class="p-4 border-b border-blue-gray-50"><p class="block font-sans text-sm antialiased font-normal leading-normal text-blue-gray-900">%{last_name}</p></td><td class="p-4 border-b border-blue-gray-50"><p class="block font-sans text-sm antialiased font-normal leading-normal text-blue-gray-900">%{email}</p></td><td class="p-4 border-b border-blue-gray-50"><p class="block font-sans text-sm antialiased font-normal leading-normal text-blue-gray-900">%{gender}</p></td><td class="p-4 border-b border-blue-gray-50"><p class="block font-sans text-sm antialiased font-normal leading-normal text-blue-gray-900">%{ip_address}</p></td></tr>' % row
end
puts '</tbody></table>'