updated header

This commit is contained in:
Gavin McDonald
2025-05-06 17:27:58 -04:00
parent 7bbd118d69
commit 4786d0fee9
6 changed files with 43 additions and 19 deletions

View File

@@ -1,25 +1,26 @@
<header class="px-4 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 justify-between border-b border-primary dark:border-primary-dark py-3 text-sm">
<a href="/">
<img src={~p"/images/labelmaker.png"} width="200" />
</a>
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<a href="/"> <a
<img src={~p"/images/logo.svg"} width="36" /> href="https://github.com/mcdoh/tarokka"
</a> class="h-[35px] w-[125px]"
<p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6"> target="_blank"
v{Application.spec(:phoenix, :vsn)} rel="noopener noreferrer"
</p> >
</div> <button class="h-full w-full flex flex-row justify-center items-center gap-3 bg-slate-700 rounded-[6px] hover:bg-slate-600 transition cursor-pointer">
<div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900"> <img src="/images/github-mark-white.svg" alt="GitHub" class="h-[22px] w-[22px]" />
<a href="https://twitter.com/elixirphoenix" class="hover:text-zinc-700"> <img src="/images/github-logo-white.png" alt="GitHub" class="h-[22px]" />
@elixirphoenix </button>
</a>
<a href="https://github.com/phoenixframework/phoenix" class="hover:text-zinc-700">
GitHub
</a> </a>
<a <a
href="https://hexdocs.pm/phoenix/overview.html" href="https://www.buymeacoffee.com/mcdoh"
class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80" class="h-[35px] w-[125px] transition hover:drop-shadow-[0_0_3px_#ffd700]"
target="_blank"
> >
Get Started <span aria-hidden="true">&rarr;</span> <img src="/images/bmc-button.svg" alt="Buy Me A Coffee" className="h-full" />
</a> </a>
</div> </div>
</div> </div>

View File

@@ -4,14 +4,14 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="csrf-token" content={get_csrf_token()} /> <meta name="csrf-token" content={get_csrf_token()} />
<.live_title default="Labelmaker" suffix=" · Phoenix Framework"> <.live_title default="labelmaker.xyz">
{assigns[:page_title]} {assigns[:page_title]}
</.live_title> </.live_title>
<link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} /> <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 defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
</script> </script>
</head> </head>
<body class="bg-white"> <body class="bg-bg-light text-fg-light dark:bg-bg-dark dark:text-fg-dark">
{@inner_content} {@inner_content}
</body> </body>
</html> </html>

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

View File

@@ -0,0 +1 @@
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>

After

Width:  |  Height:  |  Size: 960 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB