diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js index e16ead0b..d10906a8 100644 --- a/assets/tailwind.config.js +++ b/assets/tailwind.config.js @@ -13,8 +13,13 @@ module.exports = { ], theme: { extend: { + backgroundImage: { + "page-header": "url('/images/header.webp')" + }, colors: { brand: "#FD4F00", + cta: "#EF8376", + "page-border": "#C0C0C0", } }, }, @@ -25,15 +30,15 @@ module.exports = { // //
// - plugin(({addVariant}) => addVariant("phx-no-feedback", [".phx-no-feedback&", ".phx-no-feedback &"])), - plugin(({addVariant}) => addVariant("phx-click-loading", [".phx-click-loading&", ".phx-click-loading &"])), - plugin(({addVariant}) => addVariant("phx-submit-loading", [".phx-submit-loading&", ".phx-submit-loading &"])), - plugin(({addVariant}) => addVariant("phx-change-loading", [".phx-change-loading&", ".phx-change-loading &"])), + plugin(({ addVariant }) => addVariant("phx-no-feedback", [".phx-no-feedback&", ".phx-no-feedback &"])), + plugin(({ addVariant }) => addVariant("phx-click-loading", [".phx-click-loading&", ".phx-click-loading &"])), + plugin(({ addVariant }) => addVariant("phx-submit-loading", [".phx-submit-loading&", ".phx-submit-loading &"])), + plugin(({ addVariant }) => addVariant("phx-change-loading", [".phx-change-loading&", ".phx-change-loading &"])), // Embeds Heroicons (https://heroicons.com) into your app.css bundle // See your `CoreComponents.icon/1` for more information. // - plugin(function({matchComponents, theme}) { + plugin(function ({ matchComponents, theme }) { let iconsDir = path.join(__dirname, "./vendor/heroicons/optimized") let values = {} let icons = [ @@ -44,11 +49,11 @@ module.exports = { icons.forEach(([suffix, dir]) => { fs.readdirSync(path.join(iconsDir, dir)).forEach(file => { let name = path.basename(file, ".svg") + suffix - values[name] = {name, fullPath: path.join(iconsDir, dir, file)} + values[name] = { name, fullPath: path.join(iconsDir, dir, file) } }) }) matchComponents({ - "hero": ({name, fullPath}) => { + "hero": ({ name, fullPath }) => { let content = fs.readFileSync(fullPath).toString().replace(/\r?\n|\r/g, "") return { [`--hero-${name}`]: `url('data:image/svg+xml;utf8,${content}')`, @@ -62,7 +67,7 @@ module.exports = { "height": theme("spacing.5") } } - }, {values}) + }, { values }) }) ] } diff --git a/lib/radiator_web/components/layouts/app.html.heex b/lib/radiator_web/components/layouts/app.html.heex index e23bfc81..89e33730 100644 --- a/lib/radiator_web/components/layouts/app.html.heex +++ b/lib/radiator_web/components/layouts/app.html.heex @@ -1,31 +1,53 @@ -
-
-
- - - -

- v<%= Application.spec(:phoenix, :vsn) %> -

-
-
- - @elixirphoenix - - - GitHub - - - Get Started - -
-
+
+
-
+
<.flash_group flash={@flash} /> <%= @inner_content %>
diff --git a/lib/radiator_web/components/layouts/root.html.heex b/lib/radiator_web/components/layouts/root.html.heex index 3fa028f3..4aaa318f 100644 --- a/lib/radiator_web/components/layouts/root.html.heex +++ b/lib/radiator_web/components/layouts/root.html.heex @@ -4,55 +4,20 @@ - <.live_title suffix=" · Phoenix Framework"> + + + <.live_title suffix=" · Radiator 🔥"> <%= assigns[:page_title] || "Radiator" %> + - -
    - <%= if @current_user do %> -
  • - <%= @current_user.email %> -
    • -
  • - <.link - href={~p"/users/settings"} - class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700" - > - Settings - -
    • -
  • - <.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 - -
    • - <% else %> -
  • - <.link - href={~p"/users/register"} - class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700" - > - Register - -
    • -
  • - <.link - href={~p"/users/log_in"} - class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700" - > - Log in - -
    • - <% end %> -
+ <%= @inner_content %> diff --git a/lib/radiator_web/controllers/page_html/home.html.heex b/lib/radiator_web/controllers/page_html/home.html.heex index e9fc48df..33165007 100644 --- a/lib/radiator_web/controllers/page_html/home.html.heex +++ b/lib/radiator_web/controllers/page_html/home.html.heex @@ -1,222 +1,67 @@ <.flash_group flash={@flash} /> - -
-
- -

- Phoenix Framework - - v<%= Application.spec(:phoenix, :vsn) %> - -

-

- Peace of mind from prototype to production. +

+ +
+

Radiator 🔥

+

+ Podcasting for the next century of the internet

-

- Build rich, interactive web applications quickly, with less code and fewer moving parts. Join our growing community of developers using Phoenix to craft APIs, HTML5 apps and more, for fun or at scale. +

+ + GitHub +

-
-
-
- - - - - - Guides & Docs - - - - - - - - Source Code - - - - - - - - Changelog - - -
-
- - - - - -
-
-
-
-
+ + +
diff --git a/priv/static/images/header.jpg b/priv/static/images/header.jpg new file mode 100644 index 00000000..a53138d8 Binary files /dev/null and b/priv/static/images/header.jpg differ diff --git a/priv/static/images/header.webp b/priv/static/images/header.webp new file mode 100644 index 00000000..5e66dc1e Binary files /dev/null and b/priv/static/images/header.webp differ diff --git a/test/radiator_web/controllers/page_controller_test.exs b/test/radiator_web/controllers/page_controller_test.exs index 6b30683f..876679ac 100644 --- a/test/radiator_web/controllers/page_controller_test.exs +++ b/test/radiator_web/controllers/page_controller_test.exs @@ -3,6 +3,6 @@ defmodule RadiatorWeb.PageControllerTest do test "GET /", %{conn: conn} do conn = get(conn, ~p"/") - assert html_response(conn, 200) =~ "Peace of mind from prototype to production" + assert html_response(conn, 200) =~ "Radiator" end end