Changing Title Font

CHANGELOG.md

@@ -1,16 +1,17 @@
-# CHANGELOG (v0.1.3)
+# CHANGELOG (v0.1.4)
 
-## 0.1.3 (2025-08-02)
+## 0.1.4 ()
 
-### Backwards incompatible changes for 0.1.2
+### Backwards incompatible changes for 0.1.3
  * None
 
 ### Bug fixes
  * None
 
 ### Enhancements
- * Adjusted Logger messages
+ * [[`PR-6`](https://github.com/thiagoesteves/observer_web/pull/6)] Adjusted Observer Web Font
 
 # Previous Releases
- * [0.1.2 🚀 (2025-01-06)](https://github.com/thiagoesteves/observer_web/blob/v0.1.2/CHANGELOG.md)
+ * [0.1.3 🚀 (2025-02-08)](https://github.com/thiagoesteves/observer_web/blob/v0.1.3/CHANGELOG.md)
+ * [0.1.2 🚀 (2025-02-08)](https://github.com/thiagoesteves/observer_web/blob/v0.1.2/CHANGELOG.md)
  * [0.1.0 🚀 (2025-01-06)](https://github.com/thiagoesteves/observer_web/blob/v0.1.0/CHANGELOG.md)

assets/css/app.css

@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
+
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";

assets/tailwind.config.js

@@ -5,7 +5,8 @@ module.exports = {
   theme: {
     fontFamily: {
       sans: ["Inter var", "sans-serif"],
-      mono: ["Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"]
+      mono: ["Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"],
+      oswald: ["Oswald"]
     },
     extend: {
       spacing: {

lib/web/components/icons.ex

@@ -10,15 +10,13 @@ defmodule Observer.Web.Components.Icons do
       <% :logo -> %>
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          width="48"
-          height="48"
-          viewBox="0 0 36 36"
+          viewBox="0 0 24 24"
           fill="none"
           stroke="currentColor"
           stroke-width="2"
           stroke-linecap="round"
           stroke-linejoin="round"
-          class="icon icon-tabler icons-tabler-outline icon-tabler-topology-full"
+          class="flex-shrink-0 w-12 h-12"
         >
           <path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M20 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z" /><path d="M8 18a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z" /><path d="M8 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z" /><path d="M20 6a2 2 0 1 0 -4 0a2 2 0 0 0 4 0z" /><path d="M6 8v8" /><path d="M18 16v-8" /><path d="M8 6h8" /><path d="M16 18h-8" /><path d="M7.5 7.5l9 9" /><path d="M7.5 16.5l9 -9" />
         </svg>

lib/web/components/layouts.ex

@@ -33,10 +33,10 @@ defmodule Observer.Web.Layouts do
       <div>
         <Icons.content name={:logo} />
       </div>
-      <h3 class="class items-center text-2xl  font-bold tracking-tight text-gray-900">
-        <span class="block">
+      <h3 class="class ml-2 items-center tracking-tight text-gray-900">
+        <span class="block text-4xl font-oswald">
           Observer
-          <span class="text-transparent bg-clip-text bg-gradient-to-tr to-cyan-500 from-blue-600">
+          <span class="text-transparent text-4xl font-bold bg-clip-text bg-gradient-to-tr to-cyan-500 from-blue-600">
             WEB
           </span>
         </span>