Fix DYA content styles

BrooklinJazz · BrooklinJazz · commit a23ed860c226 · 2023-04-10T01:29:59.000-07:00
diff --git a/assets/css/markdown.css b/assets/css/markdown.css
@@ -46,9 +46,8 @@ latex-js, .markdown code.inline {
     @apply p-4 w-full;
 }
 
-
-.markdown a {
-    @apply mt-6;
+.markdown pre code {
+    @apply bg-gray-800 block w-full p-4 my-10 rounded-lg
 }
 
 .markdown li {
@@ -71,4 +70,5 @@ latex-js, .markdown code.inline {
 
 .markdown td a {
     text-decoration: underline;
-}
+}
+
diff --git a/lib/elixir_newbie/academy_content/lesson.ex b/lib/elixir_newbie/academy_content/lesson.ex
@@ -37,7 +37,7 @@ defmodule ElixirNewbie.AcademyContent.Lesson do
   end
 
   defp latex_expressions(text) do
-    Regex.replace(~r/\$(.|\n)*\$/U, text, fn full ->
+    Regex.replace(~r/\$.*\$/U, text, fn full ->
       """
       <latex-js>
         #{full}
diff --git a/lib/elixir_newbie/podcast.ex b/lib/elixir_newbie/podcast.ex
@@ -3,9 +3,9 @@ defmodule ElixirNewbie.Podcast do
   Podcast Context
   """
 
+  alias ElixirNewbie.Podcast.Formatter
   alias ElixirNewbie.Podcast.PodcastAPI
   alias ElixirNewbie.Podcast.PodcastEpisode
-  alias ElixirNewbie.Podcast.Formatter
 
   @doc """
   List all podcast episodes as PodcastEpisode structs.
diff --git a/lib/elixir_newbie_web/components/layouts/root.html.heex b/lib/elixir_newbie_web/components/layouts/root.html.heex
@@ -19,6 +19,7 @@
       import { LaTeXJSComponent } from "https://cdn.jsdelivr.net/npm/latex.js/dist/latex.mjs"
       customElements.define("latex-js", LaTeXJSComponent)
     </script>
+    <link href="https://cdn.jsdelivr.net/npm/remixicon@3.0.0/fonts/remixicon.css" rel="stylesheet">
   </head>
   <body class="bg-black bg-no-repeat bg-cover bg-top antialiased font-serif min-h-screen">
     <%= @inner_content %>
diff --git a/lib/elixir_newbie_web/live/content_live.ex b/lib/elixir_newbie_web/live/content_live.ex
@@ -5,7 +5,7 @@ defmodule ElixirNewbieWeb.ContentLive do
     ~H"""
     <section class="min-h-screen bg-black text-white">
       <.navigation />
-      <section class="mx-auto w-2/3">
+      <section class="mx-auto w-2/3 pb-24">
         <a class="mb-10 block rounded-lg bg-gray-500 p-6 text-2xl hover:opacity-75" href={@badge_url}>Run in Livebook</a>
         <div class="markdown">
           <%= raw @lesson.body%>
