feat: footer

abehidek · Nov 30, 2023 · e752768 · e752768
1 parent 18784da
commit e752768
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 10 deletions.
diff --git a/lib/hidek_xyz_web/components/layouts/live.html.heex b/lib/hidek_xyz_web/components/layouts/live.html.heex
@@ -1,5 +1,5 @@
 <header class="flex flex-wrap flex-row items-center justify-between text-xl py-2">
-  <h1 class="font-bold text-2xl">
+  <h1 class="font-bold text-xl sm:text-2xl">
     <.link navigate={~p"/"}>
       new.hidek.xyz
     </.link>
@@ -10,7 +10,6 @@
         content
       </.link>
     </p>
-    <a href="https://github.com/abehidek" target="_blank" rel="noreferrer">github</a>
     <div>
       <%= live_render(@socket, HidekXyzWeb.AppUsersLive,
         sticky: true,

diff --git a/lib/hidek_xyz_web/components/layouts/root.html.heex b/lib/hidek_xyz_web/components/layouts/root.html.heex
@@ -15,15 +15,34 @@
       rel="stylesheet"
     />
 
-    <%!-- <link
-      phx-track-static
-      rel="stylesheet"
-      href={~p"/assets/node_modules/@fontsource/zen-kaku-gothic-new/index.css"}
-    /> --%>
     <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
     </script>
   </head>
-  <body class="bg-[#101414] text-white antialiased mx-auto max-w-4xl px-4 py-6 sm:px-6 lg:px-8 font-sans">
-    <%= @inner_content %>
+  <body class="bg-[#101414] text-white antialiased font-sans relative min-h-screen">
+    <div class="mx-auto max-w-4xl px-4 py-6 sm:px-6 lg:px-8 pb-60">
+      <%= @inner_content %>
+    </div>
+    <footer class="absolute w-full bottom-0 left-0 text-gray-300">
+      <div class="mx-auto max-w-4xl px-4 py-6 sm:px-6 lg:px-8 flex flex-col gap-2 h-full">
+        <div class="w-full flex flex-wrap justify-between text-lg">
+          <div class="flex flex-wrap gap-2">
+            <a href="https://twitter.com/guilhermehabe" target="_blank" rel="noreferrer">
+              𝕏
+            </a>
+            <a href="https://github.com/abehidek" target="_blank" rel="noreferrer">GitHub</a>
+            <a href="https://www.linkedin.com/in/guilhermehabe" target="_blank" rel="noreferrer">
+              Linkedin
+            </a>
+          </div>
+          <div class="flex flex-wrap gap-2">
+            <.link href={~p"/rss.xml"}>rss.xml</.link>
+          </div>
+        </div>
+        <div class="w-full flex flex-wrap justify-between text-md">
+          <p></p>
+          <p>@ 2023 - Abe Guilherme Hidek</p>
+        </div>
+      </div>
+    </footer>
   </body>
 </html>
diff --git a/lib/hidek_xyz_web/live/index_live.ex b/lib/hidek_xyz_web/live/index_live.ex
@@ -24,7 +24,7 @@ defmodule HidekXyzWeb.IndexLive do
           </div>
         </div>
         <div class="w-full">
-          <img class="w-full bg-gray-950 p-20" src="/images/logo-3-inverted.svg" alt="logo" />
+          <img class="w-full bg-gray-950 p-10 sm:p-20" src="/images/logo-3-inverted.svg" alt="logo" />
         </div>
       </div>
     </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,7 +24,7 @@ defmodule HidekXyzWeb.IndexLive do @@
               </div>
             </div>
             <div class="w-full">
-              <img class="w-full bg-gray-950 p-20" src="/images/logo-3-inverted.svg" alt="logo" />
+              <img class="w-full bg-gray-950 p-10 sm:p-20" src="/images/logo-3-inverted.svg" alt="logo" />
             </div>
           </div>
         </div>
@@ Expand Down @@