192 lines
5.3 KiB
Plaintext

<!DOCTYPE html>
<html lang="en" class="[scrollbar-gutter:stable]">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="csrf-token" content={get_csrf_token()} />
<meta name="RATING" content="RTA-5042-1996-1400-1577-RTA" />
<meta name="description" content="The Galaxy's Best VTuber Hentai Site" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@futureporn_net" />
<meta name="twitter:creator" content="@cj_clippy" />
<meta name="twitter:title" content="Futureporn.net" />
<meta name="twitter:description" content="The Galaxy's Best VTuber Hentai Site" />
<.live_title suffix=" · Futureporn">
<%= assigns[:page_title] || "Bright" %>
</.live_title>
<link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="alternate" type="application/rss+xml" title="Futureporn VOD RSS" href={~p"/feed/vods.xml"} />
<script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}></script>
</head>
<body class="">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<.link
href={~p"/"}
class="navbar-item"
>
<h1 class="title">🔞💦 Futureporn.net</h1>
</.link>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" phx-click={JS.toggle(to: ".navbar-menu")}>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu">
<div class="navbar-start">
<.link
href={~p"/streams"}
class="navbar-item">
Streams Archive
</.link>
<.link
href={~p"/vods"}
class="navbar-item">
Vods
</.link>
<.link
href={~p"/vtubers"}
class="navbar-item">
Vtubers
</.link>
<.link
href={~p"/about"}
class="navbar-item">
About
</.link>
<.link
href={~p"/tags"}
class="navbar-item">
Tags
</.link>
<!--<.link
href={~p"/patrons"}
class="navbar-item">
Patrons
</.link>
<.link
href={~p"/api"}
class="navbar-item">
API
</.link>-->
</div>
<div class="navbar-end">
<.link
href={~p"/status"}
class="navbar-item">
Status
</.link>
<%= if @current_user do %>
<.link
href={~p"/profile"}
class="navbar-item">
Profile
</.link>
<.link
href={~p"/users/settings"}
class="navbar-item"
>
Settings
</.link>
<.link
href={~p"/users/log_out"}
method="delete"
class="navbar-item"
>
Log out
</.link>
<% else %>
<.link
href={~p"/auth/github"}
method="get"
class="navbar-item"
>
Sign in via GH
</.link>
<%# <p>hello</p> %>
<%# <.link
href={~p"/auth/github"}
class="navbar-item"
>
Log in
</.link>
<.link
href={~p"/auth/github"}
class="navbar-item"
>
Log in via GH
</.link> %>
<% end %>
</div>
</div>
<ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
<%= if @current_user do %>
<li class="text-[0.8125rem] leading-6 text-zinc-900">
<figure class="image is-32x32">
<img alt={@current_user.name} class="is-rounded" src={@current_user.avatar} />
</figure>
</li>
<li>
<.link
href={~p"/users/settings"}
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
>
Settings
</.link>
</li>
<li>
<.link
href={~p"/users/log_out"}
method="delete"
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
>
Log out
</.link>
</li>
<% else %>
<li>
<.link
href={~p"/users/register"}
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
>
Register
</.link>
</li>
<li>
<.link
href={~p"/users/log_in"}
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
>
Log in
</.link>
</li>
<% end %>
</ul>
</nav>
<%= @inner_content %>
</body>
</html>