zoey/zoeys.computer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

init v0

Browse source
This commit is contained in:
zack 2024-10-21 19:20:35 -04:00
parent 561ea7543d
commit 43e6b6d318
No known key found for this signature in database
GPG key ID: 5F873416BCF59F35
25 changed files with 8063 additions and 374 deletions
Download patch file Download diff file Expand all files Collapse all files

54
lib/zoeyscomputer_web/components/layouts/app.html.heex
View file

@ -1,30 +1,30 @@
<header class="px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
<div class="flex items-center gap-4">
<a href="/">
<img src={~p"/images/logo.svg"} width="36" />
</a>
<p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6">
v<%= Application.spec(:phoenix, :vsn) %>
</p>
</div>
<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
<a href="https://twitter.com/elixirphoenix" class="hover:text-zinc-700">
@elixirphoenix
</a>
<a href="https://github.com/phoenixframework/phoenix" class="hover:text-zinc-700">
GitHub
</a>
<a
href="https://hexdocs.pm/phoenix/overview.html"
class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80"
>
Get Started <span aria-hidden="true">&rarr;</span>
</a>
</div>
</div>
</header>
<main class="px-4 py-20 sm:px-6 lg:px-8">
<%!-- <header class="px-4 sm:px-6 lg:px-8"> --%>
<%!-- <div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm"> --%>
<%!-- <div class="flex items-center gap-4"> --%>
<%!-- <a href="/"> --%>
<%!-- <img src={~p"/images/logo.svg"} width="36" /> --%>
<%!-- </a> --%>
<%!-- <p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6"> --%>
<%!-- v<%= Application.spec(:phoenix, :vsn) %> --%>
<%!-- </p> --%>
<%!-- </div> --%>
<%!-- <div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900"> --%>
<%!-- <a href="https://twitter.com/elixirphoenix" class="hover:text-zinc-700"> --%>
<%!-- @elixirphoenix --%>
<%!-- </a> --%>
<%!-- <a href="https://github.com/phoenixframework/phoenix" class="hover:text-zinc-700"> --%>
<%!-- GitHub --%>
<%!-- </a> --%>
<%!-- <a --%>
<%!-- href="https://hexdocs.pm/phoenix/overview.html" --%>
<%!-- class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80" --%>
<%!-- > --%>
<%!-- Get Started <span aria-hidden="true">&rarr;</span> --%>
<%!-- </a> --%>
<%!-- </div> --%>
<%!-- </div> --%>
<%!-- </header> --%>
<main class="bg-ctp-base px-4 py-20 sm:px-6 lg:px-8">
<div class="mx-auto max-w-2xl">
<.flash_group flash={@flash} />
<%= @inner_content %>

75
lib/zoeyscomputer_web/components/layouts/root.html.heex
View file

@ -4,55 +4,48 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="csrf-token" content={get_csrf_token()} />
<.live_title suffix=" · Phoenix Framework">
<%= assigns[:page_title] || "Zoeyscomputer" %>
<.live_title suffix=" - zoeys.computer">
<%= assigns[:page_title] || "" %>
</.live_title>
<link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
<script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
</script>
</head>
<body class="bg-white">
<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">
<%= @current_user.email %>
</li>
<li>
<body class="ctp-mocha bg-ctp-base text-ctp-overlay0">
<%= if @current_user do %>
<div class="flex w-full">
<div class="p-4 grow">
<.link
href={~p"/users/settings"}
class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
class="text-ctp-mauve font-bold hover:border-b-2 border-ctp-mauve"
navigate={~p"/"}
>
Settings
zoey
</.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>
</div>
<ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
<li class="text-[0.8125rem] leading-6">
<%= @current_user.email %>
</li>
<li>
<.link
href={~p"/users/settings"}
class="text-[0.8125rem] leading-6 font-semibold hover:text-ctp-mauve"
>
Settings
</.link>
</li>
<li>
<.link
href={~p"/users/log_out"}
method="delete"
class="text-[0.8125rem] leading-6 font-semibold hover:text-ctp-mauve"
>
Log out
</.link>
</li>
</ul>
</div>
<% end %>
<%= @inner_content %>
</body>
</html>