WIP

.formatter.exs

@@ -16,7 +16,7 @@
     "priv/scripts/**/*.{ex,exs}",
     "{config,lib,test}/**/*.{ex,exs}"
   ],
-  plugins: [Spark.Formatter],
+  plugins: [Spark.Formatter, Phoenix.LiveView.HTMLFormatter],
   subdirectories: ["priv/*/migrations"],
   locals_without_parens: [
     has_name_attribute?: 1,

.tool-versions

@@ -1,3 +1,3 @@
-elixir 1.15.4
+elixir 1.18.0
 nodejs 18.12.0
-erlang 26.0.2
+erlang 27.1.2

Dockerfile

@@ -4,8 +4,6 @@ USER root
 RUN apt-get update
 RUN apt-get install -y wget
 RUN apt-get install -y gnupg
-RUN wget https://packages.erlang-solutions.com/erlang-solutions_2.0_all.deb
-RUN dpkg -i erlang-solutions_2.0_all.deb
 RUN apt-get update
 RUN apt-get install -y git
 RUN apt-get install -y gcc
@@ -14,7 +12,6 @@ RUN apt-get install -y make
 RUN apt-get install -y curl
 RUN apt-get install -y build-essential
 ENV DEBIAN_FRONTEND=noninteractive
-RUN apt-get install -y esl-erlang
 RUN apt-get install -y apt-transport-https
 RUN apt-get install -y ca-certificates
 RUN apt-get install -y fuse3 libfuse3-dev libglib2.0-dev
@@ -27,7 +24,7 @@ RUN apt-get update
 RUN apt-get install -y nodejs
 RUN npm install --global yarn
 RUN mix local.hex --force && \
-  mix local.rebar --force
+    mix local.rebar --force
 ENV MIX_ENV=prod
 COPY ./assets/package.json assets/package.json
 COPY ./assets/package-lock.json assets/package-lock.json
@@ -36,7 +33,6 @@ COPY ./mix.exs .
 COPY ./mix.lock .
 COPY ./config/config.exs config/config.exs
 COPY ./config/prod.exs config/prod.exs
-COPY ./assets/tailwind.colors.json ./assets/tailwind.colors.json
 RUN mix deps.get
 RUN mix deps.compile
 COPY ./lib ./lib

assets/css/app.css

@@ -15,10 +15,6 @@
   max-width: 500px;
 }
 
-.search-hit {
-  @apply text-primary-light-500 dark:text-primary-dark-300
-}
-
 @layer components {
   .prose li p {
     @apply m-0;
@@ -147,3 +143,19 @@ html {
     max-height: calc(100vh - 5rem);
   }
 }
+
+/*.perspective-grid {*/
+/*  background-image: repeating-linear-gradient(90deg, rgba(188,19,254,0.1) 0%, rgba(188,19,254,0.1) 1%, transparent 1%, transparent 50%),*/
+/*                  repeating-linear-gradient(180deg, rgba(188,19,254,0.1) 0%, rgba(188,19,254,0.1) 1%, transparent 1%, transparent 50%);*/
+/*  background-size: 100px 100px;*/
+/*  transform: perspective(500px) rotateX(60deg);*/
+/*  transform-origin: bottom;*/
+/*}*/
+
+.perspective-grid {
+  background-image: repeating-linear-gradient(90deg, rgba(200,50,50,0.2) 0%, rgba(200,50,50,0.2) 1%, transparent 1%, transparent 50%),
+                  repeating-linear-gradient(180deg, rgba(200,50,50,0.2) 0%, rgba(200,50,50,0.2) 1%, transparent 1%, transparent 50%);
+  background-size: 100px 100px;
+  transform: perspective(500px) rotateX(60deg);
+  transform-origin: bottom;
+}