mirror of
https://github.com/plausible/analytics.git
synced 2024-12-24 10:02:10 +03:00
c40d532880
* Fix typo * Update landing page with components from TailwindUI * Update copy * Update FAQ and testimonials * Add feature section * Update copy for integration * Implement feedback * Remove github button JS * Update headings * Update gray values * Update CTA section * Add copy
81 lines
4.9 KiB
Elixir
81 lines
4.9 KiB
Elixir
<!DOCTYPE html>
|
|
<html lang="en" class="h-full">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<meta name="description" content="Plausible is a lightweight and open-source web analytics tool. Your website data is 100% yours and the privacy of your visitors is respected."/>
|
|
<link rel="icon" type="image/png" sizes="32x32" href="<%= PlausibleWeb.Router.Helpers.static_path(@conn, "/images/icon/plausible_favicon.png") %>">
|
|
<title><%= assigns[:title] || "Plausible · Simple, privacy-friendly alternative to Google Analytics" %></title>
|
|
<link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
|
|
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.3/flatpickr.min.css">
|
|
<%= render("_tracking.html", assigns) %>
|
|
</head>
|
|
<body class="flex flex-col h-full bg-gray-50">
|
|
<%= render("_svg_icons.html") %>
|
|
<nav class="container flex items-center justify-between flex-wrap py-8">
|
|
<div class="flex items-center flex-shrink-0">
|
|
<a href="/">
|
|
<%= img_tag(PlausibleWeb.Router.Helpers.static_path(@conn, "/images/icon/plausible_logo.png"), style: "height: 2.5rem;", alt: "Plausible logo") %>
|
|
</a>
|
|
</div>
|
|
<%= cond do %>
|
|
<% @conn.assigns[:current_user] -> %>
|
|
<ul class="flex">
|
|
<%= if @conn.assigns[:current_user].subscription == nil do %>
|
|
<li class="mr-6 hidden sm:block">
|
|
<%= link(trial_notificaton(@conn.assigns[:current_user]), to: "/settings", class: "font-bold text-orange-900 rounded p-2 bg-orange-200", style: "line-height: 40px;") %>
|
|
</li>
|
|
<% else %>
|
|
<li class="mr-6 hidden sm:block">
|
|
<%= link("Give feedback", to: "/feedback", class: "font-bold rounded p-2 hover:bg-gray-200", style: "line-height: 40px;") %>
|
|
</li>
|
|
<% end %>
|
|
<li>
|
|
<div class="relative font-bold rounded">
|
|
<div data-dropdown-trigger class="flex items-center hover:bg-gray-200 rounded p-2 cursor-pointer">
|
|
<span class="mr-2"><%= @conn.assigns[:current_user].name || @conn.assigns[:current_user].email %></span>
|
|
<svg style="height: 18px; transform: translateY(2px); fill: #606f7b;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 640" enable-background="new 0 0 512 512" xml:space="preserve"><g><circle cx="256" cy="52.8" r="50.8"/><circle cx="256" cy="256" r="50.8"/><circle cx="256" cy="459.2" r="50.8"/></g></svg>
|
|
</div>
|
|
|
|
<div data-dropdown style="top: 42px; right: 0px; width: 185px;" class="dropdown-content hidden absolute right-0 bg-white border border-gray-300 rounded shadow-md z-10">
|
|
<%= link("Settings", to: "/settings", class: "block py-2 px-2 border-b border-gray-300 hover:bg-gray-100") %>
|
|
<%= link("Log out", to: "/logout", method: :post, class: "block py-2 px-2 hover:bg-gray-100") %>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<% true -> %>
|
|
<ul class="flex">
|
|
<li>
|
|
<div class="inline-flex rounded">
|
|
<%= link("Login", to: "/login", class: "inline-flex items-center justify-center px-5 py-2 border border-transparent text-base leading-6 font-medium rounded-md hover:bg-gray-200 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out") %>
|
|
</div>
|
|
<div class="inline-flex rounded shadow ml-3">
|
|
<%= link("Start free trial", to: "/register", class: "inline-flex items-center justify-center px-5 py-2 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out") %>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<% end %>
|
|
</nav>
|
|
|
|
<%= if get_flash(@conn, :success) do %>
|
|
<div id="flash" class="text-center bg-green-500 text-green-100 text-sm font-bold px-4 absolute w-full transition overflow-hidden" style="top: 91px" role="alert">
|
|
<p class="py-3 "><%= get_flash(@conn, :success) %></p>
|
|
</div>
|
|
<% end %>
|
|
|
|
<%= if get_flash(@conn, :error) do %>
|
|
<div id="flash" class="text-center bg-red-dark-500 text-red-100 text-sm font-bold px-4 absolute w-full transition overflow-hidden" style="top: 91px" role="alert">
|
|
<p class="py-3 "><%= get_flash(@conn, :error) %></p>
|
|
</div>
|
|
<% end %>
|
|
|
|
<main class="flex-1">
|
|
<%= render @view_module, @view_template, assigns %>
|
|
</main>
|
|
<%= render("_footer.html", assigns) %>
|
|
<script type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
|
|
</body>
|
|
</html>
|