diff --git a/assets/css/app.css b/assets/css/app.css index 378c8f9..426111f 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1,5 +1,34 @@ -@import "tailwindcss/base"; -@import "tailwindcss/components"; -@import "tailwindcss/utilities"; +@layer theme, layout; -/* This file is for your main application CSS */ +@font-face { + font-family: "BerkeleyMono"; + src: url("/assets/BerkeleyMonoVariable-Regular") format("woff2"); +} + +@font-face { + font-family: "BerkeleyMonoItalic"; + src: url("/assets/BerkeleyMonoVariable-Italic") format("woff2"); +} + +@layer theme { + :root { + --header-font: BerkeleyMono; + --body-font: BerkeleyMono; + --main-accent-color: #ff0095; + --main-background-color: #001626; + --main-text-color: #ffffff; + + --default-grid-repeat: 3; + --default-grid-gap: 3vmax; + --fluid-min: 35ch; + } +} + +@layout layout { +} + +body { + color: var(--main-text-color); + background: var(--main-background-color); + font: BerkeleyMono; +} diff --git a/lib/jol_web/components/layouts/app.html.heex b/lib/jol_web/components/layouts/app.html.heex index e23bfc8..0132b69 100644 --- a/lib/jol_web/components/layouts/app.html.heex +++ b/lib/jol_web/components/layouts/app.html.heex @@ -1,32 +1,6 @@ -
-
-
- - - -

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

-
- -
+
+ Jessica Phoenix Canady
-
-
- <.flash_group flash={@flash} /> - <%= @inner_content %> -
+
+ <%= @inner_content %>
diff --git a/lib/jol_web/components/layouts/root.html.heex b/lib/jol_web/components/layouts/root.html.heex index 46969d2..199aeb1 100644 --- a/lib/jol_web/components/layouts/root.html.heex +++ b/lib/jol_web/components/layouts/root.html.heex @@ -4,8 +4,8 @@ - <.live_title suffix=" · Phoenix Framework"> - <%= assigns[:page_title] || "JOL" %> + <.live_title suffix=" · Jessica Phoenix Canady"> + <%= assigns[:page_title] || "Jessica Online Untitled Page" %>