chore: more logos

ash-project · Jan 18, 2025 · 1efd88e · 1efd88e
1 parent 586b233
commit 1efd88e
Show file tree

Hide file tree

Showing 11 changed files with 256 additions and 67 deletions.
diff --git a/.tool-versions b/.tool-versions
@@ -1,3 +1,3 @@
-elixir 1.18.0
+elixir 1.18.1
 nodejs 18.12.0
 erlang 27.1.2
diff --git a/lib/ash_hq/docs/extensions/render_markdown/post_processors/highlighter.ex b/lib/ash_hq/docs/extensions/render_markdown/post_processors/highlighter.ex
@@ -5,7 +5,7 @@ defmodule AshHq.Docs.Extensions.RenderMarkdown.PostProcessors.Highlighter do
 
   use AshHqWeb, :verified_routes
 
-  def highlight(ast, libraries, current_library, _current_module) do
+  def highlight(ast, _libraries, _current_library, _current_module) do
     ast
   end
 end
diff --git a/lib/ash_hq_web/templates/home/community.html.heex b/lib/ash_hq_web/templates/home/community.html.heex
@@ -26,12 +26,11 @@
           The Ash Community
         </div>
         <div class="text-2xl font-light text--white max-w-4xl mx-auto px-4 md:px-0 mt-4 text-center">
-          A thriving group of
-            <span class="text-primary-dark-400">friendly folks</span>
+          A thriving group of <span class="text-primary-dark-400">friendly folks</span>
           ready to welcome developers at
-            <span class="text-primary-dark-400">all skill levels.</span>
+          <span class="text-primary-dark-400">all skill levels.</span>
           All questions, ideas and contributions are valuable, so
-            <span class="text-primary-dark-400">join in!</span>
+          <span class="text-primary-dark-400">join in!</span>
         </div>
         <div class="grid justify-center grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 py-6 text-center mx-8 gap-16  mt-2 border-t border-t-gray-600 pt-16">
           <div class="flex flex-col items-center">
@@ -80,7 +79,7 @@
 
           <div class="flex flex-col items-center">
             <div class="w-16 h-16">
-              <img src="images/elixir-forum.png"/>
+              <img src="images/elixir-forum.png" />
             </div>
             <a
               href="https://elixirforum.com/ash"
@@ -102,7 +101,6 @@
                   d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"
                 />
               </svg>
-
             </a>
             <div class="text-xl mt-4">
               The Ash section on Elixir Forum is the perfect place to ask questions or see what other people have been building.
@@ -111,37 +109,37 @@
 
           <div class="flex flex-col items-center">
             <div class="w-16 h-16">
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  x="0px"
-                  y="0px"
-                  width="80"
-                  height="80"
-                  viewBox="0,0,256,256"
-                >
-                  <g transform="translate(-51.2,-51.2) scale(1.4,1.4)">
-                    <g
-                      fill="#2DBA4E"
-                      fill-rule="nonzero"
-                      stroke="none"
-                      stroke-width="1"
-                      stroke-linecap="butt"
-                      stroke-linejoin="miter"
-                      stroke-miterlimit="10"
-                      stroke-dasharray=""
-                      stroke-dashoffset="0"
-                      font-family="none"
-                      font-weight="none"
-                      font-size="none"
-                      text-anchor="none"
-                      style="mix-blend-mode: normal"
-                    >
-                      <g transform="scale(3.55556,3.55556)">
-                        <path d="M36,12c13.255,0 24,10.745 24,24c0,10.656 -6.948,19.685 -16.559,22.818c0.003,-0.009 0.007,-0.022 0.007,-0.022c0,0 -1.62,-0.759 -1.586,-2.114c0.038,-1.491 0,-4.971 0,-6.248c0,-2.193 -1.388,-3.747 -1.388,-3.747c0,0 10.884,0.122 10.884,-11.491c0,-4.481 -2.342,-6.812 -2.342,-6.812c0,0 1.23,-4.784 -0.426,-6.812c-1.856,-0.2 -5.18,1.774 -6.6,2.697c0,0 -2.25,-0.922 -5.991,-0.922c-3.742,0 -5.991,0.922 -5.991,0.922c-1.419,-0.922 -4.744,-2.897 -6.6,-2.697c-1.656,2.029 -0.426,6.812 -0.426,6.812c0,0 -2.342,2.332 -2.342,6.812c0,11.613 10.884,11.491 10.884,11.491c0,0 -1.097,1.239 -1.336,3.061c-0.76,0.258 -1.877,0.576 -2.78,0.576c-2.362,0 -4.159,-2.296 -4.817,-3.358c-0.649,-1.048 -1.98,-1.927 -3.221,-1.927c-0.817,0 -1.216,0.409 -1.216,0.876c0,0.467 1.146,0.793 1.902,1.659c1.594,1.826 1.565,5.933 7.245,5.933c0.617,0 1.876,-0.152 2.823,-0.279c-0.006,1.293 -0.007,2.657 0.013,3.454c0.034,1.355 -1.586,2.114 -1.586,2.114c0,0 0.004,0.013 0.007,0.022c-9.61,-3.133 -16.558,-12.162 -16.558,-22.818c0,-13.255 10.745,-24 24,-24z" />
-                      </g>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                x="0px"
+                y="0px"
+                width="80"
+                height="80"
+                viewBox="0,0,256,256"
+              >
+                <g transform="translate(-51.2,-51.2) scale(1.4,1.4)">
+                  <g
+                    fill="#2DBA4E"
+                    fill-rule="nonzero"
+                    stroke="none"
+                    stroke-width="1"
+                    stroke-linecap="butt"
+                    stroke-linejoin="miter"
+                    stroke-miterlimit="10"
+                    stroke-dasharray=""
+                    stroke-dashoffset="0"
+                    font-family="none"
+                    font-weight="none"
+                    font-size="none"
+                    text-anchor="none"
+                    style="mix-blend-mode: normal"
+                  >
+                    <g transform="scale(3.55556,3.55556)">
+                      <path d="M36,12c13.255,0 24,10.745 24,24c0,10.656 -6.948,19.685 -16.559,22.818c0.003,-0.009 0.007,-0.022 0.007,-0.022c0,0 -1.62,-0.759 -1.586,-2.114c0.038,-1.491 0,-4.971 0,-6.248c0,-2.193 -1.388,-3.747 -1.388,-3.747c0,0 10.884,0.122 10.884,-11.491c0,-4.481 -2.342,-6.812 -2.342,-6.812c0,0 1.23,-4.784 -0.426,-6.812c-1.856,-0.2 -5.18,1.774 -6.6,2.697c0,0 -2.25,-0.922 -5.991,-0.922c-3.742,0 -5.991,0.922 -5.991,0.922c-1.419,-0.922 -4.744,-2.897 -6.6,-2.697c-1.656,2.029 -0.426,6.812 -0.426,6.812c0,0 -2.342,2.332 -2.342,6.812c0,11.613 10.884,11.491 10.884,11.491c0,0 -1.097,1.239 -1.336,3.061c-0.76,0.258 -1.877,0.576 -2.78,0.576c-2.362,0 -4.159,-2.296 -4.817,-3.358c-0.649,-1.048 -1.98,-1.927 -3.221,-1.927c-0.817,0 -1.216,0.409 -1.216,0.876c0,0.467 1.146,0.793 1.902,1.659c1.594,1.826 1.565,5.933 7.245,5.933c0.617,0 1.876,-0.152 2.823,-0.279c-0.006,1.293 -0.007,2.657 0.013,3.454c0.034,1.355 -1.586,2.114 -1.586,2.114c0,0 0.004,0.013 0.007,0.022c-9.61,-3.133 -16.558,-12.162 -16.558,-22.818c0,-13.255 10.745,-24 24,-24z" />
                     </g>
                   </g>
-                </svg>
+                </g>
+              </svg>
             </div>
             <a
               href="https://discord.gg/w3AXeARR2p"
@@ -188,7 +186,6 @@
             <% end %>
           </div>
         </div>
-
       </div>
     </div>
   </div>

diff --git a/lib/ash_hq_web/templates/home/home.html.heex b/lib/ash_hq_web/templates/home/home.html.heex
@@ -84,14 +84,14 @@
     <div class="flex flex-col justify-center mt-2">
       <label for="app-name">Project Name</label>
       <div>
-      <input
-        type="text"
-        id="app-name"
-        value={@app_name}
-        class="text-white bg-transparent mt-1 w-64 rounded-lg p-2 shadow-[0_0_20px_#FF5757] ring-1 border-0 outline-none ring ring-[#FF5757] mb-3 text-center"
-        placeholder="Project Name"
-        oninput="window.appNameChanged(this)"
-      />
+        <input
+          type="text"
+          id="app-name"
+          value={@app_name}
+          class="text-white bg-transparent mt-1 w-64 rounded-lg p-2 shadow-[0_0_20px_#FF5757] ring-1 border-0 outline-none ring ring-[#FF5757] mb-3 text-center"
+          placeholder="Project Name"
+          oninput="window.appNameChanged(this)"
+        />
       </div>
     </div>
 
@@ -248,23 +248,33 @@
       <img src="https://livebook.dev/badge/v1/pink.svg" alt="Run in Livebook" />
     </a>
   </div>
-</div>
 
-<%!-- <div --%>
-<%!--   id="logos" --%>
-<%!--   class="max-w-5xl mx-auto text-center lg:px-8 backdrop-blur-lg bg-slate-950/50 rounded-2xl border border-primary-light-500/30 p-4" --%>
-<%!-- > --%>
-<%!--   <h2 class="text-3xl font-bold text-primary-light-200">Trusted in production!</h2> --%>
-<%!--   <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 mt-6"> --%>
-<%!--     <img src="/images/company1-logo.svg" alt="Company 1" class="w-24 mx-auto" /> --%>
-<%!--     <img src="/images/company2-logo.svg" alt="Company 2" class="w-24 mx-auto" /> --%>
-<%!--     <img src="/images/company3-logo.svg" alt="Company 3" class="w-24 mx-auto" /> --%>
-<%!--     <img src="/images/company4-logo.svg" alt="Company 4" class="w-24 mx-auto" /> --%>
-<%!--     <img src="/images/company5-logo.svg" alt="Company 5" class="w-24 mx-auto" /> --%>
-<%!--     <img src="/images/company6-logo.svg" alt="Company 6" class="w-24 mx-auto" /> --%>
-<%!--     <img src="/images/company7-logo.svg" alt="Company 7" class="w-24 mx-auto" /> --%>
-<%!--     <img src="/images/company8-logo.svg" alt="Company 8" class="w-24 mx-auto" /> --%>
-<%!--     <img src="/images/company9-logo.svg" alt="Company 9" class="w-24 mx-auto" /> --%>
-<%!--     <img src="/images/company10-logo.svg" alt="Company 10" class="w-24 mx-auto" /> --%>
-<%!--   </div> --%>
-<%!-- </div> --%>
+  <div class="mt-12">
+    <div class="max-w-5xl mx-auto text-center">
+      <h1 class="text-3xl sm:text-4xl font-bold mb-6 bg-gradient-to-r from-primary-light-400 via-primary-dark-500 to-primary-light-600 bg-clip-text text-transparent drop-shadow-[0_0_10px_rgba(255,87,87,0.3)]">
+        Trusted
+        <span class="bg-gradient-to-r from-primary-dark-500 to-primary-light-500 bg-clip-text text-transparent">
+          in production
+        </span>
+      </h1>
+      <div class="bg-slate-950/50 overflow-hidden sm:mx-0 sm:rounded-2xl md:grid-cols-4 backdrop-blur-lg">
+        <div class={"grid #{logos_grid()} gap-0.5 justify-center justify-items-center mt-12"}>
+          <%= for {name, %{href: href, src: src}} <- logos() do %>
+            <%= if name == :placeholder do %>
+              <div/>
+            <% else %>
+              <a
+                href={href}
+                title={name}
+                alt={name}
+                class="p-4"
+              >
+              <img class="h-8" src={src} />
+              </a>
+            <% end %>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/lib/ash_hq_web/templates/layout/root.html.heex b/lib/ash_hq_web/templates/layout/root.html.heex
@@ -9,8 +9,15 @@
       {assigns[:page_title] || "Ash Framework"}
     </.live_title>
     <%= if Application.get_env(:ash_hq, :analytics?) do %>
-<script defer data-domain="ash-hq.org" src="https://plausible.io/js/script.outbound-links.js"></script>
-<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
+      <script
+        defer
+        data-domain="ash-hq.org"
+        src="https://plausible.io/js/script.outbound-links.js"
+      >
+      </script>
+      <script>
+        window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }
+      </script>
     <% end %>
 
     <meta property="og:type" content="text/html" />

diff --git a/lib/ash_hq_web/views/home_view.ex b/lib/ash_hq_web/views/home_view.ex
@@ -16,6 +16,68 @@ defmodule AshHqWeb.HomeView do
 
   @coming_soon [:oban, :opentelemetry, :appsignal]
 
+  defp logos_grid, do: "grid-cols-3"
+
+  defp logos do
+    [
+      # Daylite: %{
+      #   href: "www.daylite.app",
+      #   src: "/images/daylite-logo.svg"
+      # },
+      Heretask: %{href: "https://www.heretask.com/", src: "/images/heretask-logo-light.svg"},
+      Alembic: %{href: "https://www.alembic.com.au", src: "images/alembic.svg"},
+      GroupFlow: %{href: "https://www.groupflow.app", src: "/images/group-flow-logo.svg"},
+      Zoonect: %{href: "https://www.zoonect.com/en/homepage", src: "/images/zoonect-dark.svg"},
+      Coinbits: %{href: "https://coinbits.app", src: "/images/coinbits-logo.png"},
+      "Wintermeyer Consulting": %{
+        href: "https://www.wintermeyer-consulting.de/",
+        src: "/images/wintermeyer-logo-dark.svg"
+      },
+      # placeholder: %{href: "", src: ""},
+      "Self Storage Leads": %{href: "#", src: "/images/self-storage-leads-logo-light.svg"}
+      # placeholder: %{href: "", src: ""}
+    ]
+    |> insert_placeholders(logos_grid())
+  end
+
+  defp insert_placeholders(items, class) do
+    count =
+      class
+      |> String.reverse()
+      |> Integer.parse()
+      |> elem(0)
+      |> Integer.digits()
+      |> Enum.reverse()
+      |> Enum.join("")
+      |> String.to_integer()
+
+    [first | rest] =
+      items
+      |> Enum.chunk_every(count)
+      |> Enum.reverse()
+
+    needed = count - Enum.count(first)
+
+    left = div(needed, 2)
+
+    right =
+      if rem(count, 2) == 1 do
+        left + 1
+      else
+        left
+      end
+
+    new_first =
+      Enum.concat([
+        Stream.duplicate({:placeholder, %{href: "", src: ""}}, left),
+        first,
+        Stream.duplicate({:placeholder, %{href: "", src: ""}}, right)
+      ])
+
+    Enum.reverse([new_first | rest])
+    |> List.flatten()
+  end
+
   defp features do
     [
       Web: [

diff --git a/priv/.DS_Store b/priv/.DS_Store
diff --git a/priv/static/.DS_Store b/priv/static/.DS_Store
diff --git a/priv/static/images/.DS_Store b/priv/static/images/.DS_Store